Verkkosovelluksen käyttöliittymän suunnittelu ja kehittäminen
Loukoila, Jere (2021)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021122190306
https://urn.fi/URN:NBN:fi:amk-2021122190306
Tiivistelmä
Opinnäytetyön tavoitteena on käyttöliittymän suunnittelu ja kehittäminen verkkosovellukselle. Työssä perehdytään verkkopohjaisen käyttöliittymän vaatimuksiin ja kehitysprosessiin. Kehittämistyön päämääränä oli kehittää täysin funktionaalinen käyttöliittymä, joka toimii verkkoselaimen kautta yhtenäisesti eri laitteilla. Kirjallisen osuuden tavoitteena on esitellä käyttöliittymäsuunnittelun eri osa-alueita sekä avata kehitysprosessia.
Opinnäytetyön toimeksiantaja on Ontec Oy, joka on Kotkassa perustettu teollisuuden ohjelmistojen ja ohjausjärjestelmien kokonaistoimittaja. Kehittämistyössä valmistuvan käyttöliittymän on tarkoitus tulla toimeksiantajan käyttöön, osaksi heidän järjestelmiään.
Työssä käydään läpi verkkosovelluksen käyttöliittymän kehitysprosessia sekä teknisestä että käyttäjäpohjaisesta näkökulmasta. Teknisessä toteutuksessa on hyödynnetty moderneja web-teknologioita luomaan nykyaikainen ja responsiivinen kokonaisuus. Käyttäjäkeskeisessä suunnittelussa selvitettiin kohdeyleisöä sekä käyttökontekstia, joilla on suuri rooli käyttöliittymäsuunnittelussa. Käyttöliittymä myös kehitettiin niin, että sen kääntäminen eri kielille olisi tulevaisuudessa mahdollisimman helppoa. Osana lokalisaation kehittämistä käyttöliittymä käännettiin suomen ja englannin kielille. Laadunvarmistusta hyödynnettiin takaamaan käyttöliittymälle laadukas käyttäjäkokemus ja käytettävyys.
Opinnäytetyön tuloksena valmistui täysin funktionaalinen verkossa toimiva käyttöliittymä. Käyttöliittymän kehityksessä huomioitiin kohdeyleisön tiedot, taidot ja tarpeet, joiden ympärille käyttöliittymä on suunniteltu. Johtopäätöksissä todetaan, kuinka tärkeässä osassa käyttäjät ovat osana käyttöliittymäsuunnittelua. Lisäksi laadunvarmistus koettiin oleelliseksi osaksi kehitysprosessia. The objective of the thesis was the design and development of a web application user interface. The thesis will highlight the requirements and development process of a web-based user interface. The objective of the functional part was to develop a fully functional user interface, which works through a web browser and is compatible with different devices. The goal of the written report is to introduce the various parts that user interface design consists of, as well as to describe the development process of the user interface itself.
The thesis was commissioned by Ontec Oy, which is an industrial software and control system developer, founded in Kotka. The purpose of the user interface developed in the functional part is to be utilized by the commissioner, as part of their systems.
The thesis describes the development process of a web application user interface from a technical viewpoint, as well as a user-centric viewpoint. In the technical implementation, various modern web-technologies have been utilized to create a modern and responsive solution. As part of the user-centric design process, the target audience, as well as the context of use, have been researched, as they play a significant part in user interface design. The user interface was also localized, with translations to both Finnish and English. Quality assurance has been utilized to ensure a sufficient user experience and usability.
The result of the thesis was a fully functional web-based user interface. The knowledge, skills, and needs of the target audience have been met, and the user interface has been developed around them. The conclusion of the thesis is that the user plays a center stage role in user interface design- and that quality assurance is an essential part of the design process.
Opinnäytetyön toimeksiantaja on Ontec Oy, joka on Kotkassa perustettu teollisuuden ohjelmistojen ja ohjausjärjestelmien kokonaistoimittaja. Kehittämistyössä valmistuvan käyttöliittymän on tarkoitus tulla toimeksiantajan käyttöön, osaksi heidän järjestelmiään.
Työssä käydään läpi verkkosovelluksen käyttöliittymän kehitysprosessia sekä teknisestä että käyttäjäpohjaisesta näkökulmasta. Teknisessä toteutuksessa on hyödynnetty moderneja web-teknologioita luomaan nykyaikainen ja responsiivinen kokonaisuus. Käyttäjäkeskeisessä suunnittelussa selvitettiin kohdeyleisöä sekä käyttökontekstia, joilla on suuri rooli käyttöliittymäsuunnittelussa. Käyttöliittymä myös kehitettiin niin, että sen kääntäminen eri kielille olisi tulevaisuudessa mahdollisimman helppoa. Osana lokalisaation kehittämistä käyttöliittymä käännettiin suomen ja englannin kielille. Laadunvarmistusta hyödynnettiin takaamaan käyttöliittymälle laadukas käyttäjäkokemus ja käytettävyys.
Opinnäytetyön tuloksena valmistui täysin funktionaalinen verkossa toimiva käyttöliittymä. Käyttöliittymän kehityksessä huomioitiin kohdeyleisön tiedot, taidot ja tarpeet, joiden ympärille käyttöliittymä on suunniteltu. Johtopäätöksissä todetaan, kuinka tärkeässä osassa käyttäjät ovat osana käyttöliittymäsuunnittelua. Lisäksi laadunvarmistus koettiin oleelliseksi osaksi kehitysprosessia.
The thesis was commissioned by Ontec Oy, which is an industrial software and control system developer, founded in Kotka. The purpose of the user interface developed in the functional part is to be utilized by the commissioner, as part of their systems.
The thesis describes the development process of a web application user interface from a technical viewpoint, as well as a user-centric viewpoint. In the technical implementation, various modern web-technologies have been utilized to create a modern and responsive solution. As part of the user-centric design process, the target audience, as well as the context of use, have been researched, as they play a significant part in user interface design. The user interface was also localized, with translations to both Finnish and English. Quality assurance has been utilized to ensure a sufficient user experience and usability.
The result of the thesis was a fully functional web-based user interface. The knowledge, skills, and needs of the target audience have been met, and the user interface has been developed around them. The conclusion of the thesis is that the user plays a center stage role in user interface design- and that quality assurance is an essential part of the design process.