Tijd met echte gebruikers en de mensen die hen ondersteunen, zodat het ontwerp bij de taak begint en niet bij een moodboard.
DIENST / 04
Interfaces die echte gebruikers overleven.
Ontwerp dat alleen in de demo werkt, is versiering. Wij ontwerpen voor de lange naam, de lege staat, de trage verbinding en de persoon die het deze maand voor de tweehonderdste keer gebruikt.
01 / De vraag
Het gelukkige pad is het makkelijke deel.
De meeste interfaces worden ontworpen met drie nette rijen voorbeelddata. Echte hebben er geen, of vierhonderd, of een klant wiens naam de kolom breekt. Daar houdt een ontwerp stand — of begint het stilletjes supporturen te kosten.
02 / Wat je krijgt
Wat je krijgt
Klikbaar werk dat je aan iemand kunt voorleggen voor er één regel productiecode bestaat.
Componenten en regels waarmee ontwikkelaars kunnen bouwen, zodat het tiende scherm er nog steeds bij hoort.
Contrast, focusvolgorde, toetsenbordpaden en schermlezerlabels gecontroleerd als onderdeel van af, niet na een klacht.
Dit is het deel dat de meeste bureaus overslaan. Zodra echte mensen het gebruiken meten we de flows, brengen we het pad in kaart dat ze werkelijk nemen, en passen we het ontwerp aan waar de werkelijkheid het plan tegenspreekt — want de eerste versie is een hypothese, en pas bij livegang kun je die toetsen.
03 / Hoe het verloopt
Hoe het verloopt
- 01De taak begrijpen
Wat de persoon werkelijk probeert af te ronden, hoe vaak, en wat er direct vóór en ná gebeurt.
- 02Structuur vóór oppervlak
Hiërarchie, flow en naamgeving vastleggen zolang ze nog goedkoop te wijzigen zijn.
- 03De randen ontwerpen
De lange naam, de lege lijst, de mislukte betaling. Werken die, dan is het gelukkige pad triviaal.
- 04Het systeem bouwen
Opgeleverd als componenten en tokens, zodat het consistent blijft nadat wij het overdragen.
04 / Hoe we bouwen
Hoe we bouwen
Schaal, witruimte en regellengte één keer bepaald en overal toegepast, zodat pagina's verwant voelen zonder identiek te zijn.
Animatie hoort een verandering van staat uit te leggen. Versiert het alleen, dan kost het aandacht voor niets.
Gerenderde geometrie gecontroleerd in een echte browser, want een ontwerp dat alleen in het ontwerpbestand klopt, is niet af.
05 / In de praktijk
Casaweb
Casaweb maakt van een versnipperde zoektocht naar vastgoed één doordachte ervaring — zoeken, detailpagina, buurtinformatie en de tools rond de beslissing, in één producttaal.