A presentation (in Swedish) aimed at giving software developers a basic understanding of what UX (User Experience) is. And also give some practical tips on how to start adding thinking to their project.

1. UX != Magi
Ola Karlsson
@o_k
ola@usersandcode.com
www.usersandcode.com

2. Vad ska vi prata om
Vad är egentligen UX
UX metodiker
Praktiska tips

3. UX > Grafisk design
Grafisk design = X/1
Design != konst
Design är problemlösning
Konst är ett uttrycksätt

4. Vad är UX??
UX
Experience Design (XD) ?
Design
Användbarhet
Grafisk design
Tillgänglighet
UX Design (UXD)

5. User Experience (UX)
Donald (Don) Norman
Elektrisk-ingenjör, Dr Matematisk psykologi
User Experience Architect – Apple 1993
User Centered Design
http://en.wikipedia.org/wiki/User_experience

6. Människa–datorinteraktion (MDI / HCI)
” Människa–datorinteraktion, förkortat MDI, är ett forskningsområde
som omfattar planering, design och studier av interaktiva produkter och
tjänster.”
Började som interaktionen mellan människor och datorer, via
ett användargränssnitt som inkluderar både programvara och hårdvara.
Numera ser man även bortom interaktion med det traditionella
gränssnittet, dvs. interaktionen sätts i ett sammanhang.
HCI – Tidigt 1980:tal
http://www.interaction-design.org/encyclopedia/human_computer_interaction_hci.html

7. Kognitionsvetenskap
Kognitionvetenskap – ca mitten 1900:talet
”Centrala kognitionsvetenskapliga
frågeställningar är hur människan tar till sig
och bearbetar information/kunskap, hur
hon interagerar med den sociala och
materiella omgivningen, hur hon fattar
beslut och löser problem och vilken roll
emotioner spelar för hennes
tankeprocesser.”
http://sv.wikipedia.org/wiki/Kognitionsvetenskap

8. ISO Standard!!
"a person's perceptions and responses that
result from the use or anticipated use of a
product, system or service"
The international standard on ergonomics of human system interaction,
ISO 9241-210
Marknadsföring
Köp / Installation
Grafisk design
Användbarhet
Funktionalitet
Support

10. UX metoder
User Centered Design
Agile UX
Lean UX

11. User Centered Design (UCD)
Produkten eller tjänsten skall vara utformad baserad på användarnas kunskaper,
situation och behov. Användarna skall inte behöva anpassa sig till produkten.
ISO 9241-210:210 Human-centred design for interactive systems
Fokus på användarna
- se utifrån deras synvinkel
Djup förståelse av användarna
- vem, var, när, hur – personas, scenario, use case
- intevjuer, observation
Användartester – tidigt, genom hela projektet och efter
- enkla prototyper, senare riktig kod
Iterativ process – testa och förbättra

12. Agile UX
Analys “One sprint ahead”
Koncept
Sprint 0 Sprint 1 Sprint 2
U
X
Samarbete om koncept Samarbete - Sprint 1 Samarbete - Sprint 2
D
E
V
Wireframes Sprint 1
Användbarhets test –
sprint 1
Research – Sprint 2
Wireframes Sprint 2
Användbarhets test –
sprint 2
Research – Sprint 3
Wireframes Sprint 3
Användbarhets test –
sprint 3
Research – Sprint 4
Arkitektur
Utvecklingsmiljö /
Setup
Utveckla - Sprint 1
Testa – Sprint 1
Deploy – Sprint 1
Utveckla - Sprint 2
Testa – Sprint 2
Deploy – Sprint 2
o.s.v.

13. Lean UX – Vad?
“lean start-up”, “lean manufacturing”
Affärsnytta
minimera “slöseri”
Minimum Viable Product (MVP)
Validera
Hypotes
“Learning loops” (bygg – testa/mät - lär)

14. Lean UX – i pratiken
Mindre specialister – mer generalister
“Lättviktigtare artefakter”

15. Lean UX – i praktiken
Användarintervjuer

16. Lean UX – i praktiken?
Personas

17. Lean UX – i praktiken
Användartester

18. Lean UX – i praktiken
Design – Design Studio
5 min
5 min

19. Vad har vi pratat om
Vad är egentligen UX
UX metodiker
Praktiska tips

20. UX != Magi
Ola Karlsson
@o_k
ola@usersandcode.com
www.usersandcode.com
Image attributions:
"Job interview 0001" by bpsusf - http://www.flickr.com/photos/usfbps/4607149870/. Licensed under Creative Commons Attribution 2.0 via Wikimedia Commons -
http://commons.wikimedia.org/wiki/File:Job_interview_0001.jpg#mediaviewer/File:Job_interview_0001.jpg
"Incremental persona post validation" by Adrian Howard - https://www.flickr.com/photos/adrianhoward/8710475545/
Fatboy-Meeting.jpg By Jacob Bøtter (Flickr) [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons
"Proto-Persona" - by visualpun.ch - https://www.flickr.com/photos/visualpunch/8746183950/
"Persona - UX" by Francisco Tosete - https://www.flickr.com/photos/ftosete/6168815114/
"User experience design" - Andy Bright -https://www.flickr.com/photos/flat61/3883611709/
"Agile Manifesto" - Cropped by OK - https://www.flickr.com/photos/visualpunch/8745184787/
”Lean UX” - https://www.flickr.com/photos/rosenfeldmedia/3978302604/
"Donald Norman at AWF05" by jordanfischer - http://flickr.com/photos/jordanfischer/61429449/. Licensed under Creative Commons Attribution 2.0 via Wikimedia
Commons - http://commons.wikimedia.org/wiki/File:Donald_Norman_at_AWF05.jpg#mediaviewer/File:Donald_Norman_at_AWF05.jpg
"Cognitive Science Hexagon" - Licensed under Creative Commons Attribution-Share Alike 3.0 via Wikimedia Commons -
http://commons.wikimedia.org/wiki/File:Cognitive_Science_Hexagon.svg#mediaviewer/File:Cognitive_Science_Hexagon.svg