I denna uppsats undersöks designmönster. Tidigare, erkända designmönsterbibliotek har använts som grund för att ta fram en ny designmönstermall. Sedan har sex designmönster identifierats och skapats från sociala medier med hjälp av mönsteridentifikation, dessa är: gilla-knapp, hashtag, dela, kommentera, lägga upp bilder och nyhetsflöde. Vidare har intervjuer med sju respondenter från olika Stockholmbaserade webbyråer genomförts för att undersöka huruvida de identifierade mönstren från sociala medier påverkar deras webbdesign. Centralt för undersökningen var dessutom att ta reda på om webbyråer idag överhuvudtaget använder sig av designmönster när de bygger en webbplats. Efter genomförda studier framgår det att majoriteten av de undersökta webbyråerna inte tidigare hört talas om designmönster i den benämningen som uppsatsen följer. Webbyråerna använde sig istället av inspiration från andra lyckade sidor för att hitta lösningar på problem och följde också trender inom webbutveckling. Av de sex designmönstren från sociala medier används tre regelbundet, gillaknapp, dela och nyhetsflöde (långa startsidor). / This paper studies design patterns. Existing, known pattern libraries have been used as a foundation for a new pattern template. Six new design patterns have been identified and created from social media with the help of pattern mining, these are: the like button, hashtag, share, comment, posting pictures and news feed. Furthermore, interviews have been conducted with seven respondents from different Stockholm based web design agencies to examine how these six identified design patterns have affected their web design. A central part of this study has also been to see if web design agencies even use design patterns when they are building a web site. After the interviews it is clear that the majority of web designers have not heard about design patterns the way this paper defines them. Web designers are working with inspiration from other web sites to help them find design solutions and they are also following trends in web development. Of the six design patterns from social media only three are regularly used, the like button, share and news feed.

Detta projekt är en hemsida för Mixi Print AB. Den ska fungera som en framsida för företaget ur ett digitalt synsätt, en plats där det går att få fram information om företaget och dess produkter snabbt och enkelt. Jag har arbetat med programmet flash eftersom det ger möjlighet till bra och enkel men ändå fräsch design. Till detta så har jag kombinerat php och MySQL för att kunna koppla det till en databas. Som en del i projektet så har jag också reflekterat över grafiska bitar på Internet jämfört med hur det var innan. / Detta är en reflektionsdel till en digital medieproduktion.

The communication with government and municipality through Internet has in-creased during the last couple of years. Therefore we have chosen to focus our bachelor thesis in this particularly area and the needs for usable web services for the citizens. In this bachelor thesis we are studying a increasing group users, namely elderly citizens. During the study we have analysed E-governments ser-vices usability through usability tests. The combination of conversations and meetings with individuals, observations of interactions and literature studies give us the opportunity to explore the users needs. The users need is the central in how they understand and interact with the E-government. The web sites we used dur-ing our user tests are all connected with the E-government. Through a analytic study of the information we could make five important design proposals and guidelines, that we suggest are required when e-services are developed for the E-government. / Kommunikationen med myndigheter och förvaltningar via Internet har ökat under de senaste åren. Därför har vi valt att fokusera vårt kandidatarbete på detta områ-de, samt på behovet av användbara webbtjänster för medborgarna. I detta kandi-datarbete studerar vi en växande grupp användare, denna grupp är äldre medbor-gare. Under studien har vi analyserat 24-timmarsmyndighetens användbarhet ge-nom användartester. Kombinationen av samtal och möten med individer, iaktta-gelser av interaktioner och litteraturstudier ger oss möjligheten att utforska använ-darnas behov. Behovet hos användarna är det som är centralt i hur de uppfattar och interagerar med 24-timmarsmyndigheten. Webbplatserna vi har använt oss av vid våra användartester har anknytning till 24-timmarsmyndigheten. Genom att analytiskt studera informationen har vi kommit fram till fem viktiga designförslag och riktlinjer, som vi anser behövs när e-tjänster inom 24-timmarsmyndigheten utvecklas.

I en värld där information delas på internet i en rasande takt har det blivit av allt större vikt att kunna avgöra om en webbsida är tillförlitlig eller inte. Vi gör ständigt bedömningar av webbsidor utifrån hur de ser ut, men vad är det som gör att vi väljer att lita på eller fördöma en webbsida efter bara några sekunder? Hur påverkar specifika designval upplevelsen av trovärdighet? Denna studie undersökte hur upplevelsen av trovärdighet påverkas av visuella egenskaper i en webbsidas grafiska design. Detta genom att utforma 12 versioner av en informativ webbsida, där egenskaperna kontrast, balans, grafik och text manipulerades. Varje egenskap manipulerades på tre olika sätt med hjälp av en parameter för vardera egenskap - färger för kontrast, placering av element för balans, mängd reklam för grafik och typsnitt för text. 21 deltagare blev presenterade för var och en av dessa 12 versioner under 10 sekunder. Deltagarnas uppgift var att bedöma hur trovärdig respektive version var på en skala från ett till nio. Resultatet visade att viss grad av kontrast, grafik och text påverkar upplevelsen av trovärdighet. Däremot hittades inget signifikant stöd för att varierande grad av balans påverkar upplevelsen av trovärdighet. Mer specifikt implicerar resultaten från denna studie att det är bättre att utforma en webbsida med för lite färger, för liten mängd reklam och ett för strikt typsnitt än tvärtom för att designa för trovärdighet. / In a world where information is spread rapidly on the Internet it is more important than ever to be able to determine if a website is trustworthy or not. We are constantly evaluating websites based on their appearance, but what makes us trust or condemn a website after only a few seconds? How do specific design choices affect the perception of trustworthiness? The present study investigated how the perception of trustworthiness on a website can be formed by visual properties in its graphical design. This was achieved by developing 12 versions of an informative website, where the properties contrast, balance, graphics and text were manipulated. Each property was manipulated in three different ways through one parameter  - color for contrast, position of elements for balance, amount of advertisement for graphics and typefaces for text. 21 participants were presented for each of the 12 versions during 10 seconds. Their task was to evaluate the trustworthiness of each version on a scale ranging from one to nine. The results showed that a certain degree of contrast, graphics and text have an impact on the perception of trustworthiness. Besides that, varying degrees of balance was not found to significantly affect the perception of trustworthiness. More specifically, the results suggest that it is preferable to design a website with few colors, a low amount of advertisement and a strict typeface rather than the opposite to design for trustworthiness.

Samhället blir allt mer digitaliserat för var dag som går och med denna utveckling har e-handeln under de senaste decennierna kontinuerligt vuxit sig större.   I den växande e-handeln existerar det dock ett problem som leder till stora monetära förluster för aktörer i detaljhandeln. Enligt aktuell statistik överger över två tredjedelar av alla kunder i e-handeln sina fyllda varukorgar utan att avsluta sina köp. Anledningarna bakom detta pekar i vissa fall på känslor som uppstår hos användare på grund av hur webbutiker är uppbyggda och fungerar.   Denna studie har med bakomliggande problemområde som anledning därför undersökt hur design skulle kunna tillämpas för att öka slutförandet av köp i webbutiker.   För att besvara denna fråga har en kvalitativ undersökning gjorts där intervjuer konstruerade efter tidigare forskning inom området och forskningsfrågan utfördes med personer som frekvent använder webbutiker och som även vid något tillfälle har lagt produkter i sin varukorg för att sedan lämna webbutiken utan att slutföra sitt köp.   Resultaten från dessa intervjuer och den efterföljande analysen hittade de två användningsområdena ”Navigationssystem” och ”Kassa och varukorg” och tillhörande designriktlinjer som ska tillämpas i användningsområdena för att öka slutförandet av köp i webbutiker. Slutligen gestaltades även designförslag för att visualisera dessa användningsområden och designriktlinjer. / Society is becoming increasingly more digitized and with this development e-commerce has seen continuous growth these past decades.   Within the growing e-commerce there is a however a big problem that has led to and continues to lead to significant monetary losses. According to current statistics over two thirds of customers online abandon their shopping carts without completing their purchases. In some cases, the reasons for this points to different emotions felt by customers which are created by how webshops are built and how they work.   Due to this problem this study has researched how one could apply design to increase the completion of purchases in online stores.   To answer this question a qualitative study was carried out in which interviews based on the research question and previous relevent research were conducted with people who frequently use online stores and who at some point have abandoned their shopping cart without completing their purchase.   The result of these interviews and the subsequent analysis was the finding of the two areas ”Navigation system” and ”Checkout and shopping cart” in which design can be used to increase the completion of purchases and design guidelines that are to be applied when designing these areas with the purpose of reducing shopping cart abandonment.    Lastly, design mockups where created to visualize these areas with the design guidelines applied.

In Sweden, political decision-makers assume that digitalization has become part of people’s everyday lives and look at its possibilities. In 2017, a new digitalization strategy was formed by the government. The main goal is to improve the digital competence of Sweden’s residents and confidence in the digital society. Children and young people are a priority when it comes to investing in digitalization both in school and in libraries. Digital competence as well as good reading skills are considered crucial to be able to participate in society. At the same time, previous research indicates that reading ability in children is decreasing. The responsibility of improving digital competence falls on the municipalities who believe that libraries can promote digital participation by developing visitors’ digital skills. The question is whether all libraries have this possibility and can meet this need of the population and to what extent depending on the resources the libraries have and the local conditions and restrictions that exist. The research questions are: How do libraries work with digital media and e-books to reach children and young people based on libraries’ websites and library plans? How do library plans relate to local practitioners; libraries’ websites and libraries’ e-books websites? What conditions, opportunities and constraints are linked to digital media and digitalization; based on libraries’ websites and library plans? What does it mean for libraries that the municipalities have the power and emphasize certain views and discourses in the library plans? The purpose is to investigate dominant conceptions in library plans and how these are put into practice on the libraries’ websites, with a focus on children and young people. The result showed that in the library plans, digitalization and libraries were either described based on possibilities or challenges and limitations. Children and young people were described together with a wide range of media types which shows that libraries are aware that children and young people use different kinds of media. The analysis of the various websites for children and young people showed that the children’s websites of libraries can look very different in terms of both appearance and content. The best thing would be if the websites looked similar in order for children and young people to be able to receive the same service no matter which website they visit. The analysis of the websites with e-books showed that they were more similar in appearance.   This is a two years master's thesis in Library and information science.

Fler går över till att använda mobila enheter för att besöka webben samtidigt som e-handelsmarknaden växer. Till skillnad mot fysiska butiker så saknar ofta butiker på nätet möjligheten till att ge tillräcklig information om produkterna. Bilder blir därmed en viktig nyckelfaktor för att ge kunder möjligheten att undersöka produkterna innan köpbeslut fattas. Problemet med bilder är att de bidrar till långsam sidladdning framförallt för de mindre enheterna som används vid e-handel vilket påverkar användbarheten negativt. Studien i projektet undersöker två olika bildimplementationstekniker, en villkorsbaserad bildteknik och flexible image för att undersöka skillnaderna i laddningstid. Prestandamätningarna visade att en villkorsbaserad bildteknik presterar bäst på mobila enheter medans det inte går att säga om det finns någon skillnad mellan bildteknikerna på desktopenheter. För framtiden kan även en webbserver användas istället för en lokal server för att skapa ett mer verklighetsbaserat resultat och fler optimeringar kan göras på bilderna för att utvärdera laddningstiderna ytterligare.

Programmering spelar idag en oumbärlig roll för samhällets funktioner men det finns en kvinnlig underrepresentation både inom branschen och på utbildningar relaterade till programmering. Denna studie ämnar undersöka hur kvinnor reagerar på marknadsföring för programmeringsutbildningar och hur marknadsföringen skulle kunna förbättras. Detta i syfte att locka fler kvinnor till utbildningarna och potentiellt öka jämställdheten inom IT. I teorin konstateras att det finns en stark stereotyp kring programmerare, vilken kvinnor inte identifierar sig med. Ökad representation, gemenskap och kreativitetsbetingade utbildningstitlar identifieras i tidigare studier som förslag på marknadsföringsåtgärder för att utjämna könsfördelningen. För att undersöka uppfattningen kring programmeringsutbildningars marknadsföring utfördes fokusgruppsintervjuer. Baserat på svaren utformades en enkät vars resultat skulle bekräfta eller dementera fokusgruppernas påståenden. Kvinnor hade en positiv reaktion när kreativt betingade ord användes och när det fanns bred representation av kön och etniciteter. Negativa reaktioner uppstod när homogena grupper av stereotypiska programmerare porträtterades. Ett återkommande önskemål var att få se utbildningen i ett större sammanhang och att få se konkreta exempel på utbildningsmoment och framtida arbetsuppgifter. / Programming today plays an indispensable role for society's functions but there is a underrepresentation of women both in the industry and in educations related to programming. This study aims to examine how women respond to marketing for education related to programming and how marketing could be improved. This is to attract more women to the educations and potentially increase gender equality in IT. In theory, it is stated that there is a strong stereotype about programmers, which women do not identify with. Increased representation, community and creativity-related educational titles are identified in previous studies as proposals for marketing measures to even out the gender distribution. To investigate the perception of the marketing for educations related to programming, focus group interviews were conducted. Based on the answers, a questionnaire was designed whose results would confirm or deny the focus groups' statements. Women had a positive reaction when creative words were used and when shown broad representation of gender and ethnicities. Negative reactions arose when homogeneous groups of stereotypical programmers were portrayed. A recurring wish was to see the education in a larger context and to see concrete examples of educational elements and future occupational tasks.

De senaste årens utveckling av generativ AI har fått mycket uppmärksamhet i etablerade medier och generellt i samhället, vilket bland annat har handlat om bildgenereringsverktyg. Något som det saknas tidigare forskning kring är hur text-tillbild AI kan användas inom webbdesign. Den befintliga forskningen som finns på området tyder på att det behövs skapas nya designprocesser för människa-AI interaktion. I denna uppsats undersöks hur designers kan ta användning av AI och om det i sig kan ses som en samarbetspartner eller endast ett verktyg. Uppsatsens frågeställning är: På vilka sätt kan AI i en samskapande process implementeras inom området webbdesign? Arbetetgrundar sig i tidigare forskning inom AI som hjälpmedel i innovation, implementationen av generativ AI i en designprocess, AI inom UX-design samt kommunikation i en samskapande process. Dessutom utgår även studien från tidigare forskning inom MidJourney i en kreativt skapande process, samt de teoretiska perspektiven design thinking och människocentrerad design. Metoderna som används är ett användartest av MidJourney och intervjuer med professionella webbdesigners som deltagare. En majoritet av deltagarna ansåg att MidJourney hade svårt att följa designkriterier som främst handlade om användarvänlighet men var överlag fortsatt positiva till verktygets förmåga. Alla deltagare uttryckte att de hade kunnat fortsätta använda MidJourney i framtida arbeten och nämnde att den kunde implementeras i en designprocess när det kommer till att underlätta och effektivisera kommunikation med klienten för visuella idéer, som ersättning för traditionella inspirationskällor, men främst att den kan vara ett bra verktyg vid idégenerering. Samarbetet med verktyget hade enligt deltagarna kunnat fungera bättre om kommunikation som användes vid användandet var mer mänsklig. Slutsatsen blir att en AI i nuläget kan implementeras i flera steg i en designprocess, som en stöttning i kreativa processer och för att effektivisera mycket arbete. Det framkommer även att AI:n inte kan ses som en samarbetspartner utan endast som ett verktyg som kan användas inom flera områden i en designprocess. Men i framtiden kommer AI i större utsträckning upplevas som en samarbetspartner, genom utbilda designerns mer inom AI och utveckla kommunikation till mer människolik. Idag förblir designers roll viktig i och med AI:s svårigheter att förstå grundläggande design thinking och människocentrerad design. / In recent years development of generative AI has received a lot of attention in established media and generally in society, which among other things has been about image generation tools. One area where there is a lack of research in, is how text-to-image AI can be used in web design. Existing research suggests that new design processes for human-AI interaction needs to be created. This essay explores how designers can make use of AI and whether it can be seen as a collaborative partner or a tool. The research question for the essay is: In what ways can AI be implemented in a co-creation process in the web design field? The work is based on previous research on AI as a tool in innovation, implementation of generative AI in a design process, AI in UX design, and communication in a co-creation process. Additionally, the study is also based on previous research on MidJourney in a creative process and the theoretical perspectives of design thinking and human-centered design. The methods that are being used are interviews and a user test with professional web designers as participants. The majority of the participants felt that MidJourney had difficulty following design criterias that primarily concerned usability, but were still positive about the tool's ability. All participants expressed that they could continue to use MidJourney in future works and mentioned that it could be implemented in a design process to facilitate and improve efficiency in communication with the client for visual ideas, as a replacement for traditional inspiration sources, but primarily as a good tool for idea generation. According to the participants, the collaboration with the tool could have worked better if the communication used during its use was more human-like. The conclusion is that AI currently can be implemented in several steps in a design process, as a support in creative processes and to improve efficiency in a lot of work. It also emerges that AI cannot be seen as a collaborative partner, only as a tool that can be used in several areas. But in thefuture, AI will increasingly be perceived as a collaborative partner, by educating designers more in AI and developing communication to be more human-like. However, the designer's role remains important today due to AI:s difficulties in understanding basic design thinking and human-centered design.

Detta examensarbete undersöker optimering av användargränssnitt (UI) för att förbättra användarupplevelsen (UX) på sista-minuten biljettsidan på Flygresor.se, enwebbplats för flygjämförelser. Det huvudsakliga målet var att förbättra användarnasengagemang och tillfredsställelse genom implementering av effektiva UI/UX-designprinciper. Med hjälp av en litteraturstudie, semistrukturerade intervjuer och iterativ prototypframställning, identifierar denna studie viktiga UI/UX-förbättringar.Prototyper utvecklades och förbättrades dels baserat på lärdomar från litteraturstudien, men framförallt på feedback från deltagare i semi-strukturerade intervjuermed fokus på navigering, läsbarhet och användarvänlighet. Studien visar den betydande inverkan av genomtänkt UI/UX-design på deltagarnas tillfredsställelse ochlyfter fram praktiska rekommendationer för UI-förbättringar. Resultaten betonarnödvändigheten av kontinuerliga uppdateringar av användargränssnittet och potentialen hos användarcentrerade tillvägagångssätt i verkliga applikationer för att förbättra användares engagemang och operativ framgång. / This thesis investigates the optimization of user interfaces (UI) for enhancing userexperiences (UX), particularly focusing on the last-minute ticket page of the flightcomparison website Flygresor.se. The core objective is to improve user engagementand satisfaction through the implementation of effective UI/UX design principles.Using a literature study, semi-structured interviews and iterative prototyping thisresearch identifies key UI/UX improvements. Prototypes were developed and refined partly based on insights gained through the literature review, but prominentlyon feedback from participants in semi-structured interviews, focusing on navigability, readability, and interaction efficiency. The study highlights the significant impactof thoughtful UI/UX design on participants satisfaction and highlights practical recommendations for UI enhancements. The findings emphasize the necessity of continuous UI updates and the potential of user-centric approaches in real-world applications to improve user engagement and operational success.