As Stockholm grows, Region Stockholm have begun the extensive work on expanding the subway for increased opportunities to commute. The construction process will take several years to complete and will cause complications such as noise and vibration that are likely to affect people and businesses in the immediate area. Region Stockholm are therefore keen to reach out with relevant information to those affected using audience adapted communication. In this thesis in Information Design with Specialization in Informative Illustration at Mälardalen University, a design proposal in the form of an animated film has been produced to inform about the construction process for pre-schoolers at the age of four who are affected in their school environment. The purpose of the film is to use it with the support of a teacher or educator who can use the material as a basis for dialogue with the children. The study examines the approaches that can be used to visually guide and maintain the user's attention, as well as how sounds and vibrations can be visualized in an animated film. Based on theory and empirical data, the study results in several suggestions on how to improve visual guidance, such as the importance of reducing the number of competing visual elements. It was also shown that visual metaphors can be used to visualize things that are not otherwise visible, such as sound or time. Finally, the study resulted in a design proposal in the form of an animated film that benefits from these suggested approaches. / Med anledning av att Stockholm växer har Region Stockholm påbörjat arbetet med att bygga ut tunnelbanan för ökade kommunikationsmöjligheter. Detta omfattande arbete kommer att ta ett flertal år att genomföra, samt orsaka komplikationer såsom buller och vibrationer som kommer påverka människor och verksamheter i närområdet. Region Stockholm är därför angelägna om att i god tid nå ut med relevant information till de som påverkas genom målgruppsanpassad kommunikation i sina olika kanaler. I detta examensarbete i informationsdesign med inriktning Informativ illustration på Mälardalens högskola har ett gestaltningsförslag i form av en animerad film tagits fram för att informera om byggprocessen för förskolebarn i fyraårsåldern som berörs av utbyggnationen i sin skolmiljö. Syftet med filmen är att väcka intresse hos målgruppen samt att den i skolmiljön ska kunna användas tillsammans med stöd från lärare eller pedagog som ska kunna använda materialet som underlag för dialog med barnen. Studien undersöker vilka tillvägagångssätt som kan användas för att visuellt vägleda och upprätthålla användarens uppmärksamhet i ett rörligt medium, samt hur ljud och vibrationer kan visualiseras i en animerad film. Utifrån insamlad data från teori och empiri, som bland annat innefattar barns perceptionsförmåga, resulterar studien i ett flertal förslag på hur den visuella vägledningen kan effektiviseras, exempelvis vikten av att reducera antalet konkurrerande bildelement. Det framkom även att visuella metaforer kan användas för att visualisera sådant som inte syns för blotta ögat, såsom ljud och tid. Slutligen resulterade studien i ett gestaltningsförslag i form av en animerad film som drar nytta av dessa tillvägagångssätt.

The purpose of the study was to find out how using graphic de- sign could develop a tool that helps people with Down syndrome become even more self-sufficient in order to fulfill their own full po- tential. The study is based on qualitative and quantitative methods in the context phase. Design methods such as participant observa- tion, mindmapping, focus group, brainstorming, prototype, scamp- er, concept weighting matrix, design process and project planning have been used to structure the work and produce the artifact. The study mastered graphic design and concepts such as information design, visual communication, GAKK (graphic symbols as alterna- tive and supplementary communication) have been used for the developed prototype, My travel book. The goal is to help people with Down syndrome use public transportation. “An environment in which the surroundings cannot sign, for a per- son in need of signs, is as limiting as if you put tape over the mouth and clogs the ears of a person who speaks. You can’t express yourself and you can’t understand.” - Maria Krafft Helgesson / Syftet med studien har varit att ta reda på hur man med hjälp av grafisk design skulle kunna ta fram ett verktyg som hjälper person- er med Downs syndrom att bli ännu mer självgående för att uppfyl- la sin egna fulla potential. Studien har en utgångspunkt i kvalitativa och kvantitativa metoder inom kontextdelen. För struktur av arbete och framtagning av artefakt har designmetoder såsom deltagande observation, mindmapping, fokusgrupp, brainstorming, prototypa, scamper, koncept-viktningsmatris, designprocess och projektpla- nering använts. Studien behärskar grafisk design och begrepp som informationsdesign, visuell kommunikation, GAKK (grafiska symboler som alternativ och kompletterande kommunikation) har använt för den framtagna prototypen, Min resebok. Målet är att hjälpa personer med Downs syndrom att resa kollektivt. ”En miljö där omgivningen inte kan tecken, är för en person i behov av tecken, lika begränsande som om du sätter tejp för munnen och proppar i öronen på en person som talar. Du kan inte uttrycka dig och du kan inte förstå.” - Maria Krafft Helgesson

The following essay is a thesis in information design with orientation on informative illustration. The purpose of this study is to investigate, based on a given graphic assignment, how to shape an event that is a response to the great big and world-wide event, the bombing in Hiroshima. The purpose of the thesis is to explore how, in an ethical way, the way radiation can be seen on people who was on the scene. The aim of the work is to design a visualization that is ethical and at the same time easily understandable and interesting. This study is done after a graphic assignment assigned from the TT news agency. This graphic shows the effects of the radiation from the atomic bomb in Hiroshima on the population of the city and the magnitude of the consequential damage. The final design was formed by data collection and theories in visual rhetoric and cognition. Methods that have been used are a survey as well as a method for creating ethical visualization described by Katherine Hepworth, a professor of visual journalism. The results of the survey show that in order to create an ethical visualization, one must work close to one's target group. Find out what they have for past experiences and knowledge in the subject you are working on. The choice of manners also affects the feeling of images and how to interpret them. / Följande undersökning är ett examensarbete i informationsdesign med inriktning informativ illustration. Denna studie syftar till att utifrån ett givet grafikuppdrag undersöka hur man kan gestalta en händelse som är ett svar på den väldigt stora och världsomställande händelsen, bombningen i Hiroshima. Syftet med examensarbetet är att utforska hur man, på ett etiskt sätt, kan gestalta hur strålningen påverkade människorna på platsen. Målet med arbetet är att utforma en visualisering som är etiskt och samtidigt lätt förståelig och intresseväckande. Denna studie är utförd efter ett grafikuppdrag som är tilldelat från TT nyhetsbyrån. Denna grafik ska redogöra för de effekter som strålningen från atombomben i Hiroshima drabbade befolkningen i staden och hur stora följdskadorna har blivit. Genom datainsamling och teorier inom visuell retorik samt kognition utformades den slutgiltiga gestaltningen. Metoder som har används är enkät samt en metod för att skapa etisk visualisering som är beskriven av Katherine Hepworth. Hepworth är professor inom visuell journalistik. Resultatet av undersökningen påvisar att för att skapa en etisk visualisering måste man jobba nära sin målgrupp. Ta reda på vad de har för tidigare erfarenheter och kunskaper inom det ämnet man jobbar med. Valet av manér påverkar också känslan av bilder och hur man tolkar dem.

Responsiv webbdesign har blivit en konvention på Internet i takt med att allt fler besöker webbsidor från sina mobiltelefoner. Men det flytande formatet orsakar svårigheter gällande bildgestaltning anpassade för responsiva webbformat, vilket försämrar bildernas funktionalitet. I denna iterativa studie har en featuregrafiks förutsättningar i responsiva format undersökts på en konceptnivå, för att kunna bilda en uppfattning om hur olika designprinciper och riktlinjer kan användas för att påverka berättargrepp, dramaturgi och bildkomposition. Metoderna som har använts för att resonera kring frågeformuleringarna är följande; Artefaktanalys av befintliga trender på Internet idag, Prototyping där en fördjupad skissprocess presenteras och diskuteras, Utprovning med en Virtuell testgrupp och påföljande Dataanalys och slutligen High-Fidelity Prototyping på en webbutvecklingsplattform. Studien resulterade i tre olika exemplifierande layoutlösningar, som redogör för hur en responsiv featuregrafik skulle kunna gestaltas för att korrelera en associativ med en linjär läsordning, medan konsekvenserna för bildkompositionen i responsiva format kunde beskrivas med tre tydliga exempel; 1. Töjning, 2. En helt ny komposition och 3. Beskärning. Avslutningsvis förs en diskussion kring dessa slutsatser. / Responsive web design has become a convention on the Internet as more and more people visit web pages from their mobile phones. But the floating format causes difficulties when designing images for responsive web formats, which impairs the functionality of the images. In this iterative study, the conditions of a feature graphic in responsive formats have been examined at a concept level, to be able to form an idea of how different design principles and guidelines can be used to influence narrative grip, dramaturgy and image composition. The methods used to reason around the questionnaires are as follows; Artefact analysis of existing trends on the Internet today, Prototyping where an in-depth sketch process is presented and discussed, Testing with a Virtual test group and subsequent Data analysis and finally High-Fidelity Prototyping on a web development platform. The study resulted in three different exemplifying layout solutions, which describe how a responsive feature graphic could be designed to correlate an associative with a linear reading order, while the consequences for the image composition in responsive formats could be described with three clear examples; 1. Stretching, 2. A whole new composition and 3. Cropping. Finally, a discussion is held about these conclusions.

Det attraktiva Strömsstråket is a bachelor thesis in Information Design with a focus on spatial design. The purpose of this work is to investigate the possibility to clarify the connections between Mälardalen University via Strömsholmen to Munktellstaden in Eskilstuna, and at the same time, how the city of Eskilstuna can benefit from these connections. That is, how a street can create opportunities to connect different parts of the city and contribute to more people taking part in the area and choosing to stay there. The aim of this work is to develop a design proposal that visualizes a path connecting all these different parts of the city. A designproposal that can raise the movement pattern of the area by formulating places for social interaction for the primary target group wisch is the students, teachers and other active members ofMälardalen University. The methods used in this work are spatial analysis, experience bubbles, observation, notation analysis, interview and photo / video documentation. These methods, together with theoretical starting points, have laid the foundation for the final design proposal for a map that visualizes part of a new route between Mälardalen University and Munktellstaden in Eskilstuna. / Det attraktiva Strömsstråket är ett examensarbete i Informationsdesign med inriktning rumslig gestaltning. Syftet med detta arbete är att undersöka hur det går att tydliggöra förbindelserna mellan Mälardalens högskola via Strömsholmen till Munktellstaden i Eskilstuna, samt även undersöka vad förbindelserna skulle kunna åstadkomma för staden. Det vill säga hur ett stråk kan bilda möjligheter att knyta ihop olika delar av staden och bidra till att fler tar del av området och väljer att vistas där. Målet med detta arbete är att ta fram ett gestaltningsförslag som visualiserar ett stråk som knyter samman olika delar av staden Eskilstuna och på så sätt även bidra till ett ökat rörelsemönster och skapa sociala mötesplatser där studenter, lärareforskare och andra verksamma på Mälardalens högskola är den primära målgruppen. De metoder som används i detta arbete är rumslig analys, upplevesebubblor,observation, notationsanalys, intervju och foto-/videodokumendation. Dessa metoder har tillsammans med teoretiska utgångspunkter lagt grunden till det slutliga gestaltningsförslaget om en karta som visualiserar en del av ett nytt stråk mellan Mälardalens högskola och Munktellstaden i Eskilstuna.

SammanfattningBröstcancer drabbar var nionde kvinna i Sverige och är den näst vanligaste dödsorsaken förkvinnor under 40 år. Självundersökning är en relativt enkel metod för att upptäcka tidigatecken på bröstcancer. Trots detta gör inte 63.8% av kvinnor mellan 20-40 årsjälvundersökning. Denna studie undersökte hur motivationen hos målgruppen påverkadesutifrån olika kommunikationsstilar, en narrativ och en didaktisk. Undersökningengenomfördes i form av framtagandet av två olika animerade informationsfilmer omsjälvundersökning. Resultatet visar att bägge filmerna ökar motivationen hos respondenternamen att den narrativa filmen ger störst effekt. Motivationen påverkar även hur lätt eller svårtrespondenterna tycker att det känns att genomföra självundersökning, varpå vid högremotivation visar resultatet att det upplevs lättare att genomföra. Slutsatsen som dras för dennastudie är att en narrativ kommunikationsstil är att föredra för att öka motivation hos kvinnormellan 20-40 år, samt att filmen bör återfinnas i sociala medier och kan då fungera som entrigger för ökad motivation. / <p>Examensarbetet är utfört vid Institutionen för teknik och naturvetenskap (ITN) vid Tekniska fakulteten, Linköpings universitet</p>

E-commerce is the activity of selling or buying products and services over the internet. Because of its growing popularity, online businesses must ensure their websites are trusted by their consumers in order to achieve success. Previous research shows that consumer trust in e-commerce can be affected by three key aspects of web design: navigation, information and visual design. It also suggests that demographic factors such as gender might influence how trust is perceived. However, very few studies discuss the importance of the design aspects in relation to gender which is of relevance to better understand how to design websites for different target groups. This bachelor thesis aims to examine the relationship between consumer trust, web design and gender in the context of e-commerce in Sweden. To explore any potential correlations, a mixed method research design was applied. Firstly, a document analysis was applied to the website used in the study to evaluate the design aspects. Secondly, a survey was conducted to explore possible patterns between gender, web design and trust. The result confirmed a relationship between web design and trust. It also showed a significant difference between each gender’s interaction with information design, suggesting that information is more important to women than men to enhance increased amounts of trust. Lastly, the additional aspects of security and marketing need to be considered when designing a trustworthy website.

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.

Podcast är ett underhållningsformat som växer mer och mer. År 2019 lyssnade 55% av svenskainternetanvändare på podcasts. Då man oftast lyssnar via sin smartphone samtidigt som man görnågot annat kan det vara lätt att zona ut och missa delar av avsnittet. Denna studie syftar till attundersöka hur en informationsgrafik som ligger i den mobilapp man använder för att lyssna påpodcast kan se ut, samt om den kan göra att man minns mer av det man precis har lyssnat på.En inledande studie genomfördes för att undersöka hur olika människors podcastvanor såg ut,hur och var de lyssnade, samt om de tenderar att zona ut kortare stunder. Resultatet bekräftade atten stor mängd personer ofta glömde bort vissa delar av den podcast de lyssnat på, samt attsmartphone var det främst förekommande mediet som användes.För att kunna besvara syftet har, genom en designprocess, tre olika koncept av informationsgrafiktagits fram och testats. Dessa har sedan jämförts med test på om man bara lyssnar på podcasten.Resultaten visar tendenser på att man minns mer om man ser en informationsgrafik samtidigtsom man lyssnar på podcasten, men att det egentligen inte spelar så stor roll hurinformationsgrafiken ser ut. Informationsgrafiken kan vara olika grader av abstrakt beroende vadpodcasten handlar om just då. Det är dock viktigt att informationsgrafiken innehåller text tillillustrationerna och att siffror visas i tydliga diagram. Det är också väldigt uppskattat att ha medinformation om vem som talar i podcasten just då. / Podcast is a form of entertainment that grows increasingly. In 2019, 55% of Swedish internetusers listened to podcasts. As one often listens via one’s smartphone at the same time as doingsomething else it is easy to zone out and miss parts of the episode. This study aims to explore howan infographic inside the application one uses to listen to podcast can look and whether it canmake one remember more of what one just listened to.An initial study was conducted to investigate what different people’s podcast habits looked like,how and when they listened, as well as if they tend to zone out for shorter periods. The resultconfirmed that a large amount of people often forgot some parts of the podcast they listened to. Italso showed that smartphone was the most common medium that was used.Through a design process, three different concepts of infographics have been produced andtested to answer the purpose of this study. These concepts have been compared to a test resultfrom users only listening to the podcast and not viewing the infographic. The result tends toshow that you remember more if viewing an infographic but that it doesn’t matter how it isdesigned. The infographic can be designed in different degrees of abstraction depending on whatthe podcast is about right then. However, it is important that the infographic contain text next tothe illustrations and that figures are shown in clear diagrams. It is also very appreciated to includeinformation about who is speaking in the podcast right then.