Sfaturi de instrumente care explică fără a sta în cale
Cum să creați sfaturi cu instrumente care să vă ajute: informații suplimentare scurte, acces la trecerea cu mouse-ul și la tastatură, alternative la atingere și de ce instrucțiunile esențiale nu aparțin niciodată într-un balon explicativ.
Core Takeaway
Sfaturile instrumente sunt mesaje scurte care apar la trecerea cursorului sau la focalizarea tastaturii pentru a oferi informații suplimentare, cum ar fi ce înseamnă o valoare. Păstrați-le scurte, nu puneți niciodată instrucțiuni esențiale în ele, faceți-le accesibile prin tastatură, oferiți o alternativă bazată pe atingere pe ecranele tactile și nu introduceți link-uri sau butoane în interior.
Ce este un tooltip
Nielsen Norman Group definește un tooltip ca un mesaj scurt, informativ, care apare atunci când un utilizator interacționează cu un element, inițiat de o trecere cu mouse-ul sau de o tastatură (menținând focalizarea tastaturii asupra unui element). Deoarece depind de trecerea cu mouse-ul, sfaturile cu instrumente nu sunt disponibile în mod normal pe ecranele tactile.
Suplimentar, niciodată esențial
NN/g oferă un exemplu clar de greșeală: un site care a introdus cerințele de parolă într-un tooltip. Informațiile de care oamenii au nevoie pentru a finaliza o sarcină ar trebui să fie pe ecran. Sfaturile instrumente se potrivesc definițiilor, explicațiilor de ce este solicitat un câmp și etichetelor pentru butoanele doar cu pictograme.
Accesibilitate
Faceți sfaturile instrumente utilizabile pentru toată lumea:
- Deschideți focalizarea de la tastatură și treceți cu mouse-ul.
- Lăsați oamenii să-l îndepărteze cu Escape fără a muta focalizarea.
- Țineți-l deschis în timp ce indicatorul se deplasează pe el.
- Conectați-l la declanșatorul său, astfel încât cititorii de ecran să îl anunțe.
- Nu puneți conținut interactiv în interior; folosiți un popover în schimb.
Sfaturi instrumente pe dispozitivele tactile
Hover nu există la atingere. Folosiți o pictogramă de informații vizibilă care deschide un mic popover la atingere sau afișați explicația în linie. Pentru valorile complexe ale întreprinderii, o pictogramă de informații de lângă etichetă este un model familiar pe fiecare dispozitiv.
Mișcare și sincronizare
O scurtă întârziere înainte de afișare evită să pâlpâie sfaturile instrumente pe măsură ce indicatorul trece peste elemente; odată ce unul este deschis, pot apărea imediat sfaturile instrumente învecinate. O decolorare rapidă sau o scară mică de la declanșator îi ajută pe oameni să vadă de unde provine. Păstrați-l sub aproximativ 150 de milisecunde.
Cheie Principles de reținut
- Sfaturile instrumente sunt scurte și suplimentare
- Nu ascunde niciodată instrucțiunile esențiale într-un balon explicativ
- Acceptă focalizarea tastaturii și Escape
- Folosiți o pictogramă de informații care se poate atinge pe dispozitivele tactile
- Nu există conținut interactiv în sfaturi cu instrumente
Întrebări frecvente
Surse
- Tooltip Guidelines — Nielsen Norman Group