Echipament cu o interfață intuitivă. Design web intuitiv: cum să vă faceți pagina de destinație ușor de utilizat

Interfață intuitivă. Ei bine, numărați cât de des auziți/citiți această frază? Sau poate tu o spui des? ;)

În același timp, îmi pun mereu diverse întrebări insidioase: cine înțelege? Cât de clar este? Și așa mai departe... Îmi amintesc că m-am certat de mai multe ori, de exemplu, cu Căpitanul despre site-uri în general (ultimul astfel de caz).

Aceasta este o vorbă. Și aici este basmul. Nu am scris și nu plănuiesc să scriu postări plătite: postări în care trebuie să vorbesc pozitiv despre cine mă va plăti. Exact așa răspund tuturor celor care vor să cumpere o postare. Dar uneori - spre bucuria mea - dau peste oameni potriviți care sunt pregătiți asumă-ți un risc. Nu iau bani, dar promit sa spun ce cred despre serviciu/site/firma. Un risc sincer? :))

Mă bucur că de data aceasta a fost serviciul din Belarus cel care mi-a prins momeala. Și am decis nu doar să descriu ceea ce văd, ci să fac un experiment de microutilizabilitate.

Eu nu conduc o mașină (și, Doamne, nu intenționez să o fac). Dar am un subiect de testare excelent: mama mea este un șofer cu experiență și un utilizator de internet fără experiență :) Mi-am așezat mama la computer, am deschis site-ul web zavodi.by și m-am oferit să găsesc anvelopele care sunt relevante pentru ea acum. .

Deci, după o scurtă instrucțiune - ce fel de site este acesta - mama mea a început să caute...

Descoperirile pe care le-a făcut au fost și pentru mine revelații.

De exemplu, un utilizator de internet fără experiență nu înțelege imediat cum poti cauta:)) Mai mult, „căutarea rapidă” () nu este chiar atât de mică, nu? Și diferă de extins () destul de puțin... Sincer, Cautare rapida Eu personal (împreună cu mama :)) aș face mai puțin...

A doua descoperire a serii: deși mama este un șofer pasionat, nu își amintește pe de rost toți parametrii anvelopei (da, există deja ceva de reținut...) Prin urmare, principalul problema a fost amintirea parametrii corecti... Legătură mică " Interval„Nici nu mi s-a părut evident (deși nu sunt șofer, locuiesc tot timpul pe internet...)

Apropo, o soluție bună la problema din această situație este... ei bine, o căutare foarte rapidă într-un meniu separat, când puteți selecta imediat ceea ce este cel mai relevant (după preț, după condiție, după tip și așa mai departe ) ().

Separat, aș dori să notez pagina pe care proprietarii site-ului raportează că nu există anvelope potrivite în baza de date. În acest moment, ceea ce atrage atenția unui utilizator obișnuit este ceea ce este mai mare și mai luminos, adică: sigla Nokian și textul despre ele. Și asta e tot... Dacă aș fi dezvoltatorii, aș fi atent la această pagină mică, dar importantă, evidențiind măcar puțin mai clar mesajul în sine și instrucțiunile „Ce să fac în continuare?” ().

După ce a găsit cauciucuri potrivite, mama mea cu atenție (da, acest lucru este important și pentru ea) a citit descrierea și ar fi putut deja să comande... Dacă acesta nu ar fi fost doar un experiment deocamdată :) Aici voi continua în numele meu.

Separat, aș dori să menționez că serviciul este conceput în așa fel încât „ Anvelopele sunt comandate prin managerul nostru! Acest lucru se face pentru a vă servi solicitarea cât mai rapid și eficient posibil.„Această abordare ne scutește pe noi, cumpărătorilor, timp și nervi (amintiți-vă de conflictele frecvente ale unor astfel de platforme, de exemplu, Online, pe tema „cine este de vină”: site-ul sau vânzătorii în fiecare caz concret).

Ceea ce va fi important pentru majoritatea belarușilor: site-ul este „ușor” și se încarcă destul de repede și fără dificultate (după cum știți: „În timp ce rușii se uită la YouTube, bielorușii citesc Wikipedia.” Deci zavodi.by în ceea ce privește greutatea este destul de comparabil cu Wiki nivel :))).

Verdictul meu? zavodi.by nu și-a asumat riscul degeaba (mai ales având în vedere că nu au nici măcar o lună, din câte am înțeles). Adică, astfel de servicii sunt utile în multe domenii. Și cât de ușoară îmi va fi viața acum că nu trebuie să caut pe internet cauciucuri potrivite pentru mama :-D Desigur, mai este mult de lucru la proiect, mai este loc de crescut și se dezvoltă, dar punctul de plecare, după părerea mea, nu este rău.

26 decembrie 2016 la 22:23

Programare intuitivă

Depanare
programare,
Cod perfect

În experiența mea de lucru relativ scurtă (aproximativ 6 ani), am auzit destul de des fraze de la programatori experimentați și începători - „Simt că acest lucru ar trebui să funcționeze”, „Am sentimentul că această metodă nu va funcționa”, „Hai să facem interfață intuitivă" și așa mai departe. Toate acestea sunt o manifestare a intuiției în procesul de dezvoltare și programare.
Conversația va merge mai departe despre ea.

Preluat de pe oprah.com

Pentru început, aș dori să definesc însuși conceptul de „intuiție”.

Intuiția (latina târzie intuitio - „contemplare”, de la verbul intueor - privind atent) este o metodă de rezolvare a problemelor prin concluzie subconștientă instantanee, bazat pe imaginație, empatie și experiență anterioară, „sentiment intestinal”, perspicacitate.
„Wikipedia”

Intuiția (din latinescul intueri - a privi atent, cu atenție) este un proces de gândire constând în găsirea aproape instantanee a unei soluții la o problemă cu o conștientizare insuficientă a conexiunilor logice.

Intuiția (din latinescul intueri - a privi îndeaproape, cu atenție) este cunoașterea care apare fără conștientizarea modalităților și condițiilor de dobândire a acesteia, datorită cărora subiectul o are ca urmare a „discreției directe”

Baza acestor definiții este că intuiția este un anumit mod de a lua decizii. Pot exista mai multe motive pentru această metodă: experiență anterioară, imaginație, „sentiment” irațional etc.

Și fiecare dintre aceste metode se reflectă în procesul de programare și poate avea atât efecte pozitive, cât și negative.

Prin urmare, în primul rând, aș dori să împart programarea „intuitivă” în 2 componente: - optimist și pesimist

Programare intuitivă optimistă

Esența sa constă în influența optimistă sau pozitivă a intuiției asupra procesului de creare a codului. ÎN în acest caz, intuiția este un asistent, un „prieten bun”, un instrument în mâinile dezvoltatorului.

Intuiție bazată pe experiență

Ideea principală aici este că, în procesul de acumulare a experienței de dezvoltare, dezvoltăm anumite stereotipuri și asocieri asociate cu codul, pe care le putem determina fără să ne adâncim în procesul de gândire.

Un număr mare de exemple de utilizare a unei astfel de intuiții în procesele de lucru au fost descrise de Dmitry Chepel de la Acronis în documentul său. Dacă nu ați citit-o încă, asigurați-vă că o citiți.

Aș dori să vă ofer un alt exemplu de experiment. Mai jos este un exemplu de cod în limbajul Sidef (sper că nu mulți dintre voi îl știți). Încercați, fără a intra în prea multe detalii, să ghiciți despre ce vorbește:

Buclă ( var schimbat = fals ( |i | if (arr > arr[i]) ( arr = arr schimbat = adevărat ) ) * arr.end schimbat || break ) return arr

Poate că unii dintre voi au ghicit despre ce vorbim după ce au văzut părți familiare din cod, poate unii nu au făcut-o. Am încercat să efectuez acest experiment pe un grup mic de programatori pe care îi cunoșteam și rezultatul este următorul: mai mult de jumătate (aproximativ 65%) dintre oameni au reușit să un timp scurt intelegi despre ce vorbim.

I-am întrebat cum au putut să ghicească - iar cel mai popular răspuns a fost:
„Am văzut bucăți familiare de cod și am ghicit imediat ce este.”

Astfel, acumulând experiență, creierul nostru este capabil să ia foarte rapid, fără efort mental suplimentar, decizii cu privire la codul cu care lucrăm.

Din această cauză credem că programatorii mai experimentați au un anumit „simț” despre un proiect sau un limbaj de programare.

Intuiție bazată pe logică

Încercați să continuați următorul rând:
Cu siguranță nu te-ai gândit nici măcar o secundă ce număr va urma.
Acesta este un exemplu simplu de tipar pe care îl putem continua literalmente fără să ne gândim.

Dar ce se întâmplă dacă luăm următoarea bucată de cod Python ca exemplu:

Def sum(a, b): ... def mult(a, b): ... def subtract(a, b): ... def divide(a, b): ... def calculate(a, b , strategie): ... calculate(4, 2, sum) #6 calculate(4, 2, mult) #8 calculate(4, 2, scade) #2 calculate(4, 2, divide) #??
Fără să văd cod sursa, simțim „intuitiv” care va fi rezultatul execuției ultima functie pe listă.

Acest lucru se întâmplă datorită faptului că analizăm denumirile funcțiilor, le comparăm cu rezultatul obținut și astfel construim niște modele și presupuneri despre codul analizat. Astfel, ne folosim intuiția, susținută de logică, pentru a citi un astfel de cod.

Aici aș dori să notez acel cod care corespunde ipotezelor noastre, intuiției noastre, pe care îl numim de obicei cod „lizibil”, „înțeles”. Acest lucru se datorează faptului că folosim nu numai resursele creierului nostru, ci și intuiția noastră, simplificând astfel citirea și înțelegerea codului.

Interfață intuitivă

Și acum aș dori să trec la o expresie atât de folosită frecvent ca „interfață intuitivă”. Acest lucru se aplică atât software-ului, cât și interfeței cu utilizatorul.
Având în vedere punctele de mai sus, putem spune că o interfață intuitivă este o interfață care răspunde așteptărilor utilizatorului, fie el programator sau Utilizator final.

Aceste așteptări sunt formate pe baza a 2 componente - experiența noastră anterioară și modele și ipoteze logice.

Dacă toate paginile site-ului dvs. ar avea un meniu în partea de sus, dar pe pagină Părere meniul din stânga, utilizatorul final poate fi oarecum confuz, deoarece „intuiția” lui îi spune că meniul ar trebui să fie în partea de sus.

Dar de ce uneori când mergem la un site web cu design original sau nou aplicatie mobila, avem senzația că acest site arată grozav sau groaznic?

Intuiția ca irațională

Baza unei astfel de judecăți este că adesea intuiția se naște ca pur și simplu un sentiment de ceva, nesusținut de nicio concluzie, logică sau experiență.

Acest tip de intuiție este cel mai periculos în dezvoltare, dar în același timp este o modalitate de a rezolva rapid probleme complexe.

Este exact ceea ce se numește „magie” în programare - schimbăm valoarea unei variabile sau steag și în mod miraculos codul nostru începe să funcționeze, deși această decizie a fost luată absolut instinctiv. Și tocmai acest tip de intuiție este adevărata sa manifestare.

Programare instinctivă pesimistă

Dar intuiția poate fi și negativă în timpul dezvoltării.

După cum am menționat mai sus, intuiția „irațională” este atât o salvare de vieți, cât și un instrument periculos în mâinile unui programator.

Bazându-ne pe astfel de decizii instinctive, ne pierdem încrederea în codul pe care îl scriem, în care „magia” începe să se întâmple.

Important este că astfel de decizii creează un anumit nivel de anxietate atunci când se iau decizii ulterioare. Predominanța sentimentelor, a senzațiilor și a iraționalului în timpul dezvoltării duce la imposibilitatea de a justifica totul folosind logica și, ca urmare, la complexitatea înțelegerii codului și la pierderea lizibilității.

Drept concluzie

În general, este o chestiune de intuiție atunci când se dezvoltă software Nu este prima dată când se ridică.
Acest lucru se datorează faptului că problema influenței proceselor care nu au legătură cu logica și gândirea asupra procesului de scriere a codului va rămâne relevantă, deoarece acest proces este ocupat de o persoană care are sentimente, prejudecăți și este „irațională”.

P.S. Pentru cei care sunt interesați de subiectul intuiției în dezvoltarea de software, vă sfătuiesc să citiți

Interfața este specială software, care îndeplinesc funcția de ieșire imagine graficăși permit schimbul de date între utilizator și un computer sau alt dispozitiv tehnic.

Ce este o interfață?

Cel mai exemplu simplu interfața acționează ca o telecomandă telecomandă. Dat mijloace tehnice ajută la interacțiunea și „comunicarea” între televizor și persoană. Alte exemple ar fi tablourile de bord dintr-o mașină, pârghiile dintr-un avion etc. Deși domeniul de aplicare este destul de larg, atunci când puneți întrebarea „Ce este o interfață?” în majoritatea cazurilor, oamenii au asocieri cu computerele, telefoane mobileși alte dispozitive tehnice de acest tip.

Interfața este o colecție de diferite elemente, care pot avea, de asemenea, o structură complexă pe mai multe niveluri. De exemplu, un ecran de afișare include ferestre care constau din anumite panouri, butoane etc. Principala caracteristică a hardware-ului și software-ului este eficiența și ușurința în utilizare. Pe baza acestui fapt, interfața este adesea poziționată ca fiind convenabilă, prietenoasă, de înțeles, intuitivă etc.

Componentele principale

Pentru a înțelege ce este o interfață, trebuie să înțelegeți elementele ei de bază. Setul lor depinde de ce anume folosește o persoană. Dacă acesta este, de exemplu, program de calculator, atunci aceasta include o varietate de panouri virtuale, butoane, ferestre și alte componente similare. În plus, interfața poate fi interactivă, adică poate influența o persoană folosind o varietate de sunete, semnale, lumini, motoare cu vibrații etc. În ceea ce privește utilizatorul însuși, acesta poate interacționa cu interfața folosind diverse comutatoare, pârghii, butoane sau chiar anumite gesturi și comenzi vocale.

Structura conceptului

Foarte des interfața este înțeleasă ca aspect programe. Acest lucru nu este în întregime adevărat, deoarece pe lângă caracteristicile vizuale, acest concept tehnic include un set funcții suplimentareși elemente. Mai jos sunt câteva dintre ele:

Tehnologia de introducere a informațiilor.
Metoda de ieșire a datelor.
Sarcini ale utilizatorului.
Diverse elemente care vă permit să controlați programul.
Părere.
Elemente de navigare între diverse structuri și componente ale programului.
Facilităţi afisaj grafic comenzi

Elemente esentiale

În cele mai multe cazuri, interfața standard a unui dispozitiv tehnic constă din următoarele elemente:

Buton. Poate fi dublu, steag etc.
Insigna sau pictogramă.
Lista regulată sau ierarhică.
Câmpuri pentru editare.
Un meniu care poate fi principal, contextual sau drop-down.
Panouri diferite.
File, etichete și sfaturi cu instrumente.
Ferestre, în special ferestre de dialog.
Scrollbar, slider etc.

Articole suplimentare

Pe lângă componentele principale de mai sus, interfața poate avea și elemente suplimentare, care nu sunt folosite în toate dispozitive tehnice Oh.

Indicator de nivel. Vă permite să urmăriți o anumită valoare.
Elementele unui set secvenţial.
Contoare diverse.
Afișarea informațiilor peste toate celelalte componente.
Elemente de interfață ascunse care dispar atunci când nu sunt utilizate etc.

Clasificare

Cât despre tipologie, în funcție de anumite criterii, există tipuri diferite interfețe. Mai mult, aproape în fiecare an numărul și structura lor se schimbă și se îmbunătățește. Mai jos sunt cele mai comune tipuri.

Interfață de comandă. Acest instrument tehnic se bazează pe intrare anumite comenziși secvențele lor. Pe ecranul dispozitivului este afișată o fereastră specială, unde utilizatorul introduce o anumită comandă și primește rezultatul corespunzător. Acest tip interfața este mai puțin convenabilă pentru utilizator obișnuit, deoarece necesită cunoștințe despre comenzi și procesul de introducere a acestora.
Meniul interfeței.În acest caz, exemple de comenzi și meniuri cu actiuni concrete. Pentru a selecta comanda necesară, deplasați pur și simplu cursorul la un anumit simbolși confirmați acțiunile dvs. Pe acest moment Acesta este cel mai popular mod de comunicare între un computer și un utilizator. Acest tip Interfața nu necesită cunoștințe speciale și chiar și un copil poate lucra într-un mod similar.
Interfață de vorbire. Vă permite să comutați între comenzi și anumite actiuni prin instrucțiuni vocale. Cel mai convenabil și promițător tip de comunicare între un computer și un utilizator. În prezent, încă nu este răspândit, este prezent în principal în dispozitivele tehnice scumpe.

Interfața cu utilizatorul

Acest concept include un set complex de elemente pe care utilizatorul le vede pe ecran si cu ajutorul carora interactioneaza cu computerul. Rezultatul activității umane depinde de cât de convenabil este de utilizat. Pe baza acestui fapt, toate corporațiile globale care sunt implicate în tehnologii informatice, Atentie speciala Aceștia plătesc nu numai pentru procesul de scriere a programelor, ci și pentru optimizarea acestora pentru nevoile anumitor grupuri de utilizatori. Designeri, artiști și chiar psihologi lucrează la interfață și este dezvoltată ținând cont cerinte speciale oameni, capacități fizice, starea lor de sănătate etc.

Conceptul de interfață paralelă și serială

Pentru computere și altele dispozitive similare Sarcina de a transmite date într-o anumită cantitate joacă un rol important. Pentru a transfera date într-un grup de biți, există două abordări ale structurii și organizării interfeței:

Interfață paralelă. în acest exemplu de realizare, fiecare bit din grupul celor care sunt transmise utilizează propria sa linie de semnal și toți sunt transmisi împreună la un moment specific. Un exemplu este portul de conectare la imprimantă.
Interfață serială. În acest caz, se folosește o singură linie de semnal, iar biții sunt transmisi pe rând, unul după altul, cu o anumită perioadă de timp alocată fiecăruia dintre ei. Un exemplu este magistrala serial USB.

Fiecare dintre aceste tipuri de interfețe are avantajele și dezavantajele sale. În ciuda faptului că utilizarea opțiunii paralele este mai simplă și solutie rapida, pentru implementarea lui este necesar un numar mare de fire și cabluri. Linii de transmisie Interfață serială Au o structură mai complexă, dar sunt mult mai ieftine. În consecință, dacă linia trebuie extinsă pe o distanță lungă, atunci este mult mai profitabil să rulați cabluri de interfață serială decât mai multe fire paralele.

În loc de postfață

Astfel, interfața joacă rolul de intermediar între un computer sau alt dispozitiv tehnic și utilizator. Calitatea muncii cu acest echipament depinde de cât de convenabil și ușor va fi de utilizat. Pentru a înțelege în sfârșit ce este o interfață, ar trebui să studiați și clasificarea acesteia, Noțiuni de bazăși componentele principale. În fiecare an, interfețele diferitelor dispozitive tehnice sunt îmbunătățite, iar abordarea structurii și funcțiilor de bază ale acestora se modifică.

Vizitatorii părăsesc site-ul dvs. fără a deveni abonați/clienți potențiali?

Poate că pur și simplu nu pot înțelege ce se întâmplă cu resursa dvs. Așa că ajută-i să-și dea seama! Faceți site-ul ușor de utilizat.

Aici este locul în care designul intuitiv este util. Sunt sigur că mulți au auzit despre el, dar nimeni nu poate spune cu adevărat ce este.

Cu toate acestea, astăzi voi descrie cum să vă faceți site-ul confortabil pentru vizitatori. Să începem…

1. Simplitatea este cheia succesului

Cu cât este mai ușor să utilizați site-ul dvs., cu atât este mai mare cercul de cititori/abonați/clienți potențiali.Ce este simplitatea? Acesta este momentul în care o persoană înțelege imediat unde să se mute pentru a obține ceea ce își dorește. Dacă viața ar fi așa!

Nu aveți nevoie de clopote și fluiere ultramoderne - designul intuitiv nu este vizibil. Dar, în același timp, el însuși direcționează persoana unde ar trebui să meargă, astfel încât să-și atingă scopul. Dacă achiziționați un produs, îl veți găsi ușor și rapid. Dacă citiți un articol, va fi convenabil și plăcut să faceți acest lucru. Fiecare acțiune nouă este evidentă pentru utilizator; el nu pierde timpul gândindu-se la ce să facă în continuare.

Joacă un rol important aici experiența utilizatorului. Imaginează-ți situația: ai venit la un dealer auto pentru mașina visurilor tale. I-au spus vânzătorului în culori cum ar trebui să fie. Și apoi îți spune că au ceea ce ai nevoie! Tu, în așteptarea unei cunoștințe mult așteptate, zbori literalmente către „frumusețea” ta și... Dintr-o dată se dovedește că nu există mâner la niciuna dintre ușile ei! Ce dezamăgire! Cum ajungi la salon?

Acest exemplu arată ce design de site NU ar trebui să fie. Nu ar trebui să distragă atenția unei persoane și să creeze situații pentru el fără o soluție evidentă. Este grozav când un vizitator se deplasează pe site fără a pierde ideea principală. El este concentrat pe sarcina lui, iar designul ajută la îndeplinirea acesteia. Când o persoană trebuie să se oprească în mod constant și să se gândească la ce să facă în continuare, este distras de la el scopul principal. Prin urmare, pentru a se salva de dificultăți, va închide pur și simplu site-ul.

Doriți un exemplu de pagină simplă și clară? Vizitați laboratorul nostru de cunoștințe. Nu există nimic aici care să vă distragă atenția de la articolele utile, pentru că nu există nimic altceva aici în afară de ele. Pur și simplu este imposibil să te pierzi.

2. Principala problemă: cine vă poate înțelege designul?

Există o mulțime de resurse pe Internet care irită vizitatorii. De ce nu toată lumea realizează site-uri web cu un design intuitiv? La urma urmei, de asta au nevoie oamenii. Dar totul nu este atât de simplu, pentru că toți utilizatorii sunt diferiți. Ceea ce este ușor și de înțeles pentru o persoană poate părea caractere chinezești pentru o altă persoană.

Sunt sigur că fiecare pagină web este creată cu bune intenții. Dar, de cele mai multe ori, site-urile web sunt doar intuitive pentru dezvoltatorii lor. De ce? Este banal, dar adevărat: designerii și designerii de layout nu se deranjează să verifice dacă oamenii „obișnuiți” se simt confortabil să-și folosească creația.

Ei tind să creadă că toată lumea percepe lumea la fel ca ei. Dar crearea unui design cu adevărat intuitiv începe cu înțelegerea utilizatorilor. Deci, mai întâi, determinați cum vor percepe site-ul dvs.

3. Cunoștințe care există și cunoștințe care sunt necesare

O persoană vine pe site-ul dvs. cu o anumită înțelegere a modului în care ar trebui să funcționeze lucrurile. Aceasta este cunoștințele pe care le are deja. Dar poate exista ceva în designul site-ului dvs. pe care utilizatorul nu îl înțelege.

Diferența dintre ceea ce este și ceea ce este necesar este „decalajul de cunoștințe”. Dacă este minim și utilizatorul completează rapid cunoștințele lipsă, interfața dvs. este intuitivă. Dar problema este că vizitatorii tăi pot fi atât utilizatori experimentați, cât și oameni care au văzut literalmente un computer pentru prima dată în urmă cu doar o săptămână.

Dacă lucrați cu un grup țintă restrâns, vă va fi mai ușor să creați un site web confortabil. Dacă aveți un public larg, atunci crearea unui design intuitiv va deveni o sarcină cu un asterisc. Într-o astfel de situație, recomand să vizați cel mai „neavansat” vizitator.

4. Cum se utilizează modele conceptuale

Sună puțin complicat? Acum voi explica totul :) Dacă o persoană vă vizitează site-ul pentru prima dată, aceasta nu înseamnă că cunoștințele sale sunt zero.

Să presupunem că nu ați cumpărat niciodată nimic online. Dar în lumea reala ai făcut asta de mii de ori. Prin urmare, dacă vă așez la computer, vă arăt un anumit magazin și vă spun că de aici puteți cumpăra tot ce aveți nevoie, vă veți da repede seama cum să o faceți. Vei profita de modelul conceptului de cumpărături offline și vei câștiga o nouă experiență.

Aici este pagina unui magazin online popular. Designul său în sine vă spune ce trebuie să faceți pentru a obține produsul selectat. Când faceți clic pe butonul „Cumpărați”, articolul dorit apare în coșul dvs. virtual. Faci totul ca într-un magazin obișnuit, doar că poți să bei ceai în timp ce stai la monitor.

Dacă un vizitator are experiență de cumpărături online, dar nu a cumpărat niciodată de pe acest site, modelul său conceptual va fi ușor diferit. Știe deja ce trebuie făcut și cum și pur și simplu își va aplica experiența la o nouă resursă.

Când creați un site web, rețineți ce experiență are deja prospectul dvs. Dacă resursa nu se potrivește cu ea model conceptual, persoana va decide că site-ul este greu de utilizat și... va pleca.

5. Studiază-ți vizitatorul

Pentru a crea un design intuitiv, este important să vă dați seama ce știu deja vizitatorii dvs. și ce trebuie să știe. Sunt 2 moduri grozave defineste asta:

1. Faceți-vă cercetările. Observați modul în care vizitatorii folosesc site-urile web în setările lor obișnuite. Acest lucru vă va oferi o idee despre cunoștințele lor actuale. Această metodă nu este ușoară, dar există o alternativă.

2. Învățare de la distanță. Selectați un grup de persoane care vor folosi site-ul. Oferă-le o serie de sarcini și cere-le să comenteze ce cred despre performanța resursei. Ce și cum cred ei că trebuie făcut? Ce îi ajută și ce îi împiedică? Care sunt distragerile? În acest fel, veți determina ce cunoștințe trebuie să dobândească un potențial vizitator.

Important!În fiecare caz, doar observați, trageți concluzii și nu interveniți. Încercați-l și veți descoperi rapid ce este în neregulă. Apropo, nu te deranja o sumă imensă Doar 10 participanți sunt suficienți pentru a identifica 90% dintre probleme.

Concluziile trase vor ajuta la descrierea persoanelor pentru care va fi creat site-ul.

6. Formula de proiectare intuitivă

Ideal arata asa: cunoștințe actuale = cunoștințe necesare.

Utilizatorii înșiși identifică 2 condiții în care designul site-ului este intuitiv:

Punctul cunoștințelor curente și cunoștințele necesare coincid aproximativ. Utilizatorii pot determina cu ușurință ce ar trebui să facă pentru a-și atinge obiectivele pe site.
Punctul de cunoștințe actuale și cunoștințele necesare sunt îndepărtate unul de celălalt, dar designul ajută la umplerea golului. Vizitatorii învață perfect și natural.

Cel mai bine este să păstrați designul cât mai simplu posibil, astfel încât să nu existe curbe de învățare sau instrucțiuni de urmat. Ilustrează perfect prima condiție motor de căutare Google. Nu poate fi folosit incorect. Este simplu, ca totul ingenios.

Să ne uităm la îndeplinirea celei de-a doua condiții folosind site-ul nostru ca exemplu. Nu este detalii inutile, nu veți fi distras de o gamă uriașă de , iar butoanele și săgețile indică unde să vă mutați și ce puteți afla.

Adică, atunci când dezvoltați un design, îl puteți simplifica cât mai mult pentru a-l aduce mai aproape de cunoștințele și experiența pe care o au vizitatorii. Sau le puteți oferi cunoștințe noi prin instrucțiuni. De asemenea, puteți combina aceste două abordări dacă doriți.

7. Navigare și căutare intuitive

76% dintre cumpărători spun că cel mai important lucru pentru ei în designul site-urilor web este „cât de ușor pot găsi ceea ce am nevoie”. Pentru căutări convenabile au nevoie de navigare adecvată.

De exemplu, într-un magazin online, sortarea logică a cardurilor de produse este importantă. Meniul ar trebui să vă spună unde să mergeți pentru a ajunge la destinație. Pentru a denumi corect elementele din meniu, utilizați cuvinte de captură. Îți vor spune ce se ascunde în spatele fiecărei secțiuni.

Tine minte! 50% dintre vizitatorii magazinului online abandonează o achiziție pentru că nu găsesc pentru ce au venit. Prin urmare, nu puteți face fără să căutați pe site. Magazinul Rozetka are un sortiment imens. Dar există o bară de căutare chiar în centrul ecranului. Prin urmare, nu trebuie să vă gândiți mult la ce să faceți.

Mic sfat: conectați căutarea pe site la instrument. Acest lucru va crește conversia, deoarece Google însuși va spune persoanei ce poate găsi aici.

8. Amintiți-vă: oamenii sunt mai confortabil să folosească site-urile cu care sunt obișnuiți.

Există reguli de urmat pentru a vă asigura că proiectarea resursei dvs. este intuitivă:

Făcând clic pe sigla companiei (care se află în colțul din stânga sus) duce întotdeauna la pagina principală;
Ultimul link în meniu orizontal sau mai jos în meniu vertical– acestea sunt contacte;
Informațiile de contact sunt duplicate în partea de jos;
Toate elementele sunt consistente: elementele de meniu vor rămâne în același loc, indiferent de modul în care vă deplasați pe site;
Legăturile ies în evidență pe fundalul textului simplu;
Dacă utilizatorii pot și ar trebui să deruleze în jos, bara de defilare este vizibilă clar;
Textul aliniat la stânga este mai ușor de citit;
Mesajele pop-up vă ajută să înțelegeți interfața;
Elementele din meniu sunt denumite cu cuvinte clare(Nu ar trebui să creați un buton „Suport pentru informații” în loc de elementul „Contacte”).

Există excepții de la fiecare regulă. Dar este mai bine să respectați aceste recomandări și să luați în considerare cu atenție orice inovație. Asigurați-vă că interfața site-ului dvs. corespunde așteptărilor oamenilor.

9. Fii atent la reproiectări

20% dintre utilizatori cheltuiesc 80% din venituri online. Acestea sunt cele oameni importanți, care va fi cel mai afectat de reproiectare. Sunt deja obișnuiți cu cum funcționează lucrurile. Deci, atunci când reproiectați un site web, îl schimbați în primul rând pentru ei. Și multor oameni nu le place când lucrurile nu stau ca de obicei.

Amintiți-vă: orice reluare poate adânci decalajul de cunoștințe. Prin urmare, dacă site-ul încetează să fie intuitiv pentru vizitatori, acesta poate scădea semnificativ, ceea ce înseamnă că veți pierde o parte din profit.

Dacă nu puteți face fără o reproiectare, faceți mici modificări din când în când. Acest lucru este mai bun decât schimbările globale. În acest fel, puteți analiza modul în care oamenii reacționează la fiecare inovație. Dar dacă site-ul dvs. are puțin trafic tocmai din cauza designului său, nu ezitați să faceți o revizie majoră.

In cele din urma

Site-ul dvs. ar trebui să fie intuitiv pentru vizitatorii dvs. cheie. La urma urmei, acest lucru va ajuta la atingerea loialității lor și la creșterea conversiei. Prin urmare, studiați comportamentul vizitatorilor și testați întotdeauna modificările interfeței.

Încercați aceste 9 sfaturi în practică. Veți vedea că creșterea conversiilor nu va dura mult.

A fost de ajutor? Simțiți-vă liber să dați „Like”! Acest lucru va arăta că doriți să aflați mai multe despre design și voi pregăti în curând o nouă postare pe acest subiect.

Sunt foarte interesat de subiectul interfeței intuitive în contextul înțelegerii cotidiene și profesionale. Culeg chiar și opinii de la diferiți designeri pe această temă :)

Permiteți-mi să vă dau câteva citate din colecția mea.

Victor Papanek:
Designul este efortul conștient și intuitiv de a crea ordine semnificativă.

Am considerat că este necesar să adaug cuvântul „intuitiv” la definiția mea a designului numai în anul trecut. Conștiința implică intelectualizare, funcționarea creierului, cercetare și analiză. Din definiția originală lipsea partea bazată pe senzații proces creativ. Din păcate, intuiția este greu de definit ca proces sau abilitate. Cu toate acestea, influența sa asupra designului este destul de semnificativă. La urma urmei, datorită percepției intuitive ne putem imagina cum interacționează acele impresii, idei și gânduri pe care le-am acumulat neobservat la nivel subconștient, inconștient sau preconștient. Mecanismul gândirii intuitive în design este greu de analizat, dar poate fi explicat cu un exemplu. Watson și Crick au simțit intuitiv că structura moleculei de ADN poate fi exprimată cel mai elegant printr-o spirală. Cu această bănuială intuitivă și-au început cercetările. Cunoașterea instinctivă era justificată: ADN-ul este într-adevăr o spirală!

Vlad Golovach:
Părerea lui Vlad poate fi citită pe blogul meu
http://valiullin.livejournal.com/14635.html
Nu l-am inclus aici pentru că contextul este important.

Alan Cooper:
Când obiectele au o formă care este în mod evident potrivită pentru manipulare directă de către picioare sau mâini, înțelegem ce să facem cu ea fără instrucțiuni scrise. Înțelegerea modului de operare a unui instrument a cărui formă corespunde formei unei mâini umane este un exemplu excelent de înțelegere intuitivă a interfeței.

Jeff Raskin:
Unul dintre cei mai lăudați termeni folosiți pentru interfețe este cuvântul „intuitiv”. La o examinare mai atentă, acest concept dispare la fel de complet ca o minge într-un degetar și este înlocuit cu un in termeni simpli"familiar".

Când utilizatorii spun că o interfață este intuitivă, înseamnă că funcționează la fel ca o altă metodă sau program cu care sunt familiarizați.

Am găsit recent o declarație a lui Bruce Ediger sau a lui Steve Jobs (nu au putut determina autorul):
Singura interfață „intuitivă” este mamelonul. După aceea, totul se învață.
Doar suzeta are o interfață intuitivă. Toate restul trebuie studiate (traducerea mea gratuită).

Mi se pare că înțelegerea dacă conceptul de interfață intuitivă există este o circumstanță importantă pentru un designer de interfețe.

În acest sens, am vrut să te întreb, Artyom, ce părere ai despre interfețele intuitive?

Judecând după răspunsul tău, ești de acord cu opinia lui Alan Cooper. Dar sunt mai aproape de opinia lui Jef Raskin cu o mică rezervă din partea Ediger-Jobs despre suzetă.