11 greșeli comune de design web (gafe)

Există tone de site-uri pe Internet, și sute sau probabil mii sunt create pe zi. Iată un lucru foarte interesant de gândit - Care sunt elementele unui site bun??

Construirea unui site web poate fi descurajantă, dar adevărata provocare constă în a fi utilizabilă. Problema este că majoritatea web designerilor uită că site-ul nu a fost creat pentru ei înșiși, ci pentru a rezolva nevoile utilizatorilor. Ele dau prioritate creativității în raport cu caracterul practic și utilitatea.

În acest articol, am dori să subliniem 11 greșeli de web design pe care le fac dezvoltatorii web și designerii și câteva sugestii despre modul în care aceste greșeli pot fi evitate cu ușurință.

1. Unde este caseta Căutare?

Web-ul este ca o arhivă de informații. Fie că este vorba de un site corporativ sau de un blog, este esențială o casetă de căutare. Vizitatorul ar putea căuta ceva ascuns în interiorul site-ului, cu caseta de căutare, sunt șanse, vizitatorii vor obține ceea ce vor.

sugestii:Căutare personalizată Google este un mod elegant, simplu și eficient de a începe. Acesta permite vizitatorilor să caute în mod eficient site-ul dvs. Doar copiați codul HTML de la panoul de control și lipiți-l pe site-ul dvs. și voilà ¢ â,¬â "Å, aveți o funcție de căutare chiar pe site-ul dvs..

Iată un cod simplu de formular pentru afișarea motorului de căutare Google pe site-ul dvs. Tot ce trebuie să faceți este să modificați numele site-ului pe numele site-ului dvs. În plus, puteți modifica valoarea de trimitere la orice doriți.

Mai Mult: Proiectarea căsuței de căutare: exemple și bune practici- Acest articol detaliază instrucțiunile pentru proiectarea căsuței de căutare.

2. Poor Readability & Legibility.

Acesta este un element crucial al designului web. Desigur, un design de interfață bun va atrage atenția utilizatorilor, dar utilizatorii trebuie să citească textul pentru a putea înțelege informațiile pe care le doresc. Unele site-uri folosesc cele mai bizare stiluri și dimensiuni de fonturi care fac lecturarea durerii.

sugestii:Din fericire, există modalități simple pe care le puteți face pentru a îmbunătăți experiența de citire a utilizatorilor pe site-ul dvs. web.

1. Comparați scheme de culori ale majorității site-urilor importante și observați cum culorile îmbunătățesc lizibilitatea. Un loc bun pentru a încerca scheme de culori diferite este Adobe Kuler.
2. Folosește o Fără caractere serif deoarece permite citirea ușoară pe web.

Mai Mult: Iată un articol bun care vă va oferi mai multe sfaturi despre îmbunătățirea lizibilității - Capacitatea de citire - ușurarea citirii paginilor web.

3. Aspectul conținutului neorganizat.

Conținutul unui site web este ceea ce conduce traficul către acesta. Modul în care este structurat conținutul este ceea ce va face ca acesta să fie un succes sau un eșec. Utilizatorii nu citesc decât dacă este absolut necesar, ci scanează informații și selectează puncte de interes pe o pagină web. Unii designeri tocmai au pus un blocaj de text pe pagina web și au neglijat complet rubricile, subtitlurile, gloanțele, cuvintele cheie, paragrafele etc..

Utilizați un titlu corespunzător pentru fiecare pagină web, astfel încât utilizatorii să știe exact unde se află. Unii designeri chiar uită să numească pagina web.

În ansamblu, cele mai grave din această categorie vor prezenta pe site-ul dvs. conținut inexact, inaccesibil, nesemnificativ sau învechit. Conținutul trebuie să coincidă cu tema generală a site-ului și să fie util. Dacă o pagină este în construcție, de ce să-i deranjez? Dacă un designer trebuie într-adevăr, atunci este doar temporar și 3 săptămâni nu vor mai fi considerate temporare.

sugestii: Organizați conținutul pe site-ul dvs. folosind HTML și CSS ar trebui să fie utilizate atunci când creați design-ul paginilor dvs..

1. Creați spații libere între textul dvs. și imaginile utilizând margini.
2. Actualizați și asigurați-vă coerența. Scopul actualizării nu este numai de a adăuga conținut nou, ci de a identifica și corecta greșelile din trecut. Jakob Nielsen sugerează că angajezi a web “grădinar”.

Buget pentru a angaja un gradinar web ca parte a echipei tale. Aveți nevoie de cineva pentru a elimina buruienile și pentru a replanta florile pe măsură ce se schimbă site-ul web, dar majoritatea oamenilor ar folosi mai mult timp pentru a crea un conținut nou decât pentru întreținere. În practică, întreținerea este o modalitate ieftină de a îmbunătăți conținutul site-ului dvs., deoarece multe pagini vechi își păstrează relevanța și ar trebui să fie legate în noile pagini. Desigur, unele pagini sunt mai bine să fie eliminate complet de pe server după data de expirare - Jakob Nielsen

4. Navigare necorespunzătoare.

Navigarea într-un site Web ar trebui să fie fără probleme. Utilizatorii ar trebui să poată să-și găsească drumul cu ușurință. Deși nu există niciun standard pentru navigarea pe un site web, mai ales acum când apar noi tehnologii de dezvoltare web, este imperativ să se înțeleagă că navigația trebuie să fie intuitivă și consistentă.

Dacă textul este utilizat ca navigație, acesta ar trebui să fie concis. Metaforele vizuale nu ar trebui să fie re-inventate. Dacă se utilizează hiperlegături, atunci acestea trebuie să iasă din corpul textului. Link-urile moarte nu ar trebui să aibă nici un loc pe nici o pagină web. Acest lucru sporește confuzia utilizatorului și risipește timpul. Și unul care este chiar la fel de rău are un link pe pagina de pornire care leagă pagina de pornire.

sugestii:

1. Faceți navigația fără probleme utilizând descrieri textuale pentru toate linkurile. Furnizați alt text pentru imagini. Utilizați tehnici alternative de descriere a textului pentru link-urile Flash sau Javascript.
2. Organizați și structurați navigația în tandem cu tema site-ului web. Site-urile personale își pot permite să fie mai creative și totuși accesibile, însă un site de afaceri necesită mai multă eficiență și claritate.

Rețineți că, dacă utilizatorii nu pot găsi ceea ce doresc în mai puțin de 3 clicuri, majoritatea vor pleca imediat.

Mai Mult: Implementarea unei pagini web eficiente de navigare - Acest articol oferă mai multe informații despre implementarea unei navigări eficiente pentru site-ul dvs. web.

5. Design inconsecvent de interfață.

Creativitatea excesivă poate fi doar asta. Excesiv! Unii designeri o duc la un alt nivel atunci când creează site-uri prin crearea unor modele diferite pentru fiecare pagină web dintr-un site web. Acest lucru nu este în nici un caz confuz pentru utilizator. Și complet enervant. Indiferent cât de atractiv și atractiv este un site web, în ​​cazul în care aspectul general nu este consecvent, utilizatorii nu se pot raporta la acesta și se simt mai puțin în control. Astfel, plecând de îndată ce au sosit.

sugestii:

1. Utilizați un șablon consistent consecvent pentru fiecare pagină cu linkuri către secțiunile principale ale site-ului.
2. Cuvântul cheie este simplu. Creați designuri estetice simple, iar utilizatorii nu se vor confunda niciodată pe site-ul dvs. web.

6. Rezoluția ecranului nepotrivită.

Sunt sigur că am vizitat site-urile unde trebuie să parcurgi orizontal. Acesta este un absolut nu-nu în designul web modern. Un designer bun va dezvolta site-uri care se potrivesc pe majoritatea dimensiunilor ecranului. Dispunerea actuală optimizată pentru site-uri web este în prezent de 1024 x 768 pixeli.

sugestii:Este greu și aproape imposibil ca design-ul să se potrivească fiecărei rezoluții, mai ales atunci când vizitatorii navighează acum de pe telefoanele mobile și netbook-urile, dar putem obține o idee brută despre rezoluțiile de ecran utilizate în general în următoarele moduri:

• Verificați-vă statisticile - Serviciile de analiză precum Google Analytics vă oferă informații despre rezoluția monitorului pe care o utilizează. Acestea sunt informații utile pe care trebuie să le cunoașteți înainte de inițierea următoarei revizii.
• Școli de navigare pentru școli W3 - Școlile W3 oferă liste clare ale celui mai popular browser folosit de netizens și le sortează în funcție de popularitate. Există și alte statistici interesante și importante.

7. Formulare complexe de înregistrare.

Formularele de înscriere sunt dificile. Cât de multe informații aveți nevoie de la utilizator? Au dispărut zilele în care un utilizator a trebuit să introducă mai multe detalii pentru a vă înregistra pe site-ul dvs. Web. Unele site-uri fac majoritatea câmpurilor de înregistrare obligatorii și validează câmpurile în măsura în care utilizatorul este frustrat după câteva încercări. Rețineți că utilizatorii accesează un site web pentru a obține informații. Nu invers.

Forma simplă a lui Somecard face ca înregistrarea să fie nedureroasă.

sugestii:Comparați formularele de înregistrare din cadrul comunităților pe web și înțelegeți ce informații de bază sunt necesare utilizatorului în timpul procesului de înregistrare.

Mai Mult: 9 Greșeli comune de utilizare în Web Design - Acest post pe Smashing Magazine ia o privire aprofundată asupra formelor de înregistrare printre alte greșeli de uzabilitate.

8. Utilizarea fără scrupule a imaginilor / animațiilor.

Prea multă imagine pe o pagină Web este o oprire imensă. Imaginile pot fi folosite pentru a capta atenția utilizatorilor, dar pot fi și o distragere a atenției sau pur și simplu agravante. Imaginile ar trebui folosite pentru a ilustra și a ghida utilizatorul acolo unde este cazul.

Animațiile sunt minunate și un mediu puternic. Mai ales când este folosit în mod corespunzător. Când este vorba despre un ciclu sau prea mult pe o pagină web, se află pe nervii utilizatorilor. Utilizatorii nu au răbdarea, timpul sau resursele, astfel încât designerii trebuie să ofere alternative sau mai bine, butonul de sărituri, dacă este o animație completă a paginii.

Mai Mult: Bliț: 99% rău - Utilizați Flash corespunzător. Au trecut aproape 10 ani de la publicarea acestui articol de către Jakob Nielsen, dar este încă relevant din punctul de vedere al utilizării Flash în special Breaks Fundamentele Web bucată.

9. Pagini aglomerate, mai mult spațiu alb.

Prea mulți designeri uită spatiu alb și importanța acesteia. Ele sunt atrase de propria lor creativitate de design, încât uită că nu este vorba despre ele. Astfel, ei încearcă să se hrănească cât de mult pot pe o singură pagină. Rezultat final? O pagină ocupată, aglomerată și necitită.

kylestanding face bine să utilizeze spațiul alb în designul lor.

Iată câteva articole care vă vor oferi o idee bună despre importanța spațiilor libere în designul web:

• O comparatie a celor patru layere spatiale albe
• Valoarea spațiului alb
• Spatiu alb

10. Nu există muzică de fundal, te rog!

Utilizatorii nu vor să se răcească, ci caută eficiență. Și da, 99% nu-ți pasă de muzica de pe site-ul tău. Unii designeri o fac mai rău prin a pune muzică de fundal diferită pe fiecare pagină web.

sugestii:Nu utilizați muzică de fundal, dar dacă trebuie, creați un cadru pentru comenzile de cod și de utilizator. În acest fel, muzica bate continuu, în loc să se schimbe de fiecare dată când o pagină nouă este încărcată pe site. Și utilizatorul poate opri sau întrerupe de fiecare dată.

11. Testarea, testarea și încercarea.

Acest lucru nu poate fi subliniat. De câte ori am fost în paginile web care pot fi vizualizate numai pe un anumit browser? Dezvoltatorii web trebuie să aibă o listă de verificări de tip atunci când testează site-uri web.

• Poate fi vizualizat în diferite medii?
• Aspectul de design este consistent în toate browserele?
• Poate fi vizualizat în diferite setări, cum ar fi Imaginile dezactivate, JavaScript dezactivat, etc?

sugestii:W3C oferă instrumente pentru a testa asigurarea calității. Verifică W3C Toolbox pentru asigurarea calității și Validarea paginii web.

Concluzie:

Păstrați-l simplu, prost (K.I.S.S) .Aceasta este linia de jos. Dacă este simplu, este utilizabil. În general, site-urile mari îl păstrează simplu și ușor de utilizat. Faceți-vă temele și este ușor și natural.

Care sunt experiențele dvs. în proiecte de web design? Ce alte sfaturi și gânduri doriți să împărtășiți cu privire la greșelile de web design?

Nota editorului: Această postare este scrisă de Brujo Owoh pentru Hongkiat.com. Brujo Owoh este o facultate de sisteme multimedia, specializata in Web Design si Animatie 2D. Îi place să citească ficțiune, să stea împreună cu colegii săi și să țină pasul cu tendințele de design pe Twitter. Vizitați blogul lui Brujo.