Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • 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
Köpprocessen via en mobilanpassad webbshop ur användarens perspektiv
Jönköping University, School of Engineering, JTH, Computer Science and Informatics.
Jönköping University, School of Engineering, JTH, Computer Science and Informatics.
2017 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
The buying process on a mobile webshop from the user's perspective (English)
Abstract [sv]

Syfte – Trenden med e-handel ökar stadigt och allt fler konsumenter utför köp via mobiltelefonen. I en undersökning som Episerver utfört surfar 90 procent av alla konsumenter via mobilen men endast 19 procent genomför köp på en webbplats. Det beror på tekniska problem, svårigheter med otillräcklig tillgång till information och registreringar som kräver för många steg. Risken är hög att en konsument lämnar webbplatsen om de upplever den svårnavigerad.

Idag finns generella principer inom design för webbplatser och Google Analytics används för att mäta trafik och se hur användaren navigerar på webbplatsen. Det som inte framkommer är bakomliggande orsaker till användarens beteende. Trots att de generella principerna för design är vedertagna och används idag visar undersökningar att konsumenter upplever webbplatsen svårnavigerad och lämnar. För att förstå användarens upplevelse av webbplatsen är det därför viktigt att utföra en studie där man samlar kvalitativa data.

Syftet med studien var därför att ta reda på hur en användare upplever användbarhet och utformning under en köpprocess på en mobilanpassad webbshop för mode.

Metod – För att uppnå studiens syfte har en små-N-studie genomförts där tre webbshopar granskades. En fallstudie har även genomförts och inkluderade en observation samt en intervju med sex deltagare.

Resultat – Studien visar att de tre webbshopar som granskats är utformade responsivt. Vedertagna ikoner, som hamburgermeny, varukorg och sökfunktion används. Kontraster med färg och typografi mot färgad bakgrund, hierarki och whitespace används. Samtliga webbshopar använder progressive disclosure för att dölja information och komprimera innehåll. Bekräftelse förekommer med hjälp av betoning. I fallstudien framkom det att användaren upplever frustration och förvirring under flera delar av köpprocessen. De frustrerande områdena är: oväntade händelser och popup-rutor som stör processen, webbshopens filtrering som saknar alternativ att sortera på mönster eller valda alternativ som inte följer med genom processen. Knappar var svåra att trycka på grund av dess storlek eller placering. Användaren blev även förvirrad över navigationen när flera kategorier slagits ihop och olika ord används för att benämna samma sak på olika webbplatser. Studien visar även att användaren upplever att sökrutan är smidig och effektiv att använda. Till sist upplever användaren att det fungerar bra att skrolla om webbsidan inte blir för lång.

Implikationer – Studiens resultat visar på vikten av att kartlägga användarens upplevelse av interaktion samt utformningen av webbshopen ännu tydligare för att möjliggöra utveckling och erbjuda en positiv upplevelse av webbshopen under köpprocessen. Webbshoparna bör därför fokusera på att optimera webbshopens interaktion och utformning genom att genomgående följa User Interface Guidelines framtagna för applikationer och genomföra kvalitativa undersökningar med sina användare för att möta framtida behov då mobilanvändningen ökar.

Begränsningar – Studiens resultat är begränsat till webbshopar i Sverige. I andra länder kan utformning och uppfattning av en mobilanpassad webbshop vara annorlunda. Om utvecklingen av användbarhet och mobilanpassade webbshopar sker snabbt och med stora förändringar kan studiens livslängd bli begränsad.

Abstract [en]

Purpose – The e-commerce is increasing and more consumers choose to shop with their phone. A study made by Episerver shows that 90 percent of all people surf on their phone but only 19 percent buy with their phone. The main reasons are technical problems, difficulties, limited access to information and registers that requires many steps. There is a high risk that a user will leave the website if they experience it complicated.

There are general principles of design for websites to create good design and Google Analytics is used to analyse how a user navigates on the website. But the navigation does not describe why the user navigates in a certain way. Even though the general principles of design are being used users still experience websites complicated and decides to leave. To get a better understanding of the users experience of the website it is important to do a qualitative study.

The purpose of this study is to investigate how a user experience the usability and design during a buying process on a mobile webshop within fashion.

Method – In order to achieve the purpose of this study, a small-N study has been conducted on three webshops. A case study has also been conducted that included an observation and an interview with six participants.

Findings – The study shows that all three reviewed webshops are designed responsive. Recognized icons, such as the burger menu, the cart and the magnifying glass for search function are used. Color contrasts and contrast in typography against background, hierarchy and whitespace.  All webshops uses progressive disclosure to conceal information and compress content.  Confirmations by emphasizing are used. Frustration and confusion appeared in the case study during several parts of the buying process. The frustrating parts are: unexpected events and pop-up boxes that interrupt the process, the missing alternative to filter products with patterns in the filtration function or chosen sizes of clothes in the filtration function that do not follow through the process. Buttons were difficult to press because of the size of it or its placement. The user also got confused on how to use the navigation when several of the categories were merged and when the same words had different meaning in different words were used in different webshops. The study also shows that the user experience that the search function was easy and effective to use. At last the user experienced the scroll positive if the website is not too long.

Implications –  The result of this study shows the importance of mapping the user’s perception of the website to be able to develop and offer a positive experience on the website during the buying process. The webshop therefore should focus on optimizing the interaction by following the User Interface Guidelines for applications and perform qualitative studies with the users to meet future needs as mobile usage increases.

Limitations – The result of this study is limited to webshops in Sweden. The design and perception of the webshop can differ from other countries. If the mobile websites and the usability changes fast and with major changes, the lifetime of this study might be limited.

Place, publisher, year, edition, pages
2017. , 61 p.
Keyword [en]
Informatics, Interaction design, Information architecture, Responsivity, Principles of design, E-commerce, Small-N research
Keyword [sv]
Informatik, Interaktionsdesign, Informationsarkitektur, Responsivitet, Designprinciper, E-handel, Små-N-studie
National Category
Computer and Information Science Interaction Technologies
Identifiers
URN: urn:nbn:se:hj:diva-35833ISRN: JU-JTH-IKA-1-20170055OAI: oai:DiVA.org:hj-35833DiVA: diva2:1121095
Subject / course
JTH, Informatics
Supervisors
Examiners
Available from: 2017-08-28 Created: 2017-07-09 Last updated: 2017-08-28Bibliographically approved

Open Access in DiVA

Köpprocessen via en mobilanpassad webbshop ur användarens perspektiv(7578 kB)27 downloads
File information
File name FULLTEXT02.pdfFile size 7578 kBChecksum SHA-512
015dae9ba1059baa97f654d43e76e4a74bd70337e6274abea89d40b656b4eb256f51919c264e752dbc707749371913e85d0ac7ee425a865ddf1cc338ae033930
Type fulltextMimetype application/pdf

By organisation
JTH, Computer Science and Informatics
Computer and Information ScienceInteraction Technologies

Search outside of DiVA

GoogleGoogle Scholar
Total: 27 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: 78 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • 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