Käyttöliittymäsuunnittelu Figmalla ja Adobe XD:llä : vertaileva tutkimus toiminnallisen prototyypin luomisesta

Abstract

Opinnäytetyön tarkoituksena oli tutustua kahteen suunnitteluohjelmistoon, Figmaan ja Adobe XD:hen sekä luoda niillä toiminnalliset prototyypit asiakkaalle. Käytännön osasta muodostui ohjelmistoja vertaileva aineisto. Aineisto voi toimia ohjemateriaalina, kun suunnittelija tai suunnittelusta kiinnostunut pohtii tarpeisiinsa sopivaa ohjelmistoa. Tavoitteena oli vastata siihen, kumpi ohjelmisto on helpommin ja nopeammin opittavissa ja miten kustannukset voivat vaikuttaa ohjelmiston valintaan. Opinnäytetyössä on määritelty, mitä ovat käytettävyys ja saavutettavuus sekä miten ne asiat otetaan huomioon digitaalista palvelua suunniteltaessa. Opinnäytetyön käytännön osan toimeksiantajana oli hattulalainen yritys Liikuttajat Oy. Opinnäytetyön tietopohja koostuu käytettävyyden perusperiaatteiden määrittelystä ja saavutettavuuden lainsäädännöllisestä määrittelystä. Aineisto myös kuvaa Figman ja XD:n kustannusjakaumia sekä perustyökalujen ominaisuuksia. Aineisto ohjaa suunnittelijaa käytännön työn aloittamiseen, toteuttamiseen ja lopulta toiminnallisen prototyypin jakamiseen asiakkaalle. Opinnäytetyö on toiminnallinen. Vertailuaineisto on esitetty kuvaamalla prototyypin tekemisen etenemistä pääpiirteittäin. Lopulliset prototyypit on esitelty loppuluvussa sekä liitteissä kuvamuodossa. Opinnäytetyö on tiivistelmä laajasta ja päivittäin esillä olevasta aiheesta. Johtopäätöksenä voi todeta, että vaikka käytettävyys ja saavutettavuus ovat laajalti tiedostettavissa, silti nykyäänkin voi kohdata heikon käyttöliittymän. Vertailuaineiston pohjalta voi todeta, että vaikka suunnitteluohjelmissa on eroja, aiemmasta ohjelmiston tuntemuksesta on hyötyä uutta opetellessa, ja että aloittelijakin pystyy toteuttamaan näyttäviä prototyyppejä. Työn toimeksiantaja oli tyytyväinen käyttöliittymäsuunnitelman lopputulokseen ja aikoo käyttää prototyyppiä verkkokauppapalvelunsa kehittämiseen.