Saavutettavan mobiilikäyttöliittymän toteutus chatbotille
Tsang, Chak-Fung (2026)
Tsang, Chak-Fung
2026
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202603023576
https://urn.fi/URN:NBN:fi:amk-202603023576
Tiivistelmä
Tässä opinnäytetyössä toteutettiin saavutettava mobiilikäyttöliittymä tekoälypohjaiseen chatbot-sovellukseen vastauksena digitaalisten palveluiden saavutettavuuden kasvavaan tarpeeseen. Työn tavoitteena oli suunnitella ja toteuttaa React Native -teknologialla saavutettava mobiilikäyttöliittymä erityisopiskelijoille. Työ toteutettiin osana koulutuksellista kokonaisuutta ja sen toimeksiantajana toimi Haaga-Helian ammattikorkeakoulun erityisopettaja, minkä vuoksi erityisesti erityisopiskelijoiden tarpeet ja yhdenvertainen käytettävyys olivat keskeisessä roolissa.
Työssä keskityttiin saavutettavan käyttöliittymän rakenteeseen, selkeisiin komponentteihin sekä siihen, kuinka sovellus mukautuu erilaisiin käyttötilanteisiin ja käyttäjäryhmien tarpeisiin. Tavoitteena ei ollut ainoastaan tarjota keskustelutoiminnallisuus chatbotin kanssa, vaan varmistaa, että käyttöliittymä toimii yhdenvertaisesti mahdollisimman monelle eri käyttäjälle. Saavutettavuus huomioitiin muun muassa semanttisessa rakenteessa, navigoinnissa, tekstien luettavuudessa ja dynaamisten sisältöjen esittämisessä. Projekti rajattiin toimivaksi prototyypiksi, eikä työ sisällä julkaisuprosessia.
Sovelluksen käyttöliittymä koostuu keskustelunäkymästä, keskusteluhistoriasta, asetuksista sekä ohje- ja saavutettavuusselostesivuista. Chatbotin kanssa keskustelun lisäksi sovellus sisältää toimintoja, kuten vanhojen keskustelujen selaaminen ja jatkaminen. Saavutettavuusominaisuuksista keskeisimpiä ovat looginen navigointirakenne sekä tekstien ja painikkeiden kuvaustekstit.
Opinnäytetyön lopputuloksena syntyi toimiva proof of concept -tason prototyyppi, joka täyttää keskeiset saavutettavuuden vaatimukset iOS-ympäristössä ja toimii lähtökohtana sovelluksen jatkokehitykselle. Parhaiten onnistuneita osa-alueita olivat semanttisen rakenteen suunnittelu, looginen navigointi ja käyttöliittymäkomponenttien saavutettavuus. Kehityskohteita ovat muun muassa Android-laitteiden saavutettavuuden arviointi sekä dynaamisten ilmoitusten yhdenmukaistaminen eri alustoilla. Jatkokehityksessä sovellusta voidaan laajentaa tuottamalla valmiimpi visuaalinen ilme sekä arvioimalla saavutettavuutta laajemmin eri käyttöjärjestelmissä.
Työssä keskityttiin saavutettavan käyttöliittymän rakenteeseen, selkeisiin komponentteihin sekä siihen, kuinka sovellus mukautuu erilaisiin käyttötilanteisiin ja käyttäjäryhmien tarpeisiin. Tavoitteena ei ollut ainoastaan tarjota keskustelutoiminnallisuus chatbotin kanssa, vaan varmistaa, että käyttöliittymä toimii yhdenvertaisesti mahdollisimman monelle eri käyttäjälle. Saavutettavuus huomioitiin muun muassa semanttisessa rakenteessa, navigoinnissa, tekstien luettavuudessa ja dynaamisten sisältöjen esittämisessä. Projekti rajattiin toimivaksi prototyypiksi, eikä työ sisällä julkaisuprosessia.
Sovelluksen käyttöliittymä koostuu keskustelunäkymästä, keskusteluhistoriasta, asetuksista sekä ohje- ja saavutettavuusselostesivuista. Chatbotin kanssa keskustelun lisäksi sovellus sisältää toimintoja, kuten vanhojen keskustelujen selaaminen ja jatkaminen. Saavutettavuusominaisuuksista keskeisimpiä ovat looginen navigointirakenne sekä tekstien ja painikkeiden kuvaustekstit.
Opinnäytetyön lopputuloksena syntyi toimiva proof of concept -tason prototyyppi, joka täyttää keskeiset saavutettavuuden vaatimukset iOS-ympäristössä ja toimii lähtökohtana sovelluksen jatkokehitykselle. Parhaiten onnistuneita osa-alueita olivat semanttisen rakenteen suunnittelu, looginen navigointi ja käyttöliittymäkomponenttien saavutettavuus. Kehityskohteita ovat muun muassa Android-laitteiden saavutettavuuden arviointi sekä dynaamisten ilmoitusten yhdenmukaistaminen eri alustoilla. Jatkokehityksessä sovellusta voidaan laajentaa tuottamalla valmiimpi visuaalinen ilme sekä arvioimalla saavutettavuutta laajemmin eri käyttöjärjestelmissä.
