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
Adapting the web: Analysis of guidelines for responsive design
Blekinge Institute of Technology, Faculty of Computing, Department of Software Engineering.
2019 (English)Independent thesis Basic level (university diploma), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Smartphone usage is higher than ever and the number is steadily increasing, but not all websites on the Internet are adapted for use on smartphones. This study set out to find common and proven guidelines from the current scientific literature and create a guide on how to best adapt a desktop website to be optimized for use on smartphones. Areas of research were usability, readability and energy saving. A literature review of the body of data on the subject was reviewed and the result was put in a list of guidelines. The guidelines were used to compare the desktop version versus the smartphone version on 5 frequently visited websites.

   The result was summarized with a score for each website and their respective solution for displaying components on small screens was noted. A prototype website was constructed in two versions: one responsive and one unresponsive. The prototype website’s different versions were then tested by a group of testers. The result of the tests concluded that the guidelines raised user satisfaction and readability. Sufficient energy saving metrics could not be extracted in the way design and usability was tested and had to be excluded from the testing.

   The list of guidelines showed that there are solutions for solving readability, usability issues  and energy-saving issues on smartphones. The testing concluded that there was an increase in text readability and usability of the website when the guidelines were implemented. Further testing of energy saving must be conducted to test the validity of the remaining untested  guidelines.

Place, publisher, year, edition, pages
2019. , p. 77
Keywords [en]
responsive design, readability, usability, web design
National Category
Software Engineering
Identifiers
URN: urn:nbn:se:bth-17996OAI: oai:DiVA.org:bth-17996DiVA, id: diva2:1327686
Subject / course
PA1438 Självständigt arbete Webbprogrammering
Educational program
PAGWG Webbprogrammering
Supervisors
Examiners
Available from: 2019-06-20 Created: 2019-06-19 Last updated: 2019-06-20Bibliographically approved

Open Access in DiVA

Adapting the web: Analysis of guidelines for responsive design(5983 kB)44 downloads
File information
File name FULLTEXT02.pdfFile size 5983 kBChecksum SHA-512
62056589924324d033231eb4ef719220a91e95caa7927291284c2e57e4208fa240fe43487ba7c3d25a5aeab493cf5c953791bc95c494696031d1b36b560e78e8
Type fulltextMimetype application/pdf

By organisation
Department of Software Engineering
Software Engineering

Search outside of DiVA

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