Folosirea puterii standardelor de icoane

La fel de eficient ca o metaforă a unei icoane, icoanele cu adevărat puternice își câștigă puterea de la recunoașterea lor universală și de la utilizarea convențională - o tipare de standardizare. Vom discuta despre standardizarea icoanelor mai mult în acest articol și apoi vom oferi sugestii la câteva mișcări actuale de standardizare a pictogramelor pe care le puteți explora și încorpora în propriile proiecte.


De ce folosiți pictogramele?

Icoanele și simbolurile sunt instrumente puternice vizuale. În mod normal, ele reprezintă obiecte din viața reală prin reprezentarea lor în realitate sau prin utilizarea unei metafore. Ei pot comunica într-un singur obiect ceea ce altfel ar necesita mai multe caractere sau cuvinte, ceea ce este parțial motivul pentru care icoanele sunt utilizate atât de des în designul de software. Atunci când sunt utilizate corect, pot comunica eficient un mesaj într-o cantitate minimă de spațiu.

În plus, icoanele și simbolurile permit utilizatorilor să identifice un mesaj sau o metaforă fără a adăuga la sarcina lor cognitivă. De exemplu, imaginați-vă dacă docul din OS X a folosit text în locul pictogramelor. Acest lucru ar impune utilizatorilor să citească și să proceseze mental textul pentru fiecare aplicație până când vor găsi ceea ce doresc.

Văzând utilizarea textului aici, punerea în practică a icoanelor pare a fi o idee fără temei, și pentru un motiv bun. Utilizarea icoanelor, în special în ceea ce privește reprezentarea obiectelor frecvent accesate, reduce cantitatea de informații pe care utilizatorii trebuie să o proceseze și le permite să scaneze mai ușor și să găsească ceea ce doresc.


De ce să folosiți standardele de pictograme?

O utilizare puternică a icoanelor și a simbolurilor este capacitatea lor de a depăși limbajul uman.

O altă utilizare puternică a icoanelor și a simbolurilor este abilitatea lor de a depăși limbajul uman. Icoanele funcționează cel mai bine și sunt cele mai puternice atunci când designerii folosesc universalitatea și recunoașterea conceptelor din lumea reală. Acesta este un alt motiv pentru care icoanele sunt folosite atât de des în software-ul - acestea depășesc barierele lingvistice, adesea împiedicând nevoia de localizare și traducere.

La proiectarea icoanelor pentru utilizarea în aplicațiile software și în alte medii, designerii ar trebui să analizeze dacă există deja o convenție sau un standard existent în uz pentru ceea ce încearcă să comunice.

Icon de utilizare standardizat: Un exemplu

Ca un exemplu simplu, spuneți că trebuie să creați butoane de acțiune specifice genului. Puteti incepe prin a crea un buton care spune "Barbatii" si alta care spune "Femeile". În plus, puteți adăuga culori asociate în mod tradițional cu sexele de sex masculin și de sex feminin.

Dar dacă aceste butoane sunt destinate unei audiențe mari de peste 50 de țări și limbi? Probabil că va trebui să creați o soluție de localizare care să susțină traducerea limbajului.

Sau puteai exploata puterea comunicativă a icoanelor și a simbolurilor. Deci, cum reprezentați vizual "bărbații" și "femeile"? Mai degrabă decât să vă răsturnați creierul cu privire la modul în care puteți obține oameni din 50 de țări să înțeleagă simbolurile dvs., puteți căuta o metaforă standardizată, care este înțeleasă universal. Nu ar trebui să vă gândiți mult înainte ca simbolurile "Men" și "Femei" utilizate în mod obișnuit să vină în minte.

Este posibil să puteți exploata puterea din spatele recunoașterii universale a acestor simboluri în butoanele de acțiune. Acum, acest lucru a fost pur și simplu folosit ca un exemplu și nu ca o soluție de proiectare, dar ajută la reprezentarea puterii de a folosi simboluri și icoane pentru a comunica.


Descoperirea standardelor și convențiilor pentru icoane

Simbolurile "bărbați" și "femei" văzute mai sus nu sunt neapărat "standarde", deoarece au fost aprobate oficial și autorizate pentru utilizare de către un comitet internațional de profesioniști în design. Ele au devenit standarde datorită utilizării lor prolifice și larg răspândite. Deoarece o mulțime de oameni le-au văzut, mulți oameni știu ce înseamnă ei.

Familiaritatea și universalitatea ajută la recunoașterea icoanelor de către o mulțime largă de oameni. Cu toate acestea, descoperirea icoanelor cu adevărat universale poate fi foarte dificilă. Unele metafore standardizate pe care le-ați putea recunoaște, cum ar fi o bucată de hârtie cu un colț pliat pentru "document", o lupă pentru "căutare" și un coș de cumpărături pentru un coș de cumpărături "digital". Alte metafore sunt mult mai greu de recunoscut rapid, cum ar fi "reputația" sau "vederea".

O metodă bună pentru a determina dacă o anumită metaforă are un standard sau o convenție este să purtați pur și simplu imagine Google cu termenul pe care doriți să-l comunicați. Dacă vedeți un model repetat de pictograme similare, puteți presupune probabil că este o metaforă convențională. O altă opțiune pentru descoperirea universalității unui simbol sau a unei pictograme este aceea de ao arăta unei game de oameni și de a le întreba ce le vine în minte atunci când o văd.

Multe standarde și convenții privind pictogramele sunt neprofesionale. Aceasta înseamnă că nu sunt aleși și aprobați oficial de un organism desemnat. O mulțime de icoane standardizate devin bine cunoscute, deoarece designerii sau companiile aleg să le folosească în produsele lor. Dat fiind că metaforele iconice devin din ce în ce mai omogenizate în sistemele informatice, ele se apropie tot mai mult de a deveni standarde sau convenții în comunitatea de proiectare. Un bun exemplu pentru modul în care o pictogramă a devenit standard este pictograma feed (denumită în mod obișnuit RSS).


Cum a devenit o pictogramă un standard

În zilele anterioare ale webului, înainte de aproximativ 2004, utilizatorii au început să sară pe bandwagon RSS abonat la feed-uri sindicalizate. Deoarece nu exista o metaforă sau o metodă standard pentru a reprezenta vizual ceea ce a fost un feed, editorii web au creat o mare varietate de icoane enigmatice pentru a indica utilizatorilor că site-urile lor oferă feeduri.


Amabilitatea RSS

Una dintre cele mai comune metode de reprezentare a fluxurilor a fost blocul portocaliu cu textul "RSS" înscris pe el. Cu toate acestea, chiar dacă RSS a fost mai scurt și mai simplu decât scrierea "sindicalizare", a reprezentat doar într-un mod sincer un format care ar putea fi introdus. Era nevoie de o metaforă pentru a descrie mai întâi conceptul de feed-uri decât textul RSS implementarea specială a alimentării.

o adaptare larg răspândită ... a fost catalizatorul necesar pentru a stabili pictograma de alimentare portocalie ca un standard recunoscut.

Cu scopul de a crea o simplă pictogramă care ar putea fi utilizată pentru a reprezenta toate protocoalele de sindicalizare, Stephen Horlander a proiectat ceea ce știm astăzi ca pictograma de alimentare portocalie. Pictograma a fost creată inițial pentru Firefox 1.0. Acest lucru nu a făcut ca pictograma să fie standard. Design-ul, însă, a reprezentat în mod clar aspectul emisiunilor și a determinat-o să fie adoptată de echipele Internet Explorer și Outlook. Opera a urmat curând exemplul și această adaptare larg răspândită (în special de către companiile de tehnologie de mare anvergură) a fost catalizatorul necesar pentru a stabili pictograma de alimentare portocalie ca un standard recunoscut.

Pictograma de alimentare este un bun exemplu al puterii icoanelor. Mai degrabă decât să prezinte mici butoane cu cuvinte tehnologice pe care utilizatorii nu le vor înțelege (RSS, Atom, Blogline, XML etc.), pictograma simplă de alimentare poate comunica scopul din spatele stivei complexe de tehnologii de alimentare, spunând: "Am difuzat ceva. aceasta".


Specificații privind pictogramele specifice platformei

Un alt exemplu de pictogramă care devine un standard prin utilizarea pe scară largă poate fi găsit în pictograma "parts" inițial avansată de Apple. Este posibil să recunoașteți pictograma așa cum apare în multe dintre aplicațiile Apple de la iOS la OSX. Cu toate acestea, această pictogramă identifică, de asemenea, utilizarea pe scară largă a unor dezvoltatori terți în interiorul ecosistemului Apple.

După cum puteți vedea, pictograma "partajare" se găsește în multe aplicații care rulează pe platforma software Apple. Deci, dacă sunteți în curs de dezvoltare pentru iOS sau OSX și aveți nevoie de o pictogramă de partajare, ar fi o idee bună să urmați modelul care este îmbrățișat de atât de mulți alți designeri (spre deosebire de crearea propriei pictograme pentru "share"). Utilizatorii din cadrul ecosistemului Apple (și din ce în ce mai mult în afara acestuia) vor înțelege mai ușor ceea ce încercați să comunicați dacă utilizați acest simbol deoarece, probabil, au mai văzut-o înainte.


Standarde Icon: Votați-vă votul

S-ar putea să credeți că icoanele devin standarde, deoarece mari corporații precum Microsoft sau Apple aleg să le folosească și acest lucru este parțial adevărat. Dar, în realitate, corporațiile mari accelerează pur și simplu procesul de standardizare, deoarece ajungerea lor pe piață contribuie la expunerea unui număr mare de utilizatori la icoane. Expunerea repetată la metafora unui pictogram este ceea ce ajută la stabilirea familiarității sale cu utilizatorii și, prin urmare, la un mesaj standardizat vizual.

Când oamenii normali văd o pictogramă și știu ce înseamnă, este un instrument extrem de puternic. Asta înseamnă că, ca designer, puteți ajuta să alegeți ce icoane să devină standarde. Prin alegerea icoanelor pe care le folosiți în următorul proiect de proiectare, esti în esență un vot care spune "da, această pictogramă reprezintă o bună reprezentare a metaforei pentru ceea ce încerc să transmit și o să-i expun utilizatorilor .“


Pictogramele pe care le puteți utiliza în următorul proiect

Mai jos veți găsi referințe la câteva proiecte de pictograme care se propun ei înșiși ca candidați pentru utilizarea convențională, standardizată.

OMPL Icon

  • Scop: Limbajul de marcaj pentru procesoare (Outline Processor Markup Language - OPML) este un format XML pentru schițele utilizate cel mai frecvent în schimbul listelor de fluxuri web între agregatele de alimentare. (Pentru a vedea un exemplu de feed OPML, faceți clic aici).
  • Licență: Creative Commons Attribution-Share Alike 3.0 Unported License
  • Pagina principala: http://www.opmlicons.com/

Geotag Icon

  • Scop: Pentru cei care nu știu, geotaggingul adaugă, în esență, informații geografice la conținut, cum ar fi fotografii. Similar cu pictograma de alimentare, metaforul cu pictograma Geotag este conceput ca un standard web pentru a comunica oamenilor obișnuiți cu tehnologia complexă, printr-un simbol vizual.
  • Licență: Creative Commons sau GNU Lesser GPL
  • Pagina principala: http://geotagicons.wordpress.com/

Limbă Icon

  • Scop: Creați o pictogramă abstractă, recunoscută la nivel global, care poate fi utilizată în aplicațiile software și pe web pentru a selecta traduceri diferite de limbă.
  • Licență: Creative Commons Attribution-Share Alike 3.0 Unported License
  • Pagina principala: http://www.languageicon.org/index-icon.php

Deschideți Share Pictogramă

  • Scop: Ajutați utilizatorii să identifice cu ușurință conținutul care este distribuit. Icoana în sine încearcă să comunice actul de împărtășire prin metafora vizuală a unei mâini care trece ceva pe altă mână.
  • Licență: Creative Commons Attribution-Share Alike 3.0 Unported License
  • Pagina principala: http://www.shareaholic.com/openshareicon

Împărtășește această pictogramă

  • Scop: Reprezintă acțiunea generică de partajare a unei pagini web din orice sursă către mai multe destinații, cum ar fi e-mail, rețele sociale și multe altele.
  • Licență: GPL, LGPL, BSD, atribuire Creative Commons 2.5
  • Pagina principala: http://www.shareaholic.com/openshareicon
  • Notă: Inițial introdus cu un plugin Wordpress, această pictogramă este oarecum controversată, deoarece este acum oficial marcă comercială (de aici mulți oameni susțin utilizarea pictogramei "share open" în schimb).

Marcaj Icon

  • Scop: "Utilizați această marcă pentru a identifica zonele de intrare ale utilizatorului care acceptă ieșirea HTML compilate Markdown sau pentru a identifica suportul Markdown general". - http://dcurt.is/the-markdown-mark/
  • Licență: CCC LICENȚA DE DEDICARE A DOMENIULUI PUBLIC UNIVERSAL
  • Pagina principala: https://github.com/dcurtis/markdown-mark