Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa

Abstract

Verkkosivut ja niiden käyttö ovat lisääntyneet ja tulevat lisääntymään merkittävästi teknologian kehittyessä ja maailman digitalisoituessa. Muutos on johtanut käyttäjien vaatimusten lisääntymiseen aina teknisistä ominaisuuksista visuaalisiin ominaisuuksiin. Tutkimuksen tarkoitus on löytää apuvälineitä yrityksille ja organisaatioille heidän verkkosivujensa kehittämiseen, jotta verkkosivut edistäisivät heidän liiketoimintaansa. Toinen tavoite on pyrkiä löytämään vastauksia käyttäjien tarpeisiin sekä vaatimuksiin. Tässä kandidaatin tutkielmassa tarkastellaan värien käyttöä käyttöliittymäsuunnittelussa pyrkien selvittämään ihmisten assosiaatioita väreihin sekä värien kokemista ja havaitsemista käyttöliittymissä. Tutkielmassa keskitytään verkkosivujen käyttöliittymiin. Kirjallisuuden perusteella havaittiin kolme tarkoitusta värien käytölle verkkosivujen käyttöliittymissä. Nämä ovat värien käyttö muotoilun apuvälineenä, visuaalisena koodina sekä estetiikan ja tunteiden lisääjänä. Käyttöliittymäsuunnittelussa tulee erityisesti kiinnittää huomiota värien osalta kontrastiin, kirkkauteen, värialueiden pinta-aloihin, vahvoihin väreihin, väriyhdistelmiin, sinisen sävyihin sekä poikkeaviin värinäköryhmiin. Värien käytöllä verkkosivujen käyttöliittymäsuunnittelussa huomattiin olevan suora vaikutus käyttäjien tunteisiin, suorituskykyyn sekä käyttäjäkokemukseen mutta myös yritysten liiketoimintaan. Tutkimus suoritettiin kirjallisuuskatsauksena.

Websites and the use of them have increased and will significantly increase as the result of technological advances and digitalization. This change has led to increased user requirements for technical and visual features. The purpose of this research is to find tools for companies and organizations to develop their websites, and to promote their business. Another aim for this research is to find solutions for the needs and requirements of the users. This Bachelor's Thesis examines the use of colors in user interface design. The purpose is to clarify people's associations with colors, and the experience and perception of colors in user interfaces. The research focuses on the user interfaces of websites. Based on the literature, three purposes for the use of colors on website interfaces were identified. These are the use of colors as a design aid, as a visual code, and as an aesthetical and emotional enhancer. In user interface design, special attention should be paid to contrast, brightness, color surface areas, strong colors, color combinations, shades of blue, and color vision deficiencies. The use of colors in user interface design on websites was found to have a direct impact on the users' emotions, performance, and user experience, but also on companies' business. The study was conducted as a literature review.