Vodič za dizajn: Upozorenja

Dos i dono upozorenja dizajn

Protekli tjedan rezervirao sam last-minute let za New York i, naravno, bio nagrađen sjedištem u redu za izlaz u hitnim slučajevima. Bio je to rani let, pa kad sam se ukrcao u avion, stavio sam slušalice i počeo zaspati.

To je bila početnička pogreška. Kratko me probudila stjuardesa i rekla mi da skinem slušalice. Kako sam mogao zaboraviti - užasan govor o izlaznom redu. Stjuardesa je obratila našu punu pažnju dok je čitala Deltova pravila o izlaznim redovima, a na kraju sam trebao izričito pristati na uvjete (naglas).

Dakle, na što sam pristao? Nemam pojma.

Sažeto Bio sam prisiljen buditi, prisiliti da skinem slušalice i prisiljen sam uspostaviti pogled očima sa stjuardesom - i dalje je njezina poruka zanemarena.

Dakle, u našim upozorenjima, kako u svijetu bismo trebali informirati i upućivati ​​naše korisnike da donesu ispravnu odluku kada su mnogo zaokupljeniji nego što sam bio na svom ranom letu? Pa, dobrim dizajnom naravno.

Krenimo od anatomije načina upozorenja:

Vidio sam ove komponente nazvane drugim imenima. Idemo s tim.

Sva upozorenja trebaju sadržavati najmanje naslov, opis i par gumba za radnju (primarni / sekundarni). Prije nego što razmotrimo ove pojedinosti, razgovarajmo o položaju i pozadini upozorenja.

Postavljanje upozorenja u samu sredinu (ili malo iznad sredine) stranice je najbolja praksa. To se lako razvija, optimizira otkrivanje za korisnika i nikada neće biti daleko od pokazivača.

Pozadina bi trebala biti zatamnjena kako bi se istaknulo upozorenje i označilo da je ovo modalitet (potreban prije interakcije sa stranicom koja se nalazi iza njega). Sviđa mi se crna pozadina neprozirnosti od 0,55, ali ne zamagljena. Nikad ne znate može li korisnik vidjeti neke informacije iza upozorenja da donese odluku. (Ne govoreći da bi se korisnici trebali pouzdati u informacije koje stoje iza upozorenja, ali zašto ne prilagoditi tu mogućnost?)

Otkrivanje upozorenja je veliko i još uvijek znate gdje se nalazite na stranici.

tipke

Sva upozorenja trebaju biti popraćena primarnim i sekundarnim tipkama. Gotovo svi imaju to pravo. Ali narudžba gumba može biti smetnja.

Mac voli primarne gumbe na lijevoj strani dok Windows voli s desne strane. Nemam osobne preferencije - ali kao korisnik se nerviram kad u aplikaciji nije isto. Ovdje pružite malo dosljednosti svojim korisnicima kako bi znali što ih očekuje.

Nazivi gumba ne bi trebali biti "Da" / "Ne" ili "U redu" / "Odustani". Oni su generički i zbunjujući.

Da li pritisnete Odustani za poništavanje promjena ili pritisnite OK? Um kao i baci novčić.

Primarni gumbi trebaju imati veću težinu na njega, pa je najbolje da sekundarni gumb bude siv ili gumb sa duhom. (Osobno volim gumbe s tekstom bez ikakvih kontura.)

Gumb Odbaci skoči odmah sa stranice, smanjujući kognitivno opterećenje.

Primarna boja gumba može biti gotovo bilo koje boje, sve dok nije negativna po osjećaju (crvena, žuta, narančasta).

Jedina iznimka od pozitivne boje gumba je kada upozorenje potvrđuje brisanje visokog udara. U ovom slučaju ŽELITE da primarni gumb bude crvene boje.

Ovdje vas želimo upozoriti kako brisanje 3 računa nije nešto što radite svaki dan.

Opcija "U redu" u redu je ako postoji samo jedan gumb u upozorenju, ali obično u tim slučajevima želite koristiti smjernice.

Naslov

Naslov bi trebao jasno objasniti zašto je korisnik zaustavljen. To znači objasniti što će se dogoditi (ako je upozorenje o potvrdi) ili što se upravo dogodilo (ako je upozorenje o pogrešci). Držite ga na manje od 6 riječi, ali ne budite nejasni. Zapamtite, korisnik možda ne zna što je upravo učinio. Jednako vjerovatno mogu biti i multitasking. (Kao dobro pravilo, uvijek biste trebali dizajnirati uz pretpostavku da korisnici rade s više zadataka).

Nemojte naslov postavljati pitanjem jer će vas to prisiliti da koristite tipke „Da“ / „Ne“, što kao što smo prethodno raspravljali, nisu idealni. Još uvijek niste uvjereni? Pogledaj ispod.

U što ste sigurni? Što želite reći 'da' ili 'ne'?

Opis

Ne ponavljajte se - pretvarajte se da je Naslov prva rečenica Opisa. Trebao bi biti protok, bez ponavljajućih informacija.

Opis vam ovdje ne govori ništa novo. Ne samo da je beskorisna, već i troši vrijeme.

Najvažniji dio opisa je pružiti rezultate / posljedice onoga što se upravo dogodilo ili onoga što će se dogoditi ako nastavite. Ovo je područje na kojem možete uvjeriti korisnika da odustane.

Sada administrator zna hoće li nastaviti a) sav rad korisnika bit će arhiviran i b) još uvijek plaća njegovu licencu. Možda to uvjeri administratora da korisnika ostane aktivnim ili u potpunosti izbrisati račun.

Poput naslova, opis ne bi smio završiti pitanjem. Obično se dodaje nepotreban tekst i samo se pruža još jedna prilika da upozorenje postane zbunjujuće.

Dodaci

Za brisanja s velikim utjecajem možda želite dodati više trenja iskustvu uzbunjivanja. Možete promijeniti redoslijed primarnog i sekundarnog gumba ili staviti manju težinu na primarni gumb.

Ako su primarni gumbi obično na desnoj strani, tada će vaš početni instinkt kliknuti Odustani.

Za brisanja s vrlo visokim učinkom možete dodati još trenja.

Prisiljavanje korisnika da upisuju

Ali nemojte ići predaleko

Neki se dive ovoj obavijesti InVision, ali mislim da su otišli predaleko. Nadalje, primarni gumb označava da možete odmah kliknuti na njega. Ako je to slučaj, samo ću kliknuti potvrdne okvire koje želim i nastaviti.

Upozorenja trebaju imati gumb Izlaz. Naravno, to radi isto kao i Otkaži, ali ljudi su na to navikli pa zašto ne dodati?

Možete otkazati ili izaći, što god je lakše.

Kako kaže don Norman iz Dizajna svakodnevnih stvari:

[Korisnik] se više usredotočuje na radnju, a ne na objekt na koji se vrši.

Stoga bismo trebali naglasiti objekt kurzivom ili podebljanim slovima:

Vrlo brzo vidite da uklanjate Cheryl, a ona se uklanja iz grupe Banking.

Bilo što drugo što smatrate vitalnim za upozorenje dizajna? S čime se ne slažete? Zainteresirani su čuli sve povratne informacije!