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.
Steeds meer mensen internetten via hun mobiele telefoon en de verwachting is dat mobiel internet gebruik de komende jaren zal stijgen. Wij worden ook steeds vaker gevraagd sites en applicaties te ontwerpen voor mobiel. Wat maakt ontwerpen voor mobiel nou zo anders dan voor het ‘traditionele’ web? Twee belangrijke aspecten die je zou moeten overwegen voordat je gaat ontwerpen voor mobiel zijn de gebruikscontext en de (veelheid aan) gebruikte devices.
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:
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
In April 2009 lanceerde Eurologics hun nieuwe product “Vision Touch” op de autovakRAI. UNITiD ontwierp de user interface.
De opdracht was uitdagend:
Ontwerp een interface voor het nieuwe paradepaardje van Eurologics; Een “Car Entertainment System” dat geheel bediend wordt met een 7 inch touchscreen. De toekomstige gebruiker is meestal tussen de 6 en 14 jaar oud, en zal voornamelijk DVD’s kijken. Maar… het komt natuurlijk ook voor dat een minister tussen twee afspraken even het laatste NOS journaal aanzet. De bediening moet dus kinderlijk eenvoudig zijn, maar wel klasse uitstralen. Vanaf de achterbank kijk je naar films, digitale TV en fotos. Vanaf een DVD, CD of USB stick. Natuurlijk kan je ook luisteren naar muziek, allerlei voorkeuren instellen en tal van andere functies aantikken die ik hier voor het overzicht even niet noem.
Het ontwerp moet binnen drie weken gereed zijn…
Mensen die staand plassen leveren overlast. Zou de overheid daar iets aan moeten doen? Professor Thaler uit Chicago vindt van niet. Thaler vindt dat je als overheid zo weinig mogelijk moet verbieden. Thaler vind dat het beter is om dingen zo te ontwerpen dat je als gebruiker vanzelf de juiste keuzes maakt. Hij noemt dat ‘Libertair Paternalisme’. En om te illustreren hoe dat werkt, komt de Amerikaan in zijn boek ‘Nudge’ met een heel Nederlands voorbeeld.
Schiphol Op de Amsterdamse luchthaven werd ooit enorm naast de pot gespetterd, schrijft Thaler. Volwassen schoonmakers werden er wanhopig van. Dus Lees verder »
Van de eerder op dit blog genoemde Dan Saffer vonden wij op Graffletopia een OmniGraffle-stencil met verschillende handbewegingen voor touchscreen interfaces. Handig voor iedereen die net als ik niet zo goed is in handen tekenen! Enige minpuntje eraan: de afbeeldingen waren niet geheel transparant en de kleuren niet instelbaar. Vandaar onze vector-versie van het stencil waarbij je de kleuren, lijndikte, etc. zelf kunt bepalen. Handig (hmm) is ook dat je de handen gedeeltelijk transparant kunt maken zodat ze niet grote delen van je interface afschermen.