Share
Având peste 644 de milioane de site-uri internet, nu este ușor să ieșiți din mulțime. Desigur, designerii fac tot ce pot pentru a evita designul luminos, uitabil și, în schimb, să creeze ceva modern și memorabil.
Cu toate acestea, uneori, aceste eforturi provoacă probleme chiar și pentru cei mai loiali utilizatori. Acest lucru se datorează faptului că, în designul web, o îmbunătățire vizuală se poate traduce uneori într-o degradare a utilizării. Înainte de a pune în aplicare toate tehnicile elegante din repertoriul de design, luați în considerare consecințele nefolosite ale utilizării.
În acest articol, vom discuta cinci tehnici comune de design web și problemele potențiale de utilizare a acestora.
Decodificarea infinită permite utilizatorilor să experimenteze un flux nesfârșit de conținut cu navigare minimă. Când utilizatorii ajung în partea de jos a paginii, nu trebuie să atingă link-uri de paginare - mai mult conținut este difuzat automat.
S-ar putea să fi implementat derularea infinită deoarece introduce o fluiditate și o animație elegantă în pagină.
Dacă utilizatorii au găsit ceva interesant pe această pagină astăzi, pot să se întoarcă la acel articol mâine fără a-și schimba viața în speranța disperată de ao găsi din nou? Site-ul dvs. oferă utilizatorilor link-uri pentru a vizita elementele recent vizualizate? Oferă site-ul dvs. o funcție de căutare suficient de precisă pentru a localiza acel element după ce a introdus câteva cuvinte cheie pe care utilizatorul le poate aminti? Dacă tendința răspunsurilor dvs. a fost Nu, scroll-ul infinit ți-a jefuit utilizatorii de bucuria de a reveni la conținutul care era important pentru ei. Atunci când tratați conținutul dvs. ca o fază de trecere, vă devalorizați din greșeală conținutul și site-ul dvs..
Utilizatorii dvs. au ales să viziteze site-ul dvs. web, deoarece conțin un element de interes personal sau semnificație pentru aceștia. Atunci când pagina este încărcată, acestea au lovit meritat Ctrl-F pentru a căuta un cuvânt sau o expresie, doar pentru a găsi rezultate de potrivire zero deoarece conținutul pe care îl doresc nu a fost încă încărcat și, prin urmare, nu poate fi găsit! Dacă credeți că utilizatorii dvs. ocupați vor derula cu răbdare până când conținutul de care au nevoie este încărcat, gândiți-vă din nou. Luați în considerare prioritizarea căutării pe scrollabilitate în metodologia dvs. de proiectare.
Meniul de navigare pe mai multe niveluri prezintă nivele multiple, imbricate de elemente de navigare. Numai când navigați la un element individual, elementele copilului devin disponibile.
Este posibil să fi implementat navigarea pe mai multe niveluri, deoarece site-ul dvs. are mai multe nivele de noduri imbricate și doriți să micșorați aglomerația și spațiul de pagini al unui meniu de navigare tradițional în care toate aceste niveluri de subiect sunt disponibile de la inițiere. La urma urmei, meniul de navigare pe mai multe niveluri menține interdependența între subiecte și o face într-un mod elegant, compartimentat.
În loc să reducă complexitatea unui site cu o ierarhie imbricată de subiecte, meniul de navigare pe mai multe nivele ascunde doar complexitatea din vedere. Utilizatorii trebuie să încerce să înțeleagă un subiect de subiecte care nu sunt clasificate intuitiv. Examinați motivele pentru care doriți să minimalizați și să deghizați nivelurile suplimentare de navigare. S-ar putea ca scopul vostru real să fie acela de a aplatiza arhitectura site-ului în sine, astfel încât subiectele să fie prezentate într-un format mai ușor de consumat, logic grupat? Dacă da, nu vă fie frică să abordați problema rădăcinii și să vă reconsiderați deciziile privind arhitectura informațiilor. Amintiți-vă că sarcina unui meniu de navigare este să activați navigarea și accesibilitatea, să nu ascundeți lipsa de navigație sau accesibilitate.
Le-am văzut cu toții - meniuri de navigare pe mai multe niveluri, care necesită ca utilizatorii să treacă peste elementele de meniu cu precizia unui chirurg pentru a localiza un element de interes. Dacă cursorul utilizatorului dvs. alunecă de la un element de meniu, poof, întregul meniu de navigare se desprinde din vedere și lasă utilizatorii înapoi de unde au început. Meniul dvs. de navigare pe mai multe niveluri este acum mai mult ca un joc video frustrant: utilizatorii cei mai pasionați și hotărâți vor continua să încerce să triumfe peste meniul de navigare, dar majoritatea va lăsa pur și simplu să găsească informațiile pe care le-au căutat dintr-o sursă mai practică.
O pictogramă de pe un site web este adesea interactivă și servește ca o reprezentare vizuală simbolică a unei funcții disponibile pentru utilizatori. Este posibil să fi implementat icoane pe site-ul dvs. pentru a provoca un răspuns imediat al utilizatorilor pe care credeți că nu-l puteți atinge singuri. La urma urmei, o imagine este în valoare de o mie de cuvinte, iar icoanele sunt folosite în semnalizarea în întreaga industrie din întreaga lume pentru a transmite instantaneu mesaje importante și instrucțiuni.
S-ar putea să fi creat un set de pictograme orbitoare atât de artistic și sofisticat încât ar putea să apară pe pagina de pornire Dribbble, dar dacă oamenii nu înțeleg ce înseamnă ei, ar fi mai bine să descrii funcțiile cu cuvinte simple. Când vine vorba de icoane, frumusețea este doar o adâncime a pielii. Valoarea icoanelor de pe site-ul dvs. poate fi evaluată în primul rând prin rentabilitatea și recunoașterea acestora.
Utilizatorii dvs. se vor concentra asupra aspectelor unui site pe care îl prezentați cel mai vizibil. Prin urmare, dacă icoanele reprezintă o caracteristică omniprezentă pe site-ul dvs., vă transmiteți utilizatorilor că trebuie să acorde atenție primară iconografiei dvs. și atenției secundare asupra conținutului textului. Utilizatorii dvs. sunt înșelați acum de conținut relevant și, în schimb, bombardați de imagini vizuale pe care nu le așteaptă și nici nu le doresc. Dacă aceasta nu este intenția voastră, luați în considerare ridicarea importanței conținutului textului pe site-ul dvs., prezentând-o mai vizibil și oferind o economie ireproșabilă. Realizarea unui echilibru între text și vizual este vitală pentru a susține interesul utilizatorilor.
Un subsol de sitemap este un subsol care conține linkuri către diferite subiecte care conțin site-ul dvs. Web. Aceste linkuri sunt de obicei prezentate într-o ierarhie sau structură care imită structura site-ului. Acest lucru duce la apariția subsolului sitemap-ului similar unui fișier de sitemap adevărat, pe care crawlerele motorului de căutare le utilizează pentru a evalua lista cumulativă a paginilor dintr-un site web, precum și pentru relațiile de pagină.
Este posibil să fi implementat un subsol de sitemap deoarece site-ul dvs. conține mai multe subiecte într-o ierarhie și doriți să oferiți utilizatorilor un magazin consolidat, unic, de linkuri care le vor permite cu ușurință să sară la orice subiect ales. La urma urmei, dacă site-ul dvs. web are o mulțime de conținut, un subsol de sitemap-uri poate împiedica utilizatorii să vâneze fără rost pentru link-ul la conținutul de care au nevoie.
Are subsolul dvs. de sitemap legături către subiecte care nu pot fi accesate alternativ printr-un alt element de navigare care apare mai devreme în pagină? În acest caz, după vizite repetate, utilizatorii se vor instrui să depindă de subsol pentru a găsi linkuri pe care nu le pot găsi prin navigarea în alte pagini. Febra dvs. săracă se confruntă acum cu presiunea ridicată de compensare a lipsei de accesibilitate a informațiilor la un nivel mai larg al site-ului. Chiar vrei ca utilizatorii tăi să gliseze asupra conținutului principal construit cu atenție și să treacă direct la subsol? Dacă nu, luați în considerare îmbunătățirea disponibilității și destinației de plasare a link-urilor pe site-ul dvs. Dacă link-urile către subiecte de valoare ridicată sunt făcute vizibile utilizatorilor la începutul paginii, atât conținutul dvs., cât și utilizatorii dvs. vor urca în partea de sus.
Înainte ca utilizatorii dvs. să facă clic pe un link, vor avea nevoie de încurajare de la dvs. pentru a le oferi motivația și contextul pentru a face clic pe acel link. Lucrul strălucitor despre un meniu de navigare este că oferă utilizatorilor acest context. Îi ajută pe utilizatori să își găsească drumul prin furnizarea de linkuri către subiectele site-ului într-o manieră ordonată, logică. Contrastați acest lucru cu lipsa de context inerent într-un subsol de sitemap. Utilizatorul este în partea de jos a paginii și este probabil să fi terminat peruse conținutul principal al paginii pentru care a venit. Ei nu au nici un motiv să continue să citească, dar acum sunt prezentați cu un baraj de legături în subsolul paginii. Dacă link-urile acoperă fiecare subiect de pe site-ul de la A la Z și nu sa stabilit niciun context al relației dintre ele, nu vă puteți aștepta în mod rezonabil ca utilizatorii să se aventureze în această legătură sălbatică.
Un font ornamental este pur și simplu un font foarte stilizat, decorat sau pictural. Le-am văzut cu toții - site-uri care folosesc fonturi încântătoare, cum ar fi "Curlz", "Voluta Script" elegant sau "Ecofont" inovatoare. Este posibil să fi folosit un font ornamental pe site-ul dvs. pentru că ați vrut să respirați viața nouă în textul obișnuit și credeți că adăugarea unui font luminos ar obține acest lucru.
Puține lucruri de pe web sunt mai dezamăgitoare decât un font extraordinar de artizanal, care este atât de ilizibil pe ecran, încât pur și simplu nu merită greutatea fontului. Conținutul este rege pe pagina dvs., astfel încât, dacă utilizatorii nu pot citi sau câștiga valoare din conținutul dvs., este puțin probabil să rămână pe pagina dvs. și să admire meritul artistic al fontului. Utilizați discreția dvs. și efectuați un test de lizibilitate a fonturilor ornamentale pe care le utilizați. Poți să citești confortabil fontul în variantele sale majuscule, litere mici, bold și italice? Dacă nu, luați în considerare eliminarea fontului și înlocuirea lui cu ceva mai utilitar. Cea mai eficientă literă este cea a cărei claritate îi permite să vorbească de la sine, fără ornamente grele.
Spuneți că v-ați hotărât să implementați pe site-ul dvs. un font de corp care arată ca scrisul dvs. de mână ca o persoană de 12 ani. Să spunem, de asemenea, că conținutul site-ului dvs. are un caracter profesional și îngrijește comunitatea medicală. Pe lângă faptul că este dificil de citit pe ecran, alegerea fonturilor dvs. este semnificativ greșită în ton cu conținutul dvs. și cu scopul general al site-ului dvs. Steagurile roșii vor fi trimise utilizatorilor dvs. în timp ce se întreabă cum să perceapă site-ul dvs. atunci când există o astfel de deconectare evidentă între conținutul real și modul în care acesta este prezentat. Utilizatorii dvs. nu vă vor găsi probabil drăguț și capricios font. În schimb, fontul tău necorespunzător ți-a făcut o adevărată nedreptate. Dacă nu doriți ca utilizatorii dvs. să experimenteze acest lucru, luați în considerare alegerea unei fețe a fontului adecvată și relevantă pentru tonul general al conținutului și site-ului dvs..
În designul web, nu tot ce strălucește este aur, și nu tot ceea ce este memorabil, estetic plăcut sau chiar funcțional inovatoare este neapărat utilizabil sau accesibil. Indiferent dacă sunteți un designer nou sau cu experiență, cu timpul veți continua să achiziționați numeroase tehnici puternice în repertoriul de design. După cum se spune, cu mare putere vine o mare responsabilitate. Își asumați responsabilitatea pentru puterea designului dvs. și vă asumați responsabilitatea pentru utilizatorii dvs., gândindu-vă cu atenție înainte de a implementa funcții pe care credeți că le va îmbunătăți.
Nu permiteți metodologiei de proiectare sau arhitecturii de informații să întârzie sau să împiedice utilizatorii să găsească și să utilizeze conținutul. Dacă utilizatorii dvs. pot conta pe conținutul dvs. și pot conta pe design pentru a le permite accesul simplu la acel conținut, puteți conta pe ele să revină pe site-ul dvs. pentru anii următori. Acum asta design memorabil.
Accentsconagua