5 Exemple de Rău Design-Ul și Cum să-L Facă mai Bine
proiectarea unui site web afectează în mod direct experiența utilizatorului., Un site prost conceput este mai puțin probabil să-i determine pe vizitatori să finalizeze o acțiune, cum ar fi cumpărarea unui produs sau aderarea la o listă de corespondență.de fapt, dacă pagina Se încarcă încet sau este dificil de navigat, 95% dintre vizitatori vor pleca în câteva secunde.
dacă nu obțineți rezultatele dorite de la o pagină web, cum ar fi creșterea conversiilor și scăderea ratelor de respingere, evaluați designul.
iată câteva greșeli pe care le-am prins pe alte site-uri web. Încercați să evitați repetarea oricăruia dintre aceste cinci exemple de design rău al site-ului web.
cum arată designul rău al site-ului?,proprietarul mediu de afaceri poate să nu înțeleagă diferențele dintre designul web bun și cel rău, motiv pentru care o mulțime de site-uri web se termină cu modele teribile și ineficiente. în timp ce tendințele de design se schimbă constant, există componente de bază ale unui site web care rămân universale, inclusiv:
- navigare Ușor de urmărit
- aspect curat
- compatibilitate
- design adecvat industriei
utilizatorii nu ar trebui să ghicească cum să găsească o pagină în site-ul dvs. web. Totul ar trebui să fie clar organizat, cu meniuri simple și funcții de navigare., de asemenea, este recomandat un aspect curat. Dacă pagina este aglomerată de informații, grafică și video, este nevoie de mai mult timp pentru a se încărca și devine mai greu de citit.
Compatibilitatea este mai puțin îngrijorătoare, deoarece majoritatea site-urilor folosesc acum modele responsive care se conformează dimensiunii ecranului utilizatorului. Cu toate acestea, testarea amănunțită este adesea necesară pentru a se asigura că elementele se încarcă corect pe diferite dispozitive.aspectul vizual al site-ului este un detaliu subiectiv, deoarece fiecare are propriile gusturi. Indiferent, aveți nevoie de un design adecvat din industrie., De exemplu, în timp ce grafica strălucitoare poate să nu funcționeze pe un site pentru o casă funerară, acestea pot lucra pe un site pentru un magazin de închiriere de petreceri.
țineți cont de acest lucru în timp ce revizuim cele mai grave greșeli de design ale site-ului web.una dintre cele mai grave greșeli de design pe care le puteți face nu este furnizarea unui mesaj clar legat de scopul site-ului dvs. web. Utilizatorii ar trebui să știe instantaneu numele afacerii și ceea ce vând.de exemplu, atunci când vizitați prima cutie poștală 3D, este nevoie de câteva secunde pentru a înțelege ceea ce căutați., Se pare a fi o pagină web pentru un anumit tip de software de e-mail. Este greu pentru a determina dacă software-ul este un joc, screensaver, sau client de e-mail. site-ul CyberDsignClan este un alt exemplu de site web fără un mesaj clar. Pur și simplu vedeți un grafic mare care citește: „săriți intro.”După ce faceți clic pe pagină, se încarcă pagina de pornire reală, ceea ce este la fel de confuz ca căsuța poștală 3d.
ambele site-uri nu au un mesaj clar. Pentru a afla mai multe despre produs, vizitatorii trebuie să parcurgă pagina sau să facă clic pe alte link-uri., tot ceea ce apare pe pagină înainte ca utilizatorii să deruleze mai departe este considerat deasupra pliului. Noi numim aceasta ” secțiunea erou.”Aceasta este zona în care ar trebui să fie incluse numele afacerii și unele indicații cu privire la ceea ce vând. Partea de sus a paginii ar trebui să ofere și un anumit tip de navigare.
vizitatorii site-ului își formează opinii despre afacere într-o fracțiune de secundă. Dacă utilizatorii trebuie să parcurgă pagina pentru a afla ce face compania, probabil că vor părăsi pagina.,
prea multe elemente care aglomerează pagina
pe lângă un mesaj clar, site-ul ar trebui să aibă un aspect clar. Dacă pagina este aglomerată, devine greu de navigat, determinând vizitatorii să plece.
Arngren.net este un bun exemplu de design rău. Acest site clasificat conține listări aruncate împreună cu nici o structură. Listele nu sunt împărțite în categorii și se potrivesc împreună ca un puzzle.
pentru un alt exemplu, vizitați Lings Cars., Site-ul este pentru masini second hand, dar are atât de multe elemente diferite, puteți trece cu vederea scopul site-ului. Designerul a inclus cel puțin o jumătate de duzină de elemente animate deasupra pliului, ceea ce face incredibil de greu să navighezi pe pagină.este posibil să afișați o mulțime de conținut fără a aglomera pagina. Pentru un bun exemplu de web design care oferă mai multe produse, uita-te la Amazon sau AliExpress. În timp ce ambele site-uri conțin o defilare nesfârșită a produselor, acestea sunt organizate în grile în loc să fie aruncate împreună ca un mozaic.,în afară de aglomerarea paginii cu o grămadă de link-uri, unele site-uri sunt aglomerate cu ferestre pop-up, anunțuri plutitoare, videoclipuri cu încărcare automată și alte elemente care distrag vizitatorii.
pagini fără optimizare mobilă
majoritatea traficului pe internet din SUA provine acum de pe dispozitive mobile, dar multe site-uri web sunt încă construite pentru computere desktop mai întâi. Dacă site-ul nu este optimizat pentru Dispozitive mobile, majoritatea vizitatorilor nu vor obține o experiență bună pentru utilizatori.,multe site-uri includ Acum design receptiv, care permite paginii web să ajusteze elemente în funcție de lățimea ecranului dispozitivului utilizatorului. De asemenea, site-ul poate ascunde elemente, schimba fonturi sau elimina fundaluri atunci când este detectat un ecran mai mic.
aceste detalii permit site-ului să funcționeze pe orice dispozitiv. În timp ce design-urile receptive sunt comune, există încă multe site-uri care nu pot fi citite pe dispozitivele mobile. aproape toate exemplele deja discutate nu au un design receptiv. Universitatea deque are un exemplu de web design non-receptiv.,dacă citiți acest lucru în browserul dvs. web, încercați să vizitați site-ul și să ajustați lățimea browserului. Pe măsură ce fereastra browserului devine mai mică, pagina nu își schimbă aspectul. Textul devine imposibil de citit fără a derula spre dreapta.dacă doriți să vedeți un exemplu de design web receptiv, vizitați aproape orice site web deținut de o companie majoră, cum ar fi Nike sau Microsoft.
lipsa navigării Simple și a legăturilor
când utilizatorii ajung pe un site, nu ar trebui să aibă nicio problemă să navigheze în meniu și să găsească informațiile de care au nevoie., Pe site-ul oficial al Universității de tehnologie avansată, partea de sus a paginii este acoperită cu un afișaj animat mare care conține grafică plutitoare.
graficele plutitoare sunt link-uri cu clic care sunt dificil de făcut clic și încetinesc viteza de încărcare a paginii. Deși acest lucru este extrem de inovator, există și alte modalități creative de a proiecta un site web fără a face dificilă navigarea. În loc să folosească acele elemente plutitoare ca legături, Universitatea de tehnologie avansată ar fi trebuit să se concentreze pe crearea unui meniu ușor de deschis și de navigat., în cele din urmă, există multe site-uri care includ defilare paralaxă și Elemente video încorporate care nu depășesc pagina și limitează navigabilitatea acesteia.
Text necitit sau butoane care nu pot fi citite
datorită cerințelor browserului web, meniul de pe site-ul anterior este aproape imposibil de făcut clic. Aceasta este, de asemenea, o problemă atunci când Site-urile nu sunt optimizate pentru Dispozitive mobile. Când elementele nu se ajustează pentru ecranul mai mic, ele se pot suprapune sau pot deveni prea mici pentru a fi citite.,
evitarea acestei probleme este ușoară dacă finalizați testarea detaliată înainte de a lansa site-ul dvs. web. Utilizați emulatoare sau software pentru a emula modul în care site-ul dvs. apare pe diverse dispozitive mobile, inclusiv cele mai recente smartphone-uri și tablete.exemplele discutate sunt relativ ușor de evitat, acum că știți ce să căutați. Cu toate acestea, implementarea modificărilor necesare poate necesita expertiză tehnică., La WANDR, obțineți ajutorul designerilor UX cu experiență care înțeleg ce este nevoie pentru a crea o experiență mai bună pentru utilizatori.dacă doriți să vă asigurați că site-ul dvs. nu conține niciunul dintre exemplele de design rău discutate, luați în considerare să lucrați cu profesioniști.