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

Informationsdesign @ Nackademin 5 sep

Informationsdesign @ Nackademin 5 sep

Jonas Söderström

September 05, 2022
Tweet

More Decks by Jonas Söderström

Other Decks in Business

Transcript

  1. 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
  2. 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?
  3. 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
  4. 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
  5. 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?
  6. 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!
  7. 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!
  8. 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 😀
  9. 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!?!
  10. 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 

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

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


    design Inter- 
 aktions- 
 design DESIGN (”UI”) UX 🙁 😀 🙂
  13. 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
  14. 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
  15. 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
  16. 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 -
  17. 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
  18. 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
  19. 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.
  20. Jonas Söderström • 2022 Att förstå ikoner förutsätter mycket mer

    kulturell kunskap än vi ofta föreställer oss.
  21. 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.
  22. 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!