Termenul a fost propus pentru prima dată de către psihologul James Gibson, a fost apoi aplicată teoria interfețelor de calculator Donald Norman, în cartea sa „Psihologia lucrurilor care ne înconjoară,“ de conducere bine-cunoscut în domeniul de design industrial și dezvoltarea de aplicații.
Provocarea - acest termen nu are o traducere stabilită în limba rusă. Claritatea intuitivă a scopului, funcționalitatea evidentă, utilitatea și așa mai departe - toate aceste concepte, descriu ce înțelege Affordans.
Este dificil să se supraestimeze importanța acesteia pentru înțelegerea modului de a crea pagini de vânzare eficiente, interfețe ușor de utilizat. Prin înțelegerea înțelegerii proprietății determinate vizual a unui obiect sau a unui element de proiectare, care îi spune utilizatorului că subiectul sau elementul poate fi utilizat într-un mod specific. De exemplu, forma, înălțimea și adâncimea suprafeței orizontale pot sugera că puteți sta pe ea. Sau elementul de design, care arată ca un buton familiar, vă spune că trebuie să îl apăsați.
De aceea trebuie să acorzi mai multă atenție celor care îți oferă. Și, bineînțeles, să înțelegeți ce tipuri de oportunități sunt și cum să le folosiți cel mai bine.
O ofertă clară
Aceste lucruri sunt evidente deoarece utilizatorul are o înțelegere clară a modului în care poate interacționa cu acest element, chiar dacă nu a mai văzut așa ceva în interfețe înainte.
Elementul interfeței PayPal este evident - butonul presupune un clic, iar textul pe el (trimiteți-vă un SMS cu un link către aplicație) explică rezultatul apăsării.
Previziunea explicită este deosebit de importantă în următoarele cazuri:
Bineînțeles că trebuie să cunoști măsura. Dacă oferiți aplicațiile dvs. persoanelor cu experiență suficientă, atunci de fiecare dată pentru a explica că trebuie să faceți clic pe această legătură, dar aici este necesar să introduceți textul va fi redundant.
Context Provocare
În bara din partea de sus a ecranului învățăm cu cuvinte individuale un meniu de navigare. Recunoaștem într-o frază separată într-un cadru dreptunghiular, subliniat cu umbre, un buton și înțelegem că trebuie presat. O săgeată în jos de lângă link sau frază implică extinderea listei derulante.
Conținutul de contexte funcționează eficient în interfețe complexe, permițându-vă să înțelegeți rapid scopul anumitor elemente.
Creierul nostru face acest lucru în mod constant prin analiza intelectuală a interfețelor atunci când interacționează cu aplicațiile și paginile moderne.
Aici, de exemplu, lista de oferte pe pagina Envato Studio:
Dar, desigur, din nou, totul depinde de experiența utilizatorului. Dacă face o interfață pentru utilizatorii pasionați de tehnologie, care au o vastă experiență în care se ocupă cu aplicații și pagini, trebuie să maximizeze obiceiurile stabilite de interacțiune, cu accent în principal pe affordans contextuale. Și dacă pentru aceia care au o astfel de experiență nu este suficient - pentru copii etc., atunci mulți Affordani ar trebui să fie explicit pentru a facilita recunoașterea.
Această abordare este utilă pentru simplificarea interfeței - atunci când funcționalitatea este complexă, este posibilă "ascunderea" unei părți a elementelor secundare, făcând ca manifestarea lor să depindă de condiții. Dar, în acest caz, există, desigur, riscul ca vizitatorul să nu poată folosi elementul ascuns, pur și simplu nu îl găsește.
Elementele ascunse ar trebui folosite cu o înțelegere a locului și a importanței lor - este un lucru când butonul "Caută" apare atunci când mutați cursorul peste o imagine, altceva este atunci când accesul la galerie devine posibil numai după anumite acțiuni similare de pe pagină. Nu folosiți niciodată o ofertă ascunsă pentru funcții fundamentale importante.
De asemenea, elementele ascunse la aterizări sunt complet nepotrivite - totul ar trebui să fie foarte clar și clar, însă o aplicație pe care un utilizator o cumpără și o va învăța de-a lungul timpului, poate conține elemente neavenite.
Unele simboluri depind de context. O lupă în câmpul unui document sau imagine simbolizează mărirea. Dar lângă câmpul de introducere a textului este căutat.
Folosirea simbolurilor păstrează spațiul - acestea sunt mai scurte decât inscripțiile explicative pentru rentabilitatea explicită.
Este important să selectați cu atenție caracterele. Iată un exemplu:
Sunt de acord, simbolul mașinii nu explică faptul că acest buton trebuie să partajeze informații despre direcție sau locație. Ar fi mai bine să folosiți simbolul hărții.
Simbolul "inima", de exemplu, se poate referi la un număr de Affordans:
- Dând clic pe el marchează ceva care îmi place
- Cel care a postat obiectul marcat de mine va primi o notificare care îmi place
- Îmi permite să salvez obiectul marcat ca "favorit"
- Pot accesa colecția obiectelor mele selectate
Un alt exemplu este simbolul de referință, două legături lanț legate. Exemplul de mai jos arată că chiar o mică stilizare a acestui simbol, transformându-l într-un semn de infinit, rupe stereotipul și modelul de percepție:
Oferta falsă sau negativă
Există situații în care un element de felul lui ne spune un lucru, iar designerul o folosește cu totul altfel:
- Elementul arată ca un buton, dar nu este apăsat
- Logo-ul nu returnează utilizatorii la începutul site-ului
- Textul care arată ca un link (albastru și subliniat) nu este un link
- Butonul verde (adică crearea de ceva) șterge datele
- Un cuvânt gri, care înseamnă de obicei lipsa de funcționalitate, conține un link
- Plicul asociat cu e-mailurile trimite SMS-uri
Acest lucru poate confunda foarte mult utilizatorii și, desigur, astfel de lucruri ar trebui evitate. Cu toate acestea, ideile de design atractive pot părea a fi.
Un alt exemplu este utilizarea de gri deschis în elementele active ale site-ului. De regulă, în interfețe, elementul, temporar nefuncțional, este evidențiat în gri deschis:
În acest exemplu, câmpul de parolă este gri, ceea ce înseamnă că nu poate fi modificat. Pentru a activa câmpul de modificare a parolei, trebuie să faceți clic pe butonul "Modificare".
Dacă doriți să utilizați butonul gri STA, vizitatorii nu vor da clic pe el, considerând că este inoperabil. Sunt de acord că în exemplul de mai jos se pare că butonul "vizitați lista noastră de servicii de proiectare" nu funcționează.
Deci, am analizat o serie de tipuri de Affordance, modul în care elementele de interfață informează utilizatorii despre funcționalitatea acestora:
- O ofertă clară
- Context Provocare
- Exploziile ascunse
- Prezența simbolică
- Oferta falsă
Alegeți tipul potrivit pentru situația dvs. și evitați greșelile tipice pe care le-am menționat mai sus.