Jeg har ikke vært noe engasjert i knapper tidligere. Men det endret seg på en tur hjem til foreldrene mine på osbussen. Når stoppet nærmet seg trykket jeg som vanlig på stoppknappen. Det var rett og slett kjærlighet ved første trykk!
La oss begynne med et bilde av en kjedelig vanlig knapp. Denne knappen er helt ålreit:
- (Et raskt søk på punktskrift på Store Norske Leksikon (https://snl.no/punktskrift), så ser man at prikkene står for “STOP”)
Og så har vi et bilde av en perfekt stoppknapp. Denne er helt nydelig:
Men er ikke knappene helt like da? Jo de er ganske like og oppfyller viktige krav for en stoppknapp:
| Krav | Kjedelig knapp | Perfekt knapp |
|---|---|---|
| Synlighet | ✔️ | ✔️ |
| Blindeskrift | ✔️ | ✔️ |
| Lett å trykke på | ✔️ | ✔️ |
| Haptic feedback | ❌ | ✔️ |
Men hva gjør denne knappen så spesiell? Spør du kanskje. Da har du rett og slett ikke prøvd denne knappen. Når man trykker på den får man umiddelbar feedback på trykkingen iform av et klikk og at man spretter litt når man har trykket langt nok. Vanskelig å forklare. Mens den normale kjedelige knappen ikke har en slik klikk, som fører til at du ikke vet hvor langt ned du må trykke for å få respons.
La meg prøve å visualisere med en html knapp med litt css stiler: (trykk og hold for å se effekten)
- Legg merke til hvordan den gode knappen gir en form for haptic feedback når du trykker på den. Mens den kjedelige bare synker ned til du ikke kan trykke hardere lenger.
- Merker du at noe mangler når du trykker på den kjedelige knappen? Jeg lurer ihvertfall på når jeg skal slutte å trykke. Det er dette som gjør den perfekte knappen til en perfekt knapp i mine øyne.
Håper du har fått litt interesse for knapper rundt deg etter dette innlegget. Det er mye annet man kan si om brukervennlig design generelt sett. Men jeg tror jeg stopper innlegget her.
Ps. følg RSS feeden min for å få varsel neste gang jeg legger ut et innlegg.