Design intuitiv? Nici un astfel de lucru!

Să începem prin a arunca o privire rapidă asupra definiției cuvântului „intuitiv” prezentată pe Dictionary.com:

„Folosind sau bazat pe ceea ce simțim a fi adevărat chiar și fără raționament conștient: instinctiv.”

În același timp, Cambridge ne oferă această definiție:

„Bazat mai degrabă pe sentimente decât pe fapte sau dovezi: o abordare/judecare intuitivă. Majoritatea oamenilor au un simț intuitiv al binelui și al răului.”

Pe baza acestor definiții din dicționar, intuiția este asociată cu un instinct sau un sentiment care ne permite să luăm decizii fără o dovadă conștientă a raționamentului. Deși ne poate fi de folos în diferite situații de viață, intuiția noastră chiar funcționează pentru a ne oferi îndrumări inconștiente atunci când ne raportăm la interfețele digitale? În realitate, comportamentul intuitiv pe care designerii se străduiesc să îl creeze trebuie să se bazeze pe utilizarea modelelor de design familiare pe care utilizatorii le-au experimentat înainte. În acest context, o interacțiune intuitivă de proiectare nu se bazează pe un raționament inconștient, ci pe un sentiment de familiaritate.

În calitate de designer UX, de câte ori ți-a spus un client sau o parte interesată „Trebuie să fie intuitiv”. Deși aceasta este o solicitare comună sau chiar o cerință pentru o interfață sau un design de aplicație software, nu este cu adevărat ceva ușor de măsurat sau chiar definit.

Majoritatea dintre noi au avut un sentiment sau un instinct cu privire la o decizie sau un rezultat. Am avut sentimente intuitive despre fiica mea adolescentă, în care simt că s-a întâmplat ceva rău. Nu am întotdeauna dreptate (din fericire), dar tot se simt ca un impuls intestinal care îmi atinge emoțiile. Dacă acesta este un exemplu al modului în care intuiția se poate comporta pentru noi într-o anumită circumstanță, este greu de imaginat că avem aceleași tipuri de sentimente instinctive atunci când interacționăm cu o interfață.

Adevărul este că ceea ce este intuitiv pentru tine sau clientul tău, probabil că nu ar fi intuitiv pentru mama ta, de exemplu, sau chiar pentru clienții lor. O interfață poate fi familiară dacă dvs. (utilizatorul) ați experimentat o interfață sau o interacțiune similară înainte și această familiaritate este adesea numită intuitivă.

De exemplu, prima dată când am văzut acel meniu de hamburger nedescriptiv pe o aplicație mobilă, nu m-a sunat intuitiv și nu a spus „Atingeți-mă, sunt un meniu!”. Doar prin atingere am descoperit că acele trei bare, atunci când sunt atinse, îmi oferă un meniu. Acum, când văd un meniu de hamburgeri, știu ce face. Nu intuitiv, ci pentru că am mai făcut-o. Nimic instinctiv în asta.

Iată un exemplu de meniu omniprezent cu hamburgeri.

Ca un alt exemplu, luați un formular simplu de înregistrare pe o aplicație mobilă, unde trebuie să introduceți adresa de e-mail pentru a primi actualizări prin e-mail. Deoarece înțelegem că trebuie să accesați câmpul și să începeți să tastați, are sens și este o interacțiune simplă. Cu toții am făcut-o de multe ori înainte. Dar dacă tatăl meu ar încerca să folosească asta, probabil că nu ar înțelege că trebuie să accesezi câmpul și să începi să tastezi. De unde ar ști, dacă cineva nu i-a dat instrucțiuni simple pas cu pas.

Într-un articol publicat de Jeff Raskin, cel mai faimos cunoscut pentru că a început programul Macintosh la Apple la sfârșitul anilor '70, el spune:

„S-a susținut că utilizarea mouse-ului unui computer este intuitivă. Cu toate acestea, este departe de asta.”

Când predam cursuri de Pagemaker (predecesorul Adobe InDesign) în anii 90 angajaților corporativi, o acțiune a unuia dintre studenții din clasă încă mă face să chicotesc. Le-am rugat participanților să folosească mouse-ul pentru a face clic pe butonul OK de pe ecran. O femeie a luat mouse-ul și a făcut clic pe el pe ecran. Nu ne putem imagina pe cineva făcând asta acum pentru că am învățat cum funcționează un mouse, dar asta demonstrează că nu este un dispozitiv intuitiv.

Știm că designul intuitiv nu este un lucru, dar știm și că familiaritatea cu anumite tipuri de interacțiuni pe care le-am experimentat înainte este mai ușor de înțeles. Pentru acei utilizatori care sunt chiar puțin cunoscători de tehnologie, putem folosi modelele de interfață deja existente și familiare pentru a ne baza deciziile de proiectare. Acești utilizatori vor recunoaște cel mai probabil aceste modele stabilite anterior în designul interfeței noastre, denumite modele de design. Conform UI Patterns, modelele de design sunt soluții recurente care rezolvă problemele comune de design.

Ce sunt modelele de design și de ce sunt importante?

Modelele de design sunt importante deoarece oferă interacțiuni recunoscute, astfel încât utilizatorii petrec mai puțin timp încercând să înțeleagă cum să interacționeze.

Reducerea timpului și a efortului pentru utilizatori va crea o experiență mai bună pentru utilizator și va minimiza timpul petrecut pentru a obține un rezultat. Pentru designerii UX, beneficiile sunt în timpul economisit prin faptul că nu trebuie să reinventeze o componentă de design dovedită.

Mai jos este un tabel șablon de modele care oferă o structură pentru definirea sau identificarea modelelor, provenind de la autorii cărții Design Patterns. Deși inițial acest lucru a fost destinat dezvoltatorilor de software, majoritatea criteriilor sunt relevante pentru designerii UX.

Sursa: Ce sunt modelele de design și am nevoie de ele? de James Maioriello

Pentru a explora mai departe ideea de modele de design, mai jos sunt câteva exemple de modele de design comune, așa cum se găsesc pe site-ul web UI Patterns. Acest site este un instrument de referință excelent pentru designeri pentru a ajuta la recunoașterea modelelor existente pentru a fi utilizate în procesul de proiectare. Deși există prea multe modele de design pentru a le include aici, am ales următoarele modele ca pe cele pe care le-am folosit de-a lungul anilor.

Model de proiectare a contorului de putere a parolei

Acest model oferă utilizatorului atât instrucțiuni, cât și feedback cu privire la interacțiunile lor.

Un vrăjitor este un alt model de design comun pe care este posibil să l-ați întâlnit. Este adesea folosit pentru interacțiuni bazate pe formulare în care utilizatorul trebuie să parcurgă o secvență predefinită de pași. Structura vrăjitorului este utilizată pentru a direcționa utilizatorul prin fiecare secțiune a procesului.

Model de proiectare expert

Vrăjitorii sunt utilizați atunci când doriți să ghidați un utilizator printr-o serie de pași pentru a atinge un singur obiectiv. Modelul de mai jos indică locul în care se află utilizatorul în proces, un rezumat al pașilor finalizați în partea dreaptă, ajutor contextual și un buton CONTINUARE pentru a trece la pasul următor al procesului. Toate aceste componente, așa cum sunt utilizate în mod obișnuit într-un model de expert, susțin interacțiunile utilizatorilor, oferind contextul a ceea ce au făcut, la ce pas se află și ce trebuie să facă în continuare.

Model de selecție a calendarului

Acest model este utilizat atunci când utilizatorul trebuie să adauge o dată sau date pentru a finaliza o sarcină. Este important ca o dată să poată fi introdusă și într-un câmp de text dacă aceasta este o modalitate mai eficientă sau mai preferată de a face acest lucru. În acest exemplu, o pictogramă calendar indică faptul că există un calendar drop-down, care este un model utilizat în mod obișnuit. Widgeturile de calendar ca acesta nu funcționează întotdeauna bine atunci când trebuie să alegeți o dată de naștere, cu excepția cazului în care aveți posibilitatea de a schimba cu ușurință anul.

Formele implicite

Valorile implicite ale formularului pot fi utilizate pentru a pre-completa anumite câmpuri de formular pentru a se potrivi cu o selecție tipică de utilizator. Acesta creează o modalitate mai rapidă și mai ușoară de a finaliza un proces. Acest site de călătorie are date precompletate pentru date bazate pe data curentă și, de asemenea, numărul de pasageri.

File de navigare

Filele de navigare sunt utilizate în mod obișnuit pentru a împărți conținutul în categorii distincte și pentru a indica vizual conținutul pe care îl vizualizați. Exemplul de aici demonstrează un site web bogat în conținut, cu prima selecție a filei afișând subcategorii și un al treilea nivel dedesubt.

Când implementați un model de design existent în designul dvs., totul este despre utilizarea modelului pentru a crea context, precum și familiaritate pentru utilizator. Este posibil să fie necesar să adaptați orice model existent pentru a oferi acest context, așa cum este descris pentru widget-ul de selecție a calendarului.

Am explorat capcanele „designului intuitiv” și cum putem atenua acest lucru cu modele de design. Deci, dacă folosim modele de design comune pentru a reduce sarcina cognitivă pentru utilizatori, cum introducem noi modele de design atunci când proiectăm ceva nou și inovator? Să ne uităm la acest concept, investigând acest lucru în contextul tehnologiilor emergente.

De ce inovarea în design poate fi riscantă

Orice design nou sau nefamiliar pentru un utilizator va crea o curbă de învățare pe care noi, în calitate de designeri, ne străduim să o minimizăm sau să o eliminăm cu totul. Cum echilibrăm nevoia de a inova rapid, oferind în același timp o experiență solidă, contextuală, care are sens pentru utilizatorii noștri?

Luând în considerare rezultatele afacerii, efectuând suficiente cercetări ale utilizatorilor pentru a asigura o potrivire bună pe piață și testând utilizatorul fluxul dvs. de proiectare cu publicul vizat, ne putem asigura că ipoteza soluției noastre de proiectare poate fi validată cât mai mult posibil. Acest lucru ajută la atenuarea riscurilor suplimentare inerente oricărei execuții de proiectare a produsului sau serviciului. În mod ideal, putem proiecta să încorporăm interacțiuni care măsoară nivelul de înțelegere al utilizatorilor și să le permită să-și personalizeze calea pentru a obține rezultatele dorite într-un mediu necunoscut.

Inovație cu inteligență artificială

Tehnologia Inteligenței Artificiale (AI) inovează tot timpul, dar organizațiile reușesc în continuare să creeze o experiență bună pentru utilizator cu aceste progrese. De exemplu, AI-ul Pinterest este folosit pentru a înțelege intenția din spatele unei simple căutări de a oferi rezultate extrem de personalizate. Potrivit acestui articol din Wired, 80% dintre utilizatori au șanse mai mari să facă o achiziție dacă experiența lor este personalizată.

Mai jos este un exemplu de căutare pentru „vegetarian”. Pinterest folosește un motor AI pentru a returna o mulțime de subiecte conexe pentru a permite descoperirea și le afișează ca etichete în partea de sus a paginii.

AI devine rapid integrat în multe produse și servicii. AI se bazează pe date mari și poate fi folosită pentru a crea intervenții sau pentru a notifica utilizatorul să întreprindă o anumită acțiune (sau nu). Acest lucru poate crea o experiență mai pasivă pentru utilizator, deoarece sarcinile manuale anterior sunt automatizate în culise.

De exemplu, un filtru de spam care este utilizat în contul dvs. de e-mail mută automat e-mailurile suspecte într-un dosar nedorit, fără a fi necesară intervenția utilizatorului. Google folosește AI și filtre bazate pe reguli de ani de zile, dar inovația continuă vede acum capacitatea Google AI de a recunoaște acele buletine informative săptămânale pe care este posibil să nu fiți interesat să le mutați direct în dosarul de spam. Filtrul de spam Google poate acum identifica și răspunde la preferințele individuale.

De unde de aici? Pe măsură ce tehnologia avansează într-un ritm rapid, haideți să explorăm modul în care interfețele pot evolua în următorii ani.

Viitorul interfețelor

Dacă interfețele nu oferă interacțiuni naturale pentru oameni, ce poate? Vorbirea este instrumentul nostru natural de comunicare, iar progresele tehnologiei au făcut ca dispozitivele de recunoaștere a vorbirii să vină în casele noastre și în viața noastră.

Nu este un secret pentru nimeni că mari dezvoltatori de software bazați pe design, precum Apple, Amazon, Google și Microsoft investesc cu toții în recunoașterea vorbirii și în tehnologiile limbajului natural. Progresele în această tehnologie ne-ar putea face să ne bazăm mai puțin pe interacțiunea cu interfețele pentru rezultatul dorit. Personalizarea și contextul sunt cheia, deși înseamnă că dispozitivele noastre vor trebui să ne folosească datele pentru a afla despre obiceiurile și dorințele noastre de a oferi o experiență cu adevărat personalizată.

Imaginează-ți o lume în care putem pur și simplu să vorbim cu dispozitivul nostru și să cerem ceea ce avem nevoie și, mai bine, să ni se ceară sau să ni se ofere ceea ce avem nevoie exact la momentul potrivit de către dispozitivul nostru. Stai, nu asta face deja Siri? Da, dar mai sunt multe de mers.

Bill Stasior, fostul șef Siri al Apple, spune că următoarele progrese ale asistenților virtuali vor vedea îmbunătățiri în înțelegerea modului în care oamenii vorbesc în mod natural.

„Cred că toată lumea învață ce comenzi funcționează cu asistenții și ce comenzi nu funcționează cu asistenții. Și, deși acest lucru se îmbunătățește foarte rapid acum, cred că mai este un drum lung de parcurs.”

— Bill Stasior

Deși au existat progrese majore în utilizarea procesării limbajului natural din 2011, când Siri a fost lansat pentru prima dată, vom vedea că acesta devine mai popular și mai avansat în mai multe industrii, cum ar fi sănătatea și educația, în următorii ani. Acest lucru ar putea schimba viața, în special pentru persoanele în vârstă care nu sunt cunoștințe de tehnologie.

De exemplu, imaginați-vă o persoană în vârstă care are nevoie de asistență medicală pur și simplu vorbind cu dispozitivul său pentru a aranja o vizită la medic. Sau pacientului i se oferă sfaturi medicale pe baza istoricului său medical și a simptomelor actuale. Imaginați-vă că cineva care suferă de probleme de sănătate mintală poate vorbi cu un robot de inteligență artificială pentru sfaturi sau doar pentru a scăpa de singurătatea.

Există deja o serie de „asistenți virtuali” care au fost proiectați pentru piața internă care utilizează tehnologia de recunoaștere a vorbirii. Mai jos este o imagine care afișează „difuzoarele inteligente” care sunt ușor disponibile pentru piața de consum.

Deși este posibil ca canalele de recunoaștere a vorbirii să nu necesite o interfață de utilizator tipică, ele necesită totuși un proces de proiectare pentru a crea un rezultat utilizabil. Diagrama de mai jos ilustrează punctele de contact AI conversaționale, așa cum este descris în acest articol de Deloitte Digital.

Pentru a proiecta eficient instrumentele de recunoaștere a vorbirii, Deloitte sugerează că trebuie luate în considerare următoarele aspecte:

• Obiectivul afacerii și rezultatele.
• Efectuarea de testare și reglare. Algoritmul trebuie să ia în considerare pronunția în diferite locații geografice, pauzele naturale în conversație și tonul și ritmul care pot transmite emoție.
• Luare în considerare pentru scenariul dat, mai degrabă decât încercarea de a proiecta un rezultat mai larg.
• Iterații și îmbunătățiri continue. Concentrându-se pe un obiectiv clar, designerii pot continua să-și îmbunătățească asistenții vocali pentru a suna mai uman cu fiecare nouă iterație.

Ce înseamnă toate acestea pentru interfața comună cu utilizatorul?

Pervazivitatea tehnologiilor de recunoaștere a limbajului natural va duce la moartea interfeței cu utilizatorul așa cum o știm noi? Deși nimeni nu poate prezice cu exactitate viitorul, rămâne faptul că suntem încă creaturi vizuale și încă trebuie să vedem lucrurile ca parte a procesului nostru de învățare. Cercetările arată că creierul uman procesează imaginile de 60.000 de ori mai repede decât textul, iar 90% din informațiile transmise creierului sunt vizuale.

De exemplu, vă puteți imagina că trebuie să luați o decizie de cumpărare a unui articol de îmbrăcăminte, ascultând o descriere a acestuia, în loc să văd o imagine a articolului? După cum se spune, o imagine valorează mai mult decât o mie de cuvinte și, în multe cazuri, o imagine este o modalitate mult mai puternică de a transmite sens. Deși am putea încă specifica ceea ce căutăm vorbind, în multe scenarii ne-am aștepta să vedem o imagine ca parte a răspunsului. Și dacă nu am ști ce căutăm, am avea totuși nevoie de capacitatea de a naviga prin opțiunile disponibile.

Mai jos este un exemplu tipic de site de comerț electronic în care imaginile sunt o parte integrantă a modului în care luăm deciziile de cumpărare.

O altă tehnologie recentă care devine din ce în ce mai răspândită este realitatea augmentată și virtuală. Să explorăm ce înseamnă și cum se aplică.

Dar realitatea augmentată și virtuală?

Apoi există lumea realității augmentate și virtuale. Realitatea augmentată este integrarea elementelor digitale într-o vizualizare a camerei în direct folosită în mod obișnuit pe un telefon mobil, iar realitatea virtuală este o experiență complet captivantă într-o lume digitală, folosind de obicei o cască. Aplicațiile acestor tehnologii au fost deja aplicate în domenii precum educația, comerțul cu amănuntul, formarea, navigația, divertismentul, sănătatea și întreprinderile, iar aplicațiile viitoare sunt nelimitate.

Pentru designeri, este o lume nouă și interesantă care poate implica crearea de noi standarde de design. Acest articol de la Toptal descrie principalele considerații pentru designerii care se aventurează în acest spațiu. În primul rând, designul trece de la lumea 2D a interfețelor la designul 3D, unde este necesară înțelegerea designului spațial și a elementelor UI. Există noi elemente de intrare pentru utilizatori care pot implica gesturi, mișcări ale ochilor și voce, care sunt foarte diferite de interacțiunile 2D standard cu care noi, ca designeri, suntem familiarizați.

Imaginea de mai jos ilustrează un exemplu despre modul în care realitatea augmentată poate fi utilizată în scenariile de vânzare cu amănuntul. Aici, clientul poate încerca virtual hainele fără a fi nevoie de un vestiar fizic.

Concluzie

Știm că interfețele intuitive sunt dificil de definit, modelele de design sunt importante, iar vorbirea naturală, tehnologiile AR și VR avansează într-un ritm rapid. Odată cu inovarea continuă a inteligenței artificiale și integrarea acesteia cu recunoașterea vorbirii, AR și VR, vom vedea o personalizare sporită pe măsură ce software-ul nostru învață despre noi și, la rândul său, ne ajută în interacțiunile noastre. În calitate de designeri, putem învăța să ne adaptăm soluțiile de design pentru a se potrivi contextului acestor instrumente emergente.

În timp ce viitorul interfeței așa cum o cunoaștem este incert, interfața ca instrument va exista pentru o lungă perioadă de timp. În calitate de designeri, trebuie să ne asigurăm că putem proiecta și, mai important, să ne testăm modelele pentru a valida adaptarea și utilitatea pieței. Iată o lume în care recunoașterea vorbirii, realitatea virtuală și interfețele funcționează perfect împreună pentru a ne oferi experiențe de viață îmbunătățite în mod constant.

Citiți suplimentare despre SmashingMag:

• Notificări și solicitări de permisiuni mai bune
• Accelerează-ți site-ul web cu WebP
• Sfaturi pentru gestionarea sistemelor de proiectare
• Testare A/B pentru experiențe mobile-first