11 ühist veebidisaini viga (Blunders)

Internetis on tonni veebisaiti ning päevadel luuakse sadu või tõenäoliselt tuhandeid. Siin on väga huvitav asi - Millised on hea veebisaidi elemendid?

Veebisaidi loomine võib olla hirmuäratav, kuid tõeline väljakutse on selle kasutatavus. Probleem on selles, et enamik veebidisainereid unustavad, et veebisaiti ei loodud ise, vaid kasutajate vajaduste lahendamiseks. Nad annavad loovuse prioriteedile praktilisuse ja kasutatavuse suhtes.

Selles artiklis tahaksime esile tõsta 11 veebidisaini vigu, mida veebiarendajad ja disainerid teevad ja mõned soovitused, kuidas neid vigu on lihtne vältida.

1. Kus on otsingukast?

Veeb on nagu teabe arhiiv. Kas see on ettevõtte veebileht või lihtsalt blogi, on otsingukast oluline. Külastaja võib otsida midagi, mis on veebisaidi sees peidetud, koos otsingukasti võimalustega, külastajad saavad seda, mida nad soovivad.

Ettepanekud:Google'i kohandatud otsing on puhas, lihtne ja tõhus viis alustada. See võimaldab külastajatel teie saidil tõhusalt otsida. Lihtsalt kopeerige HTML-kood juhtpaneelilt ja kleepige see oma veebisaidile ja voilÃ? Â?.

Siin on lihtne vormi kood Google'i otsingumootori kuvamiseks teie saidil. Kõik, mida pead tegema, on muuta saidi nimi veebisaidi nimeks. Lisaks saate muuta esitamise väärtust mistahes soovile.

Veel: Püha otsingukasti kujundamine: näited ja parimad tavad- See artikkel kirjeldab otsingukasti kujundamise juhiseid.

2. Halb loetavus ja loetavus.

See on veebidisaini oluline osa. Muidugi, hea kasutajaliidese disain haarab kasutajate tähelepanu, kuid kasutajad peavad lugema teksti, et saada teavet, mida nad soovivad. Mõned veebisaidid kasutavad kõige veideramaid stiile ja suurusi, mis muudavad valu lugemise.

Ettepanekud:Õnneks on lihtsad viisid, mida saate teha, et parandada oma veebisaidi kasutajate lugemiskogemust.

1. Võrrelge enamike suuremate saitide värviskeeme ja märkige, kuidas värvid parandavad loetavust. Hea koht erinevate värviskeemide proovimiseks on Adobe Kuler.
2. Kasuta Sans serif kirjas see võimaldab hõlpsasti lugeda veebis.

Veel: Siin on hea artikkel, mis annab teile rohkem näpunäiteid loetavuse parandamiseks - Loetavus - veebilehtede kerge lugemine.

3. Organiseerimata sisu paigutus.

Veebisaidi sisu on sellele liikluses liikuv. Kuidas sisu on struktureeritud on see, mis muudab selle edukaks või ebaõnnestunuks. Kasutajad ei loe, kui see ei ole absoluutselt vajalik, kuid skaneerib läbi teabe ja valib veebisaidil huvipakkuvaid punkte. Mõned disainerid panid veebilehe tekstiploki lihtsalt ära ja jätavad täielikult tähelepanuta rubriigid, alamrubriigid, täpid, märksõnad, lõiked jne..

Kasutage iga veebilehe jaoks sobivat lehekülje pealkirja, et kasutajad teaksid täpselt, kus nad on. Mõned disainerid unustavad isegi veebilehe nime.

Üldiselt on selle kategooria halvim panna veebisaidile ebatäpne, kättesaamatu, tähtsusetu või aegunud sisu. Sisu peab vastama veebisaidi üldisele teemale ja olema kasulik. Kui leht on ehitamisel, siis miks see vaevab? Kui disainer tõesti peab, siis on see ainult ajutine ja 3 nädalat ei loeta enam ajutiseks.

Ettepanekud: Korraldage oma veebisaidi sisu HTML-i ja CSS-i kasutamisel oma lehekülgede kujundamisel.

1. Looge oma teksti ja piltide vahel piisavalt ruumi, kasutades marginaale.
2. Uuenda ja pidage kinni. Ajakohastamise eesmärk ei ole mitte ainult uue sisu lisamine, vaid ka mineviku vigade märkimine ja parandamine. Jakob Nielsen soovitab teil rentida võrk “aednik”.

Eelarve, et palgata veebi aednik oma meeskonna osana. Teil on vaja kedagi umbrohu väljajuurimiseks ja lillede istutamiseks, kui veebisait muutub, kuid enamik inimesi veedaks oma aega uue sisu loomiseks kui hooldusele. Praktikas on hooldus odav viis veebisaidi sisu täiustamiseks, kuna paljud vanad leheküljed säilitavad oma asjakohasuse ja peaksid olema seotud uute lehtedega. Loomulikult eemaldatakse mõned leheküljed serverist täielikult pärast nende kehtivusaja lõppu - Jakob Nielsen

4. Halb navigeerimine.

Veebisaidi navigeerimine peaks olema sujuv. Kasutajad peaksid suutma kergesti leida. Kuigi veebisaidi navigeerimiseks ei ole standardit, eriti nüüd, kui tekib rohkem uusi veebiarendustehnoloogiaid, on hädavajalik mõista, et navigatsioon peab olema intuitiivne ja järjepidev.

Kui teksti kasutatakse navigatsioonina, peaks see olema lühike. Visuaalset metafoori ei tohiks uuesti leiutada. Kui kasutatakse hüperlinke, peaksid nad teksti tekstist välja paistma. Surnud lingid ei tohiks olla ühelgi veebilehel. See suurendab kasutaja segadust ja raiskab aega. Ja see, mis on isegi sama hullem, on koduleheküljel link, mis viitab kodulehele.

Ettepanekud:

1. Tee navigeerimine sujuvaks, kasutades kõigi linkide tekstilisi kirjeldusi. Paku piltidele alt teksti. Kasutage alternatiivseid teksti kirjeldamise tehnikaid Flashi või Javascript linkide jaoks.
2. Korraldage ja struktureerige oma navigatsioon koos veebisaidi teemaga. Isiklikud veebisaidid saavad endale lubada olla loomingulisemad, kuid kättesaadavad, kuid ettevõtte veebileht nõuab suuremat tõhusust ja selgust.

Pidage meeles, et kui kasutajad ei leia vähem kui 3 klõpsuga seda, mida nad tahavad, lahkub enamik kohe.

Veel: Tõhusa veebisaidi navigeerimise rakendamine - See artikkel annab parema ülevaate veebisaidi tõhusa navigeerimise rakendamisest.

5. Vastuoluline liidese disain.

Liigne loovus võib olla just selline. Liigne! Mõned disainerid viivad selle veebisaidi loomisel teisele tasemele, luues veebisaidi iga veebilehe jaoks erinevaid kujundusi. See ei ole mingil juhul kasutajale segadust tekitav. Ja täiesti tüütu. Olenemata sellest, kui silmapaistev ja atraktiivne veebisait on, kui üldine välimus ja tunne ei ole järjekindel, ei saa kasutajad sellega seostuda ega oma kontrolli vähem tunda. Seega, lahkudes niipea, kui nad saabusid.

Ettepanekud:

1. Kasutage igale leheküljele standardset järjepidevat malli, millel on lingid saidi põhiosadele.
2. Märksõna on lihtne. Loo esteetiliselt lihtsad kujundused ja kasutajad ei saa teie veebisaidil kunagi segadust tekitada.

6. Sõprade ekraani eraldusvõime.

Olen kindel, et oleme külastanud veebisaite, kus peate horisontaalselt liikuma. See on absoluutne no-no tänapäeva veebidisainis. Hea disainer töötab välja veebilehed, mis sobivad enamiku ekraani suurustega. Praegu on veebisaitide optimeeritud paigutus 1024 x 768 pikslit.

Ettepanekud:See on raske ja peaaegu võimatu rahuldada disaini, et see sobiks iga resolutsiooniga, eriti kui külastajad on nüüd mobiiltelefonidest ja netbookidest surfamas, kuid me saame ligikaudse ettekujutuse sellest, millised on tavaliselt kasutatavad ekraani eraldusvõimed järgmistel viisidel:

• Kontrollige oma statistikat - Analüütilised teenused, nagu Google Analytics, annavad teile teavet selle kohta, millist monitori resolutsiooni nad kasutavad. Need on kasulikud andmed, mida peaksite teadma enne järgmise uuendamise alustamist.
• W3 koolide brauseri statistika - W3 koolid annavad selged loetelud kõige populaarsemast veebis kasutatavast brauserist ja sorteerivad need populaarsuse järgi. On ka teisi huvitavaid ja olulisi statistilisi andmeid.

7. Keerulised registreerimisvormid.

Registreerimisvormid on keerulised. Kui palju teavet kasutajalt vajate? Möödas on päevad, mil kasutaja pidi oma veebisaidile registreerimiseks sisestama zillioni üksikasjad. Mõned veebisaidid muudavad enamiku registreerimisväljad kohustuslikuks ja kinnitavad väljad sellises ulatuses, kus kasutaja on mõne katse pärast pettunud. Pidage meeles, et kasutajad külastavad teavet veebisaidi saamiseks. Mitte vastupidi.

Someecardi lihtne vorm muudab registreerimise valutuks.

Ettepanekud:Võrdle registreerimisvorme kogukondade vahel veebis ja mõistke, millist põhiteavet kasutajalt registreerimisprotsessi ajal nõutakse.

Veel: 9 Ühised kasutatavuse vead veebidisainis - See Smashing Magazine'i postitus vaatab registreerimisvormid teiste kasutusvigade hulgas põhjalikult.

8. Kujutlemata piltide / animatsioonide kasutamine.

Liiga palju pilte veebilehel on tohutu välja lülitamine. Pilte saab kasutada kasutajate tähelepanu püüdmiseks, kuid see võib olla ka häiriv või lihtsalt süvenev. Vajaduse korral tuleks kasutajaid illustreerida ja suunata pilte.

Animatsioonid on vinge ja võimas meedium. Eriti korralikult. Kui see on tsükkel või lihtsalt liiga palju veebilehe kaudu, läheb see kasutajate närvidele. Kasutajad ei ole kannatlikkust, aega ega ressursse, nii et disainerid peavad pakkuma alternatiive või veel paremaid, vahelejätmise nuppu, kui see on täislehe animatsioon.

Veel: Välk: 99% halb - Kasuta Flashi sobivalt. See on olnud peaaegu 10 aastat, sest Jakob Nielsen avaldas selle artikli, kuid see on siiski Flashi kasutatavuse seisukohalt asjakohane, eriti Vahetab veebi põhialuseid tükk.

9. Tühjad lehed, rohkem tühikut.

Liiga paljud disainerid unustavad tühik ja selle tähtsust. Nad on oma disaini loomingulisusest nii hõivatud, et nad unustavad, et see pole nende kohta. Seega püüavad nad ühe lehekülje peale nii palju kui võimalik. Lõpptulemus? Hõivatud, täis ja loetamatu leht.

kasutama ruumi oma disainis hästi ära.

Siin on mõned artiklid, mis annavad teile hea idee ruumi tähtsus veebidisainis:

• Nelja valget ruumi paigutuse võrdlus
• Valge ruumi väärtus
• Tühik

10. Taustamuusikat pole, palun!

Kasutajad ei taha jahtuda, nad otsivad tõhusust. Ja jah, 99 protsenti ei hooli teie veebisaidi muusikast. Mõned disainerid muudavad selle hullemaks, seades igale veebisaidile erinevaid taustamuusikaid.

Ettepanekud:Ära kasuta taustamuusikat, aga kui teil on vaja, looge kood ja kasutaja kontrolli raam. Nii hakkab muusika pidevalt pidama, selle asemel, et iga kord, kui veebilehte laaditakse uus leht, muutub. Ja kasutaja saab alati peatada või peatada.

11. Test, test ja test.

Seda ei saa liigselt rõhutada. Mitu korda oleme olnud veebilehtedel, mida saab vaadata ainult teatud brauseris? Veebiarendajad peavad veebisaitide testimisel omama kontrollnimekirja.

• Kas veebisaiti saab vaadata erinevates keskkondades?
• Kas disainilahendus on kõigis brauserites järjepidev?
• Kas veebisaiti saab vaadata erinevates seadetes, näiteks välja lülitatud pildid, JavaScript välja lülitatud jne?

Ettepanekud:W3C pakub vahendeid kvaliteedi tagamise testimiseks. Check out W3C kvaliteeditagamise tööriistakast ja Veebilehe kinnitamine.

Järeldus:

Hoidke see lihtne, loll (K.I.S.S). Kui see on lihtne, on see kasutatav. Kokkuvõttes hoiavad suurepärased veebisaidid seda lihtsana ja kasutatavana. Tehke oma kodutöö ja see on lihtne ja loomulikult.

Millised on teie kogemused veebidisainiprojektides? Milliseid muid nõuandeid ja mõtteid soovite veebidisaini vigade osas jagada?

Toimetaja märkus: See postitus on kirjutatud Brujo Owoh Hongkiat.com jaoks. Brujo Owoh on multimeedia süsteem, mis on spetsialiseerunud veebidisainile ja 2D-animatsioonile. Tal on ilukirjanduse lugemine, tema kaaslastega koosviimine ja Twitteris disainisuundumuste järgimine. Külasta Brujo blogi.