De do’s en don’ts van app design
De do’s en don’ts van app design
Geschreven op: 10-02-2012 door Renske Jongbloed
Een succesvolle app begint met een goed idee. Dat is waar iedereen op hoopt: een gat in de markt vinden met een briljant idee waar nog niemand op is gekomen. Deze droom is echter maar voor enkelen weggelegd. Met een wereldwijd groeiend aanbod van web en app designers zijn de echt nieuwe ideeën steeds schaarser aan het worden; de meeste start ups zijn dan ook een kopie van een bestaand succesvol idee met een iets andere invalshoek of een ander jasje. Maar juist dankzij deze wildgroei aan apps en ideeën liggen er nog heel veel kansen voor ontwerpers met kennis van ontwerpprincipes en gebruikersinteractie.
Waar gaan veel ontwerpers in de fout, en wat is de kracht van een goed ontwerp? Dit wordt bepaald in twee cruciale beslismomenten van de gebruiker:
- Het moment waarop de gebruiker besluit de app te downloaden uit de store
- Het moment waarop de gebruiker de app voor het eerst gaat gebruiken
Het eerste moment wordt (naast user ratings en de promotietekst uiteraard) voornamelijk bepaald door het visuele ontwerp van de app. In het tweede moment gaat het naast de look vooral om de user-interface: hoe intuïtief en bruikbaar is de app werkelijk, en is dit binnen een paar minuten duidelijk voor de gebruiker? Het visuele ontwerp en het interactie ontwerp zijn onlosmakelijk verbonden. Ze versterken elkaar en vullen elkaar aan. Een aantal regels met betrekking tot deze zaken zijn cruciaal bij het ontwerpen van een app:
Verminder cognitieve belasting
Om intuïtiviteit te bevorderen en cognitieve belasting zo laag mogelijk te houden is het belangrijk om aan te sluiten op bepaalde conventies, zodat mensen functies herkennen en meteen begrijpen wat de bedoeling is. Een alternatief User Interface (UI) design kan prachtig zijn, maar als het niet herkend of begrepen wordt komt dit het gebruik en de intuïtiviteit niet ten goede.
Sommige conventies zijn vrij universeel, zoals bijvoorbeeld de functies van vingerbewegingen, het uiterlijk van knoppen en de aanwezigheid van bepaalde basiselementen. Andere conventies zijn device- of platformspecifiek, en kunnen worden nagekeken in de developer design guides van het betreffende platform.
Focus op wat echt belangrijk is
Maak een lijst van de taken die je de app wil laten uitvoeren. Schrap alles dat overbodig, overlappend of verwarrend zou kunnen zijn, totdat je een korte lijst overhoudt. Elke eigenschap en functie moet essentieel zijn voor de doelgroep en van onmisbaar nut voor het doel van de app.
Selecteer uit deze lijst één tot maximaal drie kernfuncties, en licht die uit. De beste apps hebben een sterke focus op zo min mogelijk zaken, zodat de functie van de app direct duidelijk en bruikbaar is. Bijzaken kunnen onder menu’s staan, voor momenten waarop de gebruiker wat meer tijd heeft om de app te leren kennen.
Bescherm je gebruiker
Beperk het aantal acties dat de gebruiker kan uitvoeren tot het benodigde minimum. Een intuïtieve app zaait geen verwarring, maar leidt de gebruiker direct in de goede richting. In feite wil je de gebruiker zo min mogelijk laten nadenken; laat alleen de noodzakelijke keuzes aan de gebruiker over.
Dit geldt ook voor de hoeveelheid informatie die de gebruiker voorgeschoteld krijgt. Veel informatie tegelijkertijd is verwarrend en wekt weerstand op. Scherm mensen dus af van onnodige en verwarrende informatie, afleiding of keuzes, en geef alleen informatie die op dat moment essentieel is. Verberg informatie die van secundair nut is onder submenu’s, of schrap het gewoon.
Wees duidelijk
Een gebruiksvriendelijk design is vooral een duidelijk en begrijpelijk design. Deze duidelijkheid komt terug in verschillende elementen van het ontwerp, zoals in de navigatie, gebruik van visuele elementen of tekst,en in de pagina-indeling.
Een duidelijke navigatie is essentieel voor een prettig gebruik. Zorg dat de gebruiker altijd weet waar hij zich bevindt en waar hij naartoe moet voor de functie die hij zoekt. Houd er rekening mee dat de navigatie overeenkomst met de standaarden voor het systeem waar je voor ontwerpt. Gebruik daarnaast zo min mogelijk woorden. Indien mogelijk, gebruik afbeeldingen om iets duidelijk te maken, een krachtig beeld of icoon geeft in één oogopslag weer wat bedoeld wordt. Indien dit niet mogelijk is, zorg dan voor kort en treffend woordgebruik.
Zorg tenslotte voor een consistent en overzichtelijk paginagebruik, met een herkenbare opzet en zo min mogelijk afleiding.
Houd rekening met de kenmerken van het device
De belangrijkste kenmerken van een smartphone zijn een klein scherm, een touchscreen en de mogelijkheid om het scherm zowel liggend als staand te positioneren. Dit levert mogelijkheden op, maar ook beperkingen. Omdat het scherm klein is, moet de content zo duidelijk mogelijk gepresenteerd worden. Houd het dus simpel, en presenteer geen overbodige widgets. De functionaliteiten die er zijn, moeten er rekeninghouden met de aanraking van een vinger. Geen priegelkleine knopjes naast elkaar dus, maar voldoende ruimte tussen knoppen.
Zorg tenslotte altijd dat de belangrijkste informatie in de bovenste helft van het scherm is. Niet alleen omdat mensen geneigd zijn van boven naar beneden te kijken, maar ook omdat je het scherm vaak aanraakt met je handen. Je kunt dus beter de knoppen onderaan doen, zodat de gebruiker niet de hele tijd met zijn hand voor het beeld zit.
Leid niet af van de content
Een van de belangrijkste adviezen van Apple: ´elevate the content that people care about´. Mensen gebruiken een app met een bepaald doel. Bijvoorbeeld het bewerken van foto´s, het verkrijgen van bepaalde informatie of een spelletje winnen. Zorg dat dit doel optimaal naar voren wordt gebracht, en dat er geen overbodige functies of visuele aspecten zijn die afleiden van dat doel.
Een design of user interface moet zo zijn gemaakt dat het de inhoud of de content niet overschaduwt, maar juist zo goed mogelijk laat uitkomen. Houd hier ook rekening mee als je je logo wil verwerken in de app. Hoe groter het logo, hoe meer ruimte wordt afgenomen van de content, en dat vinden mensen doorgaans irritant.
Wees consistent
Net als dat het belangrijk is dat het interface design aansluit op bepaalde conventies, is het voor de gebruiksvriendelijkheid en intuitiviteit ook zeer belangrijk om te zorgen dat de app zelf ook consistent is ontworpen. Denk hierbij aan overeenkomstige kleurenschema´s voor bepaalde functionaliteiten, gelijke vormgeving en plaatsing van knoppen en navigatie. Als dezelfde knop in een ander scherm opeens op een andere plaats zit, of een andere vorm of kleur heeft is dat zeer verwarrend voor de gebruiker.
Zorg voor instant gratificatie
Zorg dat een gebruiker binnen 5 seconden snapt waar de app voor is en hoe ze hem moeten navigeren. Het is ook een groot voordeel als de app in ieder geval meteen iets kan of laat zien. Sommige apps vereisen het invoeren van gegevens, of het importeren van data, maar zorg dan in ieder geval voor een mooi welkomstscherm en laat de app zoveel mogelijk automatisch doen. Als bepaalde stappen noodzakelijk zijn,maakt het zo simpel mogelijk voor de gebruiker om ze te volgen.
Ken je gebruiker
Voor je aan het ontwerp begint, focus eerst op de gebruiker. Niet globaal, maar zo specifiek mogelijk. Wat zijn de voorkeuren en smaken, maar vooral hoe gaat de gebruiker de app gebruiken? Op welke locatie kan hij zijn, en waar is hij of zij mee bezig? Het schrijven van een paar specifieke persona´s kan helpen om in de gebruiker te kruipen en bij elke beslissing te bedenken of dit wel of niet aanspreekt of van nut is voor de doelgroep.
Besteed ook aandacht aan de kennis en ervaring van de typische gebruiker met technologie, en sluit daar op aan. Als je een kookboekapp maakt voor huisvrouwen die tijdens het koken de app raadplegen, dan zal de navigatie veel eenvoudiger moeten zijn dan een app die gericht is op webdesigners die hun Google analytics gegevens willen checken.
Links:
