Modernisering av design för besiktningssystemet Muster : Uppgradering av användargränssnitt och funktionalitet
Byskata, Inka-Maria (2025)
Byskata, Inka-Maria
2025
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-202504257657
https://urn.fi/URN:NBN:fi:amk-202504257657
Tiivistelmä
Tämä opinnäytetyö keskittyy Muster-katsastusjärjestelmän suunnittelun ja käyttäjäkokemuksen modernisointiin ja päivitykseen. Työn tarkoituksena oli parantaa käyttöliittymää luomalla yhtenäisempi ja ammattimaisempi ulkoasu, joka helpottaisi käyttöä ja parantaisi kokonaiskokemusta. Pääpaino oli uuden väriteeman käyttöönotossa sekä keskeisten suunnitteluelementtien, kuten painikkeiden, syöttökenttien ja valikkojen, parantamisessa ja modernisoimisessa.
Toteutuksessa oli useita vaiheita, joista ensimmäinen oli Bootstrap 4:n päivittäminen Bootstrap 5:een. Tämä päivitys paransi suorituskykyä, turvallisuutta ja toiminnallisuutta, samalla kun se avasi mahdollisuuksia nykyaikaisemmille suunnitteluratkaisuille ja responsiivisille ominaisuuksille. Sujuvan integroinnin varmistamiseksi järjestelmään lisättiin myös ngx-bootstrap-komponentteja Angular-sovellukseen, mikä mahdollisti Bootstrap-komponenttien käytön ilman jQueryn tarvetta.
Työssä keskityttiin myös responsiivisen suunnittelun parantamiseen, jotta järjestelmä toimisi optimaalisesti eri laitteilla, mukaan lukien mobiililaitteet. Tämä sisälsi navigoinnin ja ulkoasun mukauttamisen, jotta käyttäjät saisivat paremman ja johdonmukaisemman kokemuksen eri kokoisilla laitteilla.
Työn tuloksena on moderni ja käyttäjäystävällinen suunnittelu, joka parantaa Musterin käytettävyyttä ja estetiikkaa. Yhtenäisen suunnittelun luominen ja teknologian päivittäminen on tehnyt järjestelmästä houkuttelevamman ja toimivamman, mikä todennäköisesti vahvistaa käyttäjien sitoutumista ja parantaa alustan pitkäaikaista käyttäjäkokemusta.
Toteutuksessa oli useita vaiheita, joista ensimmäinen oli Bootstrap 4:n päivittäminen Bootstrap 5:een. Tämä päivitys paransi suorituskykyä, turvallisuutta ja toiminnallisuutta, samalla kun se avasi mahdollisuuksia nykyaikaisemmille suunnitteluratkaisuille ja responsiivisille ominaisuuksille. Sujuvan integroinnin varmistamiseksi järjestelmään lisättiin myös ngx-bootstrap-komponentteja Angular-sovellukseen, mikä mahdollisti Bootstrap-komponenttien käytön ilman jQueryn tarvetta.
Työssä keskityttiin myös responsiivisen suunnittelun parantamiseen, jotta järjestelmä toimisi optimaalisesti eri laitteilla, mukaan lukien mobiililaitteet. Tämä sisälsi navigoinnin ja ulkoasun mukauttamisen, jotta käyttäjät saisivat paremman ja johdonmukaisemman kokemuksen eri kokoisilla laitteilla.
Työn tuloksena on moderni ja käyttäjäystävällinen suunnittelu, joka parantaa Musterin käytettävyyttä ja estetiikkaa. Yhtenäisen suunnittelun luominen ja teknologian päivittäminen on tehnyt järjestelmästä houkuttelevamman ja toimivamman, mikä todennäköisesti vahvistaa käyttäjien sitoutumista ja parantaa alustan pitkäaikaista käyttäjäkokemusta.
