Tundetester on veebipõhine digitaalse heaolu tööriist, mis aitab noortel emotsioone mõista ja raskete olukordadega toime tulla. Sisu on struktureeritud kolme vanuserühma ja kolme peamise teema kategooria järgi, pakkudes kiiret vanusele sobivat juhendamist ja suunates kasutajaid vajadusel anonüümse toe saamiseks laste abitelefoni.

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