Esu šiame forume jau beveik dešimtmetį, per tą laiką perskaičiau daugybę naudingos informacijos, susirinkau nemažai kontaktų, galbūt ne visuomet pateisindavau kontaktų lūkesčius, o bet tačiau, visi tobulėjam ir mokomės iš klaidų :) Bėgant laikui pradėjau jausti, jog esu skolingas šio forumo bendruomenei ir nusprendžiau, jog reikia įnešti ir savo indėlį į forumo sukuriamą vertę, ypač dabar, kai forumas pakankamai apleistas. Paskutinį kartą kažką rimčiau rašiau brandos egzamino metu, be to labiau mėgstu dėti kablelius nei taškus, tai jei bus kažkokių nesuprantamų vietų, komentuokit, pataisysiu. Po tokio ilgo ir nenaudingo intro, galima pradėti straipsnį :D
Kas yra UX (Intro 2) UX - User Experience, galima versti "naudotojo patirtis". Tai galima apibūdinti paprasčiausiai tuo, ar žmogui buvo patogu, gera naudotis jūsų sistema. Beveik visi tikrai puikiai žino jausmą, kai apsilankius kokiam nors puslapyje ištinka emocinė krizė, nes atrodo, kad niekada nerasi to, ko norėjai, pvz.: daugybėje valstybinių tinklalapių naršyti yra tikras hemorojus (juk kam leisti pinigus papildomai, kai net elementariam funkcionalumui neskiriamas reikalingas dėmesys: Internete plinta atviras „Sodros“ tinklalapio kodas su keiksmažodžiais). Taip pat turėtų būt ir pažįstamas jausmas, kai atsidarius puslapį jautiesi lyg namie - atrodo nė nereikia galvoti, ką spausti, kad rastum norimą informaciją. Taigi, sąvoka yra labai plati, bet sukonkretinus galima teigti, kad gero UX siekis - kad naudotojas norėtų lankytis jūsų tinklapyje. Šiame straipsnyje ne tik apžvelgsiu dažnai daromas klaidas, bet aplamai paaiškinsiu apie panaudojamumą, kad paprasčiausiai atkreiptumėt dėmesį ar jūsų kuriamas produktas atitinka išvardintus punktus (daug klaidų galima išmąstyti ir logiškai, be papildomo išsilavinimo).
Kodėl UX yra svarbu UX yra svarbu, nes dar labai daug tinklalapių, ypač Lietuvoje yra neitin draugiški naudotojui. Vis dar populiaru programuoti taip, kad "svarbu veikia" ir daryti dizainus taip, kad "svarbu gražu". Perpildytoje rinkoje UX dažnai yra vienas tų aspektų, kuriuo lengva nugalėti konkurentus ir susirinkti lengvus pardavimus (ypač el. parduotuvėse). Vis dar netikit? Paskaitykit, kaip paprasčiausias UX sprendimas Amazonui pridėjo papildomus 300 milijonų dolerių per metus. The $300 Million Button
UX susideda iš daug dalių, tačiau toliau narpliosiu tik vieną - panaudojamumą: iš ko tai susideda, taip pat apžvelgsiu keletą dažniausiai daromų klaidų ir kaip jas reikėtų taisyti.
Panaudojamumas - kas tai? Trumpai: (sistemos, įrenginio ar kt.) naudojimo patogumas.
Kiekvieno tinklapio, e-shopo, ar bet kokios kitos internetinės sistemos (taip pat ir daiktų, bet apie tai neišsiplėsiu) panaudojamumą galima įvertinti. Nėra kažkokio oficialaus įvertinimo mato skalėje nuo 1 iki 10, tačiau bent jau subjektyviai galime pasakyti ar tinklalapio panaudojamumas yra blogas, pakankamas, geras, puikus ir pnš. T.y. naudojant bet kokį tinklapį, galima įvertinti - ar juo naudotis patogu ar ne - tai ir bus panaudojamumo įvertinimas.
Iš ko susideda panaudojamumas?
Panaudojamumas susideda 6 pagrindinių parametrų:
Atpažįstamumas - kaip lengvai galima pradėti naudotis sistema, turint analogiškos sitemos naudojimo patirties. Pvz.: įprasta, kad įvairūs langai kompiuteryje yra išjungiami viršutiniame dešiniajame kampe esančiu X. Jei apsilankius jūsų tinklapyje iššoks modalinis langas, kurį užverti galima tik paspaudus kairėje esantį O simbolį, bus labai blogai. Vienas geras pavyzdys - programų instaliavimas. Esame pripratę visada spausti "Next", "Next", o norint grįžti - kariau esantį "Back" arba dešiniau esantį "Cancel":
klaida, kurią padarė Microsoft:
t.y. nurodo spausti mygtuką "Back", tačiau grįžti atgal buvo galima tik spaudžiant rodyklę kairiame viršutiniame kampe. Galbūt interneto naršyklėje tai atpažįstama, tačiau instaliuojant programas tikrai ne.
Taip pat dar vienas geras, t.y. blogas pavyzdys - šis forumas ir failų prikabinimas jame. Labai logiška galvoti, kad įkėlus failus jie bus automatiškai pridėti publikavus pranešimą, tačiau reikia spausti "Pridėti šį failą", kas yra visiškai neintuityvu ir bent jau man, niekur kitur neregėta praktika. Geriausia būtų - aplamai leisti CTRL+V pagalba tiesiogiai įklijuoti paveikslėlį į tekstą.
Dar vienas LABAI BLOGAS pavyzdys - delfi.lt portalas (tai tik parodo, kad net didieji tinklalapiai UX neskiria pakankamo dėmesio ir nukonkuruoti juos šiuo atžvilgiu pakankamai nesudėtinga). Mobilioje versijoje įėjus į kokį nors straipsnį iš pagrindinio puslapio logiška manyti, kad viršuje paspaudus delfi nuorodą grįšite į pagrindinį puslapį. Bet ne - grįžtate į konkrečios skilties pagrindinį puslapį ir "paprastuoju būdu" atgal į pagrindinį negrįšite - reikia spausti kairėje pusėje esančią piktogramą (kas irgi blogai, žr.: dažniausiai pasitaikančios klaidos) ir pasirinkti "Pagrindinis puslapis".
Išmokstamumas - kaip lengva išmokti naudotis sistema. Viskas turėtų būti kuo paprasčiau ir aiškiau, kad išmokti naudotis pvz.: nauja buhalterine programa būtų kuo paprasčiau.
Apsauga nuo klaidų - vienas iš svarbiausių kriterijų aplamai, kuomet susiduriama su kritiškai svarbiu informacijos tikslumu: verslo valdymo sistemose, įvairių įrengimų valdymo sistemose ir pan. Šis aspektas dažnai ignoruojamas ir pasikliaujama naudotoju, kad jis klaidų nedarys. Tai yra labai blogai, nes klaidas daro visi ir nuolatos. Niekada negalima galvoti apie sistemos naudotojus kaip apie save: jeigu galvojate, kad "tikrai visi supras, kad...", tai labai smarkiai klystate. Pvz.: kuriate skelbimų portalą, skelbimo įdėjimo lange yra laukelis "kaina". Jo nevaliduojate, nes galvojate, kad "visiems ir taip aišku, kad čia kaina skaitmenimis", tačiau tikrai atsiras kokia nors Marytė iš Pagėgių rajono, kuri įrašys "penkiolika eurų, galime derėtis". Geriausiu atveju naudotojas gaus programinę klaidą, kad į integer tipo laukelį bando įrašyti string'ą, blogiausiu atveju, jei duombazėj kaina saugoma kaip tekstas - užluš kainos pasirinkimo slaideris paieškoj ir bus nepasiekiamas visas tinklapis. Dėl to, kad nepadarėt vienos validacijos.
Veiksmingumas - šis kriterijus nurodo, kad kuriama sistema turi būti veiksminga. T.y. naudotojas turi ne tik aiškiai, bet ir kuo paprasčiau/greičiau atlikti norimus veiksmus. Svarbu visur, kur įmanoma sumažinti naudotojui reikiamų atlikti paspaudimų kiekį (kol tai neprieštarauja kitoms UX taisyklėms). Šioje vietoje dažnai susiduriama su požiūriu "svarbu veikia". Kaip ir atpažįstamumo atveju, geras pavyzdys - šio forumo paveiksliukų įkėlimo sistema. Kur kas veiksmingiau būtų padaryti multi-upload, kuris sukeltų visus paveiksliukus skelbiant įrašą. Dabar norint įkelti 10 paveiksliukų reikia atlikti net 30 paspaudimų - "choose file" -> parinkti failą iš kompiuterio -> "pridėti šį failą". Gal forume problema ir nėra labai aktuali, bet pvz.: verslo valdymo sistemoje, kurioje gali tekti įkelti šimtus dokumentų per dieną, tai būtų visiškas efektyvumo žudymas.
Prienamumas - galimybė naudotis sistema nepriklausomai nuo aplinkos sąlygų ir žmogaus negalių. Geras ir man labai patinkantis pavyzdys - 15min mobilioji versija ir labai patogi galimybė keisti šrifto dydį.
Estetika - paprasčiausiai reiškia tai, kad dizainas turi būti patrauklus akiai. Spalvos turi būti suderintos, dizainas negali būti per daug apkrautas - dažniausiai (bet ne visada!) - minimalistinis dizainas yra geriausias. Šia tema galima parašyti atskirą straipsnį (ir net ne vieną) - jei toks poreikis bus, gali laukti ir antra šio straipsnio dalis :)
Dažniausiai daromos klaidos Taigi, apžvelgėm, kas sudaro panaudojamumo sąvoką. Daug klaidų galima išvengti vien tik galvojant ar tai yra pvz.: lengvai išmokstama, veiksminga ir t.t. Tuo pačiu metu, daug problemų galima išvengti ir mokantis iš svetimų, o ne tik savo, klaidų. Žemiau - dažniausiai daromų klaidų sąrašas, kurį galite papildyti komentaruose (pridėsiu į straipsnį).
* Mobilioje versijoje meniu - kairėje pusėje. Telefonas dažniausiai naudojamas dešine ranka. Didelių matmenų telefonuose kairys viršutinis kampas nykščiu tampa paprasčiausiai nepasiekiamas ir tenka pasitelkti kitą ranką, kad išskleistumėme meniu. Kairėje pusėje viršuje geriausia įdėti įmonės logotipą ar panašią informaciją.
* Viršutinė juosta (header) visuose puslapiuose turėtų būti vienoda. Žr. atpažįstamumo pavyzdį Delfi portale.
* Automatiškai iššokantys modaliniai langai. Taip, automatiškai iššokantys pop-up langai padeda susirinkti naujienlaiškių prenumeratorius, tačiau bendruoju UX atveju - tai blogis. Ypač, kai jie iššoka kiekvieną kartą. Prisegu vz.lt pavyzdį - modalinis langas iššoko pagrindiniame puslapyje, buvo uždarytas, tačiau iššoko dar 3 kartus naršant po straipsnius.
* Elektroninėje parduotuvėje - apmokant krepšelį draudimas grįžti atgal. Apmokant prekių krepšelį visuomet turėtų būti galimybė grįžti, pakoreguoti jau atliktus žingsnius. Prikabintas pigu.lt pavyzdys. Logiška manyti, kad esant mokėjimo stadijoje ir norint pakeisti pristatymo būdą, turėtų užtekti spragtelti ant užrašo "Pristatymas". Tačiau užrašas - tik tekstinis. Jei persigalvojote dėl pristatymo, teks visą procesą kartoti iš naujo, nes grįžti atgal - neįmanoma.
* Neinformatyvūs klaidų pranešimai.
Naudotojui pateikti klaidų pranešimai turi būti aiškūs ir suprantami. Visokie "Įvyko klaida", "Įvesti neteisingi duomenys" yra blogai. Labai populiarus blogasis pavyzdys - prisijungimo formos. LABAI dažnai suvedus blogus duomenis gauname pranešimą "Įvesti neteisingi duomenys". Reikėtų parašyti - ar blogas slapyvardis, ar slaptažodis. Dažnai bandant jungtis prie senų account'ų sunku prisiminti slapyvardį ir tokios klaidos viską tik dar labiau apsunkina. Aišku, čia programuotojų tingėjimo pavyzdys, nes kur kas lengviau patikrinti vartotojo vardą ir slaptažodį bendrai negu atskirai. Papildymas - kritinio saugumo sistemose (el. paštas, finansiniai instrumentai ir t.t.) apibendrintas klaidos pranešimas "neteisingi duomenys" prideda saugumo - tad tokiu atveju saugumas > UX.
Dar vienas pavyzdys - žemiau.
Šiuo atveju - naudotojas gauna informaciją, jog blogai suvedė pašto kodą, tačiau negauna informacijos, koks tas kodas turėtų būti. Teisingas pavyzdys: The postal code has an incorrect format. The correct format is: XXXXX
Pagrindinės taisyklės Atsižvelgiant į panaudojamumą ir UX apskirtai, galima išskirti dvi pagrindines taisykles:
Negalvokite apie naudotoją kaip apie save. Pati svarbiausia - Jei naudotojas kažko nesupranta, tai - JŪSŲ PROBLEMA, o ne naudotojo.
Outro Straipsnį ketinu pildyti, tačiau jeigu turite kokių nors pastebėjimų, papildymų - būtinai rašykite. Nuo mūsų visų priklauso ar ši informacija išliks aktuali, ar nuguls interneto dulkėse kartu su straipsniais apie puslapio stilizavimą table tag'ais ar google PR svarbą:) Taip pat atsiprašau, jei rasite rašybos ar nedidelių loginių klaidų sakinio struktūroje - straipsnį rašiau vakarais, tad tikrai ne "šviežia galva". Taip pat straipsnį įdėjau į skiltį "Tinklapių kūrimas", nes jis netinka nei į Programavimo, nei į Grafikos skiltį, kadangi aktualus abiejų sričių specialistams. Jei adminams pasirodys kitaip - perkelkite.
Informaciją platinti ir atkurti leidžiama tik įterpus nuorodą į šaltinį - misijaverslas.lt
Link'as: http://www.mediafire.com/file/3cf0nr0no3h7fdh/circuit.zip, atsisiuntę paspauskit "Wizard" ir pasirinkę direktoriją, paspauskit baigti. Kai baigsis šis procesas paspauskit ant šios piktogramos ( http://prntscr.com/hv2g1s ) ir viskas. Galima naudotis ir internetine versija, bet ji ne tokia patogi ir šiaip, bent man, sunku susikaupti, kai pilna to kvailo teksto aplink. Programa atrodo taip: http://prntscr.com/hv2gqv. Rašiau adaptuotų žmonių forume - elektronika (ne reklama), tai todėl tokias nesąmones aprašiau. Labai gera programa, ypač, jei nori pradėti domėtis elektronika.
Taip... Teisingai.. Bet kokia smulkmena norint ideti, irasome plugin.. SUPER! Va Jums ir aiskus skirtumas, kaip masto developeris ir kaip web builderis. Vietoj to, kad padarytum 15sek darba, eisi siusi neaisku plugin, kad iterpti 1 eilute i head? Logiska nu..
mindux9 sureagavo į itlead UX pradžiamokslis - UX įvadas ir tinklalapių panaudojamumas