Träff #2 • Vad är ux writing? • Thea • UX Writing • vt 24 • Nackademin

Slide 1

Slide 1 text

Jonas Söderström • 2024 Vad är ux writing? Text och organisation. Trä ff # 2 • Torsdag 4 april Jonas Söderström • vt 24 • UX Writing • Nackademin

Slide 2

Slide 2 text

Jonas Söderström • 2024 Lite repetition

Slide 3

Slide 3 text

Jonas Söderström • 2024 Vad lätt att hitta! Vad lätt att förstå! Vad snyggt! Vad häftigt! Vad enkelt! Så lätt att göra!

Slide 4

Slide 4 text

Jonas Söderström • 2024 UX är (strängt taget) ett kvalitetsmått på slutresultatet

Slide 5

Slide 5 text

Jonas Söderström 2024 Visuell design Infor- mations- design Inter- aktions- design Se, uppleva, känna Hitta, tolka, förstå Agera, handla, göra User interface – gränssnitt

Slide 6

Slide 6 text

Jonas Söderström • 2024 Visuell design Infor- mations- design Inter- aktions- design DESIGN (”UI”) UX 🙁 😀 🙂

Slide 7

Slide 7 text

Jonas Söderström • 2024 Finns det mer som påverkar användarupplevelsen än design av olika slag?

Slide 8

Slide 8 text

Jonas Söderström • 2024 Alla delarna bidrar förstås till upplevelsen … Design Syfte, innehåll Teknik, kod, hårdvara Säkerhet, integritet Tidigare erfarenheter -> förväntningar

Slide 9

Slide 9 text

Jonas Söderström • 2024 UX har blivit ett paraply-begrepp (egentligen mest yrket designer) (egentligen mest interaktionsdesign) (egentligen user research) (egentligen designprocess) … ja, vadå? UX-are UX-design UX-research UX-process UX-writing

Slide 10

Slide 10 text

Jonas Söderström 2024 Visuell design Infor- mations- design Inter- aktions- design Se, uppleva, känna Hitta, tolka, förstå Agera, handla, göra User interface – gränssnitt

Slide 11

Slide 11 text

Jonas Söderström • 2024

Slide 12

Slide 12 text

Jonas Söderström 2024 Det viktigaste sker i samarbets- områdena!

Slide 13

Slide 13 text

Jonas Söderström 2024 Visuell design Infor- mations- design Inter- aktions- design User Interface / Gränssnitt Vi sätter olika färg på innehåll så blir det lättare att hitta Animeringar gör interaktionen tydligare Klickbara taggar tar en till relaterat innehåll

Slide 14

Slide 14 text

Jonas Söderström • 2024

Slide 15

Slide 15 text

Jonas Söderström • 2024

Slide 16

Slide 16 text

Jonas Söderström • 2024

Slide 17

Slide 17 text

Jonas Söderström 2024 Vadå ”UX-writing”? 🤔

Slide 18

Slide 18 text

Jonas Söderström 2024 ▸ ”Nu söker vi en vass UX-skribent som brinner för att göra tjänster för webb och digitala kanaler så användarvänliga och användbara som möjligt …” ▸ ”Your goal is to make sure our users understand each part of our platform from the smallest UI copy to our extensive public help-center. You will be working closely with designers …” ▸ ”Som UX Writer på X-bolaget skriver du text som förhöjer använda r upplevelsen i våra digitala kanaler …” ▸ ”As a user experience Writer, you will be shaping the product experience by creating useful, meaningful text that helps users complete the task at hand …”

Slide 19

Slide 19 text

Jonas Söderström 2024 Språkrådet säger: ux-skribent och ux-texter https://frageladan.isof.se/visasvar.py?sok=ux%20writer&svar=79898&log_id=891741 ”ux” med små bokstäver

Slide 20

Slide 20 text

Jonas Söderström 2024 Vadå ”ux-text”? 🤔

Slide 21

Slide 21 text

Jonas Söderström • 2024 Webbredaktör Klarspråks- ansvarig Content designer Copywriter Kommunikatör Informatör Ux- skribent Content strategist

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Jonas Söderström • 2024 UX copy Jag skriver inte om våra produkter – jag skriver i våra produkter Så du är copy… då kan du skriva våra reklamtexter?

Slide 24

Slide 24 text

Jonas Söderström • 2024 Två perspektiv på ux-text /ux-skribent

Slide 25

Slide 25 text

Jonas Söderström • 2024 Text Hej! Organisation

Slide 26

Slide 26 text

Jonas Söderström 2024 Text som är ”innehåll” Unikt för varje sajt, tjänst …

Slide 27

Slide 27 text

Jonas Söderström 2024 Ux-text: det som inte är ”innehåll” Generella för många tjänster

Slide 28

Slide 28 text

Jonas Söderström 2024 Sätta ton, underlätta interaktion Generella för många tjänster

Slide 29

Slide 29 text

Jonas Söderström 2024 Många olika genrer av ux-texter

Slide 30

Slide 30 text

Jonas Söderström 2024 Många olika genrer av ux-texter Felmeddelande Bekräftelse Varning Starthjälp Påminnelse Tillrättavisning Tillrättavisning Feedback-fråga Generella för många tjänster

Slide 31

Slide 31 text

Jonas Söderström • 2024 Tretton slag av ux-text 1. Statusmeddelanden 2. Processmeddelanden 3. Bekräftelser och kvittenser 4. Felmeddelanden 5. Negativa responser och varningar 6. Tillrättavisningar 7. Uppmaningar, erbjudanden, triggers och aviseringar 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

Slide 32

Slide 32 text

Jonas Söderström 2024 Sätta ton, underlätta interaktion Generella för många tjänster En e-tjänst är en digital medarbetare. Ux-text är hur den medarbetaren pratar med våra användare. Se till att ux-texten är tillgänglig: inkluderande, stöttande och motiverar användaren att behålla intresset. Åsa Holmberg, strateg inom tillgänglighet och inkluderande design ’’ ’’

Slide 33

Slide 33 text

Jonas Söderström • 2024 Paus till 16.05!

Slide 34

Slide 34 text

Jonas Söderström 2024 Struktur Ux-texter Knappar, felmeddelanden, bekräftelser, etc Vad kallar vi avdelningar, tjänster, funktioner… Ux- skribent

Slide 35

Slide 35 text

Jonas Söderström • 2024 Jag bokade en vaccination för min katt Limpan idag. Tidigare i online- bokningen poppade AVLIVNING upp överst. Det kanske verkar som en liten sak men jag har alltid fått ett hugg i hjärtat av det. Så mycket fi nare nu när någon sympatiserat med den känslan och ersatt copytexten Avlivning med Farväl / Avlivning som inte bara låter värdigare utan som också hamnar en bit ned i en lista som går i bokstavsordning. Tack för det. <3 Maria Idebro

Slide 36

Slide 36 text

Jonas Söderström 2024 Struktur Ux-texter Innehåll Knappar, felmeddelanden, bekräftelser, etc Själva innehållet: som recept, nyheter, varor …. Vad kallar vi avdelningar, tjänster, funktioner… Ux- skribent Reklam ”Copy”, marknads- föring, sälj Sökoptimering (SEO) Metadata

Slide 37

Slide 37 text

Jonas Söderström • 2024 Struktur Ux-texter Innehåll Reklam Sökoptimering (SEO) Ux- skribent Om ux är helhets- upplevelsen …

Slide 38

Slide 38 text

Jonas Söderström • 2024 Struktur Ux-texter Innehåll Reklam Sökoptimering (SEO) ➳ ➳ ➳ ➳ ➳ ➳ ➳ ➳ ➳ ➳ ➳ Ux- skribent

Slide 39

Slide 39 text

Jonas Söderström • 2024 Text Hej! Organisation

Slide 40

Slide 40 text

Jonas Söderström • 2024 Researcher Kravanalytiker Kod Designer Redaktör

Slide 41

Slide 41 text

Jonas Söderström • 2024 Researcher Kravanalytiker Kod Designer Redaktör

Slide 42

Slide 42 text

Jonas Söderström • 2024 Researcher Kravanalytiker Kod Designer Redaktör Lorem Ipsum Lorem Ipsum Lorem Ipsum Agil utveckling

Slide 43

Slide 43 text

Jonas Söderström • 2024

Slide 44

Slide 44 text

Jonas Söderström • 2024 När form & innehåll krockar: Kolplattformen på drift på vårdnadshav

Slide 45

Slide 45 text

Jonas Söderström • 2024 Kod Researcher Kravanalytiker Designer Redaktör Invalid DB request Cannot connect to resource Error 426 has occurred Användare

Slide 46

Slide 46 text

Jonas Söderström • 2024 Johnny Appleseed ”Etikett is rehuvuding. Reflytta etikett”

Slide 47

Slide 47 text

Jonas Söderström • 2024

Slide 48

Slide 48 text

Jonas Söderström • 2024 Om menyn för kunderna sett ut så här hade nog någon fått sparken

Slide 49

Slide 49 text

Jonas Söderström • 2024

Slide 50

Slide 50 text

Jonas Söderström • 2024 Researcher Kravanalytiker Kod Designer Redaktör

Slide 51

Slide 51 text

Jonas Söderström • 2024 Researcher Kravanalytiker Kod Designer Redaktör Ux-skribent

Slide 52

Slide 52 text

Jonas Söderström • 2024 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o f f i Kod Designer Kravanalytiker Ux-skribent Researcher Användare Hej!

Slide 53

Slide 53 text

Jonas Söderström • 2024 Poängen med ux-skribenter ▸ En tydligare förankring i designteam eller på utvecklingsavdelning ▸ Mer in fl ytande tidigare i processen ▸ Mera fokus på de speci fi ka ux-texterna = Bättre slutresultat för användarna!

Slide 54

Slide 54 text

Jonas Söderström • 2024 Noah Levin, Director of Design på Figma https://twitter.com/nlevin/status/ 1479173708715479043 6 januari 2022

Slide 55

Slide 55 text

Jonas Söderström • 2024 César Navarrete

Slide 56

Slide 56 text

Jonas Söderström • 2022 Vad är signifiers?

Slide 57

Slide 57 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) (”A ff ordances”) Håll här Lägg något här

Slide 58

Slide 58 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) Huh? ???

Slide 59

Slide 59 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) Svaga signifiers är ett skäl till att ux-text behövs – för att förklara funktion!

Slide 60

Slide 60 text

Jonas Söderström • 2024 ”Bibeln” Don Norman: The design of everyday things Revised and expanded edition, 2014

Slide 61

Slide 61 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) 3 av 4 uppfattade detta som en knapp och tryckte på den för att beställa

Slide 62

Slide 62 text

Jonas Söderström • 2022 UX-texter, även i den fysiska världen

Slide 63

Slide 63 text

Jonas Söderström • 2022 Statiska

Slide 64

Slide 64 text

Jonas Söderström • 2022

Slide 65

Slide 65 text

Jonas Söderström • 2024 Sammanfattning • Det finns text som inte är ”innehåll” • Generella för många olika tjänster • Har ofta varit åsidosatta eller bortglömda • Texter för ton och interaktion • Kallas också ”microcopy” • Ux-skribenten bidrar tidigt i processen • Död åt lorem ipsum!

Slide 66

Slide 66 text

Jonas Söderström • 2024 Praktisk uppgift: •Skapa en mapp på din dator för ”ux-texter”, där du kan spara ner exempel (skärmdumpar, andra bilder, eller texter).

Slide 67

Slide 67 text

Jonas Söderström • 2024 Frågor?

Slide 68

Slide 68 text

Jonas Söderström • 2024 Tisdag April 9 = ni får inlämningsuppgift Torsdag April 18 Torsdag April 11 Tisdag April 16 Inkluderande design. Grunder i ux-texter. Genrer av ux-text 1. Informations- design. Genrer av ux-text 2. Vecka 16 Vecka 15