mdh.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Att visualisera läromedel i matematik: En undersökning om ikonens påverkan på den visuella hierarkin
Mälardalen University, School of Innovation, Design and Engineering.
2017 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [sv]

I denna rapport kommer jag gå igenom hur ikoner kan bli informationsbärare i den visuella hierarkin, med hjälp utav projekt Framtidens läromedel. Syftet med denna studie är att ta reda på hur dessa ikoner bör vara utformade för att bidra till en bättre navigering i kontext. Två enkätundersökningar utförs för att se hur testpersonerna uppfattar budskapet med metaforer. Genom att titta på teorier från tidigare forskning, studerade jag andra attribut för ikonen.

När resultatet kom in blev det tydligt att bild och text i samverkan skapade en bättre förståelse för ikonens budskap. Andra studier visade också att beroende på ikonens attribut så läser användaren av det snabbare. Det är bättre att ha en fyrkantig eller rund ikon, tjockare linjer och med en färg som inte slås ut av en komplementfärg i bakgrunden. Färgen ska variera från ikon till ikon för ge läsaren chansen att stänga av andra färger i hjärnan och ska fokusera på t.ex. röd, vilket leder till den enskilda specifika ikonen med färgen röd.

Abstract [en]

In this report I’ll go through how to make icons an information carrier in a visual hierarchy, with help from project Framtidens läromedel. The purpose of the study is to find out how the appearance of icons will contribute to a better navigation in context. Two surveys were executed to review how the test subjects comprehend the message with metaphors. By looking at earlier research I examined other attributes for the icon.

When the results came out it was clear that picture and text combined gave a better understanding of the icon’s message. Other studies also gave the conclusion that depending on the icon’s attribute the reader will scan it quickly. It’s better to make an icon square shaped or round, thicker lines and with a color that doesn’t complete with its complementary color in the background. The color should also vary from icon to icon to give the reader the opportunity to filter out the other colors in their mind and focus on the specific icon, for an example red, which leads to that specific icon with the color red.

Place, publisher, year, edition, pages
2017. , 62 p.
Keyword [en]
icon, design, visual, hierarchy, metaphor, color, semiotic
Keyword [sv]
ikoner, ikon, visuell, hierarki, design, färg, semiotik, metafor
National Category
Engineering and Technology
Identifiers
URN: urn:nbn:se:mdh:diva-35933OAI: oai:DiVA.org:mdh-35933DiVA: diva2:1115002
External cooperation
Projekt Framtidens läromedel
Subject / course
Information Design
Presentation
2017-06-02, Eskilstuna, 12:23 (Swedish)
Supervisors
Examiners
Projects
Projekt Framtidens läromedel
Available from: 2017-07-06 Created: 2017-06-26 Last updated: 2017-07-06Bibliographically approved

Open Access in DiVA

fulltext(1437 kB)17 downloads
File information
File name FULLTEXT01.pdfFile size 1437 kBChecksum SHA-512
5e2abc55fd8e590051e9b44a6474ce6845cbb2380ad8210960accf97a0d0656f16ffcf123ef5bcf02118665e1dbb80b17702bea634fc1d0e3cbe1b460f0161e4
Type fulltextMimetype application/pdf

By organisation
School of Innovation, Design and Engineering
Engineering and Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 17 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

Total: 17 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf