Netti-Moppi-oppimisympäristön graafisen ilmeen ja käyttöliittymän uudistaminen

Abstract

Tämän opinnäytetyön aiheena oli uudistaa Netti-Moppi-oppimisympäristön graafinen ilme ja verkkosovelluksen graafinen käyttöliittymä. Graafinen ilme sisälsi tuotteen logon ja maskotin uudistamisen. Graafinen käyttöliittymä kattoi verkkosovelluksen sivujen uudelleensuunnittelun. Opinnäytetyön asiakkaana toimi Mikrolinna Oy.

Opinnäytetyössä tarkastellaan visuaalisuuden merkitystä graafisessa käyttöliittymässä osana käytettävyyttä ja käyttökokemusta. Netti-Moppi-verkkosovelluksen graafisen käyttöliittymän uusimisen tavoitteena oli tuottaa käyttäjälähtöisen suunnittelun näkökulmasta mahdollisimman helppokäyttöinen sivusto. Opinnäytetyön osuuteen kuului visuaalisten elementtien ja niihin liittyvien toiminnallisten ratkaisujen suunnittelu verkkosovelluksen käytettävyyden parantamiseksi. Verkkosovelluksen teknisen toteutuksen teki asiakas. Netti-Moppi-oppimisympäristön logo- ja maskottiuudistuksella pyrittiin päivittämään verkkosovelluksen graafinen ilme ja markkinoimaan tuotetta nykyisille ja uusille asiakasryhmille.

Netti-Moppi-oppimisympäristön graafisen käyttöliittymän suunnittelussa sovellettiin käytettävyyden periaatteita niin kattavasti kuin oli mahdollista. Opinnäytetyön tuloksena valmistuneita ulkoasusuunnitelmia käytetään myöhemmin tapahtuvan sivuston teknisen toteutuksen pohjana. Oppimissovelluksen uusittu graafinen ilme on nykyaikainen ja tyyliltään yhtenäinen.

The topic of this thesis was to redesign the graphic identity and user-interface for the Netti-Moppi e-learning environment. The redesign of the graphic identity consisted of the renewal of the product logo and mascot. The graphic user-interface includes the redesign of the visual layout for each page of the site. The client of this thesis was Mikrolinna Oy.

The objective for the redesign of the graphic user-interface was to produce a website that has the greatest possible value of user-centered usability. This thesis examines the visual and functional solutions that were made to improve the usability of the Netti-Moppi e-learning environment. The technical production of the website was provided by the client. The objective for the redesign of the product logo and mascot was to update the graphic identity of the product and to market the product to new and existing clients.

The principles of usability were adapted during the design process as thoroughly as possible. The layouts designed as a result of this thesis will be used as a base for the upcoming technical production of the site. The updated graphic identity of the web application is modern and stylistically uniform.