11 skupnih napak pri spletnem oblikovanju (blunders)

Obstaja ton spletnih strani na internetu, in na stotine ali verjetno na tisoče so ustvarjene po dnevu. Tukaj je zelo zanimiva stvar - Kaj so elementi dobre spletne strani?

Gradnja spletne strani je lahko zastrašujoča, a pravi izziv je, da jo uporabimo. Problem je, da večina spletnih oblikovalcev pozabi, da spletna stran ni bila ustvarjena zase, ampak da bi rešila potrebe uporabnikov. Prednost ustvarjalnosti dajejo praktičnosti in uporabnosti.

V tem članku bi radi izpostavili 11 spletnih oblikovalskih napak, ki jih ustvarjajo spletni razvijalci in oblikovalci in nekaj predlogov, kako se lahko te napake zlahka izognemo.

1. Kje je polje za iskanje?

Splet je kot arhiv informacij. Ne glede na to, ali gre za spletno mesto podjetja ali samo za spletni dnevnik, je iskalno polje nujno. Obiskovalec morda išče nekaj, kar je skrito v spletnem mestu, z iskalnim poljem, verjetno bodo obiskovalci dobili tisto, kar želijo.

Predlogi:Google Iskanje po meri je urejen, preprost in učinkovit način za začetek. Obiskovalcem omogoča učinkovito iskanje po vaši strani. Samo kopirajte kodo HTML iz nadzorne plošče in jo prilepite na vašo spletno stran in voilà ??  ?? Ã'Â, imate funkcijo iskanja na vaši spletni strani.

Tu je preprost obrazec za prikaz iskalnika Google na vašem spletnem mestu. Vse kar morate storiti je, da spremenite ime spletnega mesta na ime spletnega mesta. Poleg tega lahko spremenite vrednost pošiljanja na vse, kar želite.

Več: Oblikovanje svetega iskalnega polja: primeri in najboljša praksa- Ta članek podrobno opisuje smernice za oblikovanje iskalnega polja.

2. Slaba berljivost in čitljivost.

To je ključni element spletnega oblikovanja. Seveda bo dober dizajn vmesnika pritegnil pozornost uporabnikov, vendar morajo uporabniki brati besedilo, da bodo lahko razumeli želene informacije. Nekatere spletne strani uporabljajo najbolj nenavadne sloge in velikosti pisav, zaradi katerih je branje bolečine.

Predlogi:Na srečo obstajajo preprosti načini za izboljšanje uporabniških izkušenj pri branju na vašem spletnem mestu.

1. Primerjajte barvne sheme večine glavnih mest in opazujte, kako barve izboljšajo berljivost. Dober kraj za preizkušanje različnih barvnih shem je Adobe Kuler.
2. Uporabi Sans serif saj omogoča enostavno branje na spletu.

Več: Tukaj je dober članek, ki vam bo dal več nasvetov za izboljšanje berljivosti - Berljivost - izdelava spletnih strani za preprosto branje.

3. Neorganizirana postavitev vsebine.

Vsebina spletne strani je tisto, kar vozi promet. Kako je vsebina strukturirana, je tisto, kar bo naredilo uspeh ali neuspeh. Uporabniki ne berejo, razen če je nujno potrebno, vendar skenirajo informacije in izbirajo zanimive točke na spletni strani. Nekateri oblikovalci preprosto postavijo besedilo na spletno stran in popolnoma zanemarijo naslove, podnaslove, oznake, ključne besede, odstavke itd..

Za vsako spletno stran uporabite ustrezen naslov strani, da bodo uporabniki točno vedeli, kje so. Nekateri oblikovalci celo pozabijo poimenovati spletno stran.

Na splošno je najslabše v tej kategoriji postavitev netočnih, nedostopnih, nepomembnih ali zastarelih vsebin na vašo spletno stran. Vsebina mora sovpadati s splošno temo spletne strani in biti uporabna. Če je stran v izdelavi, zakaj se trudite, da jo postavite? Če oblikovalec resnično mora, potem je le začasna in 3 tedne ne bo več štela za začasno.

Predlogi: Organizirajte vsebino na svojem spletnem mestu z uporabo HTML in CSS, uporabite pri ustvarjanju oblikovanja vaših strani.

1. Ustvarite dovolj presledkov med besedilom in slikami z robovi.
2. Posodobite in bodite dosledni. Namen posodabljanja ni samo dodajanje novih vsebin, temveč prepoznavanje in popravljanje preteklih napak. Jakob Nielsen predlaga, da najamete a splet “vrtnar”.

Proračun za najem spletnega vrtnarja kot del vaše ekipe. Potrebujete nekoga, ki bo izkoreninil plevel in ponovno presadil cvetje, saj se spletna stran spremeni, vendar večina ljudi raje preživi svoj čas pri ustvarjanju nove vsebine kot pri vzdrževanju. V praksi je vzdrževanje poceni način za izboljšanje vsebine na vaši spletni strani, saj mnoge stare strani ohranjajo svoj pomen in jih je treba povezati v nove strani. Seveda so nekatere strani bolje odstranjene s strežnika po datumu njihovega poteka - Jakob Nielsen

4. Slaba navigacija.

Navigacija znotraj spletne strani mora biti brezhibna. Uporabniki bi morali imeti možnost, da se zlahka najdejo. Medtem ko na spletni strani ni standardov za navigacijo, zlasti ko se pojavljajo nove tehnologije za razvoj spletnih strani, je nujno razumeti, da mora biti navigacija intuitivna in dosledna.

Če se besedilo uporablja kot navigacija, mora biti jedrnato. Vizualnih metafor ne smemo ponovno izumljati. Če se uporabljajo hiperpovezave, potem morajo izstopati iz besedila. Mrtve povezave ne bi smele imeti mesta na kateri koli spletni strani. To povečuje zmedo pri uporabniku in zapravlja čas. In tisti, ki je celo slabše, ima povezavo na domači strani, ki povezuje domačo stran.

Predlogi:

1. Naredite navigacijo gladko z besedilnimi opisi za vse povezave. Navedite alt besedilo za slike. Uporabite alternativne tehnike opisa besedila za povezave Flash ali Javascript.
2. Organizirajte in strukturirajte navigacijo skupaj s temo spletnega mesta. Osebne spletne strani si lahko privoščijo, da so bolj ustvarjalne, vendar dostopne, vendar je za poslovno spletno stran potrebno več učinkovitosti in jasnosti.

Ne pozabite, da če uporabniki ne najdejo tistega, kar hočejo v manj kot treh klikih, jih večina takoj zapusti.

Več: Izvajanje učinkovite navigacije spletne strani - Ta članek daje več vpogleda v izvajanje učinkovite navigacije za vaše spletno mesto.

5. Nedosledno oblikovanje vmesnika.

Prekomerna ustvarjalnost je lahko samo to. Prekomerno! Nekateri oblikovalci jo odnesejo na drugo raven pri ustvarjanju spletnih strani z ustvarjanjem različnih modelov za vsako spletno stran v spletnem mestu. To nikakor ne zmeda uporabnika. In popolnoma nadležno. Ne glede na to, kako izjemna in privlačna spletna stran je, če celoten videz in občutek ni skladen, se uporabniki z njim ne morejo povezati in se počutijo manj pod nadzorom. Tako je zapustil takoj, ko so prispeli.

Predlogi:

1. Uporabite standardno skladno predlogo za vsako stran s povezavami do glavnih delov spletnega mesta.
2. Ključna beseda je preprosta. Ustvarite estetsko preproste modele in uporabniki ne bodo nikoli zmedeni na vaši spletni strani.

6. Neprimerna ločljivost zaslona.

Prepričan sem, da smo obiskali spletna mesta, na katerih se morate vodoravno pomikati. To je absolutno ne-no v sodobnem spletnem oblikovanju. Dober oblikovalec bo razvil spletne strani, ki ustrezajo večini velikosti zaslona. Trenutno optimizirana postavitev spletnih mest je trenutno 1024 x 768 slikovnih pik.

Predlogi:Težko je in skoraj nemogoče zadostiti zasnovi, da bi ustrezala vsaki resoluciji, še posebej, ko obiskovalci zdaj brskajo z mobilnih telefonov in netbookov, vendar lahko dobimo grobo idejo, kakšne so običajno uporabljene ločljivosti zaslona na naslednje načine:

• Preverite svojo statistiko - Analitične storitve, kot je Google Analytics, vam nudijo informacije o ločljivosti monitorja, ki jo uporabljajo. To so koristne informacije, ki jih morate vedeti, preden začnete z naslednjo posodobitvijo.
• Statistike brskalnikov za šole W3 - Šole W3 dajejo jasne sezname najbolj priljubljenega brskalnika, ki ga uporabljajo netizeni, in jih razvrsti glede na priljubljenost. Obstajajo tudi druge zanimive in pomembne statistike.

7. zapleteni obrazci za registracijo.

Prijavni obrazci so zapleteni. Koliko informacij potrebujete od uporabnika? Gone so dnevi, ko je uporabnik moral vnesti zillion podrobnosti za registracijo na vašo spletno stran. Nekatera spletna mesta obvezno zahtevajo večino polj za registracijo in potrdijo polja, če je uporabnik po nekaj poskusih razočaran. Ne pozabite, da uporabniki obiščejo spletno mesto, da pridobijo informacije. Ne obratno.

Enostavna oblika nekega dela omogoča registracijo brez bolečin.

Predlogi:Primerjajte obrazce za registracijo v skupnostih na spletu in razumite, katere osnovne informacije se zahtevajo od uporabnika med postopkom registracije.

Več: 9 Pogoste napake pri uporabnosti v spletnem oblikovanju - Ta post na Smashing Magazine je poglobljen vpogled v obrazce za registracijo med drugimi napakami pri uporabi.

8. Brezobzirna uporaba slik / animacij.

Preveč slik na spletni strani je velik izklop. Slike se lahko uporabijo za zajemanje pozornosti uporabnikov, lahko pa so tudi odvračanje pozornosti ali samo navadna. Slike je treba uporabiti za ponazoritev in usmerjanje uporabnika, kjer je to primerno.

Animacije so super in močan medij. Še posebej, če se uporablja ustrezno. Ko je cikel ali samo preveč na spletni strani, pride na živce uporabnikov. Uporabniki nimajo potrpljenja, časa ali sredstev, zato morajo oblikovalci ponuditi alternativne možnosti ali še bolje, gumb za preskok, če gre za celovito animacijo strani..

Več: Flash: 99% Bad - Ustrezno uporabljajte Flash. Minilo je že skoraj 10 let, odkar je Jakob Nielsen objavil ta članek, vendar je še vedno pomemben v smislu uporabnosti Flash-a, še posebej Prekine spletne osnove kos.

9. Nered strani, več presledkov.

Preveč oblikovalcev pozabi presledek in njegov pomen. Tako so zajeti v lastno oblikovalsko ustvarjalnost, da pozabijo, da ne gre za njih. Tako poskušajo na eni strani zbrati toliko, kot lahko. Končni rezultat? Zasedena, neredna in neberljiva stran.

kylestanding dobro izkoristiti presledke pri njihovi zasnovi.

Tukaj je nekaj člankov, da vam dobro idejo na pomen presledka v spletnem oblikovanju:

• Primerjava štirih belih prostorskih postavitev
• Vrednost belega prostora
• Presledek

10. Brez glasbe v ozadju, prosim!

Uporabniki ne želijo ohladiti, iščejo učinkovitost. In ja, 99 odstotkov ne skrbi za glasbo na vaši spletni strani. Nekateri oblikovalci še poslabšajo glasbo na različnih spletnih straneh.

Predlogi:Ne uporabljajte glasbe v ozadju, če pa morate, ustvarite okvir za kodo in uporabniške kontrole. Na ta način se glasba neprekinjeno ponavlja, namesto da se vsakič, ko se naloži nova stran, spreminja. Uporabnik lahko kadar koli ustavi ali ustavi.

11. Test, test in test.

Tega ni mogoče preveč poudariti. Kolikokrat smo bili na spletnih straneh, ki si jih lahko ogledate samo v določenem brskalniku? Spletni razvijalci morajo imeti pri preverjanju spletnih strani kontrolni seznam.

• Ali se spletna stran lahko gleda v različnih okoljih?
• Ali je načrtovanje skladno z vsemi brskalniki?
• Ali si lahko spletno stran ogledate v različnih nastavitvah, kot so izklopljene slike, izklopljen JavaScript itd?

Predlogi:W3C ponuja orodja za testiranje za zagotavljanje kakovosti. Preveri W3C Toolbox za zagotavljanje kakovosti in Preverjanje spletne strani.

Sklep:

Naj bo preprosto, neumno (K.I.S.S). Če je preprosta, je uporabna. Na splošno so odlične spletne strani preproste in uporabne. Naredite svojo domačo nalogo in gre enostavno in naravno.

Kakšne so vaše izkušnje pri izdelavi spletnih projektov, katere druge nasvete in misli bi radi delili na napakah pri oblikovanju spletnih strani?

Opomba urednika: To objavo je napisal Brujo Owoh za Hongkiat.com. Brujo Owoh je študent multimedijskih sistemov, specializiran za spletno oblikovanje in 2D animacijo. Uživa v branju fikcije, druženju s svojimi prijatelji in sledenju trendov oblikovanja na Twitterju. Obiščite Brujov blog.