Ilmanlaatuanturin mobiilisovelluksen käyttöliittymän uudelleensuunnittelu ja laadinta

Abstract

Tämän työn tavoitteena oli perehdyttää lukija mobiilisovellusten käyttöliittymäsuunnitteluun sekä selvittää sen parhaat ja yleisimmät virheet. Kerätty teoria sovellettiin käytäntöön suunnittelemalla uudelleen MegaSense-yrityksen ilmanlaatuanturilaitteen mobiilisovellus ja toteuttamalla uusi sovellus vanhan tilalle.

Työn teoriaosiossa kiinnitettiin erityistä huomiota Nielsenin heuristiikkoihin ja visuaalisen suunnittelun yleisimpiin tekniikoihin. Tämä teoria mahdollistaa käyttöliittymien suunnittelun parantamisen käytettävyyden kannalta ja sovelluksen käytön tehostamisen käyttäjille.

Työn motivaationa oli MegaSense-yrityksen ilmanlaatuanturisovellus, jonka käyttöliittymässä oli havaittu ongelmia käyttäjäpalautteiden perusteella. Uuden sovelluksen toteutuksessa keskityttiin ensisijaisesti käyttöliittymän yksinkertaistamiseen ja intuitiivisuuden lisäämiseen. Tämä saavutettiin uudistamalla sovelluksen navigaatiota, parantamalla näkymien ja prosessien tilojen näkevyyttä sekä tehostamalla käyttäjäohjeistusta.

Työ osoittaa, kuinka käyttöliittymäsuunnittelun hyviä käytäntöjä voidaan hyödyntää käytännössä. Työ näyttää konkreettisesti, miten Nielsenin heuristiikat ja visuaaliset tekniikat auttavat tunnistamaan mahdolliset ongelmakohdat tai epäselvyydet käyttöliittymässä jo suunnitteluvaiheessa ennen sovelluksen varsinaista toteutusta, mikä vähentää tarvetta korjata nämä ongelmat sovelluksen uusissa versioissa.

The goal of this work was to familiarize the reader with the user interface design of mobile applications, to identify the best practices, and to highlight the most common mistakes. The theory was applied by redesigning the mobile application for MegaSense company's air quality sensor device and implementing a new application to replace the old one.

In the theoretical part of the work, special attention was given to Nielsen's heuristics and the most common techniques of visual design. This theory enables the improvement of user interface design in terms of usability and makes the application more efficient for users.

The motivation for this work stemmed from the air quality sensor application by the company MegaSense, whose user interface had been identified as problematic based on user feedback. The implementation of the new application focused primarily on simplifying the user interface and increasing intuitiveness. This was achieved by updating the application's navigation, improving the visibility of the status of views and processes, and enhancing user guidance.

The work demonstrates how the best practices of user interface design can be utilized in practice. It concretely shows how Nielsen's heuristics and visual techniques help to identify possible problem areas or ambiguities in the user interface during the design phase, before the actual implementation of the application, thereby reducing the need to address these issues in new versions of the application.