Mer om interaktionsdesign

Transcript

1. Jonas Söderström • 2022 Mer om interaktionsdesign Jonas Söderström • Måndag 14 nov 2022 Interaktionsdesign och prototyping • Nackademin ht 22
2. Jonas Söderström • 2022 Lite repetition
3. Jonas Söderström • 2022 Interaktionsdesign I smal mening I bred mening Speci fi ka interaktions- detaljer Allt arbete med interaktiva (digitala?) produkter
4. Jonas Söderström • 2022 Några interaktionsprinciper
5. Jonas Söderström • 2022 Anpassa till användarna och till verksamheten
6. Jonas Söderström • 2022 Gör tydligt 
 i vilket läge 
 systemet är
7. Jonas Söderström • 2022 Information Service Om Process Tjänster Exempel: Menyn visar alltid var användaren är
8. Jonas Söderström • 2021 Vara Frakt Betalning Bekräfta Försäkring Flöden kräver normalt tre design-varianter 
 (färg, form, typ)
9. Jonas Söderström • 2021
10. Jonas Söderström • 2021 X Ofta tar vi bort huvudnavigation i ett flöde – för att hålla kvar/styra användaren. 
 Men det ska alltid gå att hoppa ur flödet - till exempel med ”Stäng (x)”
11. Jonas Söderström • 2021 Vara Frakt Betalning Bekräfta Försäkring Frakt Betalning Försäkring
12. Jonas Söderström • 2021
13. Jonas Söderström • 2022 Statusmeddelanden Användarens status Tjänsten/ systemets status Andra användares status
14. Jonas Söderström • 2022 1. Användarens status
15. Jonas Söderström • 2022 2. Systemets status
16. Jonas Söderström • 2022 3. Andra användares status
17. Jonas Söderström • 2022 Ge användaren kontroll…
18. Jonas Söderström • 2021 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.
19. Jonas Söderström • 2021 Till betalning > < Tillbaka till frakt Hitta försäkring Om det finns flera alternativ framåt får de olika vikt i designen
20. Jonas Söderström • 2021 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
21. Jonas Söderström • 2022 Automatisera repetitiva uppgifter – minska belastning
22. Jonas Söderström • 2022
23. Jonas Söderström • 2022 Närhetens lag
28. Jonas Söderström • 2022 Lösnings- förslag 1
29. Jonas Söderström • 2022 Lösnings- förslag 2 och 3
30. Jonas Söderström • 2022 Lösnings- förslag 4
31. Jonas Söderström • 2022 Närhetens lag Saker som är nära varandra, 
 tolkar vi som att de hör ihop.
32. Jonas Söderström • 2022 Likhetens lag Saker som är lika varandra (form, färg) tolkar vi som att de hör ihop.
33. Jonas Söderström • 2022 Linjering Saker som linjerar med varandra, 
 uppfattar vi som att de hör ihop.
34. Jonas Söderström • 2022 Mikro-friktioner Ibland ska man inte göra det för enkelt
35. Jonas Söderström • 2022 Avsluta-knappen i Zoom fl yttar sig, 
 för att förhindra att man avslutar av missstag.
36. Jonas Söderström • 2022 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
37. Jonas Söderström • 2022 Gör det svårt att göra fel
38. Jonas Söderström • 2022 Gör det enkelt att ångra /rätta
39. Jonas Söderström • 2022 Medge flera användningssätt Gör inte olika – hitta standarder
41. Jonas Söderström • 2022
42. Jonas Söderström • 2022
43. Jonas Söderström • 2022 Konsistens Gör inte olika – hitta standarder
44. 👎
45. Jonas Söderström • 2022 Takeaways: Anpassa till användarna 
 och till verksamheten
46. Jonas Söderström • 2022 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 k onsistens och använd standards
47. Jonas Söderström • 2022 Gruppuppgift 1 • Grupperna diskuterar och väljer vad ni vill jobba med: • nackademin.se • Studentportalen • ”Jag är OK” – app i mobilen för att underrätta ett urval anhöriga om att man inte är drabbad av olycka etc • Uppmärksamma chef på att hens medarbetare inte uppdaterat sidor på intranätet • Eget val
48. Jonas Söderström • 2022 Tisdag • Grupperna diskuterar det ni vill jobba med: • Ta fram och beskriva tjänsteidé • Sätta upp mål för tjänsten • De fi nera målgruppen • Börja med idéer för design
49. Jonas Söderström • 2022 Onsdag med Ulf • Ta fram en analog prototyp till gruppuppgiften • Testa prototypen på 2-3 personer (även torsdag)
50. Jonas Söderström • 2022 Torsdag • För fi na och bygga på skiss till mer utvecklad skiss / wireframe utifrån resultatet av tester
51. Jonas Söderström • 2022 Fredag med Jonas • Kort etappredovisning • Föreläsningsämne: Inkluderande design / Empati • Beskriva och utveckla den analoga prototypen utifrån ett inkluderande perspektiv •