Visuaalinen käytettävyys Wordpress-verkkosivulla

Abstract

Opinnäytetyöni teoreettisessa osiossa paneudun käyttöliittymäsuunnittelun tietopohjaan visuaalisen suunnittelun ja käytettävyyden näkökulmasta. Opinnäytetyön toiminnallisessa osiossa selvitän, kuinka tietopohjaa on mahdollista soveltaa verkkosivuun, jolle on asennettu Wordpress-sisällönhallintajärjestelmä. Lopputuotteena toteutan Wordpress-verkkosivun kiipeily- ja retkeilyvälineitä maahantuovalle pienyritykselle toiminimi Locorockille. Locorock tarvitsi responsiiviset modernit verkkosivut, joita olisi helppo ylläpitää.

Käyn läpi Wordpress-sisällönhallintajärjestelmän toiminnan ja rakenteen perusteita, jotka on hyvä tietää osatakseen muuttaa visuaalisia ratkaisuja. Toteutuksessa paino on Wordpressin visuaalisissa ratkaisuissa, jotka parantavat verkkosivun käytettävyyttä ja joita graafisen suunnittelijan osaamisella voi muokata. Lopputuloksessa näkyy yhtenäinen värien käyttö ulkoasussa, mietityt typografiset ratkaisut sekä huomioitu mobiilikäytettävyys.

In the theoretical part of this thesis the knowledge base of user-interface-design is studied from the perspective of visual design and usability. The functional part of the thesis consists of sorting out how to apply these theories to a website with content management system Wordpress. The final product is a Wordpress-website implemented for a trade name Locorock, which sells climbing and trekking gear. Locorock required responsive, modern website, which would be easy to maintain.

The Wordpress content management system's structure and functional basics are being introduced in order to know how to change the visual solutions. The Emphasis of the implementation is on visual solutions provided by Wordpress, which improve usability of the website and can be edited by a graphic designer’s skills. The end result shows coherent use of colour as well as careful consideration of typography styles and mobile usability