Mobilapp-design

At designe de tilstande, ingen viser i porteføljen

Portfolioer for app-design viser den glade vej: et fuldt feed, en udfyldt profil, en gennemført betaling. Virkelige brugere bruger meget tid i andre tilstande. Den tomme liste ved første start. Spinneren, mens data indlæses. Fejlen, når netværket falder ud. Formularen med et felt udfyldt forkert. Når designere springer disse over, improviserer udviklere dem under deadline, og det er der, en app begynder at føles ufærdig.

Vi designer hver skærm i alle dens tilstande som en del af opgaven, ikke som en ekstra. For hver enkelt spørger vi, hvad brugeren ser, hvad de kan gøre næste gang, og hvordan de kommer videre. En tom tilstand, der forklarer, hvad man skal gøre først, er ofte den vigtigste skærm i onboarding.

• Tom: første brug, ingen resultater, intet gemt endnu
• Indlæsning: hvad vises mens der ventes, og hvor længe
• Fejl: hvad gik galt, i klare ord, og hvordan det løses
• Offline: hvad virker stadig uden forbindelse

Platformskonventioner sparer brugerne besvær

iOS- og Android-brugere har lært forskellige vaner: hvor tilbage-knappen er, hvordan navigation fungerer, hvad et langt tryk gør, hvordan indstillinger ser ud. En app, der ignorerer de vaner, får folk til at tænke på grænsefladen i stedet for opgaven.

Vi følger Apples Human Interface Guidelines og Googles Material Design, hvor de betyder noget, og holder brandudtrykket til farve, typografi, illustration og bevægelse. Tap targets overholder de anbefalede minimumsstørrelser, og tekst- og farvekontrast overholder tilgængelighedsretningslinjerne, hvilket også gør appen nemmere at bruge i stærkt sollys.