Käyttöliittymän suunnittelu mobiililaitteelle ja selaimelle

Abstract

Nykypäivänä yrityksen kotisivut ja mobiilisovellukset ovat merkittävät tietolähteet tuotteesta tai palvelusta. Luomalla ja kehittämällä kotisivuja ja mobiilisovellusta Hius- ja kauneuskeskus Karamelli halusi kehittää asiakaspalveluaan ja saavuttamaan potentiaaliset asiakkaat mahdollisimman tehokkaasti. Kauneuskeskuspalveluiden asiakaskunta on laaja, joten yksinkertaisuus ja helppokäyttöisyys ovat tärkeitä tekijöitä käyttöliittymän käytettävyydelle. Opinnäytetyön tavoitteena oli Hius- ja kauneuskeskus Karamellin kotisivujen käytettävyyden testaus ja kehitys sekä mobiilisovelluksen visuaalisen ilmeen ja toimintojen suunnittelu. Käytettävyyttä tutkittiin käyttäjätestauksen sekä heuristisen asiantuntija-arvioinnin avulla. Selaimelle suunniteltua käyttöliittymää testattiin viiden koehenkilön avulla. Tulosten perusteella luotiin parannusehdotuksia. Mobiilisovelluksen suunnittelu toteutettiin iteratiivisesti sekä noudatettiin käyttäjäkeskeisen suunnittelun periaatteita. Mobiilisovellusta suunniteltiin rautalankamallien avulla ja näin myös käytettävyyttä pystyttiin tutkimaan ja kehittämään. Opinnäytetyön tuloksena saatiin paranneltu versio kotisivujen käyttöliittymästä sekä malli mobiilisovelluksen ulkonäöstä ja toiminnoista. Tutkimuksen johtopäätöksinä voidaan pitää, että esimerkiksi tekstin koko, väri ja käyttöliittymän visuaalinen ilme ovat oleellisia tekijöitä käytettävyydessä. Käytettävyystestien tuloksia voidaan käyttää myös jatkokehitykseen.

Nowadays the home pages and mobile applications of companies are a significant source of information of a product or service. By creating and developing home pages and a mobile applications, Beauty salon Karamelli wanted to develop its customer service and reach its potential customers as efficiently as possible. The customer base of the Beauty salon is wide, so simplicity and user friendliness are important qualities for the usability of user interface. The aim of the study was to develop and test the usability of the home pages of Karamelli. In addition, the aim was to design a visual appearance and features for a mobile application. The usability was tested by user experience and heuristic evaluation. Furthermore, the user interface was tested by five voluntary participants. The outcome of the testing resulted in suggestions for improvements. Iterative design was used to carry out the design of the mobile application. Moreover, the principles of user centered design were emphasized. The mobile application was designed with the help of wireframes and this is also how the usability could be studied and developed. As a result of the study, an improved version of the user interface of the home pages and a model of the visual appearance and features of the mobile application were created. In conclusion, it was found out that e.g. the size and color of the text and the visual appearance of the homepages were significant features in the user interface. The results can be used for further development in the future.