Naar hoofdinhoud
HENNYSPEELMAN.
De kunst van het weglaten

Wat mijn slaapdashboard goed doet

herwerkt op

Een paar weken geleden werd ik opnieuw vader. Wie kinderen heeft, weet wat dat betekent. Slaap? Wat was dat ook alweer.

Omdat ik nu eenmaal in data geïnteresseerd ben, kocht ik een slimme ring die stress, rust, hartslag en slaap bijhoudt. Elke ochtend herinnert dat ding me eraan hoe weinig ik geslapen heb.

Dus maakte ik er een persoonlijk project van, met een dashboard dat rekening houdt met hoe mijn hoofd werkt. Eén dat me helpt focussen zonder dat ik moet nadenken. Gebouwd op A.R.T.

Schets van het slaapdashboard, gemaakt in Figma
De schets, na het potlood en voor de bouw.

Attention

Het logo staat groot en is vertrouwd. Dat is opzet, want het vangt mijn oog voor al de rest. Van daar loopt de blik naar mijn slaapwaarden, de data die er op dit moment het meest toe doet. Die springen eruit met een kleur die van de waarde zelf afhangt. Geen scrollen, geen zoeken.

Detail van het dashboard waarin een waarde door de kleur meteen opvalt
De kleur hangt aan de waarde, dus ze wijst altijd naar wat er die dag toe doet.

Recognition

Vertrouwen komt op gang wanneer iets vertrouwd aanvoelt. Daarom leunt mijn ontwerp op de vormtaal van de app zelf: dezelfde kleuren, dezelfde pictogrammen, dezelfde lettertypes, tot en met dezelfde benamingen. Dat is een groot stuk van goede vormgeving. Herken je het, dan vertrouw je het eerder. En vertrouw je het, dan gebruik je het.

De oorspronkelijke mobiele app naast het eigen ontwerp
Dezelfde vormtaal als de app: kleuren, pictogrammen en benamingen.

Takeaway

De openingspagina geeft me net genoeg om iets te willen. Het is geen eindantwoord en dat hoeft ook niet. Elke sectie duwt me een laag dieper, naar de rapporten waar de echte beslissingen liggen.

Navigatie-elementen die doorverwijzen naar de detailrapporten
Elke sectie duwt een laag dieper.

De twee dingen die ik overal herhaal

Hiërarchie. De titels staan een stuk groter dan de tekst, en de labels van de onderdelen staan bewust lichtgrijs. Dat helpt mijn hoofd de pagina snel af te tasten en het houdt de inspanning laag.

Witruimte. Bij klanten moet ik dit het vaakst herhalen. Je rapport heeft ruimte nodig om te ademen. Zonder die ruimte voelt het benauwd, en krijg je die reactie van waar moet ik in godsnaam beginnen.

Met die twee ingrepen staat er verrassend veel data op dat scherm. Eerlijk gezegd voelt het voor mij niet als veel.

Het dashboard met de witruimte tussen de elementen opgemeten
Witruimte is meetbaar, en het loont om ze te controleren voor je oplevert.
Detail van het dashboard waarin de titels een stuk groter staan dan de labels eronder
Titels groot, labels lichtgrijs. Dat scheelt bij het aftasten van de pagina.

Waarom dit werkt

Door het ontwerp te laten aansluiten bij hoe mijn hoofd werkt, hoef ik niet tegen mijn eigen data te vechten. Ik kan ze lezen, ik vertrouw ze, en ik doe er iets mee. Zelfs op vier uur slaap.

Kijk eens naar je eigen dashboard. Wat vangt als eerste je oog? Welk patroon geeft je vertrouwen? Welke handeling ligt er klaar? Voelt een van die drie scheef, leg het dan naast A.R.T.

DashboardontwerpA.R.T.Witruimte