4. dets 2024
UX/UI disain
Tundetester on veebipõhine digitaalne heaolutööriist, mis aitab noortel mõista emotsioone ja toime tulla keeruliste olukordadega. Sisu on jaotatud kolmeks vanuserühmaks ja kolmeks põhiteema sektsiooniks, pakkudes kiiret, vanusele vastavat juhendamist ning suunates kasutajad laste abitelefonile anonüümse toe saamiseks, kui vaja.
Algselt agentuuri poolt interaktiivse PDF-na loodud tööriist integreeriti hiljem uude Lasteabi veebilehele. See nõudis täielikku ümberkujundamist, et tagada juurdepääsetavus, järjepidevus ja veebikasutajakogemus, säilitades samal ajal originaalkontseptsiooni.
Minu roll ja lähenemine
Vastutasin UX ja UI disaini eest, alates varasemast struktureerimisest kuni lõpptoetuse arendamiseni. Töötasin tihedalt koos nõustajate, teenuse juhiga ja arendustiimidega kogu protsessi vältel.
Põhivastutusalad:
Kasutajateekonna kaardistamine noore inimese perspektiivist
Veebikõlbliku disainisüsteemi loomine, lähtudes algsest PDFist ja Lasteabi CVI-st
Interaktiivsete elementide ümberkujundamine, et vastata WCAG nõuetele
Laua- ja mobiiliprototüüpide loomine kõigile vanuserühmadele
Arenduse ja juurdepääsetavuse testimise toetamine
Disainiotsused ja täiustused
Kasutajateekond ja struktuur
Reorganiseerisin algsed PDF vaated selgeks ja loogiliseks veebikasutuseks sobivaks vooguks. Ühtlustasin ka alguspunkti ühiseks avavaateks koos vanuse valikuga eraldiseisvate PDFide asemel.


Juurdepääsetavusega esikohal UI
Paljud algsed disainielemendid ei vastanud juurdepääsetavuse standarditele. Kujundasin nupud ja interaktiivsed elemendid ümber, et parandada kontrasti, selgust ja kasutajakogemust, tagades WCAG nõuetele vastavuse kõigis seadmetes.

Illustratsioonid ja visuaalne toon
Et vältida korduvust ja hoida noored kasutajad huvitatud, lõin unikaalsed illustratsioonid iga kategooria jaoks, säilitades mängulise, kuid rahuliku tooni, mis on kooskõlas Lasteabi visuaalse identiteediga.


Prototüüpimine ja sisuvool
Prototüüpisin esmalt ühe vanuserühma, kinnitasin loogika vanusegurpi baasil kolleegidega ja laiendasin seejärel lahenduse ülejäänud rühmadele. Lihtsustasin lõppastmed, ühendades julgustuse ja järgmised sammud üheks selgeks, toetavaks vaateks, mis suunab kasutajaid anonüümse abitelefoni toe poole.


Arendus ja koostöö
Disaini arendati koostöös:
TEHIK - platvormi integreerimine ja tehniline raamistik
Trinidad Wiseman - front- ja backend arendus
Olin kogu arenduse vältel kaasatud, vaadates arengu käiku üle, täpsustades detaile ja tagades juurdepääsetavuse kõigis brauserites ja ekraanisuurustes. Raamistik oli kavandatud olema taaskasutatav ja on seeläbi äratanud huvi teistele avaliku sektori organisatsioonidele.

Juurdepääsetavus ja testimine
Juurdepääsetavus oli disaini ja arenduse keskmes. Koos arendajatega täpsustasin pealkirjade hierarhiad, taustagraafikaid ja interaktiivseid elemente, et vältida loetavusprobleeme väiksematel ekraanidel.
Lõplik testimine viis täiendavateks parandusteks, nagu:
Lõppvaadete allalaadimine kasutajate jaoks
Selged tagasipöördumise ja navigeerimise nupud
Puuduvad elemendid mobiilivaates (nt allalaadimisnupp, logod)
Väike grupp noori kasutajaid testis tööriista ja reageeris positiivselt sõbralikule toonile ja illustratsioonidele. Vanemate kasutajate tagasiside informeeris tulevikuplaane sisu paremas vanuserühma järgi kohandamiseks.
Tulemus ja järelemõtlemine
Tundetester käivitatakse juurdepääsetava, noortesõbraliku digitaalse tööriistana, täielikult integreerituna Lasteabi veebilehel. Mulle usaldati lõplikud disainiotsused Lasteabi arendamise ajal.
See projekt tugevdas minu oskusi:
Disainimine juurdepääsetaval ulatusel
Staatiliste kontseptsioonide tõlkimine paindlikeks digisüsteemideks
Tihe koostöö arendajatega
Sihtgruppi kindlalt toetamine selgete, uurimuspõhiste põhjustega