Eenvoud als verleidende factor

Websites die gemakkelijk te gebruiken zijn zien er vaak bedriegelijk eenvoudig uit. Ik zeg met opzet “bedriegelijk” omdat juist wanneer het er eenvoudig uitziet, er aan de achterkant juist hele complexe (design)beslissingen zijn genomen. Niks is zo moeilijk dan iets complex terug te brengen zodat alleen eenvoud overblijft. Maar wanneer je er in slaagt om complexe zaken terug te brengen naar de kern heb je vrijwel zeker een verleidend product of website ontworpen.
Keep it simple
Gisteren las ik het artikel 15 Design Tips to Learn From Apple. Een mooi artikel dat laat zien hoe Apple er in slaagt om haar website er eenvoudig, maar toch verleidelijk uit laat zien. Niet verwonderlijk is het eerste punt “keep it simple”:

Take a look at Apple’s homepage and don’t think about what you see, but what you don’t see. The answer of course is visual clutter. A homepage is supposed to tell users everything about your company, to communicate all your product categories in detail, to list endless features, and to showcase your logo as big as possible. Right? According to Apple: wrong. (…) Rather than hitting you with everything they’ve got in the name of usability, they use smaller bits of information to lead you to the place that holds the content you’re really after. Look at the site you’re working on and consider how you can break the complex information up into smaller pieces that the user won’t find overwhelming.

Eenvoud is bijna automatisch verleiding
Eenvoud leidt er toe dat mensen producten en website gemakkelijker kunnen gebruiken. En wanneer iets gemakkelijk is om te gebruiken gààn mensen het ook gebruiken. In het boek “Zo denkt Steve” legt Apple-CEO Steve Jobs uit hoe eenvoud mensen overtuigt:

Bij het van start gaan van online muziekwinkel iTunes vroegen veel mensen zich af hoe iTunes ooit zou kunnen winnen van de piraterij. Waarom zou iemand een dollar uitgeven aan een nummer als hetzelfde nummer ook gratis verkrijgbaar is? Het antwoord van Steve Jobs was de “klantenervaring”. In plaats van tijd te verspillen aan het zoeken van muziek op illegale sites, konden muziekliefhebbbers nu op iTunes inloggen en de muziek met een enkele klik kopen. Ze kregen gegarandeerd betrouwbare kwaliteit, met het gemak van één keer klikken.
“Je kunt mensen alleen overhalen om niet meer te stelen door ze een wortel voor te houden, niet door ze te dreigen met een stok”, zei Jobs. “En de wortel is: wij bieden je een betere ervaring, en die kost je slechts een dollar per nummer”.

Jobs vat het hier samen onder de noemer “klantervaring”. De essentie van die goede klantervaring bij Apple is eenvoud. Eenvoud is de wortel: eenvoud is de automatische verleiding.
Wat laat je niet zien?
De belangrijkste beslissingen die je neemt bij het inrichten van een website gaan niet over de dingen die je op een pagina laat zien, maar over de dingen die je besluit nièt te laten zien. Denk altijd aan het belangrijkste doel van een specifieke pagina. Wat is het doel dat de bezoeker aan die pagina moet bereiken? Leg daar vervolgens alle aandacht op, en belangrijker nog: laat de rest achterwege.

Hoe je bezoekers stuurt met visuele hiërarchie

Op een gemiddelde website kunnen bezoekers letterlijk alle kanten op. Via links in de content, knoppen onder de tekst en tabs uit het menu kunnen bezoekers in iedere gewenste richting navigeren.
Als online marketeer of website eigenaar wil je echter vaak dat bezoekers een specifieke richting op gaan (b.v. in de richting van een aankoop).
Je kunt bezoekers sturen door gebruik te maken van visuele hiërarchie. Interaction designers noemen dit ook wel het gebruik maken van “primary & secondary actions“.
Luke Wroblewski (Chief Design Architect bij Yahoo) heeft op zijn site een paar mooie voorbeelden staan hoe je bezoekers stuurt met visuele hiërarchie:

In het voorbeeld hierboven is het voor de bezoeker meteen duidelijk wat de meest gewenste actie is. De submit-optie heeft een veel prominentere look  dan dan de optie om te cancelen.
Hierboven zie je goed hoe het principe van visuele hiërarchie werkt. Wanneer de knoppen visueel gelijk zijn wordt je als bezoeker niet gestuurd: je moet harder nadenken over de juiste actie. Wanneer je visueel gaat variëren worden bezoekers al een stuk meer gestuurd, waarbij de laatste optie het sterkt is.
Bekijk ook het “primary action” design pattern op Quince.
De volgende artikelen zijn ook interessant als je meer wilt weten over dit onderwerp:

7 lessen die je leert uit het design van de iPhone


Iedereen die een iPhone heeft is het er over eens dat het een fantastisch apparaat is. Maar het is nog best lastig om goed te beschrijven wàt er nou precies zou fantastisch aan deze telefoon is.

“When you get right down to it, the device doesn’t even have that many new features—it’s not like Steve Jobs invented voicemail, or text messaging, or conference calling, or mobile Web browsing….”

De features van de iPhone zijn namelijk niet heel bijzonder:

  • Je kunt er mee bellen & sms-en (niet bepaald spectaculair voor een telefoon 🙂
  • Er zit een 3 megapixel camera op (de eerste de beste Samsung of Nokia zit tegenwoordig op iets van 5 megapixel)
  • Je kunt er mee internetten (kan op iedere smartphone)
  • Er zijn applicaties beschikbaar die het surfen makkelijker maken (zijn er ook voor heel andere toestellen/systemen)

Wat maakt de iPhone dan wel bijzonder?
De makers van de iPhone hebben ingezien dat wanneer aan de basis behoeftes wordt voldaan, de features niet meer zo belangrijk zijn. Het gaat er niet zo zeer om dat je er iets “nieuws” mee kunt doen, als wel dat “wat” we er mee (bellen, berichten versturen, surfen) gemakkelijker, fijner en sneller gaat. Of zoals Don Norman het zegt:

“When technology delivers basic needs, user experience dominates”

En aan die “user experience” hebben de makers van de iPhone ontzettend veel aandacht aan besteed. En dat merk je doordat het iPhone gewoon heel fijn is om te gebruiken. De interface is super soepel. Alles voelt -anders dan bij andere telefoons- heel natuurlijk & intuitief aan.
De 7 Lessen uit het design van de iPhone
Stephen Anderson maakte bovenstaande presentatie. Hij destilleerde 7 lessen die je kunt leren uit het design van de iPhone. Voor het gemak zet ik ze hieronder neer in het Engels:

  1. Place better ‘experiences’ ahead of more features: Steve Jobs didn’t add more features  just noticed that things like voicemail, text messaging, conference calling, or mobile Web browsing were broken, and he fixed them.
  2. Start with actual experiences: Cell phones do all skinds:of stuff -calling, text messaging, web browsing, contact management, music playback, photos and video— but they do it very badly, by forcing you to press lots of experiences. tiny buttons, navigate diverse heterogeneous interfaces and squint at a tiny screen. “Everybody hates their phone,” Jobs says, “and that’s not a good thing. And there’s an opportunity there.”
  3. Solve the real problems: “Your phone’s got feet on,” he says, not Solve the real unkindly. “Why would anybody put feet on a phone?” Ive has the answer, of course: “It problems. raises the speaker on the back off the table. But the right solution is to put the speaker in the right place in the first place. That’s why our speaker isn’t on the bottom, so you can have it on the table, and you don’t need feet.” Sure enough, no feet toe the iPhone’s smooth lines.
  4. Play to think: The iPhone developed the way a lot of cool things do: with a false start. A few years ago Jobs noticed how many development dollars were being spent… on tablet PCs. …so he had Apple engineers noodle around with a tablet PC. When they showed him the touchscreen they came up with, he got excited. So excited he forgot all about tablet computers.
  5. Treat interfaces like conversations: When you need to dial, it shows you a keypad; when you need interfaces like other buttons, the screen serves them up. When you want to watch conversations. a video, the buttons disappear. Suddenly, the interface isn’t fixed and rigid, it’s fluid and molten. Software replaces hardware.
  6. Lead with a vision: Jobs demanded special treatment from a service partner, Cingular, and he got it. He even forced Cingular to re-engineer its infrastructure to handle the iPhone’s unique voicemail scheme. “They broke all their typical process rules to make it happen,” says Tony Fadell, who heads Apple’s iPod division. “They were infected by this product, and they were like, we’ve gotta do this!”
  7. Obsess on the details: Apple also places an inordinate emphasis on interface design. It sweats the cosmetic details that don’t seem very important until you really sweat them. “I actually have a photographer’s loupe that I use to look to details. make sure every pixel is right,” says Scott Forstall, Apple’s head of Platform Experience (whatever that is). “We will argue over literally a single pixel.” As a result, when you swipe your finger across the screen to unlock the iPhone, you’re not just accessing a system of nested menus, you’re entering a tiny universe, where data exist as bouncy, gemlike, animated objects that behave according to consistent rules of virtual physics.

Geen praktische handvatten, maar bedoeld als inspiratie
Bovenstaande lessen hebben natuurlijk sterk betrekking op de manier zoals Apple werkt. En ik kan me voorstellen dat je deze lessen niet zo één, twee, drie kan doortrekken naar de ontwikkeling van je eigen website of applicatie. Ze zijn daarom ook niet zo zeer bedoeld als praktische handvatten, als wel ter inspiratie om op een andere manier naar het hele proces te kijken.
Centrale les schema_where_technology_delivers_basic_needs_Don_NormanSchema: “When technology delivers basic needs, user experience dominates” – Don Norman
De centrale les die je er wat mij betreft uit kunt halen is: “doe hetgeen wat je moet doen ontzettend goed, en besteed niet te veel aandacht aan de rest”.
Goed genoeg is goed genoeg. Het toevoegen van allerlei geavanceerde mogelijkheden heeft op een bepaald punt gewoon niet meer zo heel veel zin, en dan gaat het veel meer om zaken als gebruiksgemak en esthetiek. Het bovenstaande schema van Don Norman legt dit principe mooi uit.
Apple heeft dit principe heel goed begrepen en dat is dus precies wat ze toegepast hebben met het ontwikkelen van met de iPhone. En dat is waarom deze telefoon (ondanks het ontbreken van spectaculaire features) zo’n groot succes is geworden. En deze centrale les kun je natuurlijk wèl prima toepassen op je eigen website etc.