Apropo, aceste reguli sunt descrise în zeci de resurse diferite, iar cel mai trist este că toate sunt dezbrăcate dintr-o singură sursă. Pentru a nu produce același lucru, am decis să construiesc articolul puțin diferit prin împărțirea creării site-ului în etape și, după ce am prescris fiecare etapă a regulilor sale de utilizare.
Așadar, vreau să sistematizăm toate regulile. Și i-am condus și eu cu gândurile și experiența mea personală.
Astfel, crearea site-ului poate fi împărțită în mai multe etape. Și în fiecare etapă există reguli proprii. Deși există reguli de utilizare, care pot fi atribuite diferitelor etape ale creării site-ului, am decis că le voi indica exact unde sunt cele mai necesare.
De asemenea, doresc să avertizez că informațiile din acest material nu sunt complete și exhaustive. Există o mulțime de studii privind site-urile de utilizare care nu pot fi găzduite într-un singur articol.
Etapa 1 - setarea obiectivului
Deci, să începem. Cum începe site-ul? Nu, nu este. De la cuier incepe teatrul :). Site-ul începe cu ... nr. Nici măcar din idee. Site-ul începe cu un scop. Care sunt obiectivele companiei?
Scopul este de a crește baza de clienți, de a crește vânzările sau de a câștiga doar. În acest stadiu, când ne cunoaștem scopul, putem determina ce avem nevoie - un mic site de cărți de vizită, un site corporativ sau un magazin online sau poate altceva ...
Pasul al doilea - identificați publicul țintă
Am decis ce avem nevoie, dar înainte de a comanda un site în studio creând site-uri web sau vom începe să o facem noi înșine, trebuie doar să determinăm cu exactitate publicul țintă.
De fapt, aceasta este probabil cea mai importantă etapă în dezvoltarea site-ului - să nu fie confundată cu definiția publicului țintă.
Și aici, așa cum este imposibil, regula guvernării Pareto ajută foarte mult. care prevede că 20% din eforturi dau 80% din efect.
Deci, nu trebuie să vă gândiți cum să faceți un site ușor de înțeles pentru toată lumea. Este important să identificați principalii 20% dintre utilizatorii finali, care vă oferă 80% din profit și concentrați resursele asupra acestora. Prin urmare, trebuie să efectuăm cercetări, să aflăm mai multe despre publicul nostru.
Etapa a treia - Cercetare
Sarcina oricărui sit și site-ul unei societăți implicate în furnizarea de servicii sau în vânzarea de bunuri în special pentru a determina încrederea consumatorilor, să fie de înțeles cumpărătorului, nu există nicio îndoială. Această sarcină este rezolvată utilizând regula de proiectare centrată pe utilizator, UCD. ceea ce înseamnă că site-ul ar trebui să aibă un design orientat spre utilizator.
Cum să înțelegeți acest lucru? Cred că aici nu putem face fără psihologie și stereotipuri.
Cred în dezvoltarea site-urilor, ca în general, în orice caz, nu trebuie să reinventezi roata. Chiar dacă nivelul de creativitate pe care l-ați scos, cel mai bun site este unul care arată ca toți ceilalți.
În psihologie, acest lucru este numit sindromul de rață și este utilizat cu succes în dezvoltarea site-ului web. Pentru utilizator, cel mai ușor de înțeles și convenabil este site-ul, care este similar celui la care este obișnuit, a studiat-o.
De exemplu, înainte de a mă putea numi cu mândrie un utilizator avansat, am avut mail pe mail.ru, iar din motoarele de căutare am folosit numai Yandex. Când am intrat pe Google pentru prima dată, pentru mine, designul minimalist nu era clar, cu absența completă a tuturor blocurilor obișnuite de informații. Apropo, ca urmare, îmi place mai mult designul Google, mai ales acum, când au schimbat-o din nou, deși folosesc Yandex pentru căutare.
În special, adesea despre sindromul de rață, dezvoltatorii site-urilor de agenție de creație uită. Încercarea de a arăta creativitatea lor, au uitat că publicul țintă - nu concurenți în emiterea, și clienții obișnuiți, care nu înțeleg întotdeauna ceea ce stilul corporativ, să nu mai vorbim despre astfel de cuvinte obscure, cum ar fi branding, naming, și ilk lor.
Există încă o regulă - Consistența fizică - care este tradusă ca o consecvență fizică, dar în interpretarea rusă se numește regula logică.
Această regulă este folosită în legătură cu aspectul site-ului. Suntem obișnuiți să vedem numele site-ului în antet, în timp ce pe partea stângă este perceput mult mai logic decât în opusul.
Pentru noi, este normal să aveți un meniu sub forma unei liste de link-uri, prezența unor informații importante în centrul ecranului etc. Cred că o astfel de regulă poate include lucruri precum culori, imagini și grafică.
În această etapă, puteți continua să dezvoltați conceptul viitorului site.
Regulile ulterioare sunt cele mai utilizate de designerii web, deoarece în primul rând, ele privesc aspectul sitului.
Etapa patru - site design
Aplicabil pe întregul site, există o regulă de design Walk-Up-And-Use-un design intuitiv. Orice site trebuie să fie ușor de înțeles de către utilizator dintr-o privire.
Această regulă este destul de strâns legată de regulile designului centrat pe utilizator, UCD (design orientat către utilizator) și consistența fizică (soliditatea) exprimată mai sus. În general, multe reguli ale utilizabilității se întrepătrund, interdependente și, desigur, se repetă mereu aceleași principii:
- nu se îndepărtează de stereotipuri,
- face un design clar,
- Nu supraîncărcați cu elemente inutile,
- păstra ordinea și coerența.
Ce este, un design intuitiv? Pentru a răspunde la această întrebare, trebuie să aflați ce alte reguli se aplică utilizării site-ului.
Navigare pe site
La etapa de dezvoltare a site-ului viitor este important să nu uităm de regula celor trei clicuri. Structura și navigarea site-ului trebuie să fie întotdeauna gândite, astfel încât până la orice material de pe site-ul să puteți ajunge la maximum trei clicuri.
Și aici, chiar înțelesul nu este în clicurile în sine, ci în ordonarea strictă a materialelor, ceea ce face posibilă realizarea acestei reguli. Pentru multe site-uri, într-adevăr este foarte dificil să se gândească la navigare bună, acest lucru depinde în mare măsură pe teme de resurse, și mai mult volum decât site-ul în profunzime, cu atât mai dificil de a sistematiza.
Pentru mine în această afacere dificilă ajută metoda de excludere sau metoda de la privat la general sau invers. La un moment dat, am suferit destul de mult pentru a grupa toate articolele de pe blog pe subiecte pentru a face un meniu convenabil navigare orizontală pe rubricile din blog.
În ceea ce privește navigația pe site există o regulă atât de ambiguă 7 + -2. esența cărora se reduce la faptul că nu puteți face meniuri de navigare prea mari.
Șapte puncte (+ -2) sunt suficiente pentru a nu supraîncărca meniul și creierul utilizatorului. Ambiguu, pentru că spune că studiul este eronat și nu poate fi aplicat pe web. Nu voi judeca, dar personal sunt total de acord cu această regulă.
Destul de des întâlnite site-uri în care există meniuri verticale lungi cu multe puncte.
De obicei, astfel de meniuri sunt atât de copleșite încât atunci când vizitați alternativ fiecare pagină din acest meniu, vă pierdeți întotdeauna punctul la care apăsați următorul. În acest caz, chiar evidențierea elementului în care mă aflu acum, adică nu salvează. cumva ochiul caută intuitiv elementul dorit, fie deasupra sau dedesubtul punctului în care trebuie să fac clic pentru a merge la noua secțiune.
Pe bloguri, acest lucru este adesea folosit. Și pe site-uri, dar într-o măsură mai mică. N-aș fi scris despre asta dacă nu aș fi întâlnit personal acest lucru.
După cum sa menționat mai sus, în căutarea excentricității, există site-uri în care se ignoră regula de navigare cu carne de mister, MMN - navigație mistică. care avertizează că nu puteți invoca pentru elementele de meniu nume neobișnuite, când nu este clar ce este ascuns în spatele acestui paragraf. Sau, ca opțiune, faceți un meniu greu de inițiat, ca un meniu.
Într-adevăr, astfel de site-uri se întâlnesc, și am avut câteva note pe marcaj, am fost de gând să facă screenshot-uri pentru a arăta că acest lucru nu se poate face. Dar acum am o problemă cu calculatorul și scriu un articol de la o altă companie și nu-l pot împărtăși acum. Voi încerca să-l post în viitorul apropiat.
De asemenea, nu este rară pe site să se întâlnească și astfel încât link-urile să nu fie evidențiate în nici un fel și să nu se evidențieze pe fundalul conținutului principal. În astfel de cazuri, vorbim de deminare - literalmente tradus ca Traularea (căutare și distruge) minute, ceea ce înseamnă că utilizatorul trebuie să conducă mouse-ul la un link în text. Aceasta este considerată o încălcare a utilizabilității și este pedepsită de nemulțumirea utilizatorilor :).
Structura paginii
Vreau să vă atrag atenția asupra faptului că nu este vorba despre structura site-ului, ci despre structura paginii, cum este organizată. Nu voi mai vorbi în acest punct în detaliu, tk. toate regulile sunt aplicate în designul grafic obișnuit. Printre ei există un grup de reguli care sunt construite pe principiile psihologiei gestalt. După cum afirmă Wikipedia, aceasta este școala de psihologie a secolului XX.
Conform învățăturilor școli (și acest lucru este într-adevăr așa), o persoană este capabilă să grupeze, să unească obiecte apropiate și similare, să completeze și să completeze cifre incomplete.
Și toate acestea sunt utilizate în mod activ, atât în grafică, cât și în designul web. Mai multe detalii despre învățătură sunt citite mai bine în Wikipedia.
Structura paginii poate include și o regulă precum granularitatea. Tradus ca un detaliu. Aceasta presupune separarea unei cantități mari de date în module mai mici.
În acest caz, este mai bine să nu aveți textul său solid de sus în jos și să împărțiți cu 2-3 coloane. Dar, sincer, cât de mult nu am făcut puzzle, cum altfel să-mi imaginez implementarea acestei reguli, nu am reușit.
În lupta pentru frumusețea este important să nu uităm despre detalii cum ar fi monitorul, și că proiectantul ar trebui să ia în considerare diferite monitoare pentru, pentru un loc pe site-ul va avea marginea de jos a ferestrei browser-ului - în ceea ce privește această regulă se aplică Fold - ori.
Datorită diferitelor studii efectuate frecvent, se știe că o mare parte din clicuri apar pe primul ecran al monitorului. Din ce rezultă că cele mai importante informații ar trebui să fie cât mai mari posibil.
Dar există și un astfel de efect - arătând utilizatorului o bucată din ceea ce se întâmplă mai jos, intrigându-l cu niște mesaje și săgeți indicând faptul că va primi niște informații mai jos, puteți obține rezultate interesante și clickabilitate ridicată dincolo de primul ecran.
În orice caz, designerul care dezvoltă viitorul site trebuie să ofere în mod necesar toate opțiunile posibile și să vină cu soluții interesante.
Utilizarea diferitelor efecte pentru a stimula utilizatorii să facă clic pe săgeată, derulând ecranul datorită efectului de incertitudine - efectul lui Zeygarnik.
Sa dovedit că, în general, oamenii nu-și plac incertitudinile, este important să știm aici și acum. Acest efect este folosit cel mai adesea sub forma unui dialog, a unei întrebări date și a răspunsului ulterior la acesta.
Tipografie - fonturile de pe site
Este greu să vorbim despre lucruri atât de evidente, dar utilizatorul ajunge la site în căutarea unui lucru. Și că și-a dat seama că a ajuns acolo unde este necesar, trebuie respectată regula legalității - lizibilitatea textului pe site.
Apropo, apariția abilității de a transmite un text la efectul unei umbre sau al unei depresiuni a dat un instrument eficient pentru a da claritate textului. Și pe multe site-uri se utilizează deja în mod activ, dar am început să observ situația opusă, când dorința de a profita de efectul interesant, dimpotrivă, face textul mai puțin lizibil.
Trebuie să aveți un simț foarte subtil pentru a alege dimensiunea ideală a umbrelor.
Desigur, în proiectarea site-ului există un număr mare de alte reguli mai mici care vizează rezolvarea unor probleme mai specifice, dar este imposibil să descriem totul într-un singur articol, așa că încheiam cu designul site-ului și trecem la etapa de implementare.
Pasul 5 - crearea site-ului
În acest stadiu, site-ul este trimis pentru aspect și lucrează pentru programatori. Și ați crezut că numai un designer de web este angajat în utilizare? Sa dovedit că nu.
În vârstă de utilizatorii de Internet de mare viteză nu le place să aștepte mult timp, deci în site-uri de utilizare este o regulă de 2 secunde. iar implementarea acestei reguli depinde direct de programatorul web. Doar el poate configura site-ul astfel încât paginile să fie încărcate rapid, site-ul nu este agil și răspunde rapid la acțiunile utilizatorului.
De asemenea, pe umerii dezvoltatorilor este responsabilitatea respectării unor astfel de reguli, cum ar fi degradarea grațioasă, toleranța la erori și creșterea progresivă, PE.
Primul înseamnă că, indiferent de orice probleme neprevăzute, conținutul site-ului, conținutul său principal, ar trebui întotdeauna afișat utilizatorului.
A doua îmbunătățire progresivă. Solicită crearea unor site-uri care să afișeze principalele funcționalități utilizatorilor cu browsere vechi sau o conexiune lentă la Internet. În același timp, alți utilizatori cu browsere moderne au oferit funcții și capabilități îmbunătățite.
Sub controlul strict al web designerului, dar mâna designerului web ar trebui să fie făcute diverse indicii pe site-ul. În uzabilitate, această cerință este dictată de regula Gloss. Sugestiile sunt un atribut indispensabil al oricărui site complex sau creativ.
Etapa 6 - umplerea site-ului
Când creați conținut, nu uitați de publicul dvs., și anume de nivelul de cunoștințe, de pregătire. Nu utilizați terminologia complicată dacă consumatorii dvs. țintă încep în această afacere. În ceea ce privește gradul de utilizare, ne reamintește regula lizibilității - lizibilitatea. Nu este în contextul percepției fontului, ci în contextul inteligibilității textului pentru utilizatorii cu un anumit nivel de pregătire.
Adesea, acesta este păcatul bloggerilor novici care scriu pentru începători, în timp ce folosesc argou jargon. Credeți că vreau să vă distrați de bloggerii novici? Nu, am fost la fel.
Suntem deja foarte aproape de finalizarea lucrărilor pe site. El este gata să accepte primii săi utilizatori. Și în ultima etapă, dar nu puțin important este testarea site-ului.
Etapa a șapte - testarea site-ului
Trebuie să aflăm cum percep utilizatorii site-ul nostru, cum se simt pe paginile lor, dacă toată lumea înțelege repede și știe unde să facă clic. Pentru a face acest lucru, există o astfel de regulă, ca și urmărirea ochilor. Prin urmărirea vederii utilizatorului, se poate evalua cât de ușor și rapid el percepe informații pe site.
Există o regulă atât de interesantă, de obicei Fitts. În web, a găsit aplicație datorită capacității de a urmări mișcările mouse-ului utilizatorului.
Cu ajutorul acestuia, puteți determina locația cea mai eficientă pentru locația blocului cu referire la informații importante sau pentru a utiliza eficient spațiul de pe site, gruparea sau inversarea elementelor de plasare.
Coroana tuturor durerilor noastre este satisfacția utilizatorilor. În uzabilitate, chiar o astfel de regulă a fost inventată. Și aici este important să știm că, din păcate, utilizatorii nu caută soluții optime. S-ar putea să fie mulțumiți cu mai puțin.
Probabil, acest principiu explică faptul că cel mai mare procent de clicuri apare pe site-urile din primele trei poziții din rezultatele căutării. Găsind o soluție complet acceptabilă pentru ei înșiși, ei nu merg mai departe pentru a căuta cea mai bună soluție, dar se opresc la ceea ce ar putea fi folosit în același mod.
Prin urmare, trebuie să fiți în alertă și să nu pierdeți nici o ocazie de a atrage atenția utilizatorilor. Și pentru aceasta este deja necesar să vă angajați în dezvoltarea și promovarea resurselor dvs. și să utilizați toate mijloacele posibile de promovare.
Navigare după înregistrări
După ce ați citit, credeți, care sunt lucrurile evidente, dar când creați un blog (site-ul) dintr-un motiv oarecare, aceste lucruri evidente nu v-au venit în minte.
Da, în mainstream nu este nimic nou și toată lumea folosește totul. Dar, în același timp, uneori ajungeți la site-uri web și vă gândiți: ce fel de picior și corp a făcut-o :)
Apropo, a schimbat designul? 🙂 Nu sa întîmplat rău.
În loc să dați sfaturi, ar fi mai bine să scrieți, așa cum ar trebui să fie din punctul dvs. de vedere. Și apoi pot merge pe bloguri diferite și pot oferi sfaturi incognito. Deși nu există (nu, nu), nu puteți salva incognito-ul.
Mare retrospecție acum
Vă mulțumesc foarte mult pentru cuvintele voastre bune. Voi încerca să nu dezamăgesc.
Bună, Catherine!
Căutam un infuz similar și foarte fericit că mi-am găsit articolul foarte infinit.
Dar am o mulțime de îndoieli și neînțelegeri, dar sunt un ceainic absolut în această afacere. Este posibil să se consulte cu voi într-un fel, dacă nu vă deranjează.
Aș fi foarte recunoscător!
Mulțumesc pentru orice răspuns, Elina.