11 Bendrosios interneto dizaino klaidos („Blunders“)
Internete yra daug interneto svetainių, o šimtai ar tikriausiai tūkstančiai yra sukuriami per dieną. Čia yra labai įdomus dalykas, kurį reikia apmąstyti - Kokie yra geros svetainės elementai?
Tinklalapio kūrimas gali būti varginantis, bet tikras iššūkis yra jį naudoti. Problema yra tai, kad dauguma interneto dizainerių pamiršo, kad svetainė nebuvo sukurta sau, bet išspręsti vartotojų poreikius. Jie teikia pirmenybę kūrybiškumui ir praktiškumui bei naudojimui.
Šiame straipsnyje norėtume pabrėžti 11 interneto dizaino klaidų, kurias daro interneto kūrėjai ir dizaineriai ir keletas pasiūlymų, kaip lengvai išvengti šių klaidų.
1. Kur yra paieškos laukelis?
Internetas yra tarsi informacijos archyvas. Nesvarbu, ar tai yra įmonės svetainė, ar tik dienoraštis, paieškos laukelis yra labai svarbus. Lankytojas gali ieškoti kažko, kas paslėpta svetainėje, su paieškos laukeliu, yra tikimybė, kad lankytojai gaus tai, ko nori.
Pasiūlymai:„Google“ individualizuota paieška yra tvarkingas, paprastas ir efektyvus būdas pradėti. Jis leidžia lankytojams efektyviai ieškoti jūsų svetainės. Tiesiog nukopijuokite HTML kodą iš valdymo pulto ir įklijuokite jį į savo svetainę ir voilÃ? Â?.
Štai paprastas formos kodas, rodantis „Google“ paieškos programą ir jūsų svetainėje. Jums tereikia pakeisti svetainės pavadinimą į savo svetainės pavadinimą. Be to, galite pakeisti pateikimo vertę į viską, ką norite.
Daugiau: Šventosios paieškos langelio projektavimas: pavyzdžiai ir geriausia praktika- Šiame straipsnyje pateikiamos paieškos laukelio kūrimo gairės.
2. Prastas skaitymas ir įskaitomumas.
Tai yra esminis interneto dizaino elementas. Žinoma, geras sąsajos dizainas pakels vartotojų dėmesį, tačiau vartotojai turi skaityti tekstą, kad galėtų suvokti norimą informaciją. Kai kuriose svetainėse naudojami keistiausi šrifto stiliai ir dydžiai, dėl kurių skaitymas skauda.
Pasiūlymai:Laimei, yra paprastų būdų, kaip galite pagerinti naudotojų skaitymo patirtį savo svetainėje.
- Palyginkite daugelio pagrindinių svetainių spalvų schemas ir pastebėkite, kaip spalvos pagerina skaitymą. Gera vieta išbandyti skirtingas spalvų schemas „Adobe Kuler“.
- Naudoti Sans serif šriftas nes tai leidžia lengvai skaityti žiniatinklyje.
Daugiau: Čia yra geras straipsnis, kuris suteiks jums daugiau patarimų, kaip pagerinti skaitomumą - Skaitymas - tinklalapių lengva skaityti.
3. Neorganizuotas turinio išdėstymas.
Svetainės turinys yra tai, kas skatina srautą į jį. Kaip turinys yra struktūrizuotas, tai bus sėkmė ar nesėkmė. Naudotojai neskaito, nebent tai būtina, tačiau skenuoja per informaciją ir išrinkite dominančius taškus tinklalapyje. Kai kurie dizaineriai tiesiog įdeda teksto bloką į tinklalapį ir visiškai nepaiso antraštių, subpozicijų, įrašų, raktinių žodžių, pastraipų ir kt..
Kiekvienam tinklalapiui naudokite tinkamą puslapio pavadinimą, kad vartotojai tiksliai žinotų, kur jie yra. Kai kurie dizaineriai net pamiršo pavadinti tinklalapį.
Apskritai, blogiausia šioje kategorijoje bus neteisingas, nepasiekiamas, nereikšmingas ar pasenęs turinys jūsų svetainėje. Turinys turi sutapti su bendrąja svetainės tema ir būti naudingas. Jei puslapis yra kuriamas, kodėl nerimaujate? Jei dizaineris tikrai turi, tai tik laikina, o 3 savaitės nebebus laikinos.
Pasiūlymai: Organizuokite savo svetainės turinį naudodami HTML ir CSS turėtų būti naudojamas kuriant puslapių dizainą.
- Sukurkite pakankamai tarpo tarp teksto ir vaizdų naudodami paraštes.
- Atnaujinkite ir būkite nuoseklūs. Atnaujinimo tikslas yra ne tik pridėti naują turinį, bet ir pastebėti ir ištaisyti praeities klaidas. Jakob Nielsen siūlo jums išsinuomoti a žiniatinklyje “sodininkas”.
Biudžeto nuoma interneto sodininkui kaip jūsų komandos daliai. Jums reikia ko nors, kad išnaikintų piktžoles ir atsodintų gėles, nes svetainės keitimas, bet dauguma žmonių mieliau praleidžia laiką kurdami naują turinį, o ne techninę priežiūrą. Praktiškai priežiūra yra pigus būdas pagerinti jūsų svetainės turinį, nes daugelis senų puslapių išlaiko savo aktualumą ir turėtų būti susieti su naujais puslapiais. Žinoma, kai kurie puslapiai yra geriau pašalinti iš serverio po jų galiojimo pabaigos datos - Jakob Nielsen
4. Netinkama navigacija.
Naršymas tinklalapyje turėtų būti vientisas. Vartotojai turėtų lengvai rasti savo kelią. Nors interneto svetainėje nėra standarto navigacijai, ypač dabar, kai atsiranda daugiau naujų interneto plėtros technologijų, būtina suprasti, kad navigacija turi būti intuityvi ir nuosekli.
Jei tekstas naudojamas kaip navigacija, jis turėtų būti glaustas. Vizualinė metafora neturėtų būti išradinėta. Jei naudojami hipersaitai, jie turėtų išsiskirti iš teksto. Dead links neturėtų būti jokiame tinklalapyje. Tai padidina vartotojo painiavą ir laiko laiką. Ir tai, kas yra netgi dar blogiau, yra nuoroda į pagrindinį puslapį, kuris susietas su pagrindiniu puslapiu.
Pasiūlymai:
- Naudodamiesi visų nuorodų tekstiniais aprašymais, atlikite navigaciją. Pateikite alt tekstą vaizdams. Naudokite alternatyvius teksto aprašymo būdus „Flash“ arba „Javascript“ nuorodoms.
- Organizuokite ir struktūrizuokite savo navigaciją kartu su svetainės tema. Asmeninės svetainės gali sau leisti būti kūrybingesnėmis, bet prieinamos, tačiau verslo svetainėje reikia daugiau efektyvumo ir aiškumo.
Atminkite, kad jei vartotojai negali rasti to, ko nori, mažiau nei 3 paspaudimus, dauguma iš karto paliks.
Daugiau: Veiksmingos svetainės navigacijos diegimas - Šiame straipsnyje pateikiama daugiau informacijos apie efektyvios jūsų svetainės navigacijos įgyvendinimą.
5. Nenuoseklios sąsajos dizainas.
Pernelyg didelis kūrybiškumas gali būti tik toks. Pernelyg didelis! Kai kurie dizaineriai ją perkelia į kitą lygį kurdami svetaines, kurdami skirtingus dizainus kiekvienam tinklalapio tinklalapiui. Tai jokiu būdu nėra paini vartotojui. Ir visiškai erzina. Nesvarbu, kokia yra išskirtinė ir patraukli svetainė, jei bendra išvaizda ir jausmas nėra nuoseklūs, vartotojai negali susieti su juo ir jaustis mažiau kontroliuojami. Taigi, paliekant, kai tik jie atvyko.
Pasiūlymai:
- Naudokite standartinį nuoseklų šabloną kiekvienam puslapiui su nuorodomis į pagrindines svetainės dalis.
- Raktinis žodis yra paprastas. Sukurkite estetiškai paprastus dizainus, o naudotojai niekada nesupainuos jūsų svetainės.
6. Nepatogus ekrano skiriamoji geba.
Esu tikras, kad apsilankėme svetainėse, kuriose turite slinkti horizontaliai. Tai yra absoliutus „ne-ne“ šiuolaikiniame interneto dizaine. Geras dizaineris sukurs svetaines, tinkančias daugumai ekrano dydžių. Dabartinis optimizuotas svetainių išdėstymas šiuo metu yra 1024 x 768 taškų.
Pasiūlymai:Sunku ir beveik neįmanoma patenkinti dizaino, kad atitiktų kiekvieną rezoliuciją, ypač kai lankytojai dabar naršys iš mobiliųjų telefonų ir netbooks, bet mes galime gauti apčiuopiamą idėją, kokie yra dažniausiai naudojami ekrano skyrimai šiais būdais:
- Patikrinkite savo statistiką - Analizės paslaugos, pvz., „Google Analytics“, suteikia informacijos apie tai, kokios monitoriaus skiriamosios gebos naudojamos. Tai yra naudinga informacija, kurią turėtumėte žinoti prieš pradedant kitą atnaujinimą.
- W3 mokyklų naršyklės statistika - W3 mokyklos pateikia aiškius populiariausios naršyklės sąrašus, kuriuos naudoja netizens, ir rūšiuoti juos pagal populiarumą. Taip pat yra ir kitų įdomių ir svarbių statistinių duomenų.
7. Sudėtingos registracijos formos.
Registracijos formos yra sudėtingos. Kiek informacijos reikia iš naudotojo? Gone yra dienų, kai vartotojas turėjo įvesti zillion detales, kad galėtų užsiregistruoti jūsų svetainėje. Kai kuriose svetainėse dauguma registracijos laukų yra privalomi ir laukai patvirtinami tokiu mastu, kad po kelių bandymų vartotojas nusivylė. Atminkite, kad vartotojai apsilanko svetainėje, kad gautų informaciją. Ne atvirkščiai.
„Simpleecard“ paprasta forma leidžia nesunkiai registruotis.
Pasiūlymai:Palyginkite registracijos formas įvairiose bendruomenėse internete ir supraskite, kokią pagrindinę informaciją reikia pateikti vartotojui registracijos proceso metu.
Daugiau: 9 Bendros naudojimosi klaidos Web dizaine - Šis „Smashing Magazine“ pranešimas išsamiai apžvelgia registracijos formas, be kita ko, naudojimosi klaidomis.
8. Nesąžiningas vaizdų / animacijų naudojimas.
Pernelyg daug vaizdų tinklalapyje yra didžiulis išjungimas. Vaizdai gali būti naudojami naudotojų dėmesiui užfiksuoti, bet taip pat gali būti blaškymas arba tiesiog sunkinantis. Paveikslėliai turėtų būti naudojami naudotojui iliustruoti ir prireikus vadovauti.
Animacijos yra nuostabios ir galingos. Ypač, kai naudojama tinkamai. Kai tai yra ciklas arba tiesiog per daug interneto puslapyje, jis patenka į vartotojų nervus. Naudotojai neturi kantrybės, laiko ar išteklių, todėl dizaineriai turi pasiūlyti alternatyvas arba dar geriau, praleisti mygtuką, jei jis yra pilno puslapio animacija.
Daugiau: Flash: 99% bloga - Tinkamai naudokite „Flash“. Beveik 10 metų, kai Jakob Nielsen paskelbė šį straipsnį, tačiau jis vis dar aktualus „Flash“ naudojimui, ypač Pertraukia žiniatinklio pagrindus gabalas.
9. Užpildyti puslapiai, daugiau vietos.
Per daug dizainerių užmiršta balta vieta ir jos svarbą. Jie yra tokie sužavėti savo dizaino kūrybiškumu, kad jie pamiršo, kad ne apie juos. Taigi, jie stengiasi įveikti tiek, kiek jie gali į vieną puslapį. Galutinis rezultatas? Užimtas, netvarkingas ir neskaitytas puslapis.
stengdamiesi tinkamai panaudoti erdvę.
Štai keletas straipsnių, suteikiančių jums gerą idėją erdvės svarba interneto dizainui:
- Keturių baltos erdvės išdėstymų palyginimas
- Baltosios erdvės vertė
- Balta vieta
10. Nėra foninės muzikos, prašome!
Vartotojai nenori atvėsti, jie ieško efektyvumo. Taip, 99 procentai nerūpi muzikos jūsų svetainėje. Kai kurie dizaineriai dar labiau pablogina skirtingų foninės muzikos kūrimą kiekviename tinklalapyje.
Pasiūlymai:Nenaudokite foninės muzikos, bet jei turite, sukurkite kodo ir vartotojo valdiklių rėmelį. Tokiu būdu muzika pradeda veikti nepertraukiamai, o ne keisti kiekvieną kartą, kai svetainėje įkeliamas naujas puslapis. Ir vartotojas gali sustabdyti arba pristabdyti kiekvieną kartą.
11. Bandymas, bandymas ir bandymas.
To negalima pabrėžti. Kiek kartų mes buvome tinklalapiuose, kuriuos galima peržiūrėti tik tam tikroje naršyklėje? Žiniatinklio kūrėjai turi turėti patikrinimų sąrašą, skirtą bandant svetaines.
- Ar svetainę galima peržiūrėti skirtingose aplinkose?
- Ar dizainas yra suderintas visose naršyklėse?
- Ar svetainę galima peržiūrėti įvairiais nustatymais, pvz., „Išjungta vaizdai“, „JavaScript“ išjungta ir pan?
Pasiūlymai:„W3C“ siūlo priemones, užtikrinančias kokybės užtikrinimą. Patikrinkite W3C kokybės užtikrinimo įrankių rinkinys ir Tinklalapio patvirtinimas.
Išvada:
Laikykite jį paprastą, kvailą (K.I.S.S). Jei tai paprasta, tai galima naudoti. Apskritai, puikios svetainės saugo jį paprastą ir naudingą. Padarykite savo namų darbus ir tai lengva ir natūraliai.
Kokia yra jūsų patirtis interneto dizaino projektuose? Kokius kitus patarimus ir mintis norėtumėte pasidalinti interneto dizaino klaidomis?
Redaktoriaus pastaba: Šį įrašą parašė Brujo Owoh už Hongkiat.com. „Brujo Owoh“ yra multimedijos sistemos, kurios specializuojasi interneto dizaino ir 2D animacijos srityse. Jis mėgsta skaityti grožinę literatūrą, pasikalbėti su savo draugais ir laikytis „Twitter“ dizaino tendencijų. Apsilankykite Brujo dienoraštyje.