Ką atlikti?

Tituliniame puslapyje pateikite esminius pasirinkimus, kad naudotojams nereikėtų jų ieškoti tarp meniu punktų bei užeiti į antrą arba trečią meniu lygį.

Pavyzdys

Pavyzdyje matomas geras sprendimas, kuriame visos svarbiausios svetainės kategorijos ir skyreliai pateikti titulinio puslapio lygyje.

Ką atlikti?

Pateikite trumpą svetainės apibūdinimą arba šūkį, kuris leistų be didelių pastangų suvokti svetainės paskirtį, tikslus ir vertę naudotojams.

Pavyzdys

Pavyzdyje gerai matomas svetainės šūkis, apibūdinantis svetainės paskirtį ir tikslus.

Ką atlikti?

Sukurkite elementus, kurie vestų į titulinį puslapį iš bet kurio kito svetainės puslapio ir naudotojai jais galėtų pasinaudoti be didesnių pastangų.

Pavyzdys

Pavyzdyje gerai įgyvendinti keli būdai, leidžiantys naudotojams pasiekti titulinį puslapį. Vienas būdas - svetainės logotipas su nuoroda į titulinį puslapį, kitas būdas - meniu pasirinkimas „Pradinis”.

Ką atlikti?

Sukurkite vizualų sprendimą, kuris leistų naudotojams ypač aiškiai atskirti tiulinį puslapį nuo vidinių.

Pavyzdys

Pavyzdyje matomas geras titulinis puslapis, kuris akivaizdžiai skiriasi nuo vidinių puslapių.

Ką atlikti?

Sutalpinkite svarbiausią informaciją taip, kad ji tilptų į matomą ekrano zoną ir tituliniame puslapyje būtų minimaliai naudojama vertikalios slinkties juosta.

Rekomenduojamas titulinio puslapio aukštis - ne daugiau kaip 1500 pikselių.

Pavyzdys

Pavyzdyje matomas geras sprendimas, kuriame visas titulinis puslapis telpa į matomą ekrano zoną ir pasiekiamas, nenaudojant slinkties juostos.

Ką atlikti?

Jei titulinio puslapio struktūroje numatyti šoniniai blokai, užtikrinkite, kad jie būtų ženkliai siauresni nei pagrindinis turinio blokas.

Pavyzdys

Pavyzdyje matomas geras sprendimas, kuriame šoniniai blokai yra siauri ir leidžia naudotojams suvokti, kad jie yra pagalbiniai navigaciniai elementai.

Ką atlikti?

Užtikrinkite, kad meniu punktai vienareikšmiškai nusakytų turinį ir naudotojams nereikėtų abejoti dėl abstrakčių pavadinimų.

Pavyzdys

Pavyzdyje pateiktas prastas sprendimas, kuriame bereikšmiai ir abstraktūs meniu pavadinimai („Informacija”, „Verta žinoti”) verčia spėlioti dėl pasirinkimo ir gali klaidinti naudotojus.

Ką atlikti?

Įgyvendinkite meniu sprendimą, kuriame naudotojams būtų pateiktas minimalus įmanomas meniu punktų skaičius ir minimalus įmanomas paspaudimų skaičius, reikalingas veiksmams su meniu atlikti.

Pavyzdys

Pirmame pavyzdyje matomas prastas meniu, kuriame per didelis meniu punktų skaičius apsunkina informacijos suradimą.

Ką atlikti?

Užtikrinkite, kad vidiniuose puslapiuose esantys meniu punktai vestų į kitus svetainės puslapius, pateikiamus HTML formatu. Pasirūpinkite, kad nuorodos į kitus puslapius ir punktai, susieti su dokumentų atsisiuntimu, vizualiai skirtųsi.

Pavyzdys

Pavyzdyje prastai įgyvendintas vidinio puslapio meniu, kuriame dauguma punktų tiesiogiai susieti su dokumentais, todėl naudotojai, tikėdamiesi atverti puslapį, inicijuoja netikėtą šioje vietoje dokumento atsisiuntimo veiksmą arba nukreipimą į kitą svetainę.

Ką atlikti?

Užtikrinkite, kad meniu punktai prasidėtų skirtingais reikšminiais žodžiais ir naudotojai galėtų atskirti meniu punktus pagal pirmąsias reikšmines raides.

Pavyzdys

Pavyzdyje pateiktas prastas sprendimas, kuriame meniu punktų pavadinimai prasideda vienodais žodžiais ir todėl naudotojams reikia atidžiai perskaityti visą meniu pavadinimą.

Ką atlikti?

Užtikrinkite, kad navigaciniai elementai būtų sugrupuoti, o navigacinių elementų grupės vizualiai skirtųsi viena nuo kitos.

Pavyzdys

Pavyzdyje gerai įgyvendinta navigacija, kur navigaciniai elementai yra sugrupuoti, o navigacinių elementų grupės vizualiai skiriasi.

Ką atlikti?

Įgyvendinkite meniu sprendimą, kad naudotojams, neužvedus pelės, būtų aišku, kurie meniu punktai yra paspaudžiami.

Pavyzdys

Pirmame pavyzdyje matomas prastas meniu apipavidalinimas, nes meniu punktai neatskirti vienas nuo kito, atrodo kaip ištisinis tekstas ir neužvedus pelės nėra aišku, kurie yra paspaudžiami.

Ką atlikti?

Įgyvendinkite meniu valdymą, kad jo išskleidimas veiktų vienareikšmiškai, naudojant tik paspaudimo veiksmą (pele kompiuterio ekrane arba ekrano prilietimu planšetiniuose kompiuteriuose).

Pavyzdys

Pavyzdyje matomas prastas meniu valdymas, nes išskleidimas suveikia automatiškai, užvedus žymeklį virš meniu punkto. Naudotojams reikia užvesti žymeklį virš norimo meniu pasirinkimo, ką padaryti neįmanoma planšetinių kompiuterių liečiamuose ekranuose.

Ką atlikti?

Ilgų puslapių pradžioje įgyvendinkite puslapio turinį su nuorodomis kad naudotojai galėtų greitai „peršokti” į dominančias puslapio vietas.

Pavyzdys

Pavyzdyje matomas geras ir kompaktiškas puslapio turinys, leidžiantis greitai „peršokti” į dominančias puslapio vietas.

Ką atlikti?

Jei svetainė yra didelės apimties ir sudėtingos struktūros, pateikime svetainės žemėlapį, kuris leistų naudotojams be didesnių pastangų suvokti visą svetainės apimtį ir struktūrą.

Pavyzdys

Pavyzdyje matomas geras sprendimas, kuriame svetainės žemėlapis atlieka supaprastintos ir alternatyvios navigacijos funkciją, kuri ypač naudinga naujiems naudotojams, bet netrukdo ir esamiems.

Ką atlikti?

Kiekviename puslapyje nurodykite buvimo svetainėje vietą, kuri padėtų nuolatiniams naudotojams atlikti užduotis efektyviau, o atsitiktiniams naudotojams, padėtų susiorientuoti.

Pavyzdys

Pavyzdyje gerai vaizuojama buvimo svetainėje vieta, kuri leidžia naudotojams orientuotis bendroje svetainės struktūroje ir patekti į aukštesnį pagal struktūrą skyrelį arba į titulinį puslapį.

Ką atlikti?

Užtikrinkite, kad visuose puslapiuose elementai būtų išdėstyti pagal svarbą naudotojams, pradedant svarbiausiais elementais puslapio viršuje kairėje ir baigiant mažiau svarbiais, puslapio apačioje dešinėje.

Pavyzdys

Pavyzdyje matomas geras puslapio elementų išdėstymas. Viršuje pateikti svarbiausi elementai – svetainės antraštė, paieška, meniu, žemiau kairėje – pagrindinė informacija, dešiniame šone – papildoma informacija.

Ką atlikti?

Užtikrinkite, kad puslapiuose pateiktas turinys būtų nesuspaustas ir neperkrautas pertekline informacija.

Pavyzdys

Pirmame pavyzdyje turinys pateiktas prastai, suspaustas ir perkrautas.

Ką atlikti?

Užtikrinkite, kad skirtinguose puslapiuose būtų naudojamas tas pats puslapio šablonas ir pateikiama informacija būtų išdėstyta vienoda tvarka.

Pavyzdys

Pavyzdyje yra gerai įgyvendintas puslapio šablonas. Naudotojai, patekę į skirtingas svetainės vietas, mato tokį patį informacijos išdėstymą ir tokius pačius puslapio elementus. Tai leidžia greičiau susikoncentruoti ties dominančia informacija, o ne iš naujo gilintis į išdėstymo logiką.

Ką atlikti?

Stentikės sumažinti nereikaligas tuščias erdves (vietos be teksto ir be kitų puslapio elementų) bei tarpus (tarp antraščių, teksto blokų ir kitų puslapio elementų), kad nereikėtų bereikalingai slinkti puslapį aukštyn arba žemyn.

Pavyzdys

Pavyzdyje yra prastai įgyvendinta apatinė puslapio dalis, kurioje yra tuščia erdvė. Naudotojai turi bereikalingai naudotis vertikalia slinkties juosta.

Ką atlikti?

Puslapio elementus (teksto blokus, eilutes, stulpelius, sąrašų skirtukus, žymimuosius langelius ir kt.) išdėstykite tvarkingai, sulygiuokite vienoda tvarka.

Pavyzdys

Pavyzdyje matomas prastas puslapio elementų išdėstymas, kur elementai išdėstyti ir sulygiuoti chaotiškai, todėl sulėtina informacijos suradimą ir suvokimą (naudotojams yra sudėtinga suprasti išdėstymo tvarką ir informaciją skenuoti žvilgsniu).

Ką atlikti?

Kiekviename svetainės puslapyje pateikite unikalų, reikšminį ir puslapio turinį apibendrinantį puslapio pavadinimą, kurį naudotojai matytų naršyklės lango pavadinimo vietoje ir puslapio turinyje. Užtikrinkite, kad šiose vietose būtų naudojamas tas pats pavadinimas.

Pavyzdys

Pavyzdyje yra gerai pateikti puslapių pavadinimai. Kiekviename puslapyje jie unikalūs, todėl naudotojai gali be didelių pastangų atskirti vieną puslapį nuo kito.

Šiuos pavadinimus naudotojai taip pat mato paieškų sistemų rezultatuose, bei asmeninių nuorodų (angl. bookmarks) sąrašuose.

Ką atlikti?

Užtikrinkite, kad svetainės puslapių plotis tilptų į matomą ekrano zoną ir nereikalautų naudoti horizontalios slinkties juostą.

Pavyzdys

Pavyzdyje yra prastai įgyvendintas puslapio elemento plotis, todėl naudotojams norint perskaityti informaciją elemento dešinėje reikia naudoti horizontalios slinkties juostą.

Ką atlikti?

Ilgus puslapius suskaidykite į trumpesnius ir pateikite valdymo elementus, kurių pagalba naudotojai galėtų pasirinkti puslapį pagal numerį, peršokti į pirmą arba paskutinį puslapį.

Pavyzdys

Pavyzdyje yra gerai įgyvendintas ilgo naujienų sąrašo pateikimas, kur kiekviename puslapyje pateikiama po 10 naujienų ir naudotojai gali pasirinkti ankstesnį arba tolimesnį puslapį, pasinaudodami valdymo elementu su puslapių numeriais.

Ką atlikti?

Išdėstykite turinį kiekviename puslapyje taip, kad jis būtų nuoseklus ir logiškas naudotojų supratimu.

Pavyzdys

Pavyzdyje yra gerai išdėstytas turinys, nes skyreliai suskirstyti ir sunumeruoti, todėl naudotojai gali be didesnių pastangų suvokti struktūrą ir eiliškumą.

Ką atlikti?

Puslapio turinį pateikite su trumpomis antraštėmis ir frazėmis, trumpais sakiniais, bei žodžių išskyrimais, kad naudotojai galėtų greitai atrasti reikšminę informaciją.

Pavyzdys

Pavyzdyje turinys yra gerai pritaikytas skenavimui žvilgsniu, todėl naudotojai, neskaitydami ištisinių tekstų, gali greičiau atrasti reikšminę informaciją.

Ką atlikti?

Pašalinkite iš turinio elementus, kurie nėra tie-siogiai susiję su peržiūrimo puslapio pagrindiniu turiniu.

Pavyzdys

Pavyzdyje yra prastai pateikta informacija, nes nereikalingi ir pertekliniai elementai apsunkina pagrindinės informacijos išskyrimą.

Ką atlikti?

Užtikrinkite, kad turinio supratimui reikalinga informacija būtų pateikiama matomoje ekrano zonoje, ten kur jos reikia ir nereikalautų naudotojų ieškoti paaiškinimų kitoje puslapio vietoje.

Pavyzdys

Pavyzdyje yra prastai pateiktos lentelės antraštės, kurios reikalingos suprasti lentelės turinį. Jos prapuola paslinkus puslapį žemyn ir naudotojams reikia įsiminti sudėtingus antraščių pavadinimus arba nuolat paslinkti puslapį į viršų.

Ką atlikti?

Užtikrinkite, kad sprendimo priėmimui reikalingą informaciją galima analizuoti, suvokti panašumus ir skirtumus, informacijos tarpusavio ryšį, nereikalaujant naudotojų įsiminti pagalbinės informacijos arba ieškoti jos kitoje vietoje.

Pavyzdys

Pavyzdyje gerai įgyvendintas kainų palyginimas, todėl naudotojai, neišeidami iš puslapio gali suvokti paslaugų panašumus ir skirtumus, bei greičiau priimti sprendimą.

Ką atlikti?

Užtikrinkite, kad antraščių pavadinimai būtų informatyvūs, suprantami naudotojams, bei tiksliai apibūdintų turinį.

Pavyzdys

Pavyzdyje gerai suformuluoti antraščių pavadinimai, jie apibūdina susijusį turinį, todėl naudotojai gali greičiau išskirti ir suvokti reikšminę informaciją.

Ką atlikti?

Užtikrinkite, kad antraštės puslapio struktūroje būtų išdėstytos pagal dydį, pradedant svarbiausia antrašte „h1” ir baigiant mažiau svarbia „h6”.

Pavyzdys

Pavyzdyje gerai įgyvendintas antraščių išdėstymas, pagal kurių dydį naudotojai gali greičiau suvokti pateikiamos informacijos struktūrą ir svarbą.

Ką atlikti?

Užtikrinkite, kad kategorijų pavadinimai, apjungiantys nuorodas, būtų suprantami naudotojams bei tiksliai apibūdintų turinį, kuris pateikiamas nuorodų viduje.

Pavyzdys

Pavyzdyje gerai suformuluoti kategorijų pavadinimai, jie tiksliai apibūdina susijusių nuorodų informaciją, yra suprantami, todėl naudotojai gali greičiau ir be klaidingų pasirinkimų rasti dominančią informaciją.

Ką atlikti?

Sugrupuokite susijusius turinio elementus vizualiai kad naudotojams nereikėtų skirti papildomo laiko skaitymui ir savarankiškam jų tarpusavio ryšio nustatymui.

Pavyzdys

Pavyzdyje yra gerai grupuojamos rubrikos. Susijusi informacija apjungta į meniu elementus, kurie pasiekiami vienu pelės spustelėjimu, todėl naudotojai gali greičiau suprasti pateiktos informacijos tarpusavio ryšį.

Ką atlikti?

Jei svetainės naudotojai yra iš skirtingų tikslinių naudotojų grupių, parenkite ir pateikite turinį kiekvienai grupei atskirai.

Pavyzdys

Pavyzdyje gerai įgyvendintas turinys. Jis atskirtas ir pateiktas kiekvienai tikslinei naudotojų grupei atskirai, todėl naudotojai gali lengviau ir greičiau įdentifikuoti jiems skirtą informaciją.

Ką atlikti?

Datą, laiką bei kitus matavimo vienetus pateikite taip, kad naudotojams nereikėtų atlikti konvertavimo arba perskaičiavimo.

Pavyzdys

Pavyzdyje matomas prastas informacijos pateikimas, nes, svetainė skirta lietuviškai naudotojų auditorijai, o datos ir laiko formatas, bei kitų elementų pateikimas labiau įprastas amerikietiškai naudotojų auditorijai.

Ką atlikti?

Išdėstykite ir suformatuokite svetainėje pateikiamą informaciją taip, kad naudotojai galėtų lengvai perskaityti ją ir svetainėje, ir atspausdintoje versijoje.

Pavyzdys

Pavyzdyje yra matomas prastas formatavimas, nes pasirinkus spausdinti puslapį, matoma spausdinimui nepritaikyta versija.

Ką atlikti?

Sumažinkite žodžių skaičių sakinyje ir sakinių skaičių paragrafuose.

Pavyzdys

Pavyzdyje yra gerai pateiktas sakinių ilgis ir paragrafų apimtis.

Ką atlikti?

Užtikrinkite tekstinių blokų plotį ir šrifto dydį taip, kad eilutėje būtų ne daugiau kaip 75 simboliai su tarpais (matuojant maždaug 12 dydžio šriftą).

Pavyzdys

Pavyzdyje yra gerai pateikiamas tekstas. Eilutės yra pakankamai trumpos, todėl naudotojai gali greičiau jas perskaityti arba atlikti skenavimą žvilgsniu.

Ką atlikti?

Kiekvieno ištisinio teksto pradžioje pateikite ir išskirkite įvadinį sakinį, kuriuo būtų apibendrintas žemiau enantis ilgas tekstas.

Pavyzdys

Pavyzdyje yra gerai pateiktas ištisinis tekstas. Naudotojams nereikia skaityti ir analizuoti viso teksto, norint suvokti jo apimtį ir paskirtį.

Ką atlikti?

Užtikrinkite, kad antraštės, pavadinimai ir ištisiniai tekstai būtų parašyti standartinėmis sakinio raidėmis kad naudotojai galėtų be didesnių pastangų perskaityti.

Pavyzdys

Pavyzdyje prastai įgyvendintos antraštės, nes vien didžiosios raidės ilguose tekstuose sumažina skaitymo greitį.

Ką atlikti?

Išskirkite ištisiniame tekste svarbius žodžius naudodami DIDŽIĄSIAS RAIDES, paryškintas raides arba kursyvą, kad naudotojams būtų lengviau atrasti reikšminę informaciją neskaitant viso teksto.

Pavyzdys

Pavyzdyje pateikiamas geras sprendimas naudoti žodžių paryškinimus, kurie, šiuo atveju, atkreipia dėmesį į svarbias sąlygas.

Ką atlikti?

Užtikrinkite, kad tekste būtų saikingai naudojami spalviniai paryškinimai ir žodžių išskyrimai, nes naudotojams bus sunku išskirti reikšminę ir prioritetinę informaciją.

Pavyzdys

Pavyzdyje yra prastai parinkti teksto paryškinimai, todėl naudotojams reikia skirti papildomai pastangų suvokti ir išskirti reikšminę informaciją.

Ką atlikti?

Užtikrinkite, kad puslapyje būtų naudojami tik tie dėmesį atkreipiantys elementai (ryškios antraštės, nuotraukos, judantys vaizdai), kurie yra tiesiogiai susiję su pateikiamu turiniu.

Pavyzdys

Pavyzdyje yra gerai pateikti dėmesį atkreipiantys elementai (nuotraukos ir datos išskyrimai), kurių ne per daug ir kuriuos naudotojai pastebi pirmiausiai.

Ką atlikti?

Apibrėžkite tipiškiems naudotojams nesuprantamas sąvokas ir sutrumpinimus arba pakeiskite juos į suprantamus žodžius.

Pavyzdys

Pavyzdyje matomas geras sprendimas, kuriame pirma pateiktas visas pavadinimas ir skliausteliuose sutrumpinimas, todėl naudotojams nereikia papildomų pastangų, aiškinantis sutrumpinimo prasmę.

Ką atlikti?

Užtikrinkite, kad visuose puslapiuose pasikartojantys teksto elementai (matmenys, valandos, datos, telefonų numeriai, dokumentų numeriai, kodai ir kt.) būtų pateikti vienodu formatu.

Pavyzdys

Pavyzdyje yra prastai suformatuoti tekstiniai elementai. Laikas, adresai, telefonų numeriai pateikti skirtinga forma, o tai klaidina naudotojus ir sulėtina informacijos įsisavinimą.

Ką atlikti?

Pakeiskite profesinį žargoną ir specifinius srities išsireiškimus į tipiniams naudotojams suprantamus žodžius.

Pavyzdys

Pavyzdyje yra prastas sprendimas naudoti žargoną, suprantamą tik srities specialistams.

Ką atlikti?

Užtikrinkite, kad puslapyje būtų naudojamas standartinis, gerai įskaitomas šriftas.

Pavyzdys

Pavyzdyje prastai parinktas šriftas, kuris naudotojams neįprastas ir apsunkina skaitomumą.

Ką atlikti?

Užtikrinkite, kad pagrindiniame svetainės tekste būtų naudojamas ne mažesnis nei 12pt šriftas.

Pavyzdys

Pavyzdyje prastai parinktas šrifto dydis. Pagrindinio svetainės teksto šriftas yra 11pt - jis sunkiau įskaitomas, todėl sumažėja skaitymo greitis.

Ką atlikti?

Užtikrinkite, kad nuorodų tekstai būtų trumpi, nepersikeltų į kelias eilutes, bet tuo pačiu pakankamai informatyvūs, kad naudotojai iš nuorodos teksto suprastų susijusio puslapio esmę.

Pavyzdys

Pavyzdyje prastai pateiktos nuorodos, kurios persikelia per kelias eilutes, o ištisinis pabraukimas naudotojams apsunkina skaitomumą, ypač jei tarpai tarp eilučių yra siauri.

Ką atlikti?

Užtikrinkite, kad ištisiniame tekste pateikiamos nuorodos gerai save apibūdintų ir norint suprasti nuorodos esmę nereikėtų perskaityti šalia esantį tekstą.

Pavyzdys

Pavyzdyje prastai pateiktas nuorodos tekstas, todėl naudotojams reikia gaišti laiką skaitant papildomą tekstą arba tikrinti iš eilės tikrinti nuorodose susietą informaciją.

Ką atlikti?

Jei nuorodos nukreipia naudotojus į kitas svetaines, šalia nuorodos pateikite informaciją arba jas išskirtike simboliu.

Pavyzdys

Pavyzdyje gerai išskirtos nuorodos, vedančios į kitas svetaines, todėl naudotojai prieš paspaudami yra informuojami apie nukreipimą.

Ką atlikti?

Užtikrinkite, kad nuoroda pažymėtas tekstas atitiktų puslapių arba antraščių pavadinimus, į kuriuos veda nuoroda.

Pavyzdys

Pavyzdyje gerai įgyvendinti nuorodų pavadinimai, kurie sutampa su puslapių pavadinimais, todėl naudotojams nereikia papildomų pastangų norint įsitikinti ar pasiektas puslapis yra tas, į kurį naudotojas norėjo patekti.

Ką atlikti?

Užtikrinkite, kad svetainėje nebūtų klaidingai suformatuotų elementų, kurie turi tik nuorodai būdingą pabraukimą.

Pavyzdys

Pavyzdyje prastai pateikti tekstiniai elementai, kurie pabraukti, kaip svarbūs, tačiau nėra nuorodos, todėl klaidina bandant juos paspausti naudotojus.

Ką atlikti?

Užtikrinkite pakankamai aiškų formatavimą, kad naudotojai be papildomų pastangų galėtų suprasti, kurie elementai yra nuorodos ir kuriuos galima paspausti.

Pavyzdys

Pirmame pavyzdyje pateiktas prastas sprendimas, kuriame vienoje grupėje pateikiamas grafinis elementas, antraštė ir sąrašas, tačiau iš pateikimo nėra aišku, kurie iš šių elementų turi nuorodas.
Antrame pavyzdyje pateiktas geras sprendimas, kuriame akivaizdžiai aiškūs elementai su nuorodomis.

Ką atlikti?

Užtikrinkite, kad svetainės dizaine aplankytos nuorodos vienareikšmiškai skirtųsi nuo dar neaplankytų nuorodų.

Pavyzdys

Pavyzdyje gerai įgyvendintas aplankytų nuorodų išskyrimas, nes naudojamos dvi, skirtingo intensyvumo spalvos, iš kurių viena blanki ir simbolizuoja aplankytą nuorodą.

Ką atlikti?

Pateikite sąrašus su išskirtomis antraštėmis, reikšminių žodžių paryškinimais, kontrastingame fone, atskirkite nuo kitų elementų tuščia erdve, kad naudotojai galėtų lengviau skenuoti žvilgsniu.

Pavyzdys

Pavyzdyje pateiktas sąrašas, kurio šone yra gerai apibendrinta antraštė, kiekvienas sąrašo elementas prasideda sąrašo simboliu ir yra išskirti reikšminiai žodžiai.

Ką atlikti?

Ištisiniame tekste naudojamus išvardinimus (dažniausiai atskiriamus kableliais arba daugtaškiais) išdėstykite vertikaliai sąrašo pavidalu, kad naudotojai greičiau juos perskaitytų.

Pavyzdys

Pirmame pavyzdyje išvardinta prastai, nes elementai neatsiskirina vienas nuo kito, todėl naudotojams reikia įdėmiai skaityti ištisinį tekstą.
Antrame pavyzdyje išvardinta gerai, todėl skenuodami žvilgsniu naudotojai gali pagal sąrašo simbolį lengvai atskirti vieną tekstinį elementą nuo kito.

Ką atlikti?

Kiekvieno sąrašo pradžioje pateikite apibendrinantį sakinį, pavadinimą arba frazę, kuri naudotojams padėtų suprasti, kodėl elementai pateikiami grupėje ir kaip jie susiję.

Pavyzdys

Pavyzdyje gerai įgyvendinti sąrašai, nes kiekvieno sąrašo pradžioje esantis pavadinimas apibūdina sąrašo elementus. Norint greitai suvokti sąrašo esmę, naudotojams nereikai skaityti jo sudedamųjų.

Ką atlikti?

Pateikite svarbiausius elementus tekstinio arba išskleidžiamo sąrašo pradžioje, kad naudotojai juos pastebėtų pirmiausiai.

Pavyzdys

Pavyzdyje išskleidžiamas sąrašas sudarytas gerai, nes dažniausi pasirinkimai pateikti pradžioje, o likę sąrašo pasirinkimai išdėstyti abėcėlės tvarka žemiau.

Ką atlikti?

Užtikrinkite, kad eilučių ir stulpelių pavadinimai būtų pakankami išsamūs, bet ne per ilgi.

Pavyzdys

Pirmame pavyzdyje prastai pateikti stulpelių pavadinimai, nes jie užima kelias eilutes ir naudotojams sunkiau greitai suvokti esmę.
Antrame pavyzdyje gerai pateikti stulpelių pavadinimai, nes jie trumpi, lakoniški ir aiškūs.

Ką atlikti?

Užtikrinkite, kad eilučių, stulpelių ir langelių formatavimas būtų mažiau atkreipiantis dėmesį nei lentelės duomenų.

Pavyzdys

Pirmame pavyzdyje lentelė suformatuota prastai, nes panaudoti per intensyvūs rėmeliai ir per mažai kontrastingas stulpelių pavadinimų fonas, todėl lentelės duomenis naudotojams sunku perskaityti ir išskirti.
Antrame pavyzdyje lentelė suformatuota gerai, nes pirmiausiai akcentuojami duomenys. Lentelės rėmeliai, eilučių fonai yra tinkamo intensyvumo, todėl naudotojams nereikia papildomų pastangų skenuojant lentelės duomenis žvilgsniu.

Ką atlikti?

Užtikrinkite, kad lentelės duomenys būtų pateiki vienoda forma, išvengiant tuščių erdvių arba per didelio suspaudimo. Tekstiniai ir mišrūs duomenys turi būti sulygiuoti iš kairės, skaičiai ir skaičiai su matavimo vienetais - iš dešinės. Visuose langeliuose duomenys turi būti vertikaliai sulygiuoti iš viršaus. Palyginimų lentelėje duomenys gali būti centruojami.

Pavyzdys

Pirmame pavyzdyje prastai suformatuoti lentelės duomenys, nes palikta per daug tuščių erdvių, tuo pačiu duomenys prispausti prie rėmelių, todėl lentelė atrodo netvarkingai ir naudotojams apsunkina informacijos peržiūrą.
Antrame pavyzdyje gerai suformatuoti palyginimo lentelės duomenys – jie centruojami, nėra prispausti prie rėmelių.

Ką atlikti?

Išskaidykite sudėtingos struktūros lenteles į kelias paprastesnes, jas atskirdami pavadinimais ir antraštėmis.

Pavyzdys

Pirmame pavyzdyje lentelės pateikimas prastas, nes jos struktūra per sudėtinga ir apsunkina duomenų analizę bei suvokimą.
Antrame pavyzdyje lentelė pateikimas geras, nes naudojami atskyrimai, kompaktiškas eilučių ir stulpelių užpildymas, todėl naudotojams paprasta suvokti struktūrą, analizuoti duomenis ir atlikti skenavimą žvilgsniu.

Ką atlikti?

Užtikrinkite, kad eilučių ir stulpelių pavadinimai tiksliai apibūdintų lentelės duomenis.

Pavyzdys

Pirmame pavyzdyje prastai pateikti kai kurie stulpelių pavadinimai. Pavadinimuose panaudoti sutrumpinimai, todėl daugumai naudotojų jie nėra suprantami.
Antrame pavyzdyje gerai pateikti stulpelių pavadinimai, nes jie tiksliai apibūdina lentelės duomenis, todėl naudotojams nereikia skirti papildomai pastangų norint juos suprasti.

Ką atlikti?

Užtikrinkite, kad eilutės, veikiančios kaip nuorodos, būtų paryškinamos ir paspaudžiamos, užvedus pelę bet kurioje eilutės vietoje.

Pavyzdys

Pavyzdyje gerai įgyvendintas eilučių formatavimas, nes naudotojams pakanka užvesti pelę ir paspausti bet kurioje eilutės vietoje.

Ką atlikti?

Užtikrinkite, kad lentelėse, kurios užima visą lango plotį arba didžiąją jo dalį, būtų naudojami eilučių atskyrimai rėmeliu, arba kas antrą eilutę išskiriant fono spalva, kad naudotojams būtų lengviau susieti eilutės pradžią su pabaiga.

Pavyzdys

Pirmame pavyzdyje prastai suformatuota lentelė, nes nėra naudojami eilučių atskyrimai, duomenys atrodo išsibarstę, todėl naudotojams apsunkina skaitymą.
Antrame pavyzdyje gerai suformatuota lentelė, kurioje panaudoti eilučių atskyrimai. Naudotojams nereikia papildomų pastangų norint atskirti vienos eilutės informaciją nuo kitos.

Ką atlikti?

Šalia lentelės pateikite tekstinį apibendrinimą arba grafinį vaizdą, kad naudotojai galėtų greičiau įsisąvinti informaciją.

Pavyzdys

Pavyzdyje gerai pateiktas lentelės duomenų apibendrinimo tekstas bei grafinis vaizdas.

Ką atlikti?

Naudokite trumpus įvedimo laukų pavadinimus, pateikdami tik reikšminius žodžius, kurie tiksliai apibūdina įvedamus duomenis.

Pavyzdys

Pavyzdyje prastai įgyvendinti įvedimo laukų pavadinimai, nes juose naudojama perteklinė nereikšminė informacija, todėl naudotojams reikia skirti papildomai laiko ją suvokti.

Ką atlikti?

Užtikrinkite, kad įvedimo laukų pavadinimai būtų arti įvedimo laukų ir naudotojai be papildomų pastangų galėtų susieti pavadinimus su laukais.

Pavyzdys

Pirmame pavyzdyje prastai pateikti įvedimo laukų pavadinimai, nes jie per daug atitolę nuo įvedimo laukų. Naudotojams tenka papildomai pastangti nepadaryti klaidų ir nesupainioti įvedimo laukų.
Antrame pavyzdyje gerai įgyvendintas duomenų laukų ir jų pavadinimų išdėstymas, nes jie yra arti vienas kito.

Ką atlikti?

Užtikrinkite, kad naudotojams tik įvedus arba dar vedant duomenis vyktų patikrinimas ir iš karto būtų pateikiamas pranešimas apie sėkmingą arba klaidingą laukelio užpildymą.

Pavyzdys

Pavyzdyje gerai pranešama apie laukelio užpildymą, nes po duomenų įvedimo pateikiamas žalias arba raudonas tekstas, kuris leidžia naudotojui iš karto atkreipti dėmesį į klaidą arba įsitikinti, kad duomenys pateikti teisingai.

Ką atlikti?

Užtikrinkite, kad pildant formas klaidų pranešimai būtų pateikiami šalia kiekvieno įvedimo lauko, o jei tai neįmanoma, pateikite matomoje ekrano vietoje.

Pavyzdys

Pirmame pavyzdyje klaidų pranešimų rodymas įgyvendintas prastai, nes jie pateikiami formos viršuje ir visi kartu, todėl naudotojams sudėtinga nustatyti kokiuose laukuose kokia klaida padaryta. Naudotojai gali nepastebėti klaidų pranešimų formos pradžioje, jei visa forma netelpa į matomą ekrano zoną.
Antrame pavyzdyje gerai įgyvendinti klaidų pranešimai, kurie rodomi šalia įvedimo lauko ir atsiranda peršokus į tolimesnį laukelį. Naudotojai gali iš karto atkreipti dėmesį į klaidą ir jos išvengti.

Ką atlikti?

Užtikrinkite, kad klaidų pranešimai padėtų naudotojams ištaisyti klaidas, pasakytų kokias reikšmes ir kokiu formatu įvesti, o ne konstatuoti patį klaidos faktą.

Pavyzdys

Pirmame pavyzdyje klaidų pranešimai suformuluoti prastai, nes jie abstraktūs ir konstatuoja tik patį klaidos faktą, tačiau nepasako naudotojui kokias reikšmes ir kokiu formatu reikia įvesti.
Antrame pavyzdyje klaidos pranešimas suformuluotas gerai, nes naudotojams sufleruojamas konkretus sprendimas, ką reikia atlikti.

Ką atlikti?

Suvienodinkite įvedimo laukų pavadinimų ilgius ir suformatuokite juos vienodai, kad naudotojai galėtų be didesnių pastangų juos suvokti bei aiškiai matyti su kuriuo lauku susietas pavadinimas.

Pavyzdys

Pirmame pavyzdyje laukų pavadinimai pateikiami prastai, nes jie per ilgi, nusikelia į kelias eilutes, kai kurie laukų pavadinimai sujungti su pagalbiniais aprašymais ir dėl to forma atrodo paini.
Antrame pavyzdyje įvedimo laukų pavadinimai pateikti gerai - jie trumpi ir telpa į vieną eilutę, todėl naudotojams aiškį sąsaja tarp pavadinimų ir laukų.

Ką atlikti?

Užtikrinkite tokius įvedimo laukų pločius ir aukščius, kad naudotojai matytų visą juose įvestą informaciją.

Pavyzdys

Pavyzdyje įgyvendinti įvedimo laukų dydis yra prastas, nes norėdamas peržiūrėti įvestą informaciją, naudotojas turi atlikti papildomus veiksmus.

Ką atlikti?

Užtikrinkite, kad visose svetainės formose privalomi įvedimo laukai būtų pažymėti ir suformatuoti vienodai.

Pavyzdys

Pavyzdyje gerai pažymėti privalomi įvedimo laukai, nes visi turi vienodą skiriamąjį ženklą, todėl naudotojai be didelių pastangų gali juos atskirti.

Ką atlikti?

Užtikrinkite, kad naudotojams būtų pateiktas perspėjimas arba patvirtinimas šalia mygtukų, kurie inicijuoja kritiškai svarbius ir neatšaukiamus veiksmus.

Pavyzdys

Pavyzdyje gerai pateiktas perspėjimas, todėl naudotojai prieš inicijuodami neatšaukiamą veiksmą, gali dar kartą patikrinti pateikiamus duomenis arba apsispręsti dėl veiksmo atšaukimo.

Ką atlikti?

Užtikrinkite, kad mygtukų pavadinimai tiksliai apibūdintų veiksmus, vykdomus po paspaudimo.

Pavyzdys

Pavyzdyje mygtuko pavadinimas parinktas gerai, nes jis konkretus ir tiksliai apibūdina atliekamą veiksmą.

Ką atlikti?

Užtikrinkite, kad formų valdymo mygtukai (inicijuojantys duomenų pateikimą ir atsisakymą, peršokimą į tolimesnį ir ankstesnį žingsnius ir pan.) būtų vienas šalia kito, vizualiai išskiriant prioritetinio veiksmo mygtuką.

Pavyzdys

Pavyzdyje mygtukai išdėstyti gerai - po paskutiniu duomenų įvedimo lauku iškart pateikta mygtukų pora. Prioritetinis veiksmo mygtukas „Ieškoti” yra vizualiai išskirtas, todėl yra maža klaidingo pasirinkimo tikimybė.

Ką atlikti?

Užtikrinkite, kad svarbiausių pasirinkimų grupėje, kai leidžiama pasirinkti tik VIENĄ elementą iš kelių, būtų naudojamos akutės, o ne išskleidžiamasis sąrašas.

Pavyzdys

Pirmame pavyzdyje prastai įgyvendintas pasirinkimo būdas „vienas iš kelių“, nes panaudotas išskleidžiamas sąrašas, todėl naudotojams reikia atlikti papildomą išskleidimo veiksmą.
Antrame pavyzdyje gerai įgyvendintas pasirinkimo būdas, todėl naudotojai iš karto gali matyti visus variantus ir atlikti pasirinkimą vienu pelės paspaudimu.

Ką atlikti?

Užtikrinkite, kad svarbiausių pasirinkimų grupėje, kai leidžiama pasirinkti KELIS elementus iš kelių, būtų naudojami žymimieji langeliai, o ne išskleidžiamasis sąrašas.

Pavyzdys

Pirmame pavyzdyje prastai įgyvendintas pasirinkimo būdas „keli iš kelių“, nes panaudotas sąrašo langelis, todėl naudotojams reikia papildomai slinkti sąrašą, norint peržiūrėti elementus ir pasinaudoti klaviatūra, norint pažymėti kelis elementus.
Antrame pavyzdyje pasirinkimo būdas įgyvendintas gerai, todėl naudotojai iš karto gali matyti visus pasirinkimus ir atlikti juos naudodamiesi tik pele.

Ką atlikti?

Užtikrinkite, kad sąrašų langeliuose būtų matomas kuo didesnis (tačiau racionalus) pasirinkimų skaičius, kad naudotojams kuo mažiau reikėtų naudoti sąrašo slinkties juostą.

Pavyzdys

Pavyzdyje sąrašų langeliai įgyvendinti prastai, nes juose matomi tik keli pasirinkimai iš ypač ilgo sąrašo. Naudotojams tenka įrašus peržiūrėti mažame sąrašo langelyje su neefektyvia sąrašo slinkties juosta, o tam reikia papildomų pastangų, tikslumo ir laiko.

Ką atlikti?

Užtikrinkite, kad formose būtų naudojami įprasti valdymo elementai ir kad jie atitiktų tiesioginę savo paskirtį.

Pavyzdys

Pavyzdyje veiksmo inicijavimas įgyvendintas prastai, nes vietoje įprasto veiksmo mygtuko panaudota akutė, kurią paspaudus siunčiami duomenys.

Ką atlikti?

Užtikrinkite, kad duomenys, susidedantys iš kelių trumpesnių elementų, būtų išskaidyti ir kiekvienas elementas įvedamas bei atvaizduojamas atskiruose formos laukuose.

Pavyzdys

Pavyzdyje gerai įgyvendintas adreso duomenų įvedimas, nes adreso elementai (gatvė, namo ir buto numeris) vedami į atskirus laukus.

Ką atlikti?

Užtikrinkite, kad atidarius naują formą, įvedimo laukuose būtų jau nustatytos (įrašytos) dažniausiai naudojamos reikšmės arba pasirinkimai.

Pavyzdys

Pavyzdyje gerai nustatytos dažniausiai naudojamos reikšmės, todėl naudotojai, dažnai naudojantys tą pačią formą, gali sutaupyti laiko.

Ką atlikti?

Užtikrinkite, kad naudotojams būtų pateikiama ilgiau nei 3 sekundes trunkančio sistemos veiksmo būsena.

Pavyzdys

Pavyzdyje gerai pateikta sistemos būsena. Animuotas indikatorius informuoja apie sistemos užimtumą ir atliekamą veiksmą.

Ką atlikti?

Užtikrinkite, kad nepatyrusiems ir naujiems naudotojams būtų suteikta pagalba, įgalinanti savarankiškai atlikti specifines užduotis arba pasinaudoti specifine informacija.

Pavyzdys

Pavyzdyje gerai pateikta pagalbinė informacija, nes ji orientuota į nepatyrusius naudotojus ir patalpinta atskirame skyrelyje, kurio antraštė akivaizdžiai apibūdina paskirtį.

Ką atlikti?

Užtikrinkite, kad pagalbinė informacija nebūtų tiesiogiai įterpta į tekstą, lenteles, formas ir netrukdytų patyrusiems naudotojams, kuriems pagalbinė informacija jau neaktuali.

Pavyzdys

Gerai išspręsto pagalbos suteikimo pavyzdys, kai probleminėse vietose yra pateiktas pagalbos simbolis ir tik esant poreikiui naudotojai gali išskleisti paaiškinimą.

Ką atlikti?

Užtikrinkite, kad pagalbinė informacija būtų pasiekiama šalia probleminės vietos tekste, lentelėje ar formoje, tačiau norint ja pasinaudoti nereikėtų nutraukti atliekamo veiksmo.

Pavyzdys

Pavyzdyje pagalbos pateikimas yra geras, nes paspaudus pagalbos simbolį atsidaro papildomas sumažintas langas su pagalbos informacija. Naudotojui nereikia pereiti į kitą svetainės puslapį ir nutraukti atliekamą veiksmą.

Ką atlikti?

Užtikrinkite, kad pagalbinė informacija būtų pateikta tipiniams naudotojams įprastomis ir suprantamomis sąvokomis.

Pavyzdys

Prasto pagalbos sprendimo pavyzdys, nes paaiškinimų tekstuose naudojamos profesinės sąvokos ir specifiniai sutrumpinimai, kurie naudotojams sukelia dar daugiau neaiškumų.

Ką atlikti?

Užtikrinkite, kad pagalbinė informacija būtų suskirstyta ir surūšiuota į skyrelius ir poskyrius, kurių eiliškumas atitinka svetainės funkcijų naudojimo eiliškumą, o pavadinimai pažodžiui atitinka svetainės funkcijų ir temų pavadinimus.

Pavyzdys

Prasto pagalbos sprendimo pavyzdys, nes jos suskirtymas į temas ir pavadinimai neatitinka naudojamų svetainėje funkcijų. Naudotojams reikia gaišti papildomą laiką norint susieti, kuris pagalbos tekstas apibūdina dominančią svetainės funkciją.

Ką atlikti?

Užtikrinkite, kad svarbūs funkciniai elementai nebūtų panašūs į reklaminius skydelius, reklaminį tekstą arba svetainės dekoraciją.

Pavyzdys

Pavyzdyje prastai įgyvendintas meniu elemento dizainas, nes jame esančios svarbios nuorodos atrodo kaip reklaminio skydelio dalis ir klaidina naudotojus.

Ką atlikti?

Pašalinkite grafinius elementus, kurie mažai susiję su konkretaus puslapio arba visos svetainės turiniu.

Pavyzdys

Pavyzdyje prastai pasirinkti grafiniai elementai, nes jie be reikalo apkrauna pagrindinį puslapio turinį ir nepadeda naudotojams greičiau suvokti esminės informacijos.

Ką atlikti?

Tais atvejais, kai nėra būtinybės pateikti paveiksliukus iš karto visu dydžiu, įgyvendinkite miniatiūras, kurių pagalba naudotojai galės peržiūrėti visą paveiksliukų sąrašą ir esant poreikiui peržiūrėti pasirinkitus paveiksliukus visu dydžiu.

Pavyzdys

Pavyzdyje gerai gerai pateikiami dideli paveikslukai, nes naudotojai pirmiausiai gali peržiūrėti miniatiūras ir jas paspaudę atsidaryti paveiksliuką visu dydžiu.

Ką atlikti?

Užtikrinkite, kad piktogramose būtų naudojama įprasta, dažniausiai svetainėse pasitaikanti simbolika.

Pavyzdys

Pavyzdyje piktogramos parinktos prastai, nes jose panaudota specifinė ir dvipramė simbolika, kurią naudotojams sunku suprasti.

Ką atlikti?

Užtikrinkite, kad piktogramos būtų lengvai įžvelgiamos ir tiksliai apibūdintų susijusį turinį arba veiksmą.

Pavyzdys

Pirmame pavyzdyje piktogramos parinktos prastai, nes naudotojams sunku įžvelgti ir suprasti jų simboliką. Kai kurios piktogramos yra tik yra vizualiai patrauklios, tačiau tiksliai neapibūdina turinio ir klaidina naudotojus.
Antrame pavyzdyje piktogramos parinktos gerai, nes jos pakankamo dydžio ir tiksliai apibūdina susijusį turinį.

Ką atlikti?

Svarbiausią informacija sugrupuokite naudodami spalvas, kad naudotojai greičiau suvoktų, kuri informacija yra tarpusavyje susijusi. Nenaudokite daugiau kaip 5 spalvinių variantų ir vienos spalvos atskirai.

Pavyzdys

Pavyzdyje spalvinis grupavimas geras, nes tarpusavyje susijusi informacija pažymėta vienoda spalva ir nėra per daug skirtingų spalvinių variantų.

Ką atlikti?

Svarbiausią mokomąją ir pažintinę informaciją pateikite grafiškai, kad naudotojai greičiau atkreiptų dėmesį ir galėtų ją įsisavinti neskaitydami ištisinio teksto.

Pavyzdys

Pavyzdyje gerai pateikta informacija, nes paveiksliukuose panaudoti tradiciniai objektai ir simbolika, todėl naudotojai gali žymiai greičiau suvokti informacijos esmę.

Ką atlikti?

Užtikrinkite, kad puslapių pradžioje nebūtų naudojami didelę ekrano dalį užimantys, informacijos neteikiantys ir svetainėje pasikartojantys paveiksliukai.

Pavyzdys

Pavyzdyje matome prastą vidinių puslapių pradžios sprendimą, nes panaudotas didelis ir puslapiuose pasikartojantis vaizdas, kurį naudotojai turi nuolat paslinkti norėdami išskleisti meniu arba pamatyti esminį puslapio turinį.

Ką atlikti?

Užtikrinkite, kad paveiksliukai, kurie atlieka navigacijos funkcijas būtų su pavadinimais, kad naudotojams nereikėtų spėlioti paveiksliukų prasmės.

Pavyzdys

Pavyzdyje navigacijos sprendimas yra geras, nes kiekvienas paveiksliukas pateiktas su nuorodą apibūdinančiu pavadinimu. Naudotojai be klaidų ir negaišdami laiko gali atlikti norimą pasirinkimą.

Ką atlikti?

Užtikrinkite, kad į turinį įterptų paveiksliukų dydžiai yra optimizuoti peržiūrai svetainėje ir nesumažina puslapio užsikrovimo greičio.

Pavyzdys

Pavyzdyje prastai įterptas paveiksliukas, kurio originalus dydis daug kartų didesnis nei atvaizduojama puslapyje. Atidarant šį puslapį iš serverio persiunčiamas originalaus dydžio paveiksliukas, kuris be reikalo sumažina puslapio užsikrovimo greitį.

Ką atlikti?

Užtikrinkite, kad sudėtingos veiksmų sekos būtų išskaidytos žingsniais ir naudotojai galėtų matyti jų vykdymo nuoseklumą.
Užtikrinkite, kad kiekvienas sekos žingsnis aiškiai apibūdintų tarpinius veiksmus arba rezultatus, o pirmas sekos žingsnis aiškiai sufleruotų naudotojams kurį veiksmą atlikti pirmiausiai.

Pavyzdys

Pirmame pavyzdyje prastai įgyvendinta veiksmų vykdymo seka, kuri nėra išskaidyta žingsniais, nepateikia vykdymo nuoseklumo, todėl naudotojams sunku susiorientuoti, kokį veiksmą atlikti pirmiausiai ir kokia yra sekos apimtis.
Antrame pavyzdyje gerai įgyvendinta veiksmų vykdymo seka, kuri išskaidyta žingsniais ir sufleruoja naudotojams apie vykdymo nuoseklumą, o žingsniai apibrėžia tarpinius veiksmus.

Ką atlikti?

Užtikrinkite, kad pasikartojančios arba panašios veiksmų sekos būtų atvaizduotos vienodai.

Pavyzdys

Pavyzdyje gerai įgyvendintas skirtingų e. paslaugų užsakymas, nes užsakymo sekos atvaizduojamos vienoda tvarka, todėl naudotojams, užsakantiems daugiau nei vieną e. paslaugą, nereikia iš naujo gilintis į užsakymo logiką.

Ką atlikti?

Užtikrinkite, kad vykdant veiksmų seką, būtų išskirtas pasirinktas žingsnis ir pateikta informacija apie tolimesnius žingsnius, bei žingsnių skaičių.

Pavyzdys

Pavyzdyje gerai įgyvendinta veiksmų seka, nes išskirtas pasirinktas žingsnis, aiški tolimesnė eiga, o naudotojai gali matyti visus sekos žingsnius.

Ką atlikti?

Užtikrinkite, kad grįžtant į ankstesnį žingsnį arba peržiūrint sekos žingsnius nenuosekliai, būtų automatiškai išsaugota visa naudotojo įvesta informacija.

Pavyzdys

Pavyzdyje gerai įgyvendinta veiksmų seka, nes grįžtant į ankstesnį žingnį nedingsta užpildyta informacija, be to naudotojai informuojami, kad pereinant į kitą sekos žingsnį, informacija automatiškai išsaugoma.

Ką atlikti?

Užtikrinkite, kad paieška būtų vykdoma visame svetainės turinyje arba tiksliai nurodykite, kurioje svetainės dalyje atliekama paieška.

Pavyzdys

Pavyzdyje gerai įgyvendinta paieška, nes pagal nutylėjimą jį vykdoma visoje svetainėje, o taip pat informuoja naudotojus apie esančias svetainės dalis, kuriose galima vykdyti paiešką pasirinktinai.

Ką atlikti?

Jei paieška leidžia naudotojams pasirinkti papildomus nustatymus ir parametrus, tai išskaidykite ją į supaprastintą paiešką ir papildomų nustatymų langą, kuris išskleidžiamas pagal poreikį.

Pavyzdys

Pirmame pavyzdyje prastai įgyvendinta paieška, nes visi įmanomi paieškos nustatymai pateikiami viename lange, todėl naudotojai verčiami sugaišti laiką kad įsigilintų į paieškos veikimo logiką.
Antrame pavyzdyje gerai įgyvendinta paieška, kur papildomi nustatymai yra pasiekiami atskirame lange ir neapkrauna supaprastintos paieškos.

Ką atlikti?

Užtikrinkite, kad įvedus paieškos frazę skirtingomis raidėmis (DIDŽIOSIOMIS, Sakinio, mažosiomis, be lietuviškų raidžių, su lietuviškomis raidėmis) būtų pateikiami vienodi paieškos rezultatai.

Pavyzdys

Pirmame pavyzdyje prastai įgyvendinta paieška, nes skirtingomis raidėmis įvedus tą patį paieškos žodį pateikiami skirtingi paieškos rezultatai. Be to, įvedus paieškos frazę vien didžiosiomis raidėmis, pateikiama klaidinga informacija, kuri sako, kad tokio turinio nėra.
Antrame pavyzdyje gerai įgyvendinta paieška, nes įvedus tą pačią frazę skirtingomis raidėmis, paieška pateikia vienodus rezultatus.

Ką atlikti?

Užtikrinkite, kad paieška būtų numatyta ir pasiekiama toje pačioje kiekvieno puslapio vietoje.

Pavyzdys

Pavyzdyje gerai įgyvendinta paieška, nes paieškos laukas pasiekiamas kiekviename puslapyje ir toje pačioje vietoje, todėl naudotojams nereikia grįžti arba pereiti į atskirą paieškos puslapį, taip pat nereikia įsiminti, kuriose vietose galima rasti paiešką.

Ką atlikti?

Pateikite trumpą pagalbą naudotojams, kaip efektyviau pasinaudoti paieška arba įgyvendinkite paieškos pasiūlymų funkcionalumą.

Pavyzdys

Pavyzdyje gerai įgyvendinta paieška, nes įvedus paieškos frazę iš karto pateikiami susiję paieškos pasiūlymai, kurie leidžia naudotojams greičiau suvokti esamą turinį, ištaisyti klaidas paieškos laukelyje arba pasirinkti siūlomą paieškos frazę.

Ką atlikti?

Sukurkite paieškos rezultatų puslapį, kuriame pateikiama tiksli informacija ir naudotojams leidžiama be papildomų pastangų ja pasinaudoti, esant reikalui atlikti rūšiavimą ir filtravimą.

Pavyzdys

Pirmame pavyzdyje prastai pateikti paieškos rezultatai, nes naudotojams nėra aiški jų pateikimo tvarka ir nėra galimybės surūšiuoti arba filtruoti rezultatų, nėra paryškinti paieškos žodžiai.
Antrame pavyzdyje gerai pateikti paieškos rezultatai, nes jie sunumeruoti, išskirti paieškos žodžiai ir papildomai pateiktos kategorijos, atliekančios rezultatų filtravimo funkciją.