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

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älinei...

Full description

Bibliographic Details
Main Author: Jokisuu, Petra
Other Authors: Informaatioteknologian tiedekunta, Faculty of Information Technology, Informaatioteknologia, Information Technology, Jyväskylän yliopisto, University of Jyväskylä
Format: Bachelor's thesis
Language:fin
Published: 2020
Subjects:
Online Access: https://jyx.jyu.fi/handle/123456789/69165
_version_ 1826225816467406848
author Jokisuu, Petra
author2 Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_facet Jokisuu, Petra Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä Jokisuu, Petra Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_sort Jokisuu, Petra
datasource_str_mv jyx
description 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.
first_indexed 2024-09-11T08:49:15Z
format Kandityö
free_online_boolean 1
fullrecord [{"key": "dc.contributor.advisor", "value": "Riekkinen, Janne", "language": "", "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.author", "value": "Jokisuu, Petra", "language": "", "element": "contributor", "qualifier": "author", "schema": "dc"}, {"key": "dc.date.accessioned", "value": "2020-05-25T07:51:01Z", "language": null, "element": "date", "qualifier": "accessioned", "schema": "dc"}, {"key": "dc.date.available", "value": "2020-05-25T07:51:01Z", "language": null, "element": "date", "qualifier": "available", "schema": "dc"}, {"key": "dc.date.issued", "value": "2020", "language": "", "element": "date", "qualifier": "issued", "schema": "dc"}, {"key": "dc.identifier.uri", "value": "https://jyx.jyu.fi/handle/123456789/69165", "language": null, "element": "identifier", "qualifier": "uri", "schema": "dc"}, {"key": "dc.description.abstract", "value": "Verkkosivut ja niiden k\u00e4ytt\u00f6 ovat lis\u00e4\u00e4ntyneet ja tulevat lis\u00e4\u00e4ntym\u00e4\u00e4n merkitt\u00e4v\u00e4sti teknologian kehittyess\u00e4 ja maailman digitalisoituessa. Muutos on johtanut k\u00e4ytt\u00e4jien vaatimusten lis\u00e4\u00e4ntymiseen aina teknisist\u00e4 ominaisuuksista visuaalisiin ominaisuuksiin. Tutkimuksen tarkoitus on l\u00f6yt\u00e4\u00e4 apuv\u00e4lineit\u00e4 yrityksille ja organisaatioille heid\u00e4n verkkosivujensa kehitt\u00e4miseen, jotta verkkosivut edist\u00e4isiv\u00e4t heid\u00e4n liiketoimintaansa. Toinen tavoite on pyrki\u00e4 l\u00f6yt\u00e4m\u00e4\u00e4n vastauksia k\u00e4ytt\u00e4jien tarpeisiin sek\u00e4 vaatimuksiin. T\u00e4ss\u00e4 kandidaatin tutkielmassa tarkastellaan v\u00e4rien k\u00e4ytt\u00f6\u00e4 k\u00e4ytt\u00f6liittym\u00e4suunnittelussa pyrkien selvitt\u00e4m\u00e4\u00e4n ihmisten assosiaatioita v\u00e4reihin sek\u00e4 v\u00e4rien kokemista ja havaitsemista k\u00e4ytt\u00f6liittymiss\u00e4. Tutkielmassa keskityt\u00e4\u00e4n verkkosivujen k\u00e4ytt\u00f6liittymiin. Kirjallisuuden perusteella havaittiin kolme tarkoitusta v\u00e4rien k\u00e4yt\u00f6lle verkkosivujen k\u00e4ytt\u00f6liittymiss\u00e4. N\u00e4m\u00e4 ovat v\u00e4rien k\u00e4ytt\u00f6 muotoilun apuv\u00e4lineen\u00e4, visuaalisena koodina sek\u00e4 estetiikan ja tunteiden lis\u00e4\u00e4j\u00e4n\u00e4. K\u00e4ytt\u00f6liittym\u00e4suunnittelussa tulee erityisesti kiinnitt\u00e4\u00e4 huomiota v\u00e4rien osalta kontrastiin, kirkkauteen, v\u00e4rialueiden pinta-aloihin, vahvoihin v\u00e4reihin, v\u00e4riyhdistelmiin, sinisen s\u00e4vyihin sek\u00e4 poikkeaviin v\u00e4rin\u00e4k\u00f6ryhmiin. V\u00e4rien k\u00e4yt\u00f6ll\u00e4 verkkosivujen k\u00e4ytt\u00f6liittym\u00e4suunnittelussa huomattiin olevan suora vaikutus k\u00e4ytt\u00e4jien tunteisiin, suorituskykyyn sek\u00e4 k\u00e4ytt\u00e4j\u00e4kokemukseen mutta my\u00f6s yritysten liiketoimintaan. Tutkimus suoritettiin kirjallisuuskatsauksena.", "language": "fi", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.abstract", "value": "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.", "language": "en", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Submitted by Paivi Vuorio (paelvuor@jyu.fi) on 2020-05-25T07:51:01Z\nNo. of bitstreams: 0", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Made available in DSpace on 2020-05-25T07:51:01Z (GMT). No. of bitstreams: 0\n Previous issue date: 2020", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.format.extent", "value": "41", "language": "", "element": "format", "qualifier": "extent", "schema": "dc"}, {"key": "dc.language.iso", "value": "fin", "language": null, "element": "language", "qualifier": "iso", "schema": "dc"}, {"key": "dc.rights", "value": "In Copyright", "language": "en", "element": "rights", "qualifier": null, "schema": "dc"}, {"key": "dc.subject.other", "value": "k\u00e4ytt\u00f6liittym\u00e4suunnittelu", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "verkkopohjainen k\u00e4ytt\u00f6liittym\u00e4", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.title", "value": "V\u00e4rien k\u00e4ytt\u00f6 verkkosivujen k\u00e4ytt\u00f6liittym\u00e4suunnittelussa", "language": "", "element": "title", "qualifier": null, "schema": "dc"}, {"key": "dc.type", "value": "bachelor thesis", "language": null, "element": "type", "qualifier": null, "schema": "dc"}, {"key": "dc.identifier.urn", "value": "URN:NBN:fi:jyu-202005253418", "language": "", "element": "identifier", "qualifier": "urn", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Bachelor's thesis", "language": "en", "element": "type", "qualifier": "ontasot", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Kandidaatinty\u00f6", "language": "fi", "element": "type", "qualifier": "ontasot", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Informaatioteknologian tiedekunta", "language": "fi", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Faculty of Information Technology", "language": "en", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.department", "value": "Informaatioteknologia", "language": "fi", "element": "contributor", "qualifier": "department", "schema": "dc"}, {"key": "dc.contributor.department", "value": "Information Technology", "language": "en", "element": "contributor", "qualifier": "department", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "Jyv\u00e4skyl\u00e4n yliopisto", "language": "fi", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "University of Jyv\u00e4skyl\u00e4", "language": "en", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Tietoj\u00e4rjestelm\u00e4tiede", "language": "fi", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Information Systems Science", "language": "en", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "yvv.contractresearch.funding", "value": "0", "language": "", "element": "contractresearch", "qualifier": "funding", "schema": "yvv"}, {"key": "dc.type.coar", "value": "http://purl.org/coar/resource_type/c_7a1f", "language": null, "element": "type", "qualifier": "coar", "schema": "dc"}, {"key": "dc.rights.accesslevel", "value": "openAccess", "language": null, "element": "rights", "qualifier": "accesslevel", "schema": "dc"}, {"key": "dc.type.publication", "value": "bachelorThesis", "language": null, "element": "type", "qualifier": "publication", "schema": "dc"}, {"key": "dc.subject.oppiainekoodi", "value": "601", "language": "", "element": "subject", "qualifier": "oppiainekoodi", "schema": "dc"}, {"key": "dc.subject.yso", "value": "v\u00e4rit", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "k\u00e4ytett\u00e4vyys", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "k\u00e4ytt\u00f6liittym\u00e4t", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "suunnittelu", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "k\u00e4ytt\u00f6", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "kontrasti", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "kirkkaus", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.rights.url", "value": "https://rightsstatements.org/page/InC/1.0/", "language": null, "element": "rights", "qualifier": "url", "schema": "dc"}]
id jyx.123456789_69165
language fin
last_indexed 2025-02-18T10:56:15Z
main_date 2020-01-01T00:00:00Z
main_date_str 2020
online_boolean 1
online_urls_str_mv {"url":"https:\/\/jyx.jyu.fi\/bitstreams\/3a9f9595-3a10-4c42-ba55-bd801b060c18\/download","text":"URN:NBN:fi:jyu-202005253418.pdf","source":"jyx","mediaType":"application\/pdf"}
publishDate 2020
record_format qdc
source_str_mv jyx
spellingShingle Jokisuu, Petra Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa käyttöliittymäsuunnittelu verkkopohjainen käyttöliittymä Tietojärjestelmätiede Information Systems Science 601 värit käytettävyys käyttöliittymät suunnittelu käyttö kontrasti kirkkaus
title Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_full Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_fullStr Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_full_unstemmed Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_short Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_sort värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
title_txtP Värien käyttö verkkosivujen käyttöliittymäsuunnittelussa
topic käyttöliittymäsuunnittelu verkkopohjainen käyttöliittymä Tietojärjestelmätiede Information Systems Science 601 värit käytettävyys käyttöliittymät suunnittelu käyttö kontrasti kirkkaus
topic_facet 601 Information Systems Science Tietojärjestelmätiede kirkkaus kontrasti käytettävyys käyttö käyttöliittymäsuunnittelu käyttöliittymät suunnittelu verkkopohjainen käyttöliittymä värit
url https://jyx.jyu.fi/handle/123456789/69165 http://www.urn.fi/URN:NBN:fi:jyu-202005253418
work_keys_str_mv AT jokisuupetra värienkäyttöverkkosivujenkäyttöliittymäsuunnittelussa