11 uobičajenih pogrešaka u web dizajnu (blunders)

Postoje tone web stranica na internetu, a stotine ili vjerojatno tisuće su stvorene po danu. Ovo je vrlo zanimljiva stvar za razmišljanje - Koji su elementi dobre web-lokacije?

Izgradnja web stranice može biti zastrašujuća, ali pravi izazov leži u tome da bude upotrebljiv. Problem je u tome što većina web dizajnera zaboravlja da web-mjesto nije stvoreno za sebe već da rješava potrebe korisnika. Oni daju prednost kreativnosti u odnosu na praktičnost i upotrebljivost.

U ovom članku želimo istaknuti 11 web design blunders koje web programeri i dizajneri čine i neke prijedloge kako se te pogreške mogu lako izbjeći.

1. Gdje je okvir za pretraživanje?

Web je kao arhiva informacija. Bilo da se radi o korporativnoj web-lokaciji ili samo o blogu, bitan je okvir za pretraživanje. Posjetitelj možda traži nešto što je skriveno na web-lokaciji, a okvir za pretraživanje je vjerojatno da će posjetitelji dobiti ono što žele.

prijedlozi:Google Custom Search je uredan, jednostavan i učinkovit način za početak. To omogućuje posjetiteljima da pretražuju vašu web lokaciju na učinkovit način. Samo kopirajte HTML kôd s upravljačke ploče i zalijepite ga na svoju web-lokaciju i voilà ??  ?? Ã'Â, imate funkciju pretraživanja na svojoj web-lokaciji.

Evo jednostavnog obrasca za prikazivanje Googleove tražilice na vašoj web-lokaciji. Sve što trebate učiniti jest promijeniti naziv web-lokacije na ime web-lokacije. Osim toga, možete promijeniti vrijednost slanja na sve što želite.

Više: Projektiranje Svetog okvira za pretraživanje: primjeri i najbolja praksa- Ovaj članak opisuje smjernice za izradu okvira za pretraživanje.

2. Loša čitljivost i čitljivost.

To je ključni element web dizajna. Naravno, dobar dizajn sučelja će privući pažnju korisnika, ali korisnici moraju čitati tekst kako bi mogli shvatiti željene informacije. Neke web-lokacije koriste najbizarnije stilove i veličine fontova koji olakšavaju čitanje.

prijedlozi:Srećom, postoje jednostavni načini na koje možete poboljšati iskustvo čitanja korisnika na svojoj web-lokaciji.

1. Usporedite sheme boja većine glavnih mjesta i primijetite kako boje poboljšavaju čitljivost. Dobro mjesto za isprobavanje različitih shema boja je Adobe Kuler.
2. Koristi Sans serif jer omogućuje jednostavno čitanje na webu.

Više: Ovdje je dobar članak koji će vam dati više savjeta o poboljšanju čitljivosti - Čitljivost - Izrada web stranica jednostavnih za čitanje.

3. Neorganizirani raspored sadržaja.

Sadržaj web stranice je ono što pokreće promet na njega. Kako je sadržaj strukturiran je ono što će učiniti uspjeh ili neuspjeh. Korisnici ne čitaju osim ako je to apsolutno nužno, ali skeniraju informacije i odabiru zanimljive točke na web stranici. Neki dizajneri samo stavljaju blok teksta na web-stranicu i potpuno zanemaruju naslove, podnaslove, oznake, ključne riječi, odlomke itd..

Za svaku web-stranicu koristite odgovarajući naslov stranice kako bi korisnici točno znali gdje se nalaze. Neki dizajneri čak zaboravljaju imenovati web stranicu.

Sve u svemu, najgore u ovoj kategoriji bit će stavljanje netočnih, nedostupnih, beznačajnih ili zastarjelih sadržaja na Vašu web stranicu. Sadržaj se mora podudarati s ukupnom temom internetske stranice i biti koristan. Ako je stranica u izradi, zašto se gnjaviti? Ako dizajner zaista mora, onda je to samo privremeno, a 3 tjedna više se neće smatrati privremenim.

prijedlozi: Organizirajte sadržaj na svojoj web-lokaciji pomoću HTML-a i CSS-a prilikom izrade dizajna stranica.

1. Stvorite dovoljno razmaka između teksta i slika pomoću margina.
2. Ažurirajte i budite dosljedni. Svrha ažuriranja nije samo dodavanje novih sadržaja, već uočavanje i ispravljanje pogrešaka iz prošlosti. Jakob Nielsen predlaže da unajmite a mreža “baštovan”.

Proračun za najam web vrtlara kao dio vašeg tima. Trebate nekoga tko će iskorijeniti korov i presaditi cvijeće jer se web stranica mijenja, ali većina ljudi radije troši svoje vrijeme na stvaranje novog sadržaja nego na održavanje. U praksi, održavanje je jeftin način za poboljšanje sadržaja na vašoj web-lokaciji jer mnoge stare stranice zadržavaju svoju važnost i trebaju biti povezane na nove stranice. Naravno, neke su stranice bolje ukloniti s poslužitelja nakon isteka roka valjanosti - Jakob Nielsen

4. Loša navigacija.

Navigacija unutar web-lokacije mora biti besprijekorna. Korisnici bi trebali biti u mogućnosti jednostavno pronaći svoj put. Iako ne postoji standard za navigaciju unutar web-lokacije, posebno sada kada se pojavljuju nove tehnologije za izradu web-stranica, nužno je shvatiti da navigacija mora biti intuitivna i dosljedna.

Ako se tekst koristi kao navigacija, trebao bi biti sažet. Vizualne metafore ne bi trebale biti izumljene. Ako se koriste hiperveze, onda bi se trebale izdvojiti iz teksta. Mrtvi linkovi ne bi trebali imati mjesta na bilo kojoj web stranici. To povećava konfuziju korisnika i gubi vrijeme. A onaj koji je čak i gore je imati link na početnoj stranici koji vodi do početne stranice.

prijedlozi:

1. Učinite navigaciju glatkom pomoću tekstualnih opisa za sve veze. Navedite alt tekst za slike. Koristite alternativne tehnike opisa teksta za Flash ili Javascript veze.
2. Organizirajte i strukturirajte navigaciju u tandemu s temom web-lokacije. Osobne web-stranice mogu si priuštiti da budu kreativnije, ali dostupne, ali poslovna web-lokacija zahtijeva veću učinkovitost i jasnoću.

Zapamtite, ako korisnici ne mogu pronaći ono što žele u manje od 3 klika, većina će ih odmah napustiti.

Više: Implementacija učinkovite navigacije web-mjesta - Ovaj članak daje bolji uvid u implementaciju učinkovite navigacije za vašu web-lokaciju.

5. Nedosljedan dizajn sučelja.

Prekomjerna kreativnost može biti upravo to. Pretjerano! Neki dizajneri ga odvesti na drugu razinu prilikom izrade web stranica stvarajući različite dizajne za svaku web stranicu unutar web stranice. To nikako ne zbunjuje korisnika. I krajnje neugodno. Bez obzira na to koliko je izvanredna i privlačna web-lokacija, ako cjelokupni izgled i dojam nisu konzistentni, korisnici se ne mogu odnositi prema njemu i osjećati se manje pod kontrolom. Dakle, odlazak čim su stigli.

prijedlozi:

1. Koristite standardan dosljedan predložak za svaku stranicu s vezama na glavne dijelove web-lokacije.
2. Ključna riječ je jednostavna. Napravite estetski jednostavne dizajne i korisnici nikada neće biti zbunjeni na vašoj web-lokaciji.

6. Nezgodna razlučivost zaslona.

Siguran sam da smo posjetili web-lokacije na kojima se morate horizontalno pomicati. Ovo je apsolutno ne-no u modernom web dizajnu. Dobar dizajner razvit će web-lokacije koje odgovaraju većini veličina zaslona. Trenutni optimizirani raspored za web-lokacije trenutno iznosi 1024 x 768 piksela.

prijedlozi:Teško je i gotovo nemoguće zadovoljiti dizajn tako da odgovara svakoj razlučivosti, posebno kada posjetitelji sada surfaju s mobilnih telefona i netbookova, ali možemo dobiti grubu ideju koja se obično koriste razlučivosti zaslona na sljedeće načine:

• Provjerite svoju statistiku - Analitičke usluge kao što je Google Analytics pružaju vam informacije o razlučivosti monitora koju koriste. To su korisne informacije koje biste trebali znati prije pokretanja sljedećeg ažuriranja.
• Statistike preglednika W3 škola - Škole W3 daju jasne popise najpopularnijih preglednika koje koriste netizens i sortiraju ih prema popularnosti. Postoje i druge zanimljive i važne statistike.

7. Komplicirani obrasci za registraciju.

Obrasci za registraciju su zahtjevni. Koliko informacija trebate od korisnika? Otišli su dani u kojima je korisnik morao unijeti zillion pojedinosti za registraciju na web-lokaciju. Neka web-mjesta obvezna su za većinu polja za registraciju i potvrđuju polja u mjeri u kojoj je korisnik frustriran nakon nekoliko pokušaja. Zapamtite, korisnici posjećuju web-lokaciju kako bi dobili informacije. Ne obrnuto.

Someecardov jednostavan oblik čini registraciju bezbolnom.

prijedlozi:Usporedite obrasce za registraciju u zajednicama na webu i shvatite koje su osnovne informacije potrebne korisniku tijekom procesa registracije.

Više: 9 Uobičajene greške u upotrebljivosti u web dizajnu - Ovaj post na Smashing Magazine uzima in-dubina pogledati obrasce za registraciju među ostalim greškama u upotrebljivosti.

8. Beskrupulozna uporaba slika / animacija.

Previše slika na web stranici je ogroman isključiti. Slike se mogu upotrijebiti za snimanje pozornosti korisnika, ali to može biti i distrakcija ili jednostavno otežavajuća. Slike treba koristiti za ilustraciju i usmjeravanje korisnika prema potrebi.

Animacije su strašan i moćan medij. Pogotovo kada se koristi na odgovarajući način. Kada se radi o ciklusu ili previše o web stranici, on dobiva na živce korisnika. Korisnici nemaju strpljenja, vremena ili resursa tako da dizajneri moraju ponuditi alternative ili još bolje, gumb za preskakanje, ako je to animacija cijele stranice.

Više: Bljeskalica: 99% loša - Koristite Flash na odgovarajući način. Prošlo je gotovo 10 godina otkako je Jakob Nielsen objavio ovaj članak, ali je još uvijek relevantan u smislu upotrebljivosti Flash-a, posebno Razbija web-osnove komad.

9. Nered stranice, više razmaka.

Previše dizajnera zaboravlja bijeli prostor i njegovu važnost. Oni su toliko zaokupljeni svojom kreativnošću da zaboravljaju da se ne radi o njima. Dakle, oni pokušavaju strpati koliko god mogu na jednu stranicu. Krajnji rezultat? Zauzeta, pretrpana i nečitljiva stranica.

kylestanding dobro iskoristiti praznine u njihovom dizajnu.

Evo nekoliko članaka koji će vam dati dobru ideju važnost razmaka u web dizajnu:

• Usporedba četiri rasporeda bijelog prostora
• Vrijednost bijelog prostora
• Bijeli prostor

10. Nema pozadinske glazbe, molim!

Korisnici ne žele cool, traže učinkovitost. I da, 99 posto ih ne zanima glazba na vašoj web-lokaciji. Neki dizajneri pogoršavaju stavljanje različite pozadinske glazbe na svaku web stranicu.

prijedlozi:Nemojte koristiti pozadinsku glazbu, ali ako morate, stvorite okvir za kod i korisničke kontrole. Na taj način glazba se neprestano mijenja, umjesto da se mijenja svaki put kad se nova stranica učita unutar web-lokacije. I korisnik može zaustaviti ili pauzirati kad god.

11. Test, test i test.

To se ne može prenaglasiti. Koliko smo puta bili na web-stranicama koje se mogu pregledavati samo na određenom pregledniku? Web programeri moraju imati svojevrsni kontrolni popis prilikom testiranja web stranica.

• Može li se internetska stranica gledati u različitim okruženjima?
• Je li izgled dizajna konzistentan u svim preglednicima?
• Može li se web-lokacija gledati u različitim postavkama kao što su isključene slike, isključen JavaScript itd?

prijedlozi:W3C nudi alate za testiranje kvalitete. Provjeri W3C Alat za osiguranje kvalitete i Provjera web-stranice.

Zaključak:

Budite jednostavni, glupi (K.I.S.S.). Ako je jednostavno, može se koristiti. Sve u svemu, izvrsne web-lokacije održavaju ih jednostavnim i upotrebljivim. Napravite domaću zadaću i ona dolazi lako i prirodno.

Kakva su vaša iskustva u projektima web dizajna? Koje druge savjete i misli biste željeli podijeliti na pogreškama u web dizajnu?

Napomena urednika: Ovaj post je napisao / la Brujo Owoh za Hongkiat.com. Brujo Owoh je predavač multimedijskih sustava, specijaliziran za web dizajn i 2D animaciju. On uživa u čitanju fikcije, druženju s prijateljima i održavanju trendova u dizajnu na Twitteru. Posjetite Brujoov blog.