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
Responsive web design – an explorative analysis from an aesthetic, functional and technical perspective
Mälardalen University, School of Innovation, Design and Engineering.
2018 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Since the third-generation’s mobile telephony was introduced, the use of the Internet changed significantly. Websites can nowadays be viewed from a wide range of devices that differ in type and size. This puts a demand on the design of web pages because the page should be equally useful regardless of the type of device used to view the page. Responsive web design is a design method that strives towards solving this problem by allowing web pages to customize their visual representation based on the medium used to interact with them. Although it is a well-used tool in web development, it is relatively unexplored from a technical, aesthetic and functional perspective. The goal of this thesis is to improve the situation by exploring the possibilities and limitations of responsive web design in relation to the above perspectives. To achieve this, common definitions of this approach were collected, together with an implementation of a responsive product. To give structure to the analysis, the development process followed the Double Diamond approach together with two experiential qualities, fluidity and naturality. By using media queries together with scalable units in the implementation, a fully responsive portfolio website was created. The creation of the product gave room for understanding possibilities and limitations of responsive web design. The encountered problems in this thesis, such as detecting different types of devices, concludes that responsive web design is yet not a fully developed approach and contains problems that limit the implementation.

Place, publisher, year, edition, pages
2018. , p. 34
Keywords [en]
responsive web design, design process, double diamond
National Category
Engineering and Technology
Identifiers
URN: urn:nbn:se:mdh:diva-39669OAI: oai:DiVA.org:mdh-39669DiVA, id: diva2:1215401
Subject / course
Computer Science
Supervisors
Examiners
Available from: 2018-06-11 Created: 2018-06-08 Last updated: 2018-06-11Bibliographically approved

Open Access in DiVA

fulltext(8814 kB)30 downloads
File information
File name FULLTEXT01.pdfFile size 8814 kBChecksum SHA-512
cf16b99a17a3b0107ade74939d82b2e5c2a0a4b22661d4a79432f9a38b8926406b09d786239c425036e599f772a6989b3250bd24ae2a955b6ef2f6dd5742ee47
Type fulltextMimetype application/pdf

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

Search outside of DiVA

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