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
Parallax Scrolling: To scroll or not to scroll
Umeå University, Faculty of Social Sciences, Department of Informatics.
2015 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

With the introduction of new technologies for the web like HTML5 and CSS3, new possibilities have emerged. An example of such is parallax scrolling which is based on the ‘parallax effect’. The parallax effect is the illusion of depth which is created by moving multiple layers in different speeds. This effect is commonly used in e.g. 2D games where you have a slow moving backgrounds relative to the character you play. While such an effect can certainly be appealing on a website, opinions differ. This paper examines the overall acceptance of parallax scrolling and how it is perceived in hedonic contexts such as infographics and storytelling.

The research was conducted using both qualitative and quantitative methods. Findings of the study indicate that parallax scrolling is generally well liked. It has shown its strengths in the aesthetic as a result of the illusion of depth. Another strong point of parallax scrolling is its entertaining value which makes content more fun and interesting by involving moving elements. However, in the study a website with parallax scrolling was not perceived as much better than a traditional website. While statistical significance in the perception was found, it can be argued that those differences were caused by a contrast effect. Further research is suggested by using a larger sample size.

Abstract [sv]

Introduktionen av nya teknologier såsom HTML5 och CSS3, har skapat nya möjligheter för webbutvecklare. Ett sådant exempel är parallax scrolling som baseras på ‘parallax-effekten’. Parallax-effekten är illusionen av djup som uppstår när flera lager av grafik rör sig i olika hastigheter. Effekten har använts ofta i 2D spel där man har bakgrunder som rör sig långsamt relativt spelkaraktären. En sådan effekt kan säkerligen vara mycket tilltalande, däremot finns det delade åsikter. Denna uppsats undersöker den generella inställningen till parallax scrolling och hur den uppfattas i hedoniska kontexter såsom “infographics” och “storytelling”.

Studien har genomförts genom att använda både kvalitativa och kvantitativa metoder. Resultaten tyder på att parallax scrolling är väl omtyckt. Den har visat sin styrka i det estetiska, vilket är tack vare illusionen av djup. Parallax scrolling har även ett underhållningsvärde som gör innehållet mer intressant och roligt. Däremot har studien även visat att en webbsida med parallax scrolling inte är särskilt bättre än en traditionell webbsida avseende användarupplevelse. Även om en statistisk signifikans har trätt fram kan man argumentera att detta resultat kan tillskrivas kontrasteffekten. Vidare studier är rekommenderade med en större provstorlek.

Place, publisher, year, edition, pages
2015. , 48 p.
Series
Informatik Student Paper Bachelor (INFSPB), 2015.04
Keyword [en]
parallax scrolling, vertical scrolling, scrolling, parallax effect, context, web design
National Category
Information Systems, Social aspects
Identifiers
URN: urn:nbn:se:umu:diva-105086OAI: oai:DiVA.org:umu-105086DiVA: diva2:823245
Educational program
Digital Media Production
Supervisors
Examiners
Available from: 2015-06-22 Created: 2015-06-17 Last updated: 2015-06-22Bibliographically approved

Open Access in DiVA

Ku 2015 Parallax Scrolling - To scroll or not to scroll(3143 kB)850 downloads
File information
File name FULLTEXT01.pdfFile size 3143 kBChecksum SHA-512
a159f6f4b381f9a4d6a1b0d13da9ff0a0481a6520919daddd4ef77e77ca638336bc43b0fc18b0c72dd2d0093a41d33a0d5282ddfa711876b872a75ce410f5bcc
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Ku, Dennis
By organisation
Department of Informatics
Information Systems, Social aspects

Search outside of DiVA

GoogleGoogle Scholar
Total: 850 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

urn-nbn

Altmetric score

urn-nbn
Total: 663 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