E-ITSPEA 12: Inimese ja arvuti suhtlus, ergonoomika ja kasutatavus

Algselt teemale otsa vaadates tundub see lihtne ja iseenesestmõistetav aga tegelikuses on seal päris palju aspekte. Jakob Nielsen on sõnastanud viis kasutatavuse komponenti: õpitavus, tõhusus, meeldejäävus, veakindlus ja rahulolu. Üritan läbi nende punktide analüüsida kahte veebilehte. Ühte mis teeb kõik vastupidi ja teine mis teeb pea kõik õigesti.

Halb näide - The Big Ugly Website

Lehe nimi ütleb juba kõik, see on ehe näide sellest milline ei tohiks olla üks tänapäevane ning toimiv lehekülg. Visuaalselt tõeline katastroof ning kasutavuse mõttes tõeline läbikukkumine. 

Esimest korda lehte avades pole õrnaaimu mis see leht on ja mis sellega peale hakata. Puudub igasugune navigatsioon, menüü või struktuur. Lingid on lihtsalt laiali loobitud erinevate GIF-d ja piltide vahele. 

Tõhususe kohta pole isegi midagi öelda, kuna seal ei ole midagi efektiivset teha. Kui sa just ei tahagi täieliku kaost nautida. Otsingud puuduvad, kategooriad ei eksisteeri, loogilist hierarhiat pole. Kui peaksid sealt midagi konkreetset otsima, siis on selline tunne nagu võiks sinna otsima jääda.

 

Veakindluse pool on super(seda kindlasti naljaga). Paljud pildid on hostitud TinyPic teenuses mis on ammu kinni pandud seega piltide asemel näeme tühjasid kastikesi. Mitu linki viivad lehtedele mis enam ei eksisteeri. See on juba selline tase kus leht ei ole lihtsalt kasutajasõbralik vaid ka tehniliselt katki.

Kokkuvõtteks võib öelda, et leht on raskesti mõistetav, silmad valutavad aju üritab loogikat leida ning keegi ei soovi seal lehel kaua olla. Muidugi peab väitma, et leht tundub olevat tehtud põhjusega selliseks. Aga ideaalne näide sellest kuidas mitte veebilehte luua.

Hea näide - Wise

Vaatame ka teisele poole vikerkaart. Wise on Eesti juurtega fintech ettevõte mis tegeleb rahvusvaheliste rahaülekannetega ja minu meelest on nende lehekülg üks parimaid näiteid sellest kuidas kasutatavust õigesti teha.

Lehele esimest korda minnes saad kohe aru mis see teenus on ja kuidas seda kasutada. Raha saatmise protsess on tehtud samm-sammult nii lihtsaks, et isegi inimene kes pole kunagi rahvusvahelist ülekannet teinud saab sellega ilusti hakkama. See on ehe näide mida Nielsen silmas pidad, kui ta rääkis õpitavusest, et kasutaja peaks esmakordsel kasutamisel kiiresti aru saama kuidas asi toimib.

Lisaks, kui sa juba tead kuidas Wise töötab, siis saad ülekande tehtud paari minutiga. Liides on puhas, minimalistlik ja seal ei ole midagi üleliigset mis sind segaks. Nad on ka mõelnud keelekasutuse peale, nende font Inter toetab 146 erinevat keelt ja kogu teenus on saadaval praktiliselt kõigis suuremates keeltes. See pakub kõigile võimaluse kasutada Wise lehekülge oma emakeeles.

Mis mulle kõige rohkem muljet avaldab on see kuidas Wise suhtub ligipääsetavusse. Nad ei ole seda teinud lihtsalt linnukuse pärast vaid päriselt panustanud sellesse. Nende disainisüsteem on ehitatud WCAG ja APCA standardite järgi, nad testivad oma värvipaletti värvipimedate simulaatoritega ja nende rakendus toetab ekraanilugejaid nagu VoiceOver ja TalkBack.

See läheb ka hästi kokku sellega mida loengutekstis rõhutati, et tooted mille kavandamisel on arvestatud puuetega inimeste erivajadusi on ka muus osas tarbijasõbralikud. Wise on selle hea näide sest nende fookus ligipääsetavusele on teinud kogu teenuse paremaks kõigi jaoks.

Viited:

• Smith, Stephanie. Accessible but never boring (Part 1).
  https://medium.com/transferwise-design/accessible-but-never-boring-part-1-ec8222f1f364
• Smith, Stephanie. Accessible but never boring (Part 2)
   https://medium.com/transferwise-design/accessible-but-never-boring-part-2-e188db299bd0
• Worboys, Cam. Going everywhere - Meet the new Wise design system. 
  https://medium.com/transferwise-design/going-everywhere-meet-the-new-wise-design-system-863731563f71