Base C6 -julkaisujärjestelmän käyttöliittymäuudistus

Abstract

Opinnäytetyön aiheena oli uudistaa Valu Digital Oy:n Base C6 -julkaisujärjestelmä, hyödyntäen Twitter Bootstrap 3 -sovelluskehystä. Opinnäytetyössä tarkasteltiin käyttöliittymäsuunnittelua ja käytettävyyttä mm. käyttäjäkokemuksien ja käytettävyysstandardien pohjalta. Käyttöliittymän teknisessä uudistuksessa hyödynnettiin teoriaa sekä valitun sovelluskehyksen luokkia ja komponentteja. Järjestelmän kaikki eri moduulit ja näkymät käännettiin käyttämään Bootstrap-sovelluskehyksen luokkia, käyttöliittymäelementtejä ja toiminnallisuuksia.

Käyttöliittymän parantamisessa keskityttiin myös yksittäisten komponenttien toiminnallisuuksien parantamiseen. Järjestelmää muokattiin vastaamaan paremmin nykyaikaisia käytettävyysstandardeja, kuten tekemällä käyttöliittymästä responsiivinen. Responsiivisuudessa keskityttiin erityisesti parantamaan tablet-näkymiä, sillä niiden käyttö on asiakkaiden keskuudessa lisääntynyt huomattavasti.

Opinnäyteyössä myös vertailtiin toiminnallisuuksia vanhan ja uuden version välillä, jolla pystyttiin osoittamaan muutoksien hyödyt. Opinnäytetyössä toteutettu Base C7 -versio on käytettävyydeltään nykyaikaisempi ja parempi, kuin vanha versio. Käytettävyys parani tekemällä järjestelmästä responsiivisen, yhdenmukaistamalla komponentteja ja käyttämällä Bootstrap-sovelluskehyksen tarjoamia työkaluja. Jatkokehityksenä julkaisujärjestelmää tullaan vielä ennen julkaisua viimeistelemään mm. responsiivisuuden ja editorin osalta syvällisemmin.

The thesis was assigned by Valu Digital Inc. The topic of thesis was to conduct a revision for Valu Digital's independent and closed content management system, Base C6' user interface, by utilizing Twitter Bootstrap 3 framework. The thesis was based on research that involving user interface design, usability, user experience and usability standards. Technical user interface revision exploits the made research while changing the old views and elements by using the new classes and components of the new framework, Bootstrap3. All system modules and views were translated into the new framework.

The thesis also includes also improvements to the functionality of the user interface. The system was modified to suit modern UI standards better, and be responsive and usable on tablet computers. The usability changes included the use of modal windows instead of pop-ups, for example. Comparisons between old and new version were made.

Usability was improved by unifying components and design and also taking advantage of Bootstrap 3’s improved usability and the design of the user interface. The user interface is now responding to design standards of 2015 with sleeker look and design. The content management system is not completely ready. Future development will mainly focus on responsiveness and general finalizing of the Base C6 content management system. Large scale testing of the new version will also be performed in the future.