Persuasive design and dark patterns are types of design that aims to change the attitudes and behaviors of users. This study addresses where and how persuasive design and dark patterns are integrated into a selection of two websites, and what users of a website feel about the design underlying purposes. Persuasive design is an area with a design practice where the focus is on influencing the user's behavior through a product or service's characteristics. A dark pattern is an interface designed to trick users into performing actions in applications that they are not meant to perform. The purpose of the study is to map typical UX-related persuasive designs and dark patterns on a selection of websites using Gray’s definition of dark patterns and Ethical principles from Association for Computing Machinery, then analyze five users and their ethical stance. The results of the interviews and observations show that users are not aware that a persuasive design and dark patterns elements exist on a website. The dark patterns influence the users to perform a behavior in a certain direction. The results of the theory based analysis have resulted in Gray’s dark patterns and Ethical principles from Association for Computing Machinery features that on websites allow users to be influenced by a persuasive design and/or dark patterns. In summary, it can be concluded that the participants in the study agree that a design involving dark patterns is considered unethical.

Introduction: Hjärtats hus in Region Jönköping County is an open meeting-place for individuals who are currently living with or have had their lives significantly impacted by an illness or chronic condition. The meeting-place also welcomes close relatives and friends. The main website today works as a temporary solution. The operative team of Hjärtats hus has put out a request for support updating the website as one step in the process of reaching out to new and younger visitors.  Purpose: The aim of the improvement project is to create a clear visual representation of a proposal that outlines how Hjärtats hus website can be updated from the perspective of its users. Methods: The Nolan model of improvement has been used in the improvement work for Hjärtats hus website. The basis for the improvement work has been gathered from Hjärtats hus operative team, through a web survey and selected web accessibility guidelines.                        Result: The results from the operative team, data from the web survey and selected web accessibility guidelines have shown a great potential for improvement for Hjärtats hus website.   Conclusion: The result of the improvement work project is a visual presentation of how the website can be updated. The proposals are based on a user perspective and involve changes in the website's content, layout and language. / Bakgrund: Hjärtats hus i Region Jönköpings län (RJL) är en mötesplats för personer och närstående där sjukdom eller olycka har förändrat livet. Hemsidan som finns idag är en tillfällig lösning och det finns en önskan från Hjärtats hus arbetsgrupp att göra om hemsidan som ett steg i att nå ut till nya och yngre besökare. Syfte: Syftet med förbättringsarbetet är att ge och visualisera konkreta förslag för uppdatering av Hjärtats hus hemsida utifrån ett användarperspektiv. Metod: Nolans förbättringsmodell med PGSA-hjulets fyra steg har använts i förbättringsarbetet med Hjärtats hus hemsida. Underlag till förbättringsarbetet har samlats in från Hjärtats hus arbetsgrupp, genom en webbenkätundersökning och utvalda webbriktlinjer. Resultat: Resultat från arbetsgruppen, webbenkäten och  utvalda webbriktlinjer har  visat en stor förbättringspotential för Hjärtats hus hemsida.              Slutsats: Förbättringsarbetet har lett till konkreta förslag hur Hjärtats hus hemsida kan uppdateras. De har visualiserats i en presentation. Förslagen baseras på ett användarperspektiv och innebär förändringar i hemsidans innehåll, layout och språk. / <p>Examen i Vårdadministration, YH-utbildning: 20 Yh-poäng</p>

Denna undersökning handlar om hur den grafiska designen på en nyhets webbplats påverkar högskolestudenters tillit till webbplatsen och påverkar artiklarnas trovärdighet från studentens perspektiv. Undersökningen utfördes utifrån en triangulär forskningsmetod. En kvantitativ samt kvalitativ metod användes, insamlingsteknikerna som användes under undersökningen var en enkätundersökning samt intervjuer. Syftet med undersökningen var att förstå vilka faktorer påverkar användarnas tillit till en nyhets webbplats och artiklars trovärdighet. Motiven till denna undersökning är att sanningslösa nyheter sprids över sociala medier samt att många människor inte inser att nyheterna är sanningslösa och väljer att dela det vidare till sin krets på sociala medier. Detta är något som behöver bearbetas och redas ut. / This review is about how the graphic design on a news site influences college students' trust towards the site and how it affects the credibility to the articles from the student's perspective. The review was conducted on the basis of a triangular research method. A quantitative and a qualitative method was used, the collection techniques used during the review were a survey and interviews. The purpose of the survey was to understand what factors affect users' trust in a news site and article credibility. The motivation for this review is that truthless news are spread across social media and that many people do not realize that the news is truthless and choose to share it with their circle on social media. This is something that needs to be processed and fixed.

Denna uppsats redovisar en studie i hur en söktjänst på Internet kan kompletteras, antingen via en mobilapplikation eller genom en responsiv webbplats, för att underlätta användning via en smartphone. Fokus för undersökningen ligger på Riksarkivets söktjänst Nationell ArkivDatabas (NAD) som för tillfället inte är anpassad till mobila enheter. Vårt mål är även att undersöka hur inställningen ser ut för applikationer och responsiva webbplatser bland användare samt hur dessa åsikter skiljer sig mellan olika användarmålgrupper. Tillsammans med information från tidigare forskning har en studie utförs för att undersöka för- och nackdelar mellan appar respektive responsiva webbplatser. I våra undersökningar har vi valt att använda oss av två datainsamlingsmetoder: en kvantitativ webbenkät och semistrukturerade kvalitativa intervjuer, som komplement till varandra. Totalt nio intervjuer har gjorts med tre personer ur varje Riksarkivets huvudmålgrupper. En webbenkät har även publicerats på Riksarkivets och Stockholms stadsarkivs webbplatser. / This paper reports a study in how a search service on the Internet can be completed either through a mobile application or through a responsive website, to facilitate use on a smartphone. The focus of the study is on the National Archives' search service National Archives Database (NAD), which is not currently adapted to mobile devices. Our aim is also to investigate how the attitude looks for applications and responsive websites among users and how these views differ between user groups. Together with data from previous research, a study was conducted to examine the pros and cons between apps and responsive websites. In our investigations we have chosen to use two methods of data collection: a quantitative web survey and semi-structured qualitative interviews, to complement each other. A total of nine interviews were conducted with three members from each of National Archives' main target groups. An online survey has also been published on the National Archives and Stockholm stadsarkivs websites.

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.

Denna rapport är en del av mitt examensarbete inom programmet It, medier och design vid Södertörns högskola. I rapporten presenteras den nya designen för FitnessCollections administrationswebbplats och en lista på förändringsförslag. FitnessCollection erbjuder en tjänst där medlemmar bland annat får träna på de anläggningar som är knutna till dem. På webbplatsen som jag arbetat med administreras organisationer, anläggningar, träningsaktiviteter, träningspass, bokningar och exporteringar av bokningar. Examensarbetet har utförts hos Dynamo Digital Ventures med FitnessCollection som beställare. Målet med examensarbetet har varit att presentera en genomarbetad design som bland annat ökar användarvänligheten och göra den mer användbar. Funktioner har tillkommit, tagits bort eller förändrats för att tillfredsställa de behov som FitnessCollection och deras samarbetspartners har. För att nå slutmålet har jag utfört en intervju med en av grundarna och tillika en av de som använder webbplatsen mest. Jag har sett över ursprungswebbplatsen för att se vad som fungerar bra och vad som fungerar mindre bra. Utöver detta har jag gjort noggranna förstudier inom området användarvänlighet/användbarhet och tillgänglighet och följt konventioner där jag också tagit inspiration från andra webbplatser. Utifrån detta har jag skapat en mer användarvänlig, tillfredställande och tillgänglighetsanpassad design. Rapporten är optimerad för visning på skärm respektive färgutskrift. / This report is a part of my bachelor thesis for the program It, media and design at Södertörn University. In this report I will present the new design for FitnessCollection’s administration website and a list with proposed changes. FitnessCollection offers a service where members  an work out at gyms that are linked to them. The website I have worked on manages organizations, gyms, activities, passes, bookings and exportation of bookings. I have made my bachelor thesis at Dynamo Digital Ventures and FitnessCollection has been the client. The goal for the bachelor thesis has been to present a thorough design that among other things increases the usability. Functions has been removed, added or changed to satisfy the need that FitnessCollection and their partners have. To reach the end goal I have conducted an interview with one of the founders of FitnessCollection whom also is one of the persons that uses the website most. I have made an overlock of the website to see what works and what doesn’t work as good. I have also done thorough feasibility studies in usability and accessibility and worked with conventions where I as a part of that has taken inspiration from outer websites. On this basis I have made a more usable, satisfying and accessible web design.

Det här projektet utfördes på uppdrag av hälsovårdsföretaget Din Rytm med syftet att ta fram en enhetlig visuell profil anpassad till företagets webbplats som samstämmer med och kommunicerar verksamheten. För att den visuella profilen skulle hålla sig till branschen och nå särprägel studerades det visuella uttrycket på webbplatser inom Din Rytms branschområde: hälso- och sjukvårdsbranschen med tjänster kring kvinnokroppen. Den visuella profilen skulle även spegla verksamheten, därför definierades varumärkets vision, identitet och värdeord som stod för en viktig del i utformningen. Vid en överblick av den tidigare forskningen kring visuell kommunikation och varumärkesbyggande inom hälso- och sjukvårdsbranschen fanns en frånvaro av studier kring varumärkets visuella uttryck. Studien kan därmed tillföra en förståelse kring hur branschområdet uttrycker sig visuellt i form av till exempel logotyper, färger och typsnitt. Då Din Rytm verkar inom den privata sektorn blir det intressant att se om de visuella uttrycken skiljer sig mellan olika organisations- och verksamhetsformer. För att undersöka det och utforma en visuell profil som förhåller sig till branschområdet utfördes en visual research av 200 webbplatser i form av en kvantitativ innehållsanalys. Webbplatserna strukturerades i grupperna: offentlig, privat med samarbete med region och/eller landsting, privat och ideell. Den kvantitativa innehållsanalysen grundades i teorier kring varumärkesstrategi och grafisk form samt forskning som rörde visuell kommunikation och varumärkesbyggande inom branschområdet. Resultatet av analysen visade att hela branschområdets visuella uttryck dominerades av färgerna grön, röd och blå och typografin av linjära typsnittsfamiljer. Logotypen bestod nästan uteslutande av ord- och figurmärke och flertalet webbplatser använde sig av illustrationer för att påvisa navigation. Skillnaderna mellan de olika organisations- och verksamhetsformerna definierades framför allt av det enhetliga uttrycket inom den offentliga gruppen och den stora variationen inom de övriga grupperna. Den offentliga gruppen skiljde sig ytterligare kring förhållandet mellan användning av ord och bild på webbplatsens startskärm. På de offentliga webbplatserna möttes besökaren av en generös ordmängd utan utfallande bild. På övriga gruppers webbplatser användes ord mer sparsamt och startskärmen utgjordes av en utfallande bild. Resultatet användes för att leda utformning mot ett särpräglat uttryck men som även höll sig till branschområdet. Det resulterade bland annat i en logotyp, typsnitt och färger som presenterades som en visuell profil med tillhörande grafisk manual vilket ska förmedla verksamheten. / This project is commissioned by the healthcare company Din Rytm. The purpose of the project is to create a visual brand profile for the website which communicates its business. In order for the visual profile to stick to the healthcare industry and create its own individuality an analysis was performed of the visual expression of the websites within Din Rytm's industry area: the healthcare industry with women’s health services. The visual profile should also reflect its business, therefore the brand's vision, identity and value were defined which became an important part of the design. During an overview of previous research of visual communication and branding in the healthcare industry, there was an absence of studies touching on the subject of the brand’s visual expression. Thus, this study can provide an understanding of how the industry expresses itself through logos, colors, fonts and other aspects of visual expression. Din Rytm operates in the private sector and therefore it becomes interesting to see possible differences in the visual expressions among different types of organisations and businesses. By a visual research of 200 websites in terms of a quantitative content analysis method, an identity that relates to the industry was forged.The websites were structured into different groups: public, private with collaboration with counties, private and non-profit. The quantitative content analysis method was based on theories of brand strategy and graphic form and research related to visual communication and branding in the healthcare industry. The results showed that the visual expression of the entire industry was dominated by the colors green, red and blue and the typography of linear font families. The logo consisted almost entirely of lettermarks with a symbol and most websites used illustrations to demonstrate navigation. The differences between the groups were mainly defined by the uniform expressions within the public group and the large variation within the other groups. The public group further distinguished itself regarding words and images on the websites home screen. On the public websites, the first thing a visitor see is a generous amount of words without a full-widthimage, while on the other groups’ websites words were used more sparingly and the home screen contained full-width images. The results were used to lead the design towards an individually expression that sticks to the industry. That resulted in for example a logo, fonts and colors that are presented as a visual profile with a graphic manual that convey its business.

"Adapt or Die" handlar om mobila webbplatser. Populariteten av mobila enheter växer ständigt och en intressant fråga var hur användarna upplever webbplatser genom mobila enheter. Arbetet hade som sitt mål att undersöka i fall användarna uppskattar att webbplatser anpassas till deras media; om det är viktigt för användarna att känna igen sig på en webbplats samt om man kan ta bort viss information från en webbplats när den presenteras via en mobil enhet. I uppsatsen förklaras begrepp som responsive web design samt mobildedikerad webbplats vilka är populära metoder för att anpassa webbplatser till mobila enheter. Den snabbt ökande användningen av mobila enheter gör denna problemställning mycket aktuell och intressant. För att försöka ge svar på dessa frågor, har genomförts en enkät, ett experiment samt en intervju.Resultatet av undersökningarna påvisar att anpassning av webbplatser till mobila enheter uppskattats mycket högt av användarna. Majoriteten (91,1%) respondenter tyckte att det var viktigt att kunna ha tillgång till sidor som är lätta att använda på mobila enheter. Det visade sig också viktigt för användarna att känna igen sig på en sida (64,6%) och behålla tillgång till all information även via mobila enheter (35%). Samtidigt var användarna dock villiga att offra just dessa egenskaper för att kunna använda sig av en enkel och lättläst webbplats (49,8%).

Nowadays, the establishment of new touch screen technology has changed significantly the way we navigate on the Internet. The requirement to design websites that adapt to various artifacts such as touch screen computers are increasingly a need to consider. The purpose of this study is to discover - What are the specific usability requirements should be addressed in designing of websites for touch screen computers? - In order to examine the essay’s question, it presents a study where five people visiting three different websites on the touch screen computer Ipad. The study was conducted using a participant and structured interview observation in form of a think-aloud method. With the help of video equipment, information was gathered. Respondent's discussions are presented and the study's results are analyzed using a qualitative procedure. The research has contributed mainly to individualize the possible usability problems that concerned interaction with websites on the touch screen computer Ipad. Based on the analysis and the qualitative study it has come usability requirements related to aspects of the website's navigation, interaction and feedback. / I dagens samhälle har etableringen av ny pekskärmsteknik betydligt ändrat vårt sätt att navigera på internet. Kravet på att utforma webbplatser som skall anpassas till olika artefakter så som pekskärmsdatorer blir allt mer ett behov att ta hänsyn till. Syftet med denna studie är att upptäcka ”Vilka särskilda användbarhetskrav bör ställas vid utformning av webbplatser för pekskärmsdatorer?” För att undersöka uppsatsens frågeställning presenteras en studie där fem personer besöker tre webbplatser på pekskärmsdatorn Ipad. Studien genomfördes med hjälp av en deltagande och strukturerad observationsintervju i form av en tänk-högt-metod. Med hjälp av videoutrustning samlades informationen in. Respondenternas samtal presenterades och studiens resultat analyserades med en kvalitativ procedur. Forskningen bidrog framförallt med information om att individualisera de möjliga användbarhetsproblem som finns vid interaktion med webbplatser på pekskärmsdatorn Ipad. Utifrån analysen och den kvalitativa underökningen har det kommit fram användbarhetskrav som rör aspekter inom webbplatsens navigering, interaktion och återkoppling.

Denna rapport presenterar en utveckling av uDecide, som är ett sorts hjälpmedel för att lättare kunna ta beslut. Ett verktyg som man kan använda för att ställa frågor till andra människor med hjälp av en bild och svarsalternativ för att få ett personligt svar eller åsikt. Syftet med detta projekt är att utveckla en användbar hi-fi prototyp som i sin tur ska vidareutvecklas av webbyrån Roxbury och uDecidegrundarna. Arbetet utgår från en befintlig uDecide iOS mobilapplikation, och fokus har lagts på att förbättra användarupplevelsen och implementera nya funktioner. Med hjälp av förstudier och användartester har vi utvecklat en webbaserad, responsiv hi fi-prototyp. Lösningen presenterar ny utveckling av navigering, struktur på inlägg och ny meny. Ett kommentarsfält har implementerats i hi-fi prototypen vilket kommer att ge användarna möjlighet att interagera med varandra och ge mer personliga åsikter. / This report describes a development of the mobile application uDecide. uDecide is a tool which you can use to ask other people a question including a picture and alternative answers to get an individual answer or opinion. The objective of this project is to develop an usable hi-fi prototype, which in turn will be further developed by the web designers Roxbury and the founders of uDecide. The development originates from a current uDecide IOS mobile application and focus is to improve user satisfaction and to implement new functions. Supported by pre-development research and user tests we have developed a webbased, responsive and interactive hi-fi prototype. The solution presents a new development in navigation, structure of additions and responses, including a new menu. A commentary function has been implemented in the hi-fi prototype, which will give the users the option to interact and provide more personal opinions.