Ontwerp voor mobiele app

De states ontwerpen die niemand in portfolio's toont

Portfolio's van app-ontwerp tonen het ideale pad: een volle feed, een compleet profiel, een geslaagde betaling. Echte gebruikers brengen veel tijd door in andere situaties. De lege lijst bij de eerste start. De spinner terwijl gegevens laden. De fout wanneer het netwerk wegvalt. Het formulier met een verkeerd ingevuld veld. Wanneer ontwerpers deze overslaan, improviseren ontwikkelaars ze onder deadline, en daar gaat een app onaf aanvoelen.

We ontwerpen elk scherm in al zijn staten als onderdeel van de scope, niet als extra. Voor elk scherm vragen we wat de gebruiker ziet, wat hij daarna kan doen en hoe hij herstelt. Een lege staat die uitlegt wat je eerst moet doen is vaak het belangrijkste scherm in de onboarding.

• Leeg: eerste gebruik, geen resultaten, nog niets opgeslagen
• Laden: wat er te zien is tijdens het wachten, en hoe lang
• Fout: wat er misging, in gewone woorden, en hoe u het oplost
• Offline: wat blijft werken zonder verbinding

Platformconventies besparen gebruikers moeite

iOS- en Android-gebruikers hebben verschillende gewoonten aangeleerd: waar de terugknop zit, hoe navigatie werkt, wat een lange druk doet, hoe instellingen eruitzien. Een app die die gewoonten negeert, laat mensen nadenken over de interface in plaats van over de taak.

Wij volgen Apple's Human Interface Guidelines en Google's Material Design waar ze ertoe doen, en houden merkeigenheid voor kleur, typografie, illustratie en motion. Tikdoelen halen de aanbevolen minimale afmetingen, en tekst- en kleurcontrast voldoen aan de toegankelijkheidsrichtlijnen, wat de app ook in fel zonlicht makkelijker maakt.