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.
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.”
Ook wij hebben inmiddels onze vingers mogen leggen op de Microsoft Surface. Rick en ik waren kort geleden op bezoek bij Wortell, Microsoft Gold Partner en in bezit van de Microsoft Surface. De touchscreen tafel van Microsoft die reageert op handgebaren en objecten en een wereld aan nieuwe mogelijke interacties biedt. Mogelijkheden waar wij als interactie ontwerpers natuurlijk heel enthousiast van worden.
Om een goed beeld te krijgen van wat allemaal kan met Microsoft Surface, kijk even naar deze lijst van Surface killer apps van dit moment, samengesteld door Fast Company. Eén van mijn persoonlijke favorieten is de schitterende DaVinci app van Razorfish, die natuurwettten toepast op de virtuele wereld. De Surface kan gebruikt worden in retail, financiële diensten, gezondheidszorg, onderwijs, de publieke sector en in de horeca. De toepassingen voor de Surface zijn zoals gezegd eindeloos. Niet in de lijst van killer apps, maar wel een goed voorbeeld van een Microsoft Surface is deze wijnbar applicatie:
Van een aangename dienstverlening worden consumenten blij. En dat tevreden consumenten een positieve invloed hebben op merkbeleving en omzet van een bedrijf, dat kunnen we gerust aannemen. Gelukkig heeft Forrester Research nu ook een rapport uitgebracht waarin dit met harde cijfers wordt onderbouwd. Een goede customer experience leidt tot loyaliteit, en dat betekent een hogere omzet. Ondertussen zijn de verwachtingen die consumenten hebben van diensten steeds hoger. Deze verwachtingen van consumenten worden beïnvloed door online dienstverlening. Amazon onthoudt mijn laatste aankopen en wensenlijst, waarom de boekenwinkel om de hoek niet?
Loyale klanten leiden tot meer omzet
Een goede customer experience leidt tot loyale consumenten, en die zijn waardevol. De Forrester Customer Experience Index meet de customer experience aan de hand van de criteria: bruikbaar, makkelijk en aangenaam. Lees verder »
Het ID-StudioLab van de Faculteit Industrieel ontwerpen in Delft organiseerde op woensdag 13 mei het symposium ‘designing for, with, and from user experiences’ met als onderwerp contextmapping. Wij, Inge en Shen, gingen eens even een ochtendje terug de collegebanken in. Sprekers van de ochtend waren Liz Sanders van MakeTools, Jacob Buur van de Universiteit van Zuid Denemarken, Froukje Sleeswijk Visser van ID-Studiolab, en 10 afgestudeerden in een pecha kucha presentatie.
Contextmapping
Contextmapping is een methodiek voor het uitvoeren van contextueel onderzoek met gebruikers, waarin kennis wordt verworven over de gebruikerscontext van producten.
Zowel gebruikers als stakeholders nemen actief deel aan het ontwerpproces, zodat het ontwerp en gebruik van een product goed bij elkaar aansluiten. Behalve bij productontwerp is deze methodiek natuurlijk ook erg interessant bij het uitvoeren van service design trajecten. Uitgangspunten bij contextmapping zijn onder andere dat gebruikers de experts van de belevingen zijn, en dat context van productgebruik zo divers is dat een map nodig is.
Dyneema ‘the world’s strongest fiber’ is een product van DSM, één van de grootste chemie- en biotechnologieconcerns ter wereld. DSM heeft met Dyneema een sterk product en veel kennis in handen. Voor verbeterde communicatie en optimale kennisdeling vroeg DSM een herontwerp van de Dyneema website en een nieuwe portal speciaal voor licentiehouders. B2B marketingbureau Milestone Marketing schakelde UNITiD in om het interactie ontwerp voor beide websites te realiseren. Southparc was verantwoordelijk voor het visuele concept en Resoluut werkte dit verder uit in het visuele ontwerp van beide websites.
Analyse
Voor on site interviews met eindgebruikers was geen tijd binnen dit project. Wat we wel konden doen is het in kaart brengen van de wensen en behoeften van DSM Dyneema. Daarom hebben we wat ‘huiswerk’ toegestuurd. We vroegen naar hun mening over vergelijkbare websites, waarbij ook sprake is van ‘ingredient marketing’. Zoals bijvoorbeeld Intel, en Kevlar handschoenen. Hierdoor kregen we alvast een goed beeld over wensen voor navigatie en presentatie.
Hoe werkt een cardsort sessie?
Om binnen beperkte tijd de grote hoeveelheid content en functionaliteit in de website een goede plaats te geven, hebben we een cardsort sessie gedaan met DSM Dyneema. Hierdoor konden we snel een goede sitemap creëren als startpunt voor het ontwerp.
Stap 1: Consensus over de inhoud
De inhoud van de projectdocumentatie en de huidige website hebben we vertaald naar steekwoorden op kaarten. Deze flinke stapel kaarten namen we eerst door, samen met DSM Dyneema. Eén voor één neemt iemand een kaart, en beschrijft wat volgens hem of haar bedoeld wordt met het steekwoord. Bijvoorbeeld: CONTACT, wordt dit een pagina met contactgegevens, of een contactformulier? Komt er een algemeen emailadres, of verschillende per afdeling een aparte? Misschien moeten klanten contact op kunnen nemen met een representant in hun regio?
Stap 2: Groeperen van kaarten
Nadat overeenstemming is bereikt over de onderdelen die in de website aanwezig moeten zijn, en wat deze betekenen, kunnen de kaarten in groepjes gesorteerd worden in een menustructuur. Aan het einde van de cardsort sessie hadden we een duidelijk beeld gekregen van de inhoud en structuur van zowel de eindgebruiker websites als de licentiehouders community. Resultaten werden door deelnemers in de sessie toegelicht en we legden ze vast op foto zodat we ze konden vertalen naar een sitemap.
Dankzij de inbreng van DSM Dyneema konden we nu een sitemap en homepage ontwerp maken, waar iedereen zich betrokken bij voelde.
Sitemap
De sitemap is een visualisatie van de sitestructuur en daarmee een goed middel om te controleren of de inhoud juist en compleet is.
Homepage en navigatie
Tegelijkertijd met de sitemap werd de eerste versie van de homepage voor zowel Dyneema DSM eindgebruikers als voor de licentiehouder community ontworpen. In schetsstijl werd de eerste versie vastgelegd, zodat de feedback zou gaan over navigatie en layout en niet over de details van het ontwerp.
Met de feedback van DSM Dyneema konden we verder met het ontwerp van een finale versie van de sitemap en het ontwerp van de homepage en overige pagina’s.
Prototype
Om iedereen in het projectteam een goede indruk te geven van het ontwerp zijn beide websites vertaald naar een klikbaar prototype. Daarnaast is het ontwerp beschreven in een interactie document met specificaties voor de ontwikkelaars.
Resultaat
Met het visuele concept van Southparc vertaald vertaald door Resoluut, hier dan uiteindelijke resultaat: Gloves with Dyneema
De populariteit van de iPhone en de exponentiële groei van iPhone apps is indrukwekkend. In december ’08 is de 100.000e iPhone verkocht door T-Mobile (en dan spreken we alleen over de officiële cijfers). Een spannende ontwikkeling voor ons als interaction designers. Mobiel internet, location based services en touchscreen en gesture based interfaces gaan een steeds grotere rol spelen in de wereld van de digitale interacties.
Mobiel internet groeit zienderogen
In Nederland surfen zo’n 1,6 miljoen gebruikers één of meerdere keren per maand over het mobiele web. (Mobiel internet Nederland 2008). Niet in de laatste plaats is het gebruik van mobiel internet gestegen door de introductie van de iPhone. Ondermeer Pathé, Nu.nl, Publieke Omroep en Hyves zien een onevenredig hoog deel van hun mobiel verkeer van applicaties komen. (Emerce, 11 februari 2009) “In december zagen we het gemiddelde datagebruik stijgen naar 2 TeraByte per dag. Ten opzichte van vorig jaar is dat bijna 7 keer zoveel,’ zegt Bart Weijermars, Directeur Marketing bij T-Mobile in Nederland.” (Persbericht van T-Mobile 23-12-2008) Eén van de meest succesvolle voorbeelden is de Pathé applicatie. De iPhone app was een regelrechte uitschieter. De helft van alle iPhone-gebruikers in Nederland heeft hem intussen geïnstalleerd. De iPhone-applicatie genereert 550.000 pageviews per maand 67% van al het verkeer op de mobiele websites van Pathé!
Twitter is booming.
Op dit moment heeft Twitter zo’n 6 miljoen gebruikers. Niet extreem veel, maar het aantal groeit exponentieel. Hoewel ik de opmerking ‘Twitter, wat is dat’ of ‘Ik snap het niet’ ook nog dagelijks hoor, lijkt Twitter een steeds groter publiek te bereiken. Berichten uitwisselen in 140 karakters voor het direct delen van nieuws, als klantenservice, vacaturedienst, of om een merk te positioneren, de mogelijkheden lijken eindeloos.
Ik snap het niet
Twitter kan het beste omschreven worden als micro-blogging, een dienst om informatie te delen. En dat in berichten van 140 tekens, en eventueel een foto en een link naar je huidige lokatie. Twitter lijkt in eerste instantie niet veel meer dan een manier om status updates van vrienden te volgen, zoals die ook op Facebook en Hyves te vinden zijn. Wil ik echt weten dat mijn collega weer in de file staat, of dat @Denniz zin heeft in een biertje?
Maar zoals Williams, een van de drie oprichters van Twitter, zelf zegt in New York Magazine: “We’ve heard time and time again: ‘I really don’t get it. Why would anyone use it?’ ” (…) “Often, three or six months later, they’ll say they love it. But obviously a lot of people don’t get to that six months later. People have to engage themselves, on their own.”
