Träff #5 • Informationsdesign • Tis 16 april • UX Writing vt24 Nackademin

Slide 1

Slide 1 text

Jonas Söderström • 2023 Informationsdesign Trä ff #5 • Tisdag 16 april Jonas Söderström • Vt 24 • UX Writing • Nackademin

Slide 2

Slide 2 text

Jonas Söderström • 2023

Slide 3

Slide 3 text

Jonas Söderström • 2023 Idag • Lite repetition • Informationsdesign • Inlämningsuppgift

Slide 4

Slide 4 text

Jonas Söderström • 2022 Lite repetition

Slide 5

Slide 5 text

Jonas Söderström • 2023 Tretton slag av ux-text 1. Statusmeddelanden 2. Processmeddelanden 3. Bekräftelser och kvittenser 4. Felmeddelanden 5. Negativa responser 6. Tillrättavisningar och varningar 7. Uppmaningar, erbjudanden, triggers och aviseringar + ”Dark patterns” 8. Användarens val: Knappar, dialoger och andra interaktionskommandon 9. Ledtexter 10. Rundturer, starthjälp och nya funktioner 11. Frågor: feedback och erbjudanden 12. Förtroendeskapare 13. ”Tonsättare”: Förmedla en känsla Gränsar till reklam- ”copy”

Slide 6

Slide 6 text

Jonas Söderström 2023 Struktur ux-texter Innehåll Tillfredsställer oftast ett behov som läsaren redan har (”hur gör jag…?”, ”vad hände nu…?”) ”Copy” Försöker skapa eller väcka ett behov mottagaren inte har, inte är medveten om, eller har prioriterat ned Sökoptimering (SEO) Metadata Väcker känslor, berättar historier Ger svar, instruerar, är rakt på sak och konkret

Slide 7

Slide 7 text

Jonas Söderström • 2022 Nudging = design och ux-text Ja, skicka mig nyhetsbrev Nej tack, inga utskick

Slide 8

Slide 8 text

Jonas Söderström • 2023 Nudging: Påverka att någon att ändra sin vilja Bedräglig design: Lura någon att göra något mot sin vilja

Slide 9

Slide 9 text

Jonas Söderström • 2023 Tänk till extra på noti fi eringar – vi har dålig kontroll över kontexten

Slide 10

Slide 10 text

Jonas Söderström • 2024 Uppgifter: • Gå in på www.deceptive.design och titta runt. • Gör de undermappar i din huvudmapp du känner för. Förutom olika genrer kan du ha mappar för till exempel dåliga översättningar, specifika typer av tjänster, ”ärrvävnad”, ”skyltar”, och så vidare. • Kolla i din omvärld efter tecken på ”fysiska ux-texter” och eventuell ”ärrvävnad”. Ta foton, spara i dina mappar!

Slide 11

Slide 11 text

Jonas Söderström • 2023 agera göra handla hantera interaktions design känna gilla uppleva visuell (visceral) design - tolka förstå hitta informations design -

Slide 12

Slide 12 text

Jonas Söderström • 2023 ”Wall of text”

Slide 13

Slide 13 text

Jonas Söderström • 2023

Slide 14

Slide 14 text

Jonas Söderström • 2023 Kokboken utkom 1930

Slide 15

Slide 15 text

Jonas Söderström • 2023

Slide 16

Slide 16 text

Jonas Söderström • 2023

Slide 17

Slide 17 text

Jonas Söderström • 2023

Slide 18

Slide 18 text

Jonas Söderström • 2023

Slide 19

Slide 19 text

Jonas Söderström • 2023

Slide 20

Slide 20 text

Jonas Söderström • 2022 • Mycket scrollande!

Slide 21

Slide 21 text

Jonas Söderström • 2023 Via Erik Markensten

Slide 22

Slide 22 text

Jonas Söderström • 2023 att dela upp informationen i lagom stora och meningsfulla bitar, ”Chunka” informationen med vettiga etiketter (rubriker) eller utmärkande drag (bilder, färg, symboler), så vi förstår vad de betyder för oss Märka dem i en vettig följd, med en tydlig hierarki Ordna

Slide 23

Slide 23 text

Jonas Söderström • 2023 ”Chunks” Ordna Märka

Slide 24

Slide 24 text

Jonas Söderström • 2023 Paus till 16.00!

Slide 25

Slide 25 text

Jonas Söderström • 2023

Slide 26

Slide 26 text

Jonas Söderström • 2023

Slide 27

Slide 27 text

Jonas Söderström • 2023

Slide 28

Slide 28 text

Jonas Söderström • 2023

Slide 29

Slide 29 text

Jonas Söderström • 2023

Slide 30

Slide 30 text

Jonas Söderström • 2023 Publication/Media: de.news-front.info   (Archived) Reported in: Issue 238 Date of publication:  31 March 2021 Article languages German Countries and/or regions discussed in the disinformation:  Belarus, Poland, Lithuania Keywords:  Coup

Slide 31

Slide 31 text

Jonas Söderström • 2023

Slide 32

Slide 32 text

Jonas Söderström • 2023

Slide 33

Slide 33 text

Jonas Söderström • 2023 Etiketter igen

Slide 34

Slide 34 text

Jonas Söderström • 2023

Slide 35

Slide 35 text

Jonas Söderström • 2023

Slide 36

Slide 36 text

Jonas Söderström • 2023 i försalong

Slide 37

Slide 37 text

Jonas Söderström • 2023 i försalong

Slide 38

Slide 38 text

Jonas Söderström • 2023 Mitt mest spridda blogginlägg

Slide 39

Slide 39 text

Jonas Söderström • 2023

Slide 40

Slide 40 text

Jonas Söderström • 2023

Slide 41

Slide 41 text

Jonas Söderström • 2023 Informationsdesign är strängt taget två saker: Utforma så det viktiga framhävs, och helheten blir tydlig och lättolkad. 2 ”Chunka” , ordna, märka 1 Empatisera, tänka. Rensa bort trivialt och överflödigt. Förstå vad som är viktigt för mottagaren.

Slide 42

Slide 42 text

Jonas Söderström • 2023 Rensa bort onödigt och upprepningar

Slide 43

Slide 43 text

Jonas Söderström • 2023

Slide 44

Slide 44 text

Jonas Söderström • 2023 Rensa bort dubletter

Slide 45

Slide 45 text

Jonas Söderström • 2023 ”Direkt ur databasen” Väsentligt för användaren vs

Slide 46

Slide 46 text

Jonas Söderström • 2023

Slide 47

Slide 47 text

Jonas Söderström • 2023

Slide 48

Slide 48 text

Jonas Söderström • 2023

Slide 49

Slide 49 text

Jonas Söderström • 2023 När man gör uppställningen tydligare, kan man ofta också upptäcka grejer med själva innehållet.

Slide 50

Slide 50 text

Jonas Söderström • 2023

Slide 51

Slide 51 text

Jonas Söderström • 2023

Slide 52

Slide 52 text

Jonas Söderström • 2023

Slide 53

Slide 53 text

Jonas Söderström • 2023 1,8 per år….? 🤔

Slide 54

Slide 54 text

Jonas Söderström • 2023 Ordningsföljd

Slide 55

Slide 55 text

Jonas Söderström • 2023

Slide 56

Slide 56 text

Jonas Söderström • 2023 Lite om ikoner

Slide 57

Slide 57 text

Jonas Söderström • 2023

Slide 58

Slide 58 text

Jonas Söderström • 2023

Slide 59

Slide 59 text

Jonas Söderström • 2023 Sharepoints diskreta ”ny”-symbol

Slide 60

Slide 60 text

Jonas Söderström • 2023 Att förstå ikoner förutsätter mycket mer kulturell kunskap än vi ofta föreställer oss.

Slide 61

Slide 61 text

Jonas Söderström • 2023

Slide 62

Slide 62 text

Jonas Söderström • 2023

Slide 63

Slide 63 text

Jonas Söderström • 2023 What does this button do? A. Launch the octopus. B. Activate the showerhead. C. Summon Cthulu. This is why icons need labels.

Slide 64

Slide 64 text

Jonas Söderström • 2023 Ikoner ska alltid ha text. (så gott som)

Slide 65

Slide 65 text

Jonas Söderström • 2022 Ikoners ”kulturella bagage” kan innehålla gamla fördomar och uppfattningar.

Slide 66

Slide 66 text

Jonas Söderström • 2023

Slide 67

Slide 67 text

Jonas Söderström • 2022 eller

Slide 68

Slide 68 text

Jonas Söderström • 2023 Ikoner kan ha nyttiga budskap

Slide 69

Slide 69 text

Jonas Söderström • 2023

Slide 70

Slide 70 text

Jonas Söderström • 2023 För många ikoner gör bara budskapet otydligare.

Slide 71

Slide 71 text

Jonas Söderström • 2023

Slide 72

Slide 72 text

Jonas Söderström • 2023

Slide 73

Slide 73 text

Jonas Söderström • 2023 Tack! Vi har tagit emot din betalning.

Slide 74

Slide 74 text

Jonas Söderström • 2023 Hitta en källa – någon typ av information – som du vill förbättra. Kan vara fysisk eller digital. Förslag på ställen att kolla är till exempel: • Bekräftelser på köp eller beställningar • Beskrivningar av tjänster/produkter (inklusive innehållsförteckningar) • Bruksanvisningar eller andra instruktioner • Sökresultat (trä ff l ista) • Flöden där man ska anmäla sig till något … • Skyltar … … men det kan fi nnas många andra. Uppgift #1

Slide 75

Slide 75 text

Jonas Söderström • 2023 Tänk på att först bedöma om det är rätt information som ingår. Vad skulle användaren främst behöva i situationen när hon möter den här informationen? Är det något som saknas? Är det något som är irrelevant som du kan rensa bort? Se sedan om du kan ändra hur informationen är utformad, så att den som helhet blir lättare att tolka/förstå och agera på: • Stycka (”chunka”), • Märka (med rubriker, underrubriker, etiketter, ikoner), • Ordna ( fl ytta om, lägg ovanför, under, efter, före, till vänster, till höger etc) Tänk också på språket – ux-copyn. Är texten MJÖL-ig (mänsklig, hjälpsam, ödmjuk, eventuellt lättsam)? Är den kort, enkel, nära? Uppgift #1

Slide 76

Slide 76 text

Jonas Söderström • 2023 Spara fi len som pdf. Lämna in senast söndag 28 april. Märk fi len med namn + uppgift 1, alltså ”Eva Exempelsson Uppgift 1 Thea UX Writing” Det kommer att fi nnas en länk på Studentportalen där ni lämnar den. Det här är en av de uppgifter som ligger till grund för betyget. Uppgift #1

Slide 77

Slide 77 text

Jonas Söderström • 2023 Tack! Vi har tagit emot din betalning. Före Efter Så här skulle enklast möjliga redovisning kunna se ut:

Slide 78

Slide 78 text

Jonas Söderström • 2023

Slide 79

Slide 79 text

Jonas Söderström • 2023

Slide 80

Slide 80 text

Jonas Söderström • 2024 Tisdag April 23 = sista inlämning av uppgift 1 söndag 28 april Torsdag April 18 Torsdag April 25 Tisdag April 30 Inkluderande design. Klarspråk och krångligt språk 1. Genomgång uppgift 1. Rubriker. Vecka 17 Vecka 16 Vecka 18