Användning av responsiv webbdesign för att skapa en användarvänlig webb: Webb- och enhetsanpassning utifrån olika åldersgruppers behov
2020 (Swedish)Independent thesis Basic level (university diploma), 5 credits / 7,5 HE credits
Student thesisAlternative title
Utilizing responsive web design to create a user-friendly web (English)
Abstract [sv]
Idag är internet en stor del av vår vardag. Vi kan skrolla på sociala medier, posta bilder, dela länkar och surfa på webben vart vi än befinner oss genom utvecklingen av mobila enheter. Mer än 50 procent av all internetanvändning sker idag via mobiltelefoner. Det här har medfört att webbutveckling och webbdesign har varit tvunget att utvecklas parallellt med tekniken. För att webbsidor ska hänga med i utvecklingen och fungera på alla typer av enheter oberoende av skärmstorlek eller skärmupplösning har tekniken responsiv webbdesign utvecklats. Inom responsiv webbdesign finns dessutom flera olika metoder för att underlätta arbetet för enhetsanpassad webb. I den här rapporten kommer vi få ta del av några av dessa metoder. Även webbdesignstänken "mobile first" och "ett klick iväg" kommer att diskuteras. Förutom att webben har tvingats anpassa sig utifrån teknikutvecklingen, får vi inte glömma att webben dessutom ska vara en användarvänlig plats där alla olika åldersgrupper kan interagera både med varandra och med olika typer av webbsidor utan svårighet eller irritationsmoment. Det är viktigt att alla åldersgrupper vågar använda webben att den är anpassad för olika typer av användare för att alla ska kunna ta del av den information som finns online och inte diskrimineras.
Abstract [en]
Today, the internet is a big part of our everyday lives. We can scroll through social media, post pictures, share links and surf the web wherever we are thanks to the development of mobile devices. More than 50 percent of all internet use today is through mobile phones. Since the technological development is so big, this has also meant that web development and web design has had the need to develop parallel with the technology. In order for web pages to keep up with the technological development and to work on all types of devices regardless of screen size or screen resolution, the technique responsive web design had been developed. In responsive web design there are also several different methods to facilitate the work for responsive web design. In this report we will investigate some of these methods. Also, the web design concept "mobile first" and "one click away" will be discussed. In addition to the fact that the web has been forced to adapt to the technological development, we must not forget that the web should be a user-friendly place where all different age groups can interact with each other and with different types of web pages without difficulty or annoyance. It is important that all age groups are able to use the web and that it is adapted for different types of users so that all people are able to access and take part of the information that is available online.
Place, publisher, year, edition, pages
2020. , p. 35
Keywords [en]
Responsive webdesign, fluid webdesign, device adaptation, navigational structure
Keywords [sv]
Responsiv webbdesign, fluid webbdesign, enhetsanpassning, navigationsstruktur
National Category
Information Systems
Identifiers
URN: urn:nbn:se:hv:diva-15675Local ID: EXB340OAI: oai:DiVA.org:hv-15675DiVA, id: diva2:1456014
Subject / course
Informatics
Educational program
Webmaster
Supervisors
Examiners
2020-08-182020-07-302020-08-18Bibliographically approved