11 Kopējās tīmekļa dizaina kļūdas (Blunders)

Internetā ir tonnas tīmekļa vietņu, un simtiem vai, iespējams, tūkstošiem tiek izveidots dienā. Šeit ir ļoti interesanta lieta - Kādi ir labas tīmekļa vietnes elementi?

Tīmekļa vietnes veidošana var būt biedējoša, bet patiesais izaicinājums ir padarīt to izmantojamu. Problēma ir tāda, ka lielākā daļa tīmekļa dizaineru aizmirst, ka tīmekļa vietne nav izveidota pašiem, bet gan, lai atrisinātu lietotāju vajadzības. Tās dod priekšroku radošumam par praktiskumu un lietojamību.

Šajā rakstā mēs vēlētos izcelt 11 tīmekļa dizaina kļūdas, ko dara tīmekļa izstrādātāji un dizaineri un daži ieteikumi, kā šīs kļūdas var viegli izvairīties.

1. Kur atrodas meklēšanas lodziņš?

Tīmeklis ir kā informācijas arhīvs. Neatkarīgi no tā, vai tā ir uzņēmuma tīmekļa vietne vai tikai emuārs, meklēšanas lodziņš ir būtisks. Apmeklētājs var meklēt kaut ko, kas ir paslēpts tīmekļa vietnē, meklēšanas lodziņā, iespējams, apmeklētāji saņems to, ko viņi vēlas.

Ieteikumi:Google pielāgotā meklēšana ir veikls, vienkāršs un efektīvs veids, kā sākt darbu. Tas ļauj apmeklētājiem efektīvi meklēt jūsu vietni. Vienkārši nokopējiet HTML kodu no vadības paneļa un ielīmējiet to savā tīmekļa vietnē un voilé?.

Šeit ir vienkāršs veidlapas kods, lai jūsu vietnē parādītu arī Google meklētājprogrammu. Viss, kas Jums jādara, ir mainīt vietnes nosaukumu uz jūsu vietnes nosaukumu. Plus, jūs varat mainīt iesniegšanas vērtību uz kaut ko, ko vēlaties.

Vairāk: Svētā meklēšanas lodziņa projektēšana: piemēri un labākā prakse- Šajā rakstā ir sniegtas norādes par meklēšanas lodziņa izstrādi.

2. Vāja lasāmība un salasāmība.

Tas ir būtisks web dizaina elements. Protams, labs interfeisa dizains piesaistīs lietotāju uzmanību, bet lietotājiem ir jālasa teksts, lai varētu saprast, ko viņi vēlas. Dažas tīmekļa vietnes izmanto visdārgāko fonta stilu un izmērus, kas padara sāpju lasīšanu.

Ieteikumi:Par laimi, ir vienkārši veidi, kā jūs varat darīt, lai uzlabotu lietotāju lasīšanas pieredzi savā tīmekļa vietnē.

1. Salīdziniet vairumu galveno vietu krāsu shēmas un ievērojiet, kā krāsas uzlabo lasāmību. Ir laba vieta, kur izmēģināt dažādas krāsu shēmas Adobe Kuler.
2. Lieto Sans serif burts tas ļauj viegli lasīt tīmeklī.

Vairāk: Šeit ir labs raksts, kas sniegs vairāk padomu par lasāmības uzlabošanu - Lasāmība - tīmekļa lapu viegli lasīt.

3. Neorganizēts satura izkārtojums.

Tīmekļa vietnes saturs ir tas, kas to vada. Kā saturs ir strukturēts, tas padarīs to par veiksmīgu vai neveiksmīgu. Lietotāji neizlasa, ja vien tas nav absolūti nepieciešams, bet skenē informāciju un izvēlētos interesējošos punktus tīmekļa lapā. Daži dizaineri vienkārši ievieto teksta bloku tīmekļa lapā un pilnībā ignorē virsrakstus, apakšpozīcijas, aizzīmes, atslēgvārdus, punktus utt..

Katrai tīmekļa lapai izmantojiet atbilstošu lapas nosaukumu, lai lietotāji precīzi zinātu, kur tie atrodas. Daži dizaineri pat aizmirst nosaukt tīmekļa lapu.

Kopumā vissliktākā šajā kategorijā būs ievietot neprecīzu, nepieejamu, nenozīmīgu vai novecojušu saturu jūsu vietnē. Saturs jāsakrīt ar tīmekļa vietnes vispārējo tēmu un ir noderīgs. Ja lapa ir izstrādes stadijā, kāpēc apnikt to? Ja dizainerim patiešām ir jābūt, tad tas ir tikai īslaicīgs un 3 nedēļas vairs netiks uzskatītas par pagaidu.

Ieteikumi: Organizējiet saturu savā tīmekļa vietnē, izmantojot HTML un CSS jāizmanto, veidojot savu lapu dizainu.

1. Izveidojiet pietiekami daudz vietas starp tekstu un attēliem, izmantojot rezerves.
2. Atjaunināt un būt konsekventiem. Atjaunināšanas mērķis ir ne tikai pievienot jaunu saturu, bet arī atklāt un labot pagātnes kļūdas. Jakob Nielsen iesaka jums nomāt a tīmeklī “dārznieks”.

Budžets, lai nolīgtu tīmekļa dārznieku kā daļu no savas komandas. Jums ir nepieciešams kāds, lai iznīcinātu nezāles un pārstādītu ziedus, jo vietne mainās, bet lielākā daļa cilvēku drīzāk tērē laiku, veidojot jaunu saturu, nevis uzturēšanu. Praksē uzturēšana ir lēts veids, kā uzlabot jūsu vietnes saturu, jo daudzas vecās lapas saglabā savu atbilstību un tās ir jāsaista jaunajās lapās. Protams, dažas lapas ir labāk izņemtas no servera pēc to derīguma termiņa beigām - Jakob Nielsen

4. Slikta navigācija.

Navigācijai tīmekļa vietnē ir jābūt bezšuvēm. Lietotājiem vajadzētu būt iespējai viegli atrast ceļu. Lai gan nav nekādu standartu navigācijai tīmekļa vietnē, īpaši tagad, kad parādās jaunas tīmekļa izstrādes tehnoloģijas, ir svarīgi saprast, ka navigācijai jābūt intuitīvai un konsekventai.

Ja teksts tiek izmantots kā navigācija, tam jābūt kodolīgam. Vizuālās metaforas nevajadzētu izgudrot atkārtoti. Ja tiek izmantotas hipersaites, tad tām jāizceļas no teksta teksta. Dead saites nedrīkst atrasties nevienā tīmekļa vietnē. Tas palielina lietotāja neskaidrības un izšķērdē laiku. Un tas, kas ir pat tik sliktāks, ir saite mājaslapā, kas ir saistīta ar mājaslapu.

Ieteikumi:

1. Padariet navigāciju vienmērīgu, izmantojot visu aprakstu teksta aprakstus. Sniedziet alt tekstu attēliem. Izmantojiet alternatīvas teksta aprakstīšanas metodes Flash vai Javascript saitēm.
2. Organizējiet un strukturējiet savu navigāciju kopā ar mājas lapas tēmu. Personīgās tīmekļa vietnes var atļauties būt radošākām, bet pieejamas, bet uzņēmuma tīmekļa vietne prasa lielāku efektivitāti un skaidrību.

Atcerieties, ka, ja lietotāji nevar atrast to, ko viņi vēlas, mazāk par 3 klikšķiem, lielākā daļa to nekavējoties atstās.

Vairāk: Efektīvas tīmekļa vietnes navigācijas ieviešana - Šis raksts sniedz plašāku ieskatu par efektīvu tīmekļa vietnes navigācijas ieviešanu.

5. Neatbilstoša saskarnes dizains.

Pārmērīgs radošums var būt tikai tas. Pārmērīgs! Daži dizaineri to ieved citā līmenī, veidojot tīmekļa vietnes, izveidojot dažādus dizainus katrai tīmekļa vietnes vietnei. Tas nekādā gadījumā nav maldinošs lietotājam. Un pilnīgi kaitinošas. Neatkarīgi no tā, cik izcila un pievilcīga ir tīmekļa vietne, ja kopējais izskats un izskats nav konsekventi, lietotāji nevar ar to saistīt un justies mazāk kontrolē. Tādējādi, atstājot, tiklīdz viņi ieradās.

Ieteikumi:

1. Izmantojiet standarta saskaņotu veidni katrai lapai ar saitēm uz galvenajām vietnes sadaļām.
2. Atslēgvārds ir vienkāršs. Izveidojiet estētiski vienkāršus dizainus, un lietotāji nekad netiks sajaukti jūsu vietnē.

6. Nepietiekams ekrāna izšķirtspēja.

Esmu pārliecināts, ka mēs esam apmeklējuši tīmekļa vietnes, kurās ir jāpārvietojas horizontāli. Tas ir absolūti nē mūsdienu tīmekļa dizainā. Labs dizainers izstrādās tīmekļa vietnes, kas atbilst lielākajiem ekrāna izmēriem. Pašreizējais optimizētais vietņu izvietojums pašlaik ir 1024 x 768 pikseļi.

Ieteikumi:Ir grūti un gandrīz neiespējami apmierināt dizainu, lai tas atbilstu katrai izšķirtspējai, īpaši, ja apmeklētāji tagad sērfo no mobilajiem tālruņiem un netbookiem, bet mēs varam iegūt aptuvenu priekšstatu par to, kādas ir parasti izmantotās ekrāna izšķirtspējas, izmantojot šādus veidus:

• Pārbaudiet savu statistiku - Analītiskie pakalpojumi, piemēram, Google Analytics, sniedz informāciju par to, ko monitora izšķirtspēja tiek izmantota. Šīs ir noderīgas ziņas, kas jums jāzina pirms nākamās atjaunošanas uzsākšanas.
• W3 skolu pārlūkprogrammu statistika - W3 skolas sniedz skaidrus sarakstus ar populārākajām pārlūkprogrammām, kuras izmanto netizens, un sakārtot tos pēc popularitātes. Ir arī citas interesantas un svarīgas statistikas.

7. Sarežģītas reģistrācijas formas.

Reģistrācijas veidlapas ir sarežģītas. Cik daudz informācijas jums ir nepieciešams no lietotāja? Gone ir dienas, kad lietotājam bija jāievada zillion detaļas, lai reģistrētos jūsu vietnē. Dažās tīmekļa vietnēs lielākā daļa reģistrācijas lauku ir obligāti un lauki tiek apstiprināti tādā mērā, kādā pēc dažiem mēģinājumiem lietotājs ir neapmierināts. Atcerieties, ka lietotāji apmeklē vietni, lai iegūtu informāciju. Ne otrādi.

Someecard vienkārša forma padara reģistrāciju nesāpīgu.

Ieteikumi:Salīdziniet reģistrācijas veidlapas dažādās kopienās tīmeklī un saprotiet, kāda informācija ir nepieciešama lietotājam reģistrācijas procesa laikā.

Vairāk: 9 Kopējās lietojamības kļūdas Web dizainā - Šis Smashing Magazine ziņojums padziļināti aplūko reģistrācijas veidlapas citu lietojamības kļūdu ziņā.

8. Negodīga attēlu / animāciju izmantošana.

Pārāk daudz attēlu tīmekļa lapā ir milzīgs izslēgšanās. Attēlus var izmantot, lai attēlotu lietotāju uzmanību, taču tas var būt arī novirzīšanās vai tikai vienkārša. Attēlus vajadzētu izmantot, lai, ja nepieciešams, ilustrētu un vadītu lietotāju.

Animācijas ir laba un spēcīgs medijs. Jo īpaši, ja to lieto atbilstoši. Kad tas ir cikls vai tikai pārāk daudz tīmekļa lapā, tas nonāk lietotāju nervos. Lietotājiem nav pacietības, laika vai resursu, lai dizaineriem būtu jāpiedāvā alternatīvas vai vēl labāk, ja tas ir pilna lapas animācija..

Vairāk: Flash: 99% slikti - Izmantot Flash atbilstoši. Ir pagājuši gandrīz 10 gadi, kopš Jakobs Nielsens publicēja šo rakstu, bet tas joprojām ir aktuāls attiecībā uz Flash lietojamību, jo īpaši Sadalās tīmekļa pamati gabals.

9. Pārblīvētas lapas, vairāk vietas.

Pārāk daudz dizaineru aizmirst atstarpes un tās nozīme. Viņi ir tik ļoti aizrauti savā dizaina radošumā, ka viņi aizmirst, ka tie nav par viņiem. Tādējādi viņi cenšas uzspiest tik daudz, cik vien iespējams, uz vienu lapu. Gala rezultāts? Aizņemta, pārblīvēta un neizlasāma lapa.

noformējot savu telpu, izmantojiet plašu atstarpi.

Šeit ir daži raksti, lai sniegtu jums labu ideju par kosmosa nozīme web dizainā:

• Četru baltās telpas izkārtojumu salīdzinājums
• Baltās telpas vērtība
• Whitespace

10. Nav fona mūzikas, lūdzu!

Lietotāji nevēlas atdzist, viņi meklē efektivitāti. Un jā, 99 procenti neinteresē mūziku jūsu vietnē. Daži dizaineri padara to sliktāku, ievietojot dažādas fona mūziku katrā tīmekļa lapā.

Ieteikumi:Nelietojiet fona mūziku, bet, ja jums ir nepieciešams, izveidojiet kodu un lietotāju vadības rāmi. Tādā veidā mūzika pastāvīgi turpinās, nevis mainās katru reizi, kad vietne ielādē jaunu lapu. Un lietotājs var apturēt vai pārtraukt.

11. Tests, tests un tests.

To nevar pārspīlēt. Cik reizes mēs esam bijuši tīmekļa lapās, kuras var apskatīt tikai noteiktā pārlūkprogrammā? Tīmekļa izstrādātājiem ir jābūt kontrolsarakstam, kurā pārbauda vietnes.

• Vai vietni var aplūkot dažādās vidēs?
• Vai dizaina izkārtojums ir saskaņots visās pārlūkprogrammās?
• Vai tīmekļa vietni var aplūkot dažādos iestatījumos, piemēram, Attēli izslēgti, JavaScript izslēgts utt?

Ieteikumi:W3C piedāvā rīkus, lai pārbaudītu kvalitātes nodrošināšanu. Izbraukšana W3C kvalitātes nodrošināšanas rīki un Tīmekļa lapas apstiprināšana.

Secinājums:

Saglabājiet to vienkāršu, stulbu (K.I.S.S). Ja tas ir vienkārši, tas ir lietojams. Kopumā lieliskas tīmekļa vietnes nodrošina to vienkāršu un lietojamu. Dariet savu mājasdarbu un tas ir viegli un dabiski.

Kādas ir jūsu pieredzes tīmekļa dizaina projektos? Kādi citi padomi un domas jūs vēlētos dalīties ar tīmekļa dizaina kļūdām?

Redaktora piezīme: Šo ziņu raksta Brujo Owoh par Hongkiat.com. Brujo Owoh ir multimediju sistēmas, kas specializējas tīmekļa dizainā un 2D animācijā. Viņam patīk lasīt daiļliteratūru, pavadīt kopā ar saviem biedriem un sekot līdzi dizaina tendencēm Twitter. Apmeklējiet Brujo emuāru.