Dark moden implementointi Skillwell Oy:n Angular-sovelluskehitysprojekteissa
Savolainen, Rasmus (2022)
Savolainen, Rasmus
2022
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-202205108274
https://urn.fi/URN:NBN:fi:amk-202205108274
Tiivistelmä
Käyttöliittymien tummat teemat ovat yleistyneet verkkosivuilla ja sovelluksissa. Yleistymisen myötä tummista teemoista onkin tullut monien käyttäjien preferenssi. Tummilla teemoilla tarkoitetaan pääasiassa verkkosovellusten käyttöliittymien päävärien muuttamista vaaleista tummiksi. Opinnäytetyön toimeksiantajana toimi Skillwell Oy, joka keskittyy erilaisten digitaalisten palveluiden kehittämiseen ja vanhojen konesalityyppisten ratkaisujen päivittämiseen pilveen. Toimeksiantaja erikoistuu Angular sovelluskehyksellä toteutettaviin verkkosovelluksiin, joten tämän takia tutkimuksen tekninen osuus kohdistui vain Angulariin. Toimeksiantaja halusi saada lisätietoa tummista teemoista ja samalla oppia parhaan tavan tummien teemojen implementoimiseen heidän Angular-sovelluksiinsa. Tutkimuksen tavoitteena oli auttaa toimeksiantajaa ymmärtämään tummien teemojen hyödyt, mahdolliset haitat, käyttäjien mieltymys ja implementointiprosessi. Käyttäjien mieltymystä käyttöliittymien teemoihin tarkisteltiin kyselyllä, jonka avulla saatiin ajankohtaista tietoa käyttävätkö verkkosivustojen ja sovellusten käyttäjät tummia teemoja. Kyselyllä saatiin myös tietoa siitä kokevatko käyttäjät saavansa hyötyjä tummista teemoista vai onko tummien teemojen käytöllä kenties jotain haittoja. Tuloksista ilmeni, että tummilla käyttöliittymien teemoilla voitaisiin esimerkiksi vähentää käyttäjien silmien rasitusta ja muita kirkkaista näytöistä aiheutuvia haittoja. Tutkimuksen tuloksissa käytiin myös läpi implementointiprosessi, jolla Skillwellin Angular-verkkosovelluksiin voitaisiin lisätä mahdollisuus valita teema. Dark themes for user interfaces have become more common on websites and applications. With the spread of dark themes, it has become the preferred choice for many. Dark themes mainly refer to changing of the main colors of web applications interfaces from light to dark. The thesis was commissioned by Skillwell Oy, which focuses on the development of various digital services and the updating of old data center-type solutions to the cloud. The client specializes in web applications delivered with the Angular-framework, which is why the technical part of the study focused only on Angular. The client wanted to learn more about dark themes and at the same time learn the best way to implement dark themes in their Angular applications. The aim of the study was to help the client understand the benefits, potential disadvantages, user preference, and the implementation process of dark themes. Users’ preferences for UI themes was studied using a survey that provided up-to-date information on whether users of websites and applications use dark themes or some other themes. The survey also provided information on whether users feel that they benefit from using dark themes or whether they feel that there are disadvantages to using dark themes. The results showed that dark user interfaces could, for example, reduce eye strain on users and help with other disadvantages caused by bright screens. One part of the results also shows how Skillwell could implement dark themes to their Angular web applications.