Cele mai bune practici de utilizare și design pentru pictograme

Imaginați-vă că conduceți la serviciu — redarea podcastului preferat, cana de călătorie în mână și nimic altceva decât drumuri libere înainte. Un șofer precaut, te uiți în jos și observi o lumină necunoscută strălucitoare pe tabloul de bord.

Ceva ca un amestec între o priză de lumină și un ceaun de vrăjitoare care clocotește, lumina mică pare importantă, dar nu ești sigur ce înseamnă. O privire asupra manometrelor nu dezvăluie nimic anormal, iar vehiculul pare să funcționeze bine, așa că decideți să vă ocupați de el după muncă.

Mai târziu în acea seară, cu ziua de lucru încheiată și cu cina la orizont, te apropii de vehiculul tău în parcarea biroului și — „Trebuie să-mi glumiți!”

Anvelopa din partea șoferului din față este plată ca o clătită. Dacă ați fi știut că pictograma de mai devreme era un avertisment de la sistemul de gestionare a presiunii în anvelope al vehiculului dvs., ați fi rezolvat problema și ați fi evitat durerea inutilă.

Pictogramele trebuie să ofere claritate

Lumea produselor fizice și digitale este inundată de pictograme și din motive întemeiate: Imaginile transmit sens cu o viteză de neegalat de cuvinte. De fapt, oamenii de știință de la MIT au descoperit că creierul uman poate procesa o imagine în doar 13 milisecunde.

Din păcate, există momente când icoanele pe care le întâlnim sunt prost lucrate, lăsându-ne perplexi și frustrați. Cu toate acestea, atunci când sunt proiectate cu atenție, pictogramele îmbunătățesc utilizarea prin reducerea ambiguității și funcționalitatea de comunicare.

Scopul final al utilizării și designului pictogramelor este de a îmbunătăți experiența utilizatorului, nu de a o confunda. Dar cum arată asta și cum se pot asigura designerii de interfețe cu utilizatorul că pictogramele pe care le fac vor fi ușor de înțeles?

Designul abil al pictogramelor îmbunătățește utilizarea produsului

Icoanele sunt abstracții. Ele simplifică obiectele, ideile și comenzile în simboluri grafice care pot fi identificate rapid de ochiul uman. Deci, ce face pictogramele utile și cum ar trebui să-l facă pe utilizator să se simtă?

Pictogramele sunt ușor de văzut și de utilizat.

Cum se simte: „A fost ușor. M-am uitat la ecran și am găsit rapid pictograma de care aveam nevoie. Am dat clic pe el și a funcționat conform așteptărilor.”

Pictogramele adaugă coeziune experienței în cadrul unui produs.

Cum se simte: „Aceste simboluri înseamnă clar ceva și mă ajută să navighez și să utilizez acest produs.”

Pictogramele funcționează ca indicii de context intercultural.

Cum se simte: „Nu știu limba, dar știu ce înseamnă acel simbol.”

Pictogramele îmbunătățesc și extind abilitățile de povestire vizuală ale unei mărci.

Cum se simte: „Acest brand este personal, dar profesional. Le pasă să fie de ajutor chiar și în cele mai mici detalii.”

Designul pictogramelor criptice face ca produsele să fie dureroase de utilizat

Când designul de pictograme este gândit puțin sau seturile de pictograme sunt asamblate în grabă ca o idee ulterioară în dezvoltarea unui produs, apar complicații și duc la o experiență slabă a produsului, utilizatori dezamăgiți și o marcă pătată.

Ce sunt pictogramele criptice și cum îi fac pe utilizatori să se simtă?

Pictogramele criptice sunt slab asociate cu funcționalitatea lor reală.

Cum se simte: „Stai, m-am gândit că pictograma aia va face ceva diferit. Ce s-a intamplat?"

Un set de pictograme criptice oferă mai multe opțiuni care par prea strâns legate.

Cum se simte: „Care dintre aceste pictograme face ceea ce vreau eu?”

Icoanele criptice sunt confuze din punct de vedere cultural.

Cum se simte: „Uau! Nu aș face niciodată clic pe ceva atât de scandalos.”

Pictogramele criptice scot utilizatorii din experiența dorită.

Cum se simte: „M-am gândit că această aplicație mă va ajuta să-mi bugetez banii, dar aceste pictograme par aiurea. Este acest produs potrivit pentru mine?”

10 principii directoare pentru design de icoane de clasă mondială

Acum că înțelegem utilizarea pictogramelor și modul în care pictogramele pot îmbunătăți sau împiedica utilizarea produsului, haideți să examinăm un set de principii directoare pe care designerii de pictograme le pot folosi pentru aproape orice proiect de design de pictograme.

1. Lucrați din greu pentru a înțelege caracteristicile cu care vor fi asociate pictogramele. Dacă nu înțelegi, nu ghici. Cere.
2. Evitați să proiectați câte o pictogramă la un moment dat. În schimb, abordați seturile de pictograme ca întreg. Întrebați-vă: „Setul este coeziv? Există icoane cu semnificații duble sau asocieri confuze? Setul este o reprezentare bună a mărcii?”
3. Ocoliți computerul și începeți ideea timpurie a pictogramelor cu schițe simple.
   
   
   
   
   Schițele în miniatură desenate manual sunt o modalitate eficientă de a explora mai multe concepte de design de pictograme și de a capta idei rapid.
4. Nu reinventa roata. Urmăriți simboluri înțelese universal și nu vă fie teamă să utilizați seturi de pictograme existente, care sunt utilizate pe scară largă și disponibile pe site-uri precum Font Awesome.
5. Când utilizați seturi de pictograme stoc, nu ezitați să le personalizați pentru alinierea mărcii sau caracterul adăugat, dar nu sacrifica claritatea.
6. Folosiți etichete de text acolo unde este cazul pentru a spori gradul de utilizare al pictogramelor. Textul în sine este o țintă greu de făcut clic sau atinge, dar atunci când este combinat cu pictograme, ajută utilizatorii să elimine îndoielile și să evite interpretarea greșită simbolică.
7. Nu sacrifica ușurința de utilizare pentru designul de bomboane pentru ochi.
8. Luați în considerare modul în care pictogramele se încadrează în ierarhia de proiectare a unei interfețe și nu uitați că diferitele dimensiuni ale ecranului pot afecta vizibilitatea pictogramelor datorită scalării.
   
   
   
   
   Observați proeminența vizuală a pictogramei „Căutare” în interfața mobilă, spre deosebire de versiunea pentru desktop. Dimensiunea reală între versiuni se schimbă foarte puțin, dar interfața mobilă are mai puțin spațiu, astfel încât pictograma iese în evidență.
9. Amintiți-vă de regula celor 5 secunde. Când creați concepte de pictogramă, încercați să vă gândiți la asocieri simbolice în 5 secunde. În caz contrar, legătura dintre cuvânt, acțiune și simbol poate fi slabă.
10. Testați pictogramele cu oameni reali. Sunt ele recognoscibile? Sunt memorabile? Dacă nu, continuați să lucrați.

Concluzie

Trăim într-o lume care este saturată de informații vizuale. Adesea facem alegeri multiple în câteva momente. „Unde ne îndreptăm? Cum vom ajunge acolo? Ce vom face când ajungem?” Pictogramele ne ajută să eliminăm dezordinea și să decidem rapid ce este important. Ne mențin fericiți angajați cu produsele pe care le folosim în fiecare zi și, atunci când funcționează bine, promovează satisfacția mărcii.

Din păcate, icoanele nu își ating potențialul mult prea des. Pictogramele proiectate prost împiedică utilizarea produsului, enervează utilizatorii și dăunează loialității mărcii. Pentru designerii de produse și echipele de design, aceasta este o oportunitate majoră pierdută.

Atunci când pictogramele îmbunătățesc experiența utilizatorului, mai degrabă decât să o confunde, ele ating scopul principal al oricărui demers de design; ele îmbunătățesc calitatea vieții. Amintiți-vă, icoanele sunt abstracții, nu gânduri ulterioare. Acestea sunt menite să relaționeze complexitatea rapid și fără întreruperi, fără pauză din partea utilizatorului. Aceasta nu este o operație mică pentru designer, dar este posibilă cu o planificare atentă, un proces metodic și testarea utilizatorului centrată pe om.

Citiri suplimentare pe Blogul Toptal Design:

• Testare de utilizare pentru conversie: nu mai urmați tendințele, începeți să utilizați datele
• Transformarea datelor de testare a utilizării în acțiune fără a înnebuni
• Cum să desfășurăm teste de utilizare în șase pași
• UX și importanța accesibilității web
• Ghidul fundamental pentru utilizarea mobilă