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.
For all interaction designers who will be designing apps for the BlackBerry platform, we’d like to share our Fireworks template. The template is made for BlackBerry devices with resolution 640×480 but as all UI elements are vector images they can easily be resized.
Natural User Interfaces, de nieuwe ontwikkeling in de wereld van interaction design. Touchscreen producten zoals iPhone en de Microsoft Surface zijn voorbeelden van een meer natuurlijke interactie; met de vingers, met beide handen. Natural User Interfaces was ook het onderwerp van de Design by Fire editie 2010, afgelopen woensdag in Pakhuis De Zwijger in Amsterdam. Hier verzamelden zich vele interaction designers voor een dag van nieuwe inzichten en inspiratie.
Bill Buxton bij Design by Fire
Bill Buxton van Microsoft Research startte de dag voor een wakker en fris publiek en vertelde over de eerste smartphone, the long nose, de auto van nu en het huis van de toekomst. Zijn ontwikkelingen zoals touchscreen technologie echt zo nieuw als ze lijken? En hoe kunnen we leren van onderzoek en productontwep uit het verleden? Bill Buxton deelde zijn visie hierover.
Ook bij UNITiD hebben we natuurlijk reikhalzend uitgekeken naar de presentatie van Apple’s iPad. Ook al omdat we voor een aantal van onze klanten bezig zijn met het ontwerpen van iPad applicaties. Inmiddels is de helft van ons kantoor veranderd in een ‘war room’ voor het ontwerpen van magazines voor de iPad. Nieuwe ideeën over interacties en schetsen van schermlayouts behangen hier de muren. We zijn er ontzettend druk mee, en laten ons inspireren door de demovideo’s van magazines op iPad (en andere tablets) die op het internet circuleren. Die willen we graag delen. Hier een aantal van de mooiste demo’s van digitale magazines die we tot nu toe tegen zijn gekomen.
WIRED’s digitale magazine
In februari presenteerden WIRED en Adobe hun tablet versie van WIRED magazine. Een prachtige werkende applicatie voor tablets met Adobe AIR. Video, animatie en slimme interacties laten zien wat digitale magazines ons binnenkort gaan brengen.
Heb je een database met locatiegegevens? Dan kun je nu met MAPPS een handige iPhone app aan je klanten aanbieden. Met MAPPS kunnen je klanten altijd en overal de informatie vinden die ze nodig hebben. Uiteraard kan een eigen huisstijl worden toegepast, zodat elke MAPSS applicatie uniek is! MAPPS voor:
Waar is hier een Volkswagen dealer te vinden?
In welke tent treedt mijn favoriete festival artiest op?
Waar vind ik het voordeligste product?
Is er een zwembad op loopafstand?
Voor MIMOA werkt UNITiD nu aan een iPhone app met MAPPS, zodat gebruikers overal en altijd toegang hebben tot de allernieuwste architectuurprojecten.
On Graffletopia we found an Omnigraffle stencil with various hand movements for touchscreen interfaces by Dan Saffer. Which comes in handy for everyone who isn’t great at drawing hands, like me! The only downside: the images weren’t entirely transparant and the colors not editable. This is why we made a vector version of the stencil in which you can adjust colors, line weight, etc exactly to your own wishes. You can also make the hands partly transparant so they don’t cover up too much of your designs.
Afgelopen maandag mocht ik presenteren bij het Design by Fire café in Utrecht. Het was gezellig vol in Café Midi. Onderwerp van de presentatie was Ontwerpen voor Android (vs iPhone, want onder die vergelijking kom je bijna niet uit.) Interessant omdat Android nog een ontzettend jong platform is, waarbij de grote verschillen in software en hardware van al die verschillende toestellen vragen oproepen. Denk alleen al aan verschillende schermformaten. Hoe kan je hier als ontwerper nou het beste mee omgaan?
iPhone kent duidelijke ontwerprichtlijnen, wat heel handig is, maar Android nog niet. Wat voor invloed heeft dat op de user experience van applicaties in Market vs de Apple App Store? Het is belangrijk om te kijken naar de high level ontwerprichtlijnen, zowel richtlijnen over ontwerpen voor touchscreen (bijvoorbeeld van Dan Saffer) als die voor ontwerpen voor mobiel kunnen ons al een eind op weg helpen. Wat de verschillen ook gaan betekenen, Android is in ieder geval een groeiend platform met veel potentie. Hierbij ook de presentatie.
Wat vind jij? Biedt de openheid van het Android platform mogelijkheden voor het ontstaan van betere UX oplossingen?
Sociale groepen horen bij de menselijke natuur, en de kracht hiervan wordt steeds meer ontsloten door verschillende social networking tools. Waarom presenteren we onze connecties met anderen dan nog steeds op dezelfde manier?
Het kan heel interessant zijn om op een andere manier naar je sociale netwerken te kijken. Slimme programmeurs experimenteren met visualisaties van vrienden op bijvoorbeeld Facebook, Last FM en LiveJournal met soms schitterende resultaten. In ieder geval bieden ze weer eens een nieuw perspectief. Zo ontwikkelde Sebastian van Sande de Facebook Visualiser.
Als een organisch geheel vormen zich sociale netwerken om een geselecteerde vriend. Je ziet meteen welke vrienden bij elkaar horen, welke subgroepen van vrienden zijn ontstaan om een bepaalde vriend of vriendin, en er kunnen filters toegepast worden op je netwerk. Een andere visualisatie is die van Daniel Claren, hij ontwikkelde de Mutual Friend Network Visualisation.
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.
Even though the design guidelines for icons are very specific, interaction design guidelines are limited. Android offers User Interface Guidelines that give some information on various menu options for example, but it is far from the extensive design guidelines Apple has published for iPhone. This means there is a lot of room for interpretation by Android application designers and developers. It will be interesting to see what best practices in interaction design for Android will emerge in the near future.
UNITiD ontwierp voor Hippas het interactie ontwerp. Hippas is een nieuw modeplatform waar vintage kleding van de betere merken kan worden gekocht en verkocht.
Reviews
Momenteel is de Hippas website in bèta, de reviews zijn positief:
“Mede dankzij de toegankelijke overzichtelijke structuur van Hippas, is dit de ideale plek om online te shoppen.”
“De basis van Hippas is volgens Toorenaar (Commercieel directeur Marktplaats) niet anders dan die van Marktplaats. ‘Vraag en aanbod samen brengen op een duidelijke manier. De vormgeving is natuurlijk wel anders, modieuzer, hipper. Daarnaast zie je een aantal social componenten, zoals reviews en tips.”
“Hippas, is meer dan een doorsnee shoppingsite, het is een uniek modeplatform. Shop originele stuks bij andere modeliefhebbers, zoek naar unieke vintage items en laat je verleiden door fijne accessoires.”
