At UNITiD we spend quite some time improving the way we design our products. Good tools save us time. Here we share some of our software, scripts, templates and other stuff we could not find on the internet, so made ourselves. If you are an interaction or visual designer, you might like to try them. If you know more, or better tools, feel free to leave a comment!
If you design digital products, you will be confronted with slicing and exporting your visual assets so a developer can implement your design. If you are still in the prototype phase, please check out our popular prototype-tool: TAP for Fireworks.
Achter de schermen zijn we er al even mee bezig, maar nu is het zo ver. We hebben Windows Phone Patterns, het zusje van het succesvolle Android Patterns, gelanceerd! De site is met name bestemd voor collega interactie ontwerpers, maar ook developers zijn natuurlijk helemaal welkom.
Responsive web design was één van de buzzwords van 2011 en we hebben het gevoel dat we er in 2012 en daarna veel meer van gaan horen. Het besef wordt namelijk steeds groter dat content in willekeurige volgorde gedeeld wordt tussen mobiel, tablet en desktop en het dus belangrijk is dat de content op alle devices goed zichtbaar moet zijn. (Wij hebben onze aanpak en een aantal cases voor je op een rijtje gezet.)
Het voordeel van Responsive web design is dat de klant niet meer perse voor ieder apparaat een aparte app of website hoeft te laten maken en het dus kosten kan besparen. Voor bezoekers van websites is het fijn omdat de website op ieder apparaat dat ze in handen hebben goed te bekijken is.
Als interactie ontwerpers zijn we behoorlijk druk met het uitzoeken hoe we allerlei functionaliteiten en structuren moeten werken in apps. Dit doen we onder andere door draadmodellen van apps op te zetten en deze te beoordelen, te testen en steeds opnieuw aan te passen. We zetten deze wireframes dus liefst zo snel mogelijk in elkaar, zodat we genoeg tijd hebben om na te denken over hoe de puzzelstukjes van het ontwerp perfect op hun plek vallen.
This tutorial shows you how to use our method to make your Fireworks prototype work for the Apple iPhone and iPad. We call the method TAP. It is an updated version of our earlier work, found on our website, or at the Adobe Developers Connection. We added quite a lot of features. The most important being able to use page transitions, swipes (by using the jQTouch jQuery plugin) and caching of the application.
Other very useful tutorials can be found on Smashing Magazine, part 1, 2 and 3. For transitions, check out tapotype.com. If you need to prototype a Teleportation app, check out this manual.
It is recommended to read through this article to understand what TAP is and what it can do.
Lees verder »
This page is also available in dutch
We have been working on it for a while, and it will be ‘work in progress’ for a while longer, but it does deserve a blog post by now: our Interaction Pattern Library for Android on androidpatterns.com. Designers and developers have already noticed the website. We are receiving over 40,000 visitors monthly from 137 countries and that number is steadily growing. Why did we start this project? And what can the world do with it? A short history…
BlackBerry has started a serious competition with iPhone and Google Android, after reports on decreasing customer satisfaction in 2010. Competitors offer easy to use touchscreen devices, good browsing and great 3rd party apps. With recently launched BlackBerry 6 OS, new devices like Torch and announced releases of Torch 2 and Dakota, BlackBerry seems to be taking big steps to catch up. We’ll be curious to see what the future holds for BlackBerry.
This page is also available in English
We zijn er al een tijdje mee bezig, en het zal voorlopig een work in progress-project blijven, maar het verdient inmiddels wel een blog post: onze Interaction Pattern Library voor Android op androidpatterns.com. Designers en ontwikkelaars hebben deze site inmiddels al opgepikt. We tellen ruim 3000 bezoekers maandelijks vanuit uit 77 landen en dat aantal neemt gestaag toe. Waarom zijn we aan dit project begonnen? En wat heeft de wereld er aan? Een kleine geschiedenis…
Updated 14th of July 2012!
This post is for all interaction designers out there using OmniGraffle. Most of us use OmniGraffle for making flows and documenting wireframes (documenting, not drawing, but that is another post) and our documents tend to get long, like over 50 pages. A table of contents would be nice, but this button is nonexistent in OG…. Since I started using OmniGraffle a few years ago I already was searching the web for a solution, but found nothing really useful until last week. I improved the method and now it is possible to create a ToC in a single click. Great until OmniGraffle 6 comes out (it is in there, right?).
Are you starting with interaction design for Android – like we are – then there are a number of useful resources to help you out. We couldn’t yet find a Fireworks template, so we have made one ourselves and want to share it here. In this Fireworks template the Android user interface elements have been redrawn as vector images. In the folders the elements have been mostly labeled according to the Android vocabulary.
