$30 off During Our Annual Pro Sale. View Details »

Informationsdesign @ Nackademin 5 sep

Informationsdesign @ Nackademin 5 sep

Jonas Söderström
PRO

September 05, 2022
Tweet

More Decks by Jonas Söderström

Other Decks in Business

Transcript

  1. Jonas Söderström • 2022

  2. Jonas Söderström • 2022 Informationsdesign Nackademin • 5 sep 2022

    Jonas Söderström
  3. Jonas Söderström • 2022 Men först…

  4. Jonas Söderström • 2022 Vadå ”UX”? 🤔

  5. Jonas Söderström • 2022 Vi ska bygga … . .

    . en webbsajt
  6. Jonas Söderström • 2022

  7. Jonas Söderström • 2022

  8. Jonas Söderström • 2022

  9. Jonas Söderström • 2022 Färg, form, linje, skuggor …

  10. Jonas Söderström • 2022 … typsnitt Information Men vad innehåller

    flikarna? 
 Vad heter avdelningarna?
  11. Jonas Söderström • 2022 Vad placeras under respektive rubrik? Hur

    många avdelningar? 
 I villken ordning kommer de? Information Service Tjänster Om Process
  12. Jonas Söderström • 2022 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?
  13. Jonas Söderström • 2022 Visuell 
 design Infor- 
 mations-

    
 design Inter- 
 aktions- 
 design Se, uppleva, känna Hitta, tolka, förstå Agera, handla, beställa User interface – gränssnitt
  14. Jonas Söderström • 2022 Talsvarssystem?

  15. Jonas Söderström • 2022 Visceral design Infor- 
 mations- 


    design Inter- 
 aktions- 
 design Röstkvalitet, dialekt, talhastighet, etc Träd- struktur, antal menyval Tid för att trycka på knappar, ”press ahead” User interface – röstgränssnitt/ Talsvar
  16. Jonas Söderström • 2022 Vi byter perspektiv

  17. Jonas Söderström • 2022 Syfte / innehåll Gör tjänsten något

    värdefullt? Vad ”innehåller” en tjänst eller produkt? Fyller den ett behov?
  18. Jonas Söderström • 2022

  19. Jonas Söderström • 2022 Teknik Design Syfte / innehåll Gör

    tjänsten något värdefullt? Vad ”innehåller” en tjänst eller produkt? Fyller den ett behov? Är den tekniskt stabil, tillförlitlig, kompatibel? Låt oss zooma in på det!
  20. Jonas Söderström • 2022 Vad lätt att hitta! Vad lätt

    att förstå! Vad snyggt! Vad häftigt! Vad enkelt! Så lätt att göra!
  21. Jonas Söderström • 2022 Vad enkelt att anmäl sig! Toppen!

    Hittar sajten Det här ser snyggt, coolt, seriöst 
 ut! Ah, här finns kvällskursen 
 om vikingatiden! UX – vad människor upplever när de använder din 
 app, sajt, tjänst 😀
  22. Jonas Söderström • 2022 Men WTF … varför kan jag

    inte hitta? Fula färger… tråkiga bilder…. &%£#! 11 klick för att komma vidare!?!
  23. Jonas Söderström • 2022 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 

  24. Jonas Söderström • 2022 UX är (strängt taget) 
 ett

    kvalitetsmått 
 på slutresultatet
  25. Jonas Söderström • 2022 Visuell design Infor- 
 mations- 


    design Inter- 
 aktions- 
 design DESIGN (”UI”) UX 🙁 😀 🙂
  26. Jonas Söderström • 2022 HASTIGHET DESIGN 11 186 m/s bränsle

    form motor
  27. Jonas Söderström • 2022 Etiketter, rubriker, textdesign: stycken, urval, SEO,

    informativa bilder: karta, diagram instruktioner, symboler Knappar, (sök)fält -> formulär, menyer, inloggad eller ej, mouseover, progress bar Vad vi arbetar 
 med Färg, animeringar, bilder, typogra fi , ljud, placeringar, tjock/tunn, stor/ liten
  28. Jonas Söderström • 2022 Visuell design Infor- 
 mations- 


    design Inter- 
 aktions- 
 design Se, uppleva, känna Hitta, tolka, förstå Agera, handla, köpa UX text
  29. Jonas Söderström • 2022 UX har blivit 
 en paraplyterm

    (egentligen mest interaktionsdesign) (egentligen user research) … … ja, vadå? UX-design UX-research UX-alltmöjligt UX-writing
  30. Jonas Söderström • 2022 Men nu:

  31. Jonas Söderström • 2022 agera göra handla köpa beställa interaktions

    
 design känna gilla uppleva visuell design - tolka 
 förstå hitta informations design -
  32. Jonas Söderström • 2022 🤯

  33. Jonas Söderström • 2022

  34. Jonas Söderström • 2022 Kokboken utkom 1930

  35. Jonas Söderström • 2022

  36. Jonas Söderström • 2022

  37. Jonas Söderström • 2022

  38. Jonas Söderström • 2022

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

  40. Jonas Söderström • 2022 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
  41. Jonas Söderström • 2022 ”Chunks” Ordna Märka

  42. Jonas Söderström • 2022

  43. Jonas Söderström • 2022

  44. Jonas Söderström • 2022

  45. Jonas Söderström • 2022

  46. Jonas Söderström • 2022

  47. Jonas Söderström • 2022

  48. Jonas Söderström • 2022 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
  49. Jonas Söderström • 2022 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.
  50. Jonas Söderström • 2022

  51. Jonas Söderström • 2022

  52. Jonas Söderström • 2022 ”Direkt ur databasen” Väsentligt för användaren

    vs
  53. Jonas Söderström • 2022 Ordningsföljd

  54. Jonas Söderström • 2022

  55. Jonas Söderström • 2022 Etiketter igen

  56. Jonas Söderström • 2022

  57. Jonas Söderström • 2022

  58. Jonas Söderström • 2022 Mitt näst mest spridda 
 blogginlägg

  59. Jonas Söderström • 2022

  60. Jonas Söderström • 2022

  61. Jonas Söderström • 2022

  62. Jonas Söderström • 2022 Lite om ikoner

  63. Jonas Söderström • 2022

  64. Jonas Söderström • 2022

  65. Jonas Söderström • 2022 Att förstå ikoner förutsätter mycket mer

    kulturell kunskap än vi ofta föreställer oss.
  66. Jonas Söderström • 2022

  67. Jonas Söderström • 2022

  68. Jonas Söderström • 2022 What does this button do? A.

    Launch the octopus. B. Activate the showerhead. C. Summon Cthulu. This is why icons need labels.
  69. Jonas Söderström • 2022 – Något är fel med bilen!

    – Va? Den fungerade bra i går… – Jaha, men den vill inte starta … och instrumentbrädan visar en gubbe som sitter och skiter. – Som sitter och … vad sa du? – En gubbe som sitter och skiter! – Nu pratar du strunt! – Nej, jag skickar över en bild. 
 Kolla mobilen!
  70. Jonas Söderström • 2022 Ikoners ”kulturella bagage” kan innehålla gamla

    fördomar och uppfattningar.
  71. Jonas Söderström • 2022

  72. Jonas Söderström • 2022 eller

  73. Jonas Söderström • 2022 Ikoner kan ha nyttiga budskap

  74. Jonas Söderström • 2022

  75. Jonas Söderström • 2022 Ikoner ska alltid ha text. (så

    gott som)
  76. Jonas Söderström • 2022 För många ikoner gör bara budskapet

    otydligare.
  77. Jonas Söderström • 2022

  78. Jonas Söderström • 2022 Tack! Vi har tagit emot din

    betalning. Före Efter