Apgalvota vartotojo sąsaja yra raktas į vartotojo pripažinimą. Žiūrėdamas į dizainą, vartotojas turi suvokti ką sistema gali daryti, ir kaip ją priversti tai daryti. Patogių sistemų kūrimas priklauso nuo Jūsų gebėjimo “bendrauti” su vartotoju. Kuo geriau bendraujame, tuo vartotojas aiškiau suvokia, ką mes norime jam pasakyti. Ir žinoma, lengviau naudojasi mūsų sistema.
Interaktyvios sistemos iš prigimties linkusios sudėtingėti. Jos leidžia disponuoti vis didesniu informacijos kiekiu ir atlikti vis daugiau veiksmų. Tokių sistemų kūrimas yra didelio kiekio lentelių ir kitokio duomenų pateikimo kūrimas. Sudėtingi elementai reikalauja sudėtingų paaiškinimų. Ar ne taip? Nevisada.
Pažiūrėkite į paveikslėlį. Ten pateikta statistinė informacija. Tačiau problema, kad didelis grafinis triukšmas ir papildomas tekstas užgožia pagrindinę lentelės informaciją. Sunku susikaupti ties skaičiais, kadangi storos ryškios linijos ir spalvotas fonas trukdo susikaupti. Skirtingas išorinių ir vidinių linijų storis dar labiau blaško dėmesį. Kitaip sakant pati lentelė “kalba” garsiau, nei joje pateikta informacija.
Pirma, ką mes turime padaryti, tai panaikinti spalvotą foną ir lentelės linijas. Štai gavome kokią lentelę:
Turinys jau yra pirmame plane. Dabar reikia pavadinimus susieti su jų reikšmėmis. Mes negalėsime suprasti skaičiaus reikšmės, kol neperskaitysime jai priskirto užrašo. Kadangi panaikinome lentelių rėmus, tiesioginis vizualinis grupavimas pranyko.
Taigi, sprendžiame skaičių ir jų reikšmių sąsajos problemas. Tik šį kartą juos jungiame ne lentelės eilės tvarka, o naudodami foną ir minimalius kontrastus. Žiūrime į paveikslėlį:
Melsvas fonas pakankamai solidus, kad sugrupuotų lentelės turinį bet neblaškytų dėmesio. Susieti panašius duomenis viena spalva yra lengva. Taip pat sumažinome lentelės viršaus kontrastą, kuriam akivaizdžiai buvo skirta per daug dėmesio.
Jau gerai, bet galima padaryti dar geriau. Išimame kiekvienoje eilutėje besikartojančius užrašus “Number of” ir daugiau dėmesio skiriame pačiam kintančiam turiniui, paryškinam reikšmes. Matome, kas gavosi:
Galutinėje lentelės versijoje grafiniai elementai pakankamai ryškūs, kad išskirtų duomenis, tačiau ne tokie ryškūs, kad juos užgožtų. Skaitinių reikšmių pavadinimus perkėlėme į dešinę pusę nuo skaičiaus, tai padeda geriau suprasti reikšmes.
Šis paprastas pavyzdys parodo, kaip galima sumažinti vizualinės dalies trukdžius turiniui. Paprastas dizainas yra kiekvienos vartotojo sąsajos aiškumo šaltinis. Tai ypač padeda, jei vartotojui reikia įsisavinti daug informacijos. Kaip sakoma, dizainas taip pat turi kalbėti.
autorius: Luke Wroblewski
paruošė: Ramūnas Žilionis
