Slide 1

Slide 1 text

Jonas Söderström • 2024 Typografi Trä ff #18 • Torsdag 30 maj Jonas Söderström • Vt 24 • UX Writing • Nackademin

Slide 2

Slide 2 text

Jonas Söderström • 2024 Lite repetition: UX Research

Slide 3

Slide 3 text

Jonas Söderström • 2024 Ifrågasätt antaganden, förutfattade meningar, "common knowledge” Sensmoral:

Slide 4

Slide 4 text

Jonas Söderström • 2024 30 personer 5 statistiska sanningar 5 personer 30 insikter

Slide 5

Slide 5 text

Jonas Söderström • 2024 För statistiska sanningar, sök hellre bland data ▸ Hur många avbryter köpet med artiklar i varukorgen? ▸ Hur få läser de sidor som läses minst på intranätet? ▸ Hur är fördelningen av sökord? ▸ Vilka devicer accessar vilka sidor på unionen.se? Spool: ”The 300- million dollar button” Polisens intranät: över hälften av nyheterna lästes av bara 0,1% Socialstyrelsens sajt är en uppslagsbok Sidan ”Varsel” accessas överväldigande via mobil

Slide 6

Slide 6 text

Jonas Söderström • 2024 Hur frågar man? ▸ Ställ ÖPPNA frågor ▸ Ställ NEUTRALA frågor ▸ Fråga om EN SAK I TAGET ▸ Ställ KONKRETA frågor

Slide 7

Slide 7 text

Jonas Söderström • 2024 Typografi

Slide 8

Slide 8 text

Jonas Söderström • 2024 A Läsning är ingen naturlig aktivitet!

Slide 9

Slide 9 text

Jonas Söderström • 2024 Läsning och förståelse är målet Typogra fi är verktygen

Slide 10

Slide 10 text

Jonas Söderström • 2024 Vilket typsnitt är bäst? Storlek? Hur långa rader? Grunderna

Slide 11

Slide 11 text

Jonas Söderström • 2024 ”En undersökning visar …” Ta det med en nypa salt. Är den modern? Exakt vad har man undersökt?

Slide 12

Slide 12 text

Jonas Söderström • 2024 • Läsning är extremt komplext och resultaten kan till stor del vara motstridiga, beroende på textens storlek, läsarens avstånd till den, belysningen, innehållet, etc… • Även om ett resultat tycks vara att en design läses ”snabbare” eller ”lättare”, kan skillnaderna vara små i praktiken. • Människor har ofta en annan uppfattning om läshastighet etc, än vad tidtagaruret säger.

Slide 13

Slide 13 text

Jonas Söderström • 2024 Display-typsnitt (eller rubrik-typsnitt) vs bröd-typsnitt

Slide 14

Slide 14 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; Långt nere under honom bullrade den nyvaknade staden; Långt nere under honom bullrade den nyvaknade staden; Röda Rummet Röda Rummet Röda Rummet Röda Rummet Röda Rummet Röda Rummet Brödtext Display

Slide 15

Slide 15 text

Jonas Söderström • 2024 Mission Impossible SVINDLANDE HÖJDER

Slide 16

Slide 16 text

Jonas Söderström • 2024 Brödtext

Slide 17

Slide 17 text

Jonas Söderström • 2024 Aalborg Två grundtyper Aalborg Antikva Serif-typsnitt Linjär Grotesk Sans serif Anses numer lika lättlästa! g g Serif Serif a a

Slide 18

Slide 18 text

Jonas Söderström • 2024 A Typsnittsformer A Linjär Grotesk Sans serif Antikva Serif-typsnitt Medieval- antikva Garald Didon Nyantikva A Mekan Egyptienne Slab serif A Real Transantikva A Följer formen av handskrift med (fjäder)penna

Slide 19

Slide 19 text

Jonas Söderström • 2024 A A Futura Helvetica /Arial Franklin Verdana Garamond Berling Bembo Minion Goudy Old Style Didot Bodoni A Rockwell Clarendon Memphis Beton A Baskerville Times A Typsnitt har namn – tidigare ofta efter formgivaren eller uppdragsgivaren (tryckeri/tidning) Linjärer har varit populära för skärmar, då de haft sämre upplösning än papper

Slide 20

Slide 20 text

Jonas Söderström • 2024 Olika typsnitt i samma grad framträder i olika storlek på skärmen. Älgx Älgx Älgx Monaco 175 p Trebuchet 175 p Adobe Garamond 175 p Ä 175 p Ä

Slide 21

Slide 21 text

Jonas Söderström • 2024 Älgbix Verdana Älgbix Älgbix Calibri Trebuchet Älgbix Open Sans Älgbix Lucida Grande Arial Älgbix

Slide 22

Slide 22 text

Jonas Söderström • 2024 Små skillnader i bokstavsformer skapar olika grad av svärta eller ljushet i textbilden Man strävar normalt efter en ”lagom” svärta

Slide 23

Slide 23 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stads- gårdshamnen, järn- stängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibuss- arne hoppade skallrande fram på den kullriga stenläggningen; Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårds- hamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussar ne hoppade skallrande fram på den kullriga stenläggningen; Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stads- gårdshamnen, järn- stängerna skramlade i järnvågen, sluss- vaktarnes pipor visslade, ångbåtarne vid Skepps- bron ångade, Kungs- backsomnibussarne hoppade skallrande fram på den kullriga stenläggningen; ITC Garamond Adobe Garamond Sectra

Slide 24

Slide 24 text

Jonas Söderström • 2024 Slutna former ger mer svårläst text … framför allt i mindre grader och vid sämre sikt eller syn

Slide 25

Slide 25 text

Jonas Söderström • 2024 oceas oceas Slutna former gör bokstäverna svåra att skilja från varandra i små grader oceas 38 Mabry Myriad BBC Reith Helvetica 29 Mabry 29 Open Sans 38 oceas Myriad Helvetica Öppna bokstavsformer bidrar till bra läsbarhet, särskilt i små grader

Slide 26

Slide 26 text

Jonas Söderström • 2024 Ill Bokstavsformer och bokstavspar bör vara distinkta! Ill Helvetica Tahoma Ill Trebuchet nh Arial Avenir nh Ill Atkinson Hyperlegible lo b Helvetica Trebuchet lo b lo b Atkinson Hyperlegible

Slide 27

Slide 27 text

Jonas Söderström • 2024 Bokstavsformer och bokstavspar bör vara distinkta! bd Helvetica BBC Reith bd bd Atkinson Hyperlegible ij Helvetica Tahoma ij Mabry ij ij Atkinson Hyperlegible pq Helvetica BBC Reith pq pq Atkinson Hyperlegible

Slide 28

Slide 28 text

Jonas Söderström • 2024 • Atkinson Hyperlegible

Slide 29

Slide 29 text

Jonas Söderström • 2024 Micosofts nya typsnitt: Aptos ersätter Calibri

Slide 30

Slide 30 text

Jonas Söderström • 2024 Calibri Aptos

Slide 31

Slide 31 text

Jonas Söderström • 2022

Slide 32

Slide 32 text

Jonas Söderström • 2024 En annan detalj e a s e a s Adobe Garamond Helvetica

Slide 33

Slide 33 text

Jonas Söderström • 2024 x-höjd xnh73 % Century Gothic xnh55 % Adobe Garamond

Slide 34

Slide 34 text

Jonas Söderström • 2024 xnh55 % Adobe Garamond xnh xnh xnh73 % 52 % 72 % Cochin Century Gothic Trebuchet xnh Open Sans 72 % xnh63 % Minion Liten x-höjd Stor x-höjd

Slide 35

Slide 35 text

Jonas Söderström • 2024 Proportioner

Slide 36

Slide 36 text

Jonas Söderström • 2024 Många sajter/appar använder högsmala typsnitt (”condensed”) för att få in tillräckligt med information på smala mobilskärmar. Älgbix Älgbix Älgbix Myriad Condensed Blair MD ITC Myriad Normal

Slide 37

Slide 37 text

Jonas Söderström • 2024 … för rubriker

Slide 38

Slide 38 text

Jonas Söderström • 2024 … men också för knappar

Slide 39

Slide 39 text

Jonas Söderström • 2024 … och en smalare för opinions- artiklar NY Times har en måttligt smal rubrikstil för nyheter …

Slide 40

Slide 40 text

Jonas Söderström • 2024 Bra typsnitt: • PT Sans • Open Sans • Ubuntu • Myriad • Lato • Atkinson Hyperlegible • BBC Reith • PT Serif • Georgia • Adobe Garamond • Minion • Times

Slide 41

Slide 41 text

Jonas Söderström • 2024 WCAG:s riktlinjer för typografi

Slide 42

Slide 42 text

Jonas Söderström • 2024 WCAG:s om kontrast • Textens kontrast mot bakgrund ska vara minst 4,5:1. • Stor stil, • större än 18 p, eller • fetstil större än 14 p • ska ha en kontrast på minimum 3:1.

Slide 43

Slide 43 text

Jonas Söderström • 2024 WCAG om textstorlek • Minst 16 punkter för huvudsaklig text (brödtext) • 16 punkter ≈ 21 pixlar • Ingen definitiv riktlinje, men en genomgående rekommendation

Slide 44

Slide 44 text

Jonas Söderström • 2024 WCAG om övriga textattribut • Radavstånd minst 1,5 gånger textens storlek (grad). • Avstånd mellan stycken minst 2 gånger textens storlek. • Bokstavsmellanrum minst 0,12 gånger textens storlek. • Ordmellanrum minst 0,16 gånger textens storlek.

Slide 45

Slide 45 text

Jonas Söderström • 2024 Hur justera värden för text? • De exakta måtten hanteras i css-koden (cascading style sheets), där man anger värden för till exempel • line-height (radavstånd), • letter-spacing, och • word-spacing. • Skriv css själv – eller ha en dialog med frontend- utvecklare och uppmärksamma dem på WCAGs värden. • Använder man en “färdig” plattform, som Wordpress, fi nns möjlighet att använda färdiga designer med mallar, och många av dem framhåller att de är WCAG-säkrade.

Slide 46

Slide 46 text

Jonas Söderström • 2024 Hur justera värden för text? (2) • I en del plattformar kan man komma åt css- fi len direkt • W3schools har en komplett (tror jag) lista med css- egenskaper, som också ger exempel på värden och vilka resultat de ger: • https://www.w3schools.com/cssref/index.php

Slide 47

Slide 47 text

Jonas Söderström • 2024 Maximal radlängd ≈ 56 tecken = två alfabet

Slide 48

Slide 48 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungs- backsomnibussarne hoppade skallrande fram på den kullriga sten- läggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden Adobe Garamond 47 / 71 p 1,25 rader August Strindberg: Röda Rummet (1879) ≈ 58 tecken

Slide 49

Slide 49 text

Jonas Söderström • 2024 Radavstånd Kan vara viktigare än storlek för god läsbarhet

Slide 50

Slide 50 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungs- backsomnibussarne hoppade skallrande fram på den kullriga sten- läggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden Adobe Garamond 47 / 71 p 1,35 rader August Strindberg: Röda Rummet (1879) Ju längre rader, desto mer radavstånd

Slide 51

Slide 51 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussarne hoppade skallrande fram på den kullriga stenläggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Adobe Garamond 47 / 1 radavstånd August Strindberg: Röda Rummet (1879) Kortare rader, mindre radavstånd

Slide 52

Slide 52 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced Långa rader kräver mer radavstånd. While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well- informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and Radavstånd 1 rad Radavstånd 1,3 rader

Slide 53

Slide 53 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussarne hoppade skallrande fram på den kullriga stenläggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden eller hota den. Adobe Garamond 52 p / Radavstånd 1 August Strindberg: Röda Rummet (1879) Lite svårläst … göra graden större?

Slide 54

Slide 54 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussarne hoppade skallrande fram på den kullriga stenläggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden eller hota den. Adobe Garamond 57 p / Radavstånd 1 Större grad … inte enklare att läsa

Slide 55

Slide 55 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussarne hoppade skallrande fram på den kullriga stenläggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden eller hota den. Adobe Garamond 52 p / Radavstånd 1 August Strindberg: Röda Rummet (1879)

Slide 56

Slide 56 text

Jonas Söderström • 2024 Långt nere under honom bullrade den nyvaknade staden; ångvinscharne snurrade nere i Stadsgårdshamnen, järnstängerna skramlade i järnvågen, slussvaktarnes pipor visslade, ångbåtarne vid Skeppsbron ångade, Kungsbacksomnibussarne hoppade skallrande fram på den kullriga stenläggningen; stoj och hojt i fi skargången, segel och fl aggor som fl addrade ute på strömmen, måsarnes skri, hornsignaler från Skeppsholmen, gevärsrop från Södermalmstorg, arbetshjonens klapprande med träskorna på Glasbruksgatan, allt gjorde ett intryck av liv och rörlighet, som tycktes väcka den unge herrens energi, ty nu hade hans ansikte antagit ett uttryck av trots och levnadslust och beslutsamhet och, då han lutade sig över barriären och såg ner på staden under sina fötter, var det som om han betraktade en fi ende; hans näsborrar vidgades, hans ögon fl ammade och han lyfte sin knutna hand, som om han velat utmana den stackars staden eller hota den. Adobe Garamond 48 / 66 p 1,2 rader August Strindberg: Röda Rummet (1879) Lättare: mindre grad men större radavstånd

Slide 57

Slide 57 text

Jonas Söderström • 2024 Ibland har vi fixerad text: pdf-er, powerpoints, Word …

Slide 58

Slide 58 text

Jonas Söderström • 2024 Textdesign Hur vi gör fi xerad text maximalt läsbar, till exempel i pdf:er eller i presentationer (Powerpoint). Alla exempel med ojämn högermarginal.

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate.

Slide 61

Slide 61 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Håll ihop tankar och uttryck över radbrytningar.

Slide 62

Slide 62 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Håll ihop tankar och uttryck över radbrytningar. • Mellan preposition och sitt huvudord (i Stockholm) • Mellan verb och verbpartikel (bryta av) • Mellan antals-si ff ra och sitt huvudord (100 slajds) • Mellan bestämd artikel och sitt huvudord (ett bord) • I sammansatta uttryck (project manager) • Efter första ordet i en mening • Efter första ordet i en bisats (… sajten, som …) Bryt inte:

Slide 63

Slide 63 text

Håll ihop tankar och uttryck över radbrytningar. Gäller även rubriker!

Slide 64

Slide 64 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Se om du kan dela stycket i två (eller fl era), för att skapa mer en mer lätthanterlig textmassa. När ett stycke har en kort eller väldigt kort utgångsrad: Leta efter en mening som börjar längre in på raden, och som börjar en ny tanke.

Slide 65

Slide 65 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Se om du kan dela stycket i två (eller fl era), för att skapa mer en mer lätthanterlig textmassa. När ett stycke har en kort eller väldigt kort utgångsrad: Leta efter en mening som börjar längre in på raden, och som börjar en ny tanke.

Slide 66

Slide 66 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Även om det vita utrymmet på slutraden är litet: se om det fi nns någon mening som börjar nära slutet av en rad.

Slide 67

Slide 67 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Nytt stycke med kort utgångsrad! Fortfarande gäller att dela upp texten efter tanke-innehållet. Bryt inte mellan två meningar som hänger tätt ihop.

Slide 68

Slide 68 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Två alternativ: indrag i början av raden, eller lite extra avstånd mella styckena.

Slide 69

Slide 69 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Två alternativ: indrag i början av raden, eller lite extra avstånd mella styckena.

Slide 70

Slide 70 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Två alternativ: indrag i början av raden, eller lite extra avstånd mellan styckena.

Slide 71

Slide 71 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Originalet igen.

Slide 72

Slide 72 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Finns det något mer vi kan göra?

Slide 73

Slide 73 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Jag använder ofta kursiv för att signalera citat eller titlar, men också för en medelstark betoning. Finns det mer vi kan göra?

Slide 74

Slide 74 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Typogra fi är tonläge.

Slide 75

Slide 75 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. Från detta …

Slide 76

Slide 76 text

While the methods and the amount of collaboration required may di ff er, what goes for individuals goes for organizations. Every single time you are faced with a decision, you need to ask “Do we have the right information to make this decision?” If you are continuously making decisions, you need to continuously ensure that those decisions are well-informed. Of course it feels easier to make things without asking questions. It always will. Like everything else uncomfortable in life, if you don’t make a habit out of it and connect it to rewards, you will fi nd excuses to avoid it. Th is is as true for organizations as it is for everyone eating Pringles on the sofa wishing they wanted to motivate. … till detta.

Slide 77

Slide 77 text

Jonas Söderström • 2024 Praktisk design Susan Weinschenk: 100 things every designer needs to know about people Second edition, 2020

Slide 78

Slide 78 text

Jonas Söderström • 2024 Praktisk design Susan Weinschenk: 100 more things every designer needs to know about people Second edition, 2023

Slide 79

Slide 79 text

Jonas Söderström • 2023 Uppgift 3

Slide 80

Slide 80 text

Jonas Söderström 2023

Slide 81

Slide 81 text

Jonas Söderström • 2023 Vid nästa pandemi …

Slide 82

Slide 82 text

Jonas Söderström • 2022

Slide 83

Slide 83 text

Jonas Söderström • 2023 Din uppgift: Text i ett tänkt system för smitto-begränsning G • SMS: Du riskerar att ha blivit smittad (=varit nära någon smittad). Här är en länk till landningssida med instruktioner. • Landningssidan med instruktioner om vad du ska göra (isolera dig, beställa test). VG • Dementi-SMS: Det var falskt alarm, du var utom risk (just då).

Slide 84

Slide 84 text

Jonas Söderström • 2024 Attityder hos befolkningen Jag får panik av att höra om detta Jag litar på myndigheterna Vet man om det är säkert? Jag tror inte på det där Få så många som möjligt att följa råden

Slide 85

Slide 85 text

Jonas Söderström • 2023 Vi antar att detta virus är potentiellt farligare än covid-viruset.

Slide 86

Slide 86 text

Jonas Söderström • 2023 Din uppgift – gäller både G och VG: • Välj en målgrupp som du utformar dina förslag för. • Motivera varför du valt den. • Anpassa ton, välj innehåll, utformning för din målgrupp. • Utförlig skriftlig beskrivning kommer att fi nnas på Studentportalen och i Slack. • Inlämning på Studentportalen senast måndag 10 juni kl 23.59.

Slide 87

Slide 87 text

Jonas Söderström • 2024 Tisdag Juni 4 Inlämning av uppgift 3 senast söndag 16 juni kl 23.59 Torsdag Juni 13 SEO. Testa text. Mer klarspråk och ux-copy. Länkar. Vecka 24 Tisdag Juni 11 Interaktions- design, UX Process Vecka 23 Fredag Juni 7 Reserv / AMA med Jonas