Kumoa vahvistusvalintaikkunoiden sijaan: Vähemmän häiritsevän käyttöliittymän suunnittelu
Miksi rutiini "Oletko varma?" valintaikkunat epäonnistuvat, kun vahvistus on edelleen oikea, ja kuinka suunnitella selkeitä, helppopääsyisiä ja turvallisia kumoavia maljoja.
Core Takeaway
Käytä kumoa-toimintoa toimintoihin, jotka voidaan peruuttaa: tee toiminto välittömästi ja näytä sitten lyhyt, ei-estävä viesti Kumoa-painikkeella. Pidä vahvistusikkunat vakaville, peruuttamattomille toimille, kuten pysyvälle poistamiselle tai suurille maksuille, ja määritä ne tarkasti: nimeä kohde ja seuraus. Rutiinitoimintojen vahvistaminen kouluttaa ihmiset napsauttamaan "OK" lukematta.
Miksi rutiinivahvistukset lakkaavat toimimasta?
Nielsen Norman Group:n vahvistusvalintaikkunoiden ohjeet ovat selkeät: käytä niitä ennen toimia, joilla on vakavia seurauksia, äläkä käytä niitä rutiinitoimintoihin. Kun ihmiset näkevät saman dialogin monta kertaa, he vahvistavat tottumuksesta, ja dialogi lakkaa estämästä virheitä, jotka sen oli tarkoitus havaita. Sama artikkeli suosittelee kumoamisen tarjoamista aina kun mahdollista sen sijaan, että luottaisi varoitukseen.
Vahvista tai kumoa: yksinkertainen sääntö
Esitä yksi kysymys: voidaanko tämä kääntää? Jos kyllä, toimi ja ehdota kumoamista. Jos ei, vahvista ensin ja tarkenna vahvistus.
- Arkistoi, siirrä, merkitse luetuksi, poista luettelosta: toimi nyt, tarjoa kumoa.
- Lähetä viesti: monet tuotteet viivästävät lähetystä hetken, jotta se voidaan peruuttaa. Gmail antaa ihmisten valita 5, 10, 20 tai 30 sekunnin kumoamisikkunan.
- Poista pysyvästi, maksa, julkaise julkisesti: vahvista ensin, nimeä kohde ja vaikutus ("Poista 142 tiedostoa").
- Vielä parempi: tee poistosta peruttava roskakorin tai palautusajan avulla ja käytä sitten Kumoa.
Kumousviestin suunnittelu
Material Design kutsuu tätä komponenttia välipalapalkiksi: lyhyt, vähän häiritsevä viesti, joka voi sisältää yhden toiminnon, toisin kuin valintaikkuna, joka vaatii vastausta. Kirjoita muutamalla sanalla, mitä tapahtui, aseta Kumoa yksittäiseksi toiminnoksi ja pidä se näytöllä tarpeeksi kauan, jotta ihmiset voivat reagoida. Älä piilota tärkeitä kumoamistoimintoja viesteihin, jotka katoavat kahdessa sekunnissa.
Esteettömyystiedot
Näytönlukijan käyttäjät ja ihmiset, jotka tarvitsevat enemmän aikaa, voivat jäädä huomaamatta. Ilmoita viesti kohteliaalla live-alueella, anna näppäimistön käyttäjien päästä Kumoa-painikkeeseen, keskeyttää ajastin, kun viesti on päällä tai kohdistettuna, ja tarjoa toinen tapa peruuttaa toiminto, kuten historialuettelo tai roskakori.
Kumoamisesitys
Lyhyt, rauhallinen sisäänkäynti näytön reunasta ja selkeä uloskäynti auttavat ihmisiä huomaamaan viestin keskeytyksettä. Kun Kumoa-painiketta painetaan, animoi kohde takaisin paikoilleen, jotta peruutus näkyy. Kunnioita vähennettyä liikettä koskevia asetuksia yksinkertaisella häivytyksellä.
Avain Principles muistettavat
- Käännettävät toimet: toimi välittömästi ja ehdota peruutusta
- Peruuttamattomat, vakavat toimet: erityinen vahvistus, joka nimeää vaikutuksen
- Rutiininomaiset vahvistukset napsautetaan läpi tottumuksesta
- Tee kumoamisviestit saataville: live-alue, näppäimistön kohdistus, tarpeeksi aikaa
- Animoi käänne, jotta ihmiset näkevät sen toimivan
Usein kysytyt kysymykset
Lähteet
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Ohje
- Snackbar guidelines — Material Design 3