Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Träff #19 • UX process • 12 mars • vt 24 UX Wri...

Träff #19 • UX process • 12 mars • vt 24 UX Writing • Nackademin

Jonas Söderström

March 12, 2024
Tweet

More Decks by Jonas Söderström

Other Decks in Design

Transcript

  1. Jonas Söderström • 2024 Interaktionsdesign UX process UX writing •

    Trä ff #19 • Tisdag 12 mars Jonas Söderström • Nackademin • Vt 2024
  2. 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
  3. Jonas Söderström • 2024 A A Futura Helvetica Frutiger Didot

    Bodoni A Garamond Berling Bembo Minion Goudy Old Style Rockwell Clarendon Memphis Beton A Baskerville Times A Typsnitt har namn – tidigare ofta efter formgivaren eller uppdragsgivaren (tryckeriet eller tidningen)
  4. 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
  5. 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
  6. 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
  7. Jonas Söderström • 2024 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
  8. Jonas Söderström • 2024 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. Försök att hålla 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 helst inte:
  9. Jonas Söderström • 2024 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 uttrycker tonläge
  10. 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!
  11. Jonas Söderström • 2024 Se Uppleva Känna Hitta Tolka Förstå

    Agera Handla Göra Visuell design Infor- mations- design Inter- aktions- design Användarens fokus
  12. Jonas Söderström • 2024 Vilka rubriker ska vi ha? Hur

    många? I villken ordning? Vad placeras under varje rubrik? Information Service Tjänster Om Process
  13. Jonas Söderström • 2024 Och vad kan man göra? Information

    Service Tjänster Om Process • Vad kan man göra med menyn? • Hur reagerar den vid mouseover? • Om man klickar på den? Tjänster • Går man till en annan sida? • Fälls det ut en undermeny? •Fälls den ihop eller stannar? • Om man klickar på en annan tab?
  14. Jonas Söderström • 2024 Hund Katt Husdjur Välj husdjur Hund

    Katt V Husdjur Hund Katt X Katt Hund Varg Tiger Katt Ka Katt Kamel Kameleont Kanin
  15. Jonas Söderström • 2024 Informationsdesign: Vad står det på menyn?

    Husdjur Välj husdjur Hund Katt V I bokstavs- ordning? Är ”husdjur” ett bra samlande begrepp? Fiskar Iller Papegoja Råtta Undulat Eller lägga de vanligaste först? ”Fiskar” … eller ”Akvariefiskar”?
  16. Jonas Söderström • 2024 Vara Frakt Betalning Bekräfta Försäkring Grafisk

    design: Flöden kräver normalt tre designer (färg, form, typ) Interaktions- design: Hur många steg är rimligt, eller nödvändigt på grund av teknik? Informations- design: Vad kallar vi de olika stegen? Får de rum? Både och: I vilken ordning kommer de? Vad innehåller varje steg?
  17. Jonas Söderström • 2024 Vad enkelt! Så lätt att göra!

    Så bra – postadressen hämtades direkt när jag fyllt i postnumret ’’ Snyggt, den bytte till si ff ertangenterna när jag klickade i fältet för telefonnummer! ’’ Automatisering – besparar oss ”onödig” interaktion! Wow, den stopppade spelningen av låten när hörlurskontakten rycktes ur! ’’
  18. Jonas Söderström • 2024 • Ta skärmdump • Stänga denna

    och gå till hemskärmen • Öppna Bilder • Markera bilden • Kopiera bilden • Stäng Bilder och gå till hemskärmen • Öppna Telegram • Välja kanal • Klistra in bild • Skicka
  19. Jonas Söderström • 2024 Nu vill jag göra … Börjar

    använda Hur ser det här ut? Var finns det jag söker? Det går inte! 🤬 Kan inte hitta – sticker 😠 Fult, konstigt – sticker 🙁 När dålig ui-design ger användarna en dålig upplevelse
  20. Jonas Söderström • 2024 Från 145 till 313 klick Med

    nya systemet: Godkänna ny vapenlicens
  21. Jonas Söderström • 2024 Interaktionsdesign Smal Bred Speci fi ka

    interaktions- detaljer Allt arbete med interaktiva (digitala?) produkter
  22. Jonas Söderström • 2024 Interaktionsdesign Smal Bred Speci fi ka

    interaktions- detaljer Allt arbete med interaktiva (digitala?) produkter UX
  23. Jonas Söderström • 2024 Vara Frakt Betalning Bekräfta Försäkring Flöden

    kräver normalt tre design-varianter (färg, form, typ)
  24. Jonas Söderström • 2024 Till betalning > < Tillbaka till

    frakt Vara Frakt Betalning Bekräfta Försäkring Ångra/backa är nedtonad Primär action är tydligast …som möjlighet att backa.
  25. Jonas Söderström • 2024 Till betalning > < Tillbaka till

    frakt Hitta försäkring Om det finns flera alternativ framåt får de olika vikt i designen
  26. Jonas Söderström • 2024 UX-text hjälper till Till betalning >

    Avbryt < Tillbaka till frakt Vara Frakt Betalning Bekräfta Försäkring Lugn! Du kan ändra varan även i nästa steg
  27. Jonas Söderström • 2024 Superenkel bekräftelse med ansikts- igenkänning …

    men av fel vara. https://www.linkedin.com/posts/sara-wennersten_sl- tra fi kfaemrvaltningen-ux-activity-6839490107892871168-ybqm
  28. Jonas Söderström • 2024 Takeaways: • Gör tydligt i vilket

    läge systemet är • Ge användaren maximal kontroll • Automatisera repetitiva eller enkla uppgifter – minska belastning • Gör det svårt / omöjligt att göra fel • Gör det enkelt / möjligt att ångra eller rätta • Använd mikrofriktioner för att motverka ”slarvfel” • Respektera/använd närhetens lag och likhetens lag • Medge fl er sätt att interagera • Sträva efter konsistens och använd standards
  29. Jonas Söderström • 2024 Tisdag Mars 26 Genomgång av uppgift

    3 SEO. Testa text Desirability, krav, MVP… Bild på webb Torsdag Mars 14 Måndag Mars 18 Vecka 11 Vecka 12 OBS! Kl 15-17 Besök av ux-skribent. Onsdag Mars 20 Vecka 13