5. User Experience (UX)
Donald (Don) Norman
Elektrisk-ingenjör, Dr Matematisk psykologi
Kognitionsvetenskap på Harvard 1950-talet
The Design of Everyday Things.
User Centered Design
User Experience Architect – Apple 1993
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
”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
Kognitionvetenskap – ca mitten 1900:talet
8. ISO Standard!!
Marknadsföring
Köp / Installation
Grafisk design
Användbarhet
Funktionalitet
Support
"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
11. User Centered Design (UCD)
Djup förståelse av användarna
- vem, var, när, hur – personas, scenario, use case
- intervjuer, observationer
Iterativ process – testa och förbättra
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
Användartester – tidigt, genom hela projektet och efter
- enkla prototyper, senare riktig kod
12. Agile UX
“One sprint ahead”Analys
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.
23. Ola Karlsson
@o_k
ola@usersandcode.com
www.usersandcode.com
"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
"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
”Lean UX” - https://www.flickr.com/photos/rosenfeldmedia/3978302604/
"Agile Manifesto" - Cropped by OK - https://www.flickr.com/photos/visualpunch/8745184787/
640px-FANUC_6-axis_welding_robots.jpg, Licensed under Creative Commo wikipedia http://en.wikipedia.org/wiki/File:FANUC_6-axis_welding_robots.jpg
"User experience design" - Andy Bright -https://www.flickr.com/photos/flat61/3883611709/
"Persona - UX" by Francisco Tosete - https://www.flickr.com/photos/ftosete/6168815114/
"Proto-Persona" - by visualpun.ch - https://www.flickr.com/photos/visualpunch/8746183950/
Fatboy-Meeting.jpg By Jacob Bøtter (Flickr) [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons
"Incremental persona post validation" by Adrian Howard - https://www.flickr.com/photos/adrianhoward/8710475545/
"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
Image attributions:
Editor's Notes
Börja med några myter
Folk hade gjort liknande saker innan men termen User Experience, användes 1995
The Design of Everyday Things.
UX baserat på vetenskaper såsom HCI
HCI i sin tur är baserat på bl.a. Kognitionsvetenskap.
Antopologi / Kultur styr vilken mening vi lägger i färger – Tex röd – Tur I Asien, varning I väst
På en skärm, har man med en bild på ett ansikte, dras blacken dit, även små barn
UX är inte subjektivt – det är baserat på vetenskap
Var börjar en upplevelse?
Var slutar en upplevelse?
Kravinhämtning, se till att man bygger rätt sak
Affärsnytta – Nytta uppstår I användandet
Conversions
Om chefen gillar gröna sköldpaddor, spelar egentligen ingen roll om det handlar om att sälja trävaror
Tidiga prototyper can vara papers teckningar
Testa allt, precis som i mjukvaru-utveckling
Namnet kommer från Agile inom mjukvaru-utveckling och är ett försök att få in UX inom en agil mjukvaru utvecklings process.
Istället för stora dyra intevjuer, gjorda av specialister I lab med spegelväggar osv. i början av projektet -> mindre och oftare, designer och utvecklare
Personas – mindre “forskningsaktigt” MEN försök validera “gissningar” genom t.e.x. intervjuer
Behöver inte ha kameror och producer stora rapporter