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
Responsiv Webbdesign: En studie av två responsiva gränssnitt
University West, Department of Economics and IT, Division of Media and Design.
University West, Department of Economics and IT, Division of Media and Design.
2014 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
Responsive web design : A study of two responsive interfaces (English)
Abstract [en]

The market for new devices is expanding, while older devices and browsers still remains. This makes it problematic for designers and developers to know what screen size and device that is used by the visitor. Previously , this has often been handled by creating a separate mobile site , but since we are no longer limited to a few screen sizes , this becomes untenable. The designer / developer then would have to create different web pages for all devices. One popular solution to this is responsive web design, which is based on a flexible and dynamic interface that automatically adapts to the visitor's screen size. Although responsive web design has had a major impact on the web , it is still a new area which is reflected in the lack of research on the subject. The rapid development of the area has also led to that the designers and developers have had to quickly adapt interfaces and techniques as they no longer work for all user situations.

The purpose of our study was to increase the understanding about responsive web design, and how this can be adapted to improve the usability and user experience . We have chosen to evaluate different, responsive interface to find guidelines that can be the basis for future, responsive web pages. Our research question is therefore :

"How can responsive design be optimized for an improved user experience and greater usability?"

The main findings in our study is partly that it is very important that the user perceives the website as consistent and recognize both the design of aesthetic elements and the interface, regardless of platform. We were also able to say that it is important for the designer / developer to prioritize the content and maintain margins and distance even on the smaller screens, allowing users to create a good overview and therefore get a better user experience

Abstract [sv]

Marknaden för nya enheter expanderar, samtidigt som äldre enheter och webbläsare fortfarande återstår vilket gör det problematiskt för designers och utvecklare att veta vilken skärmstorlek och enhet som besökaren använder. Tidigare har detta ofta hanterats genom att man skapat en separat mobilsida, men då vi inte längre är begränsade till några få skärmstorlekar blir detta numera ohållbart eftersom designern/utvecklaren behöver skapa olika webbsidor till alla enheter. En populär lösning till detta är responsiv webbdesign, som bygger på ett flexibelt och dynamiskt gränssnitt som automatiskt anpassar sig efter besökarens skärmstorlek. Trots att responsiv webbdesign har haft stor påverkan på webben så är det fortfarande ett nytt område vilket återspeglas i bristen på forskning inom ämnet. Den snabba utvecklingen av området har dessutom lett till att designers och utvecklare snabbt har behövt anpassa gränssnitt och tekniker då dessa inte längre fungerar för samtliga användarsituationer.

Syftet med vår undersökning har varit att öka förståelsen responsiv webbdesign, och hur detta kan anpassas för att förbättra användbarheten och användarupplevelsen. Vi har valt att utvärdera olika, responsiva gränssnitt för att på så vis hitta riktlinjer som kan ligga till grund för hur framtida, responsiva webbsidor designas. Vår frågeställning lyder därför:

"Hur kan den responsiva designens utformning optimeras för en förbättrad användarupplevelse och högre användbarhet?".

De viktigaste slutsatserna i vår studie är delvis att det är av stor vikt att användaren upplever webbsidan som enhetlig och känner igen såväl de estetiska elementens utformning som gränssnittets, oavsett plattform. Vi kunde även konstatera att det är viktigt för designern/utvecklaren att prioritera innehållet samt bibehålla marginaler och avstånd även på de mindre skärmarna så att användarna kan skapa sig en god överblick och på så vis få en bättre användarupplevelse

Place, publisher, year, edition, pages
2014. , 49 p.
Keyword [en]
Responsive web design, user experience, mobile web, user interface design, mobile first, design principles
Keyword [sv]
Responsive web design, user experience, mobile web, user interface design, mobile first, design principles
National Category
Media Studies
Identifiers
URN: urn:nbn:se:hv:diva-6356Local ID: EXC509OAI: oai:DiVA.org:hv-6356DiVA: diva2:729655
Subject / course
Media informatics
Educational program
Medieinformatik
Supervisors
Examiners
Available from: 2014-06-29 Created: 2014-06-26 Last updated: 2014-06-29Bibliographically approved

Open Access in DiVA

No full text

By organisation
Division of Media and Design
Media Studies

Search outside of DiVA

GoogleGoogle Scholar

Total: 485 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