En tillgänglig och användbar webbplats: Hur kan en webbplats bidra till en förbättrad social hållbarhet på internet och dess användning?
2020 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE credits
Student thesis
Abstract [en]
The ambition with this study was to influence the social sustainability on the internet by answering the question ‒ is it possible to make the use of a website more effective and at the same time reduce the discrimination in society on websites for humans with disabilities and different language barriers? The company Maskin och Transport Bemanning AB has been in need of modernization of their existing and incomplete website, requesting various functions like shopping cart, booking-system and payment possibilities. The project was divided in four different phases: pilot study, planning, implementation and final. Initially, a graphic planning was carried out that contained wireframes, design sketches, audience analysis, sitemap and flowchart, to facilitate the creation of the website. With help of some webdesign principles from the book ”Användbarhetsboken” and a selected list of web guidelines from WCAG, an accessible and usable website could be designed to increase and ease the interaction between the visitor and website, at the same time making the usage more effective. In order to check the accessibility of the website, various types of testes were conducted in the final phase. With some help of different developing tools like Wave Evalation Tool, vision-simulator NoCoffee, web-browser tool Browserling, built-in developer tool in Mozilla Firefox, validation tools for HTML, CSS and PHP, as well as user tests by subjects, deficiencies could be detected and corrected before lanching the website. A usermanual was developed for the customer that contained explanations for the booking system, translate function and the contact form, as well as how the could communicate with their customers through the admin interface.
Abstract [sv]
Målet med denna undersökning har varit att påverka den sociala hållbarheten på internet genom att besvara frågan – är det möjligt att effektivisera användandet av en webbplats och samtidigt minska diskrimineringen i samhället gällandes webbplatser för människor med exempelvis funktionsvariationer och språkbarriärer? Företaget Maskin och Transport Bemanning Sverige AB har varit i behov av en modernisering av deras befintliga och inkompletta webbplats, med önskemål att även innehålla diverse funktioner som varukorg, bokningssystem och betalmöjligheter. Projektet delades upp i fyra olika faser, förstudie, planering, genomförande och avlutande. Inledningsvis genomfördes en grafisk planering beståendes av wireframes, designskisser, målgruppsanalys, sitemap och flödesschema, som ska underlätta skapandet av webbplatsen. Med hjälp av designprinciper tagna från Användbarhetsboken och utvalda riktlinjer från WCAG kunde en tillgänglig och användbar design utformas som förbättrar och underlättar interaktionen mellan besökaren och webbplatsen, samtidigt som det effektiviserar själva användandet. För att kontrollera webbplatsens tillgänglighet genomfördes olika typer av tester i den avslutande fasen. Med hjälp av diverse utvecklingsvertyg som Wave Evaluation Tool, vision-simulatorn NoCoffee, webbläsarvertyget Browserling, inbyggda utvecklingsmiljön i Mozilla Firefox, valideringsverktyg för HTML, CSS och PHP samt användartester av olika försökspersoner, kunde brister i designen upptäckas och förbättras innan lansering. Till kunden framtogs en enkel användarmanual över hur bokningssystemet, översättningsfunktionen och kontaktformuläret fungerar, och hur de kan interagera med deras besökare genom administrationsgränssnittet.
Place, publisher, year, edition, pages
2020. , p. 56
Keywords [sv]
Tillgänglighet, Användbarhet, Responsivitet, Wordpress, WCMS, LAMP, Projektledning, Social hållbarhet, Webbriktlinjer
National Category
Computer Engineering
Identifiers
URN: urn:nbn:se:miun:diva-39135Local ID: DT-V20-G2-035OAI: oai:DiVA.org:miun-39135DiVA, id: diva2:1437454
Subject / course
Computer Engineering DT1
Educational program
Web Development TWEUG 120 higher education credits
Supervisors
Examiners
2020-06-092020-06-092020-06-09Bibliographically approved