Träff #3 • Grunder i ux-texter • tis 29 aug • ht23 Stella• UX-writing Nackademin

Slide 1

Slide 1 text

Jonas Söderström • 2023 Ux-texters form och innehåll: några principer Trä ff #3 • Tisdag 29 augusti Jonas Söderström • Ht 23 • UX Writing • Nackademin

Slide 2

Slide 2 text

Jonas Söderström • 2023 Idag tisdag 14 februari Kort repetition Ux-texter – exempel 404-or Ux-texter ska vara MJÖL-iga Kort, enkel, nära Uppgift

Slide 3

Slide 3 text

Jonas Söderström • 2023 Lite repetition

Slide 4

Slide 4 text

Jonas Söderström • 2023 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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

Jonas Söderström • 2023 Cykelbanor •Gratis karta •Pumpa cykeln •Rapportera hinder

Slide 7

Slide 7 text

Jonas Söderström • 2023 Vill du komma igång att cykla? Vi hjälper dig! • Ska ff a vår app med cykelkartor! • Där fi nns alla o ff entliga cykelpumpar utmärkta. • Den visar lätt cykelvägen till jobbet! • Stöter du på problem eller vill fråga något,   hör av dig till cykelsamordnaren Anna Persson   på 070–123 45 67. Ett av Byköping kommuns mål är att   fl er ska välja cykel i stället för bil. Läs mer om hur vi bygger ut cykelbanorna!

Slide 8

Slide 8 text

Jonas Söderström • 2023 Få fler att välja cykel   i stället för bil Vill ha säker väg Vill hitta cykelväg Vill kunna pumpa cykeln Jag ser många   små hinder Gör det lätt att hitta pumparna Cykel- vägs-app EFFEKT efter ANVÄNDNINGSMÅL eller DRIVKRAFT eller BEHOV eller MÅL eller   SYFTE KONKRET   LÖSNING eller ÅTGÄRD ANVÄNDARE eller MÅLGRUPP eller EFFEKTAGENT EFFEKTKEDJA och KARTLÄGGNING AV ANVÄNDNINGSMÅL Skapa karthjälp UTMANING   FÖR OSS Ge möjlighet att rapportera hinder

Slide 9

Slide 9 text

Jonas Söderström • 2023 Få fler att välja cykel   i stället för bil Vill ha säker väg Vill hitta cykelväg Vill kunna pumpa cykeln Jag ser många   små hinder Gör det lätt att hitta pumparna Cykel- vägs-app EFFEKT efter ANVÄNDNINGSMÅL KONKRET   LÖSNING ANVÄNDARE EFFEKTKEDJA och KARTLÄGGNING AV ANVÄNDNINGSMÅL Skapa karthjälp UTMANING   FÖR OSS Ge möjlighet att rapportera hinder Bestående Ändras över tid!

Slide 10

Slide 10 text

Jonas Söderström • 2023 • https://youtu.be/nO8tySHeHo8

Slide 11

Slide 11 text

Jonas Söderström • 2023 Inom ux pratar vi hellre om ”beteendetyper”, ”användarsegment” eller ”effektagenter” och ”användningsmål”   än om ”målgrupper”.

Slide 12

Slide 12 text

Jonas Söderström • 2023 Gemensamma användningsmål / drivkrafter … beteenden … attityd eller inställning … roll eller ansvar … användningskontext … förutsättningar, som kunskaper eller erfarenhet hittar man oftast om man tittar efter }… som vi menar   kan vara relevant   i förhållande till verksamhetens mål och projektets inriktning.

Slide 13

Slide 13 text

Jonas Söderström • 2023

Slide 14

Slide 14 text

Jonas Söderström • 2023 Viktigt! • Man är oftast bara del av   EN demografisk grupp … • … men man kan vara del av   FLERA användarsegment,   beroende på tillfället! • Inom UX ser vi mer till HUR   och VARFÖR man GÖR saker   än till ”VEM” man är!

Slide 15

Slide 15 text

Jonas Söderström • 2023 Den lösning som kommer att användas är den som tillfredsställer användarnas användningsmål.

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Jonas Söderström • 2023 Ux-texters form och innehåll: några principer

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Jonas Söderström • 2023 Struktur ux-texter Innehåll Knappar, felmeddelanden, bekräftelser, etc Själva innehållet:  

Slide 20

Slide 20 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 + ”Deceptive 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

Slide 21

Slide 21 text

Jonas Söderström • 2023 404-sidor

Slide 22

Slide 22 text

Jonas Söderström • 2023 404-sidor

Slide 23

Slide 23 text

Jonas Söderström • 2023

Slide 24

Slide 24 text

Jonas Söderström • 2023

Slide 25

Slide 25 text

Jonas Söderström • 2023 UX-text ska vara MJÖLig

Slide 26

Slide 26 text

Jonas Söderström • 2023 MJÖLig: •Mänsklig •hJälpsam •Ödmjuk •Lättsam

Slide 27

Slide 27 text

Jonas Söderström • 2023 Mänsklig • Vi, vår, oss; du, din, dina:   Personliga pronomina • Verb i aktiv form

Slide 28

Slide 28 text

Jonas Söderström • 2023 • Teknisk beskrivning av status • Verb i passiv form • Substantiv i obestämd form • Tomma utförande-verb (”Åtgärden har utförts”)

Slide 29

Slide 29 text

Jonas Söderström • 2023 Men framför allt: • Systemets perspektiv!

Slide 30

Slide 30 text

Jonas Söderström • 2023 Inte mänskliga: Borg-testet

Slide 31

Slide 31 text

Jonas Söderström • 2023 Om du kan sätta ”Prepare to be assimilated”   efter ditt systems meddelande,   och det låter vettigt, bör du skriva om det… • Ditt konto kunde inte skapas. • Ogiltig epostadress. • Din sökning genrerade för många resultat. • Systemet arbetar.

Slide 32

Slide 32 text

Jonas Söderström • 2023 Om du kan sätta ”Prepare to be assimilated”   efter ditt systems meddelande,   och det låter vettigt, bör du skriva om det… • Ditt konto kunde inte skapas.   Prepare to be assimilated. • Ogiltig epostadress.   Prepare to be assimilated. • Din sökning genrerade för många resultat. Prepare to be assimilated. • Systemet arbetar. Prepare to be assimilated.

Slide 33

Slide 33 text

Jonas Söderström • 2023

Slide 34

Slide 34 text

Jonas Söderström • 2023 Mänskligt • Beskriv ur användarens perspektiv,   inte systemets! • Använd gärna personliga pronomina   (vi, du, oss, dig) • Använd aktiva verb • Använd substantiv i bestämd form

Slide 35

Slide 35 text

Jonas Söderström • 2023 hJälpsam

Slide 36

Slide 36 text

Jonas Söderström • 2023 hJälpsam • Ge användaren så mycket information att hen förstår situationen • ”Stanna kvar – du kopplas automatiskt till bokningen” • Ge om möjligt användaren verktyg   att hantera situationen • ”Klicka här om inget händer"

Slide 37

Slide 37 text

Jonas Söderström • 2023 Ödmjuk

Slide 38

Slide 38 text

Jonas Söderström • 2023 Ödmjuk • Lägg inte ansvaret på användaren • Ta på er ansvaret, även om ni inte vet om det verkligen är ert ansvar eller fel.

Slide 39

Slide 39 text

Jonas Söderström • 2023 Lättsam

Slide 40

Slide 40 text

Jonas Söderström • 2023 Paws and re fl ect   a moment This is getting   un-bear-able

Slide 41

Slide 41 text

Jonas Söderström • 2023 Per Axbom, axbom.com   (Coach och   UX-expert)

Slide 42

Slide 42 text

Jonas Söderström • 2023 Paus till 16.10

Slide 43

Slide 43 text

Jonas Söderström • 2023 Lättsam • Var noggrann med att kolla sammanhanget – alla tänkbara sammanhang! • En del områden lämpar sig dåligt   för lustigheter. • Humor förutsätter ofta   bred kulturell förtrogenhet.

Slide 44

Slide 44 text

Jonas Söderström • 2023 OK

Slide 45

Slide 45 text

Jonas Söderström • 2023

Slide 46

Slide 46 text

Jonas Söderström • 2023 Personan ”förtroende- ingivande farmacept”?   Knappast!

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

Jonas Söderström • 2023 Kort Enkel Nära Form: }”KEN”

Slide 50

Slide 50 text

Jonas Söderström • 2023 Kort Ingen kommer till en tjänst för att läsa UX-texter.

Slide 51

Slide 51 text

Jonas Söderström • 2023 Kort Skriv kortare och din text kan läggas närmare   det som den berör. Men undvik förkortningar.

Slide 52

Slide 52 text

Jonas Söderström • 2023 Enkel Minska kognitiv belastning! Raka meningar. Enkla ord.

Slide 53

Slide 53 text

Jonas Söderström • 2023 Enkel Duplicera inte information   i onödan:

Slide 54

Slide 54 text

Jonas Söderström • 2023 Behöver dialogrutor rubriker?

Slide 55

Slide 55 text

Jonas Söderström • 2023 Behöver dialogrutor rubriker? Är du säker på att du vill stänga rutan?

Slide 56

Slide 56 text

Jonas Söderström • 2023 Förklaringar är bra i dialogrutor … • ..när konsekvenserna av en åtgärd/ett val   inte är helt uppenbara eller synliga för användaren.

Slide 57

Slide 57 text

Jonas Söderström • 2023 Rubriker är bra i dialoger … • ..när vi vill sätta en lättsammare eller ödmjukare ton

Slide 58

Slide 58 text

Jonas Söderström • 2023 Nära Till betalning Du kan ändra din order även i nästa steg. Namn

Slide 59

Slide 59 text

Jonas Söderström • 2023 Gestalt- psykologi

Slide 60

Slide 60 text

Jonas Söderström • 2023 Närhetens lag

Slide 61

Slide 61 text

Jonas Söderström • 2023

Slide 62

Slide 62 text

Jonas Söderström • 2023 Meny som visar status på ett antal ärenden Siffran … … hör till etiketten till vänster!

Slide 63

Slide 63 text

Jonas Söderström • 2023

Slide 64

Slide 64 text

Jonas Söderström • 2023 Bara 2 av 20   såg direkt; ytterligare en upptäckte senare

Slide 65

Slide 65 text

Jonas Söderström • 2023

Slide 66

Slide 66 text

Jonas Söderström • 2023 Nära Till betalning Du kan ändra din order även i nästa steg. Namn Du måste fylla i namn

Slide 67

Slide 67 text

Jonas Söderström • 2023 Exkluderande design Namn Du måste fylla i namn Adress Postnr

Slide 68

Slide 68 text

Jonas Söderström • 2023 Kort Enkel Nära

Slide 69

Slide 69 text

Jonas Söderström • 2023 + MJÖL KEN

Slide 70

Slide 70 text

Jonas Söderström • 2023

Slide 71

Slide 71 text

Jonas Söderström • 2023 Varför behöver vi ux-text?

Slide 72

Slide 72 text

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

Slide 73

Slide 73 text

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

Slide 74

Slide 74 text

Jonas Söderström • 2023 The design of everyday things Don Norman

Slide 75

Slide 75 text

Jonas Söderström • 2023 The design of everyday things Don Norman

Slide 76

Slide 76 text

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

Slide 77

Slide 77 text

Jonas Söderström • 2023 ”Signifiers” är ofta svaga   i den digitala världen – därför kan ux-text behövas för att förtydliga dem.

Slide 78

Slide 78 text

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

Slide 79

Slide 79 text

Jonas Söderström • 2023 Statiska

Slide 80

Slide 80 text

Jonas Söderström • 2023

Slide 81

Slide 81 text

Jonas Söderström • 2023

Slide 82

Slide 82 text

Jonas Söderström • 2023 Uppgift till nästa gång • Provocera fram några 404-sidor. • Skriv www.[webbadress].se/kjfgopiojwfelkjcfqj • Spara i din mapp – gör en undermapp för ”Felmeddelanden • Jämför! Är de • Mänskliga? • Hjälpsamma? • Ödmjuka? • Lättsamma • Ta skärmdumpar på bra eller dåliga exempel något nonsens

Slide 83

Slide 83 text

Jonas Söderström • 2023 Mer läsning om mål (överkurs) 47 enkelt skrivna sidor, av Ola Berg Pdf, laddas ner. Länk i Studentportal och Slack

Slide 84

Slide 84 text

Jonas Söderström • 2023 Inkluderande design Rubriker, inlämning   av uppgift = ni får inlämningsuppgift Informations- design Tisdag September 12 Tisdag September 5 Tisdag September 19 Genrer   av ux-texter Tisdag September 26