E-commerce is a phenomenon that constantly evolves and expands which demands high standards towards web design to enhance the functionality and usability of websites. For this bachelor thesis, semi-structured interviews were applied to collect data on how several web design aspects impact e-commerce users’ trust towards e-commerce websites. The use of a qualitative method was conducted due to its efficiency in the collection of detailed information regarding e-commerce consumers’ opinions and thoughts about web design and its impact on their trust. Eight participants of varying ages were interviewed, which in a distinct way manifest that design aspects in many ways are crucial for the influence of users’ trust on e-commerce websites. This bachelor thesis indicates that web design impacts consumers trust, and that certain aspects of a website’s design are more powerful to either enhance or lower trust. The use of functional navigation design can be argued to be one of the more powerful design aspects for the enhancement of trust towards website’s. Navigation design constitutes a large part of a websites pragmatic qualities which has been found to be essential for the trustworthiness of websites.

Omkring 10% av befolkningen lider av defekt färgseende. De flesta, upptill 99%, av dessa är röd-grön färgblinda. Den sista procenten delasmellan totalt färgblinda och de med gul-blå färgblindhet. I studienidentifieras riktlinjer för hur färgsättning av diagram och kurvor ska görasför att även de med någon av de nämnda typerna av defekt färgseende skakunna tillgodogöra sig informationen i till exempel diagram. Baserat påteorier, samt egen personlig erfarenhet skapades bilder på färgsattakurvdiagram anpassade för personer med röd-grön färgblindhet. Dessahar testats och utvärderats av informanter som lever med den typen avdefekt färgseende. Detsamma gäller för skapandet av bilder för de medblå-gul färgblindhet. En färgsättning med enbart grundfärgerna gul, rödoch blå tillsammans med svart visade sig fungera för båda typerna avdefekt färgseende. Dessa färger tillsammans med svart mot en vitbakgrund ger inte bara ett tydligt intryck utan är också estetiskttilltalande.Genom att göra olika markeringar av linjerna i form av olika typer avsträckningar eller punkter, kan lätt fler än fyra kurvor finnas i sammadiagram. I studien presenteras möjliga färgkombinationer ochförklaringar kring varför de fungerar ihop. Detta bör vara tidsbesparandeoch kostnadseffektivt vid färgsättning av diagram likväl som webbsidoroch grafiska användargränssnitt mm. Informanternas tips och idéer på hurman ytterligare kan underlätta för de med defekt färgseende finns ocksåmed i rapporten. / Approximately 10% of the population suffer from defective color vision. Up to 99%of these persons suffer from red-green defective color vision. The last percentage isshared between those that are totally colorblind and those suffering from yellow-bluecolor defective color vison. This study identifies how correct use of colors will makesure that people suffering from any of the above-mentioned types of defective colorvision conditions will be able to assimilate the information given in, for example, adiagram. Based on theories, as well as personal experience, images were created oncolored curve diagrams adapted for people with red-green color blindness. These havebeen tested and evaluated by informants living with that type of defective colorvision. The same applies when it comes to the creation of the pictures for thosesuffering from blue-yellow defective color vision.A color scheme using only the primary colors yellow, red and blue together withblack proved to work for both types of defective color vision. These colors togetherwith black on a white background not only give a clear impression but are alsoaesthetically appealing. By making different markings of the lines in the form ofdashed lines or dots, more than four curves can easily be found in the same diagram.The study presents possible combinations of colors and explanations to why theywork together. This should be time saving and cost effective when coloring diagrams and also when for example coloring webpages and graphical user interfaces. The tipsand ideas given by the informants how to further facilitate for the persons sufferingfrom defective color vision is also found in the report.

Internet är en viktig del av människors vardag och webbsidor används dagligen av en stor del av befolkningen. Trots detta är det en övervägande andel män som skapar dessa webbsidor. Utvecklarnas normer och förväntningar formar ofta webbplatsers design. För att utveckla webbsidor som är användarvänliga och skapar en positiv användarupplevelse krävs det en medvetenhet och förståelse för användarnas olika preferenser. Genom att ha en ökad medvetenhet om dessa preferenser kan utvecklare och designers arbeta för att skapa webbsidor som möter användarnas förväntningar och behov på ett mer effektivt sätt.  Syftet med denna studie är att undersöka kvinnors uppfattning och reaktioner på stereotypiskt könskodad webbdesign, samt att undersöka hur könsneutral webbdesign kan bidra till att skapa inkluderande webbplatser. Syftet har sedan kategoriserats ner i två undersökningsfrågor. Undersökningsfrågorna i denna studie utforskar hur kvinnor uppfattar och känner igen stereotypiskt könskodad webbdesign, samt deras åsikter om inkluderande webbdesign och dess betydelse för att känna sig inkluderade.  För att uppnå studiens syfte har en kvalitativ metod använts. Studien bygger på en tidigare kandidatuppsats och undersöker även tidigare forskning inom ämnet. Metoden för datainsamling som användes var fokusgrupp bestående av kvinnor. Genom att återanvända delar av den tidigare kandidatuppsatsen och utöka med nya frågeställningar, analyserades hur stereotypisk könskodad webbdesign upplevs av kvinnor.  Resultatet av studien visade att kvinnor reagerade både positivt och negativt på stereotypiskt könskodad webbdesign. De kunde identifiera och känna igen könsstereotyper i färg, typografi och bildspråk. Deltagarna upplevde att den stereotypiska designen bidrog till exkludering av både kvinnor, män och personer med andra könsidentiteter. Därmed betonades vikten av att skapa könsneutral design för att främja en positiv användarupplevelse och undvika negativa konsekvenser av stereotyper. Resultatet betonade även behovet av inkluderande webbdesign och att skapa en känsla av inkludering för att möta olika användares behov och preferenser.

Då ett företags webbplats är ansiktet utåt till kunder och en kanal som ska generera värdeför företaget så är det viktigt att dess innehåll och dess design är genomtänkt och möter användarnas behov. Konverteringsoptimering handlar om att omvandla en besökare till kund, vilket leder till en ökad lönsamhet. Denna studie genomfördes på uppdrag av ett företag med syfte att testa och utvärdera hur man genom förändring av design kan generera en ökad konvertering på utvalda sidor på företagets webbplats. Med hjälp av verktyget Google Optimize, så har så kallade A/B-tester satts upp och testats på webbplatsens besökare under en period, för att undersöka hur webbsidorna presterar i förhållande till varandra. Google Analytics har försett Google Optimize med webbtrafikdata och därefter har Google Optimize sammanställt vilken version av sidorna som presterat bäst under denna period. Vidare användes Hotjar för att få fram en karta över besökarnas scrollbeteende. Resultatet från testerna visade en klar framgång för vissa förändringar i designen, även om rekommendationerna till företaget är att fortsätta testa och jobba vidare med konverteringsoptimering på sin webbplats. Slutsatserna av undersökningen är att placering av element och dess synlighet definitivt kan ha en påverkan på besökarnas beteende och därmed också på konverteringsgraden.

Denna forskning utförs hos Tieto som hanterar IT-systemet Lifecare åt hälso- och sjukvården i ett antal regioner och län. Vårt arbete omfattar att utveckla en prototyp av en webbaserad realtidskommunikationslösning med en implementerad stark autentisering. Prototypen utvecklas för att underlätta arbetet kring en samordnad individuell planering (SIP) genom möjligheten att kunna genomföra möten på distans. Eftersom hälso- och sjukvården hanterar en stor mängd känslig information är stark autentisering ett krav på lösningen. Ett annat viktigt krav på lösningen är att den blir plattformsoberoende. I utvecklingsarbetet användes därför WebRTC som utvecklingsteknik då detta ramverk är anpassat till webbaserade realtidskommunikationslösningar vilket ger möjlighet till en stark autentisering. Ramverket WebRTC gör prototypen plattformsoberoende, då kommunikationen sker direkt över webbläsaren utan att något program är installerat. Resultatet av arbetet blev en fungerande prototyp av en WebRTC som vi skapat. Prototypen skapades utifrån teorier kring autentisering, designprinciper och WebRTC. Även data från de sammanställda intervjuerna med anställda inom sjukvården samt fallet vi tilldelats hos Tieto ligger till grund för prototypen. / This bachelor thesis is carried out at Tieto, which manages the Lifecare IT system used in healthcare in a number of counties and regions. Our work involves developing a prototype of a web-based real-time communication solution with an implemented strong authentication. The prototype is developed to facilitate the work on a coordinated individual plan (SIP) through the ability to conduct remote meetings. Because healthcare handles a large amount of sensitive information, strong authentication is a requirement for the solution. Another important requirement for the solution is that it becomes platform-independent. Therefore, in our development work, WebRTC was used as development technology, as this framework is adapted to web-based real-time communication solutions, enabling strong authentication. The WebRTC framework makes the prototype platform-independent, as communication occurs directly over the browser without the need for installed applications. The result of the work becomes a working prototype of a WebRTC that we create. The prototype is created based on theories about authentication, design principles and WebRTC. Data from the combined interviews with healthcare professionals and the case we were assigned at Tieto has also been vital for the prototype.

Web pages are visited through a variety of different devices with varying screensizes. One method for adaptingweb pages to this variety is called responsive design. Geographical information, often in the form of embeddedmaps, is common on the web. The combination of responsive design and geographical information has beenshown to lead to interaction problems and is therefore assumed to need special considerations. This thesisexamines this combination and investegates how presentation of geographical information can be adapted toresponsive web design. Two versions of the same web page is built, a responsive base version and an adaptedversion designed to alleviate interaction problems with responsive maps. The two versions are comparativelyevaluated to determine the successfulness of the adaptions. Thus, the study shows a solution for building andtesting of a responsive web page with geographical data. The result is presented as recommendations for how aresponsiv web page with geographical information can be designed. / Webbplatser besöks idag genom ett flertal olika enheter med varierande skärmstorlekar. En metod för attanpassa webbplatser till den variation som finns kallas responsiv design. Geografisk information, ofta i form avinbäddade kartor, är ett vanligt inslag på webben. Kombinationen responsiv design och geografisk informationhar visat sig kunna leda till ett antal interaktionsproblem. Uppsatsen undersöker denna kombination ochutreder hur presentation av geografisk information kan anpassas till responsiv webbdesign. Två versioner avsamma webbplats byggs, en responsiv basversion och en anpassad version där hänsyn tagits till problem som kanuppkomma för responsiva kartor. Dessa versioner jämförs med varandra i en utvärdering i syfte att ta reda påom anpassningarna lyckats lösa de interaktionsproblem som påvisats. Studien presenterar således en lösning fördesign och utvädring av en responsiv webbplats för geografisk data. Uppsatsens resultat visas i form avdesignrekommendationer för hur en responsiv webbplats med geografisk information kan utformas.

Det finns riktlinjer för hur webbplatser kan anpassas för personer med kognitiva funktionhinder, men ännu har ingen enighet uppnåtts när det gäller hur man bäst går tillväga för att skapa tillgängliga webbplatser för målgruppen. Det finns flera former av kognitiva funktionshinder. Därför behövs undersökningar som fokuserar på hur man skapar tillgängliga webbplatser för personer med de olika formerna av funktionshindret. En fallstudie har därför utförts genom detta arbete, för att ta reda på hur tillgänglig Kristianstad Biblioteks webbplats är för unga personer med lindrig utvecklingsstörning. Webbplatsen har studerats genom ett användningstest som utförts tillsammans med målgruppen. Förslag ges i uppsatsen på hur webbplatsen kan förbättras för att öka tillgängligheten. Flera förbättringar behövs på webbplatsen för att den ska kunna anses som tillgänglig för målgruppen. Navigationen var ett av de områden som ställde till störst problem för deltagarna under användningstestet och därför behöver förbättras. Problem uppstod även när deltagarna skulle utläsa information om mediet (en bok) ur en tabell. Att använda mer multimodalitet på webbplatsen kan vara ett komplement till den skrivna texten som underlättar för målgruppen. / There are guidelines of how to adapt websites for people with cognitive disabilities, but so far, there is no agreement in how to make accessible websites for the target group. There are several forms of cognitive disabilities. Therefore, studies that focus on how to create accessible websites for people with cognitive disabilities of different kinds are needed. Through this essay a case study has been carried out, to find out how accessible Kristianstad Library´s website is for young persons with mild developmental disabilities. To study the website, a usability test has been carried out with the target group. Furthermore, suggestions are given in the essay of how the website can be improved to increase the accessibility. Several improvements are needed at the website for it to be considered accessible for the target group. The navigation was one of the areas that caused the most problems for the participants during the usability test and therefor needs to be improved. Problems also arose when the participants would read information about the medium (a book) from a table. Using more multimodality at the website as a complement to the written text, can facilitate for the target group.

Uppsatsen syftar att bidra till debatten om estetikens roll inom MDI genom att undersöka hur gränssnittets visuella estetik påverkar användarupplevelsen av mobila webbsidor. Som teoretisk utgångspunkt användes Tractinskys analysmodell med uppdelning av den upplevda estetiken i en klassisk och en uttrycksfull dimension. En jämförelse mellan sju webbsidor tillhörande e-handelsföretag inom modebranschen gjordes i studiens kvantitativa del. Jämförelsen gjordes även mellan företagens ordinarie webbsidor och mobilsidor. Sidorna med mest kontrasterande egenskaper användes som underlag för den kvalitativa intervjudelstudien. Studiens resultat visar att Tractinskys modell är ett användbart verktyg för beskrivning och analys av mobila enheters upplevda estetik. Mobilsidors upplevda estetik äger aspekter tillhörande den klassiska och den uttrycksfulla dimensionen. Estetiken har inverkan på såväl mobilsidans upplevda användbarhet som interaktionens meningsfullhet. Struktur och visuell balans är nödvändiga förutsättningar för användarens acceptans av en mobilsida. Personlig, engagerande och professionell design minskar de initialt höga trösklarna för ovana användare och påverkar det fortsatta användarbeteendet. De meningsskapande aspekterna så som identifikation och inspiration möjliggör en rikare användarupplevelse och bygger användarens relation till artefakten. / This study contributes to the debate on the role of aesthetics within HCI by examining the effects of visual aesthetics on user-experience of mobile websites. Tractinsky's model of users' perception consisting of two dimensions termed classical and expressive aesthetics was used as a theoretical basis. A quantitative sub-study compared seven mobile and desktop sites belonging to e-commerce fashion retailers. The sites with the most contrasting characteristics were used as cases for qualitative study. The results demonstrate usefulness of Tractinsky's model for analysis of mobile websites' perceived aesthetics. Perceived aesthetics of mobile GUI includes both classical and expressive elements. Aesthetics impacts on both perceived usability of the mobile website and meaningfulness of the interaction. Structure and visual balance are essential for user acceptance of mobile websites. Personal, engaging and professional design increases acceptance of mobile technology and impinges on the continued user behavior. The meaning-making aspects of aesthetics such as identification and inspiration enrich user-experience and deepen users' relationship to the artifact.

Denna rapport redogör för det praktiska examensarbete som har inneburit en redesign av Birnas Trafikskolas webbplats. Webbplatsen var i behov av en ny design, struktur och innehåll. I detta arbete har designprocessen utförts utifrån ett användarcentrerat perspektiv baserat på design thinking. Arbetsprocessen har bestått av research kring användarna, prototyparbete, framtagande av en grafisk profil och genomförande av användartester. Utvecklingen av den nya webbplatsen har skett via CMS-verktyget Joomla samt med användning av HTML och CSS-kod. Resultatet av detta examensarbete presenteras i form av en webbplats med ny grafisk design och innehåll. / This report describes the practical thesis that entailed the redesign of Birnas driving school’s website. The website was in need of a new design, structure and content. In this work, the design process was carried out with a user-centered approach based on design thinking. The work process has consisted of user research, prototyping, the developement of a graphic profile, and user testing. The developement of the new site has been made through the content management system Joomla and the use of HTML and CSS code. The result of this thesis is presented in the form of a website with new graphic design and content.

The purpose of this study was to examine if font choices affect how text and sender are perceived in the context of online banking websites. Large amounts of money are invested to produce effective design units; therefore, graphic designers need to be aware of how their font choices impact the readers’ perception of text. This study aimed to raise awareness around the impact of fonts and to create a helpful report that can guide designers in their font choices. Previous research on the subject argues that typography is a critical tool in visual communication, and that selecting an appropriate typeface is very important. Studies have shown how readers are aware of the difference in appropriateness between different font and text matches. Shaikh, Chaparro and Fox (2006) found serif and sans serif fonts to be the most appropriate in most situations while scripts were appropriate only for scrapbooking and e-greetings and modern display fonts were perceived as rude or coarse. The methods used in the present study were a Literature Study, two Focus Groups, a Quantitative Web Survey and two Visual Content Analyses. The results show that font choices do affect perception of the sender in this context. The most appropriate fonts were strict and structured, but not boring, non-decorative and had a medium x-height in relation to cap height. / Syftet med denna studie var att undersöka om val av teckensnitt påverkar hur text och avsändare uppfattas i samband med internetbankers webbplatser. Stora summor investeras för att producera effektiva designenheter; därför behöver grafiska designers vara medvetna om hur deras val av teckensnitt påverkar läsarens uppfattning av text. Målet med denna studie var att öka medvetenheten kring påverkan av teckensnitt och att skapa en användbar rapport som kan guida designers i deras val av teckensnitt. Tidigare studier inom ämnet argumenterar för hur typografi är ett avgörande verktyg inom visuell kommunikation och hur valet av ett passande teckensnitt är av mycket stor vikt. Undersökningar har visat på att läsare är medvetna om skillnaden i hur väl olika kombinationer teckensnitt och text fungerar. I en studie av Shaikh, Chaparro och Fox (2006) lyfts seriff och sanseriff som de mest passande i flest situationer medan skripter enbart passade bra för scrapbooking och e-hälsningar och moderna ”modern display”- teckensnitt uppfattades som oförskämda eller grova. I föreliggande studie användes en litteraturstudie, två fokusgrupper, en kvantitativ webbenkät och två visuella innehållsanalyser. Resultaten visar på att valet av teckensnitt påverkar hur mottagaren uppfattar sändaren i denna kontext. De teckensnitt som ansågs mest passande var strikta och strukturerade men inte tråkiga, utan dekorativa element och med en medelhög x-höjd i förhållande till versalhöjd.