The Elements of User Experience
College 1
1
Je mag een handgeschreven
Spiek Brief van één A4 meenemen naar het tentamen op 17 maart 2011. 2
Human Computer Interaction is...
input output
8
Interactieve Media is...
input
input
output
output
9
Human Computer Interaction is...
input output
10
zeezeilers Human Computer Interaction is... magnetron max ouderen pedalen schooldeuren NS automaat blinden vrouwen pinautomaat PDA trackball knopjes politieagenten multitouch telefoon handels website huisvrouwen surface touchpad mobieltje iTunes volendammers wii-mote wasmachine toetsenbord internetbankieren studenten vinger(s) tablet docenten smartcard iPod joystick postvakjes stuur trackball TV 18-jarigen photoshop pen muis stem kinderen input Amazon ouders Wii peuters output youtube muziek printer somaliërs trillen parkeerautomaat sommeliers geluidjes ledjes nerds 18+ ringtone spiegelreflexcamera pathé android billboard voetbalfans geld beeldscherm xbox360 kindle dislecten big screen cola light spraak 10
The Elements of User Experience Jesse James Garrett www.jjg.net
11
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
12
User Experience bij de Staatsloterij 13
User Experience bij de Staatsloterij 13
HET WAT Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Structure
Functional Content Specification Requirements
Scope
User Needs Site Objectives Abstract
Strategy
Conception
HET HOE 14
Visual Design Interface Design
Navigation Design
Information Design Interaction Design
Information Architecture
Functional Content Specification Requirements User Needs Site Objectives
15
Visual Design Interface Design
Navigation Design
Information Design Interaction Design
Information Architecture
Functional Content Specification Requirements User Needs Site Objectives
16
Visual Design Interface Design
Navigation Design
Information Design Interaction Design
Information Architecture
Functional Content Specification Requirements User Needs Site Objectives
17
18
nt Tale
t
n Tale
t
n Tale
t n Tale
heid erig Ned
heid erig Ned
heid erig Ned
erig Ned
19
Leerdoelen 1. De student kent de verschillende aspecten van human computer interaction en user experience. 2. De student is zich bewust van de user experience in het eigen dagelijks gebruik van interactieve media. 3. De student kan zijn kennis en vaardigheden op het gebied van human computer interaction en user experience contextspecifiek en doelgroepgericht toepassen op eenvoudige ontwerpproblemen.
24
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
25
Concrete
Media Design
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
UCD
Structure
Scope
User Needs
UCD
Site Objectives Abstract
Strategy
Conception
25
Week 2-6 Week 7 Week 8&9
College Hoofdstuk(ken) lezen ter voorbereiding
Werkgroep Oefening maken ter voorbereiding
Vragenuurtje (maandag 14 maart) Stuur vragen vooraf even op
Tentamen (donderdag 17 maart) Handgeschreven spiekbrief van één A4 Reader, colleges en werkgroepen
Elke week een gesprek Keuze maken uit de 3 cases Rooster wordt in lesweek 3 bekend gemaakt 1e Gesprek: presentatie, vragen en feedback 2e Gesprek: presentatie, vragen, feedback en beoordeling
26
Reader van 160 pagina’s font 9 in het Engels (wel met plaatjes)
27
Je hoeft alleen een tentamen en ontwerp te maken...
100% 75% U G RV V O X
50% 25% 0%
0x
1x
2x
3x
4x
5x
6x
...maar actief meedoen helpt. 28
Beoordeling TTeennttaam e n m e Tentamenn 90 minut D Deeeell 11
en ongeveer 2 0 open, inv meerkeuze ul, e n o n t ( w erpvragen 900dm uit(9 m nou nne))n er,iicn e lluettge OOppeenn reenam e s e ewnem e e rke uuitit rreeaadrekr,gerrokeepuuezznee vvrraaggeenn der, ccoolllleeggees en s w e werrkkggrrooeeppeen en n minimaal 55% van de PPaauuzzpeeunten
e ((3300 m miinnuutteenn))
TTeennttaam meenn Ontwerp 2 gesprekke D Deeeell 11
n voeren feedback v erwerken verz(o(9 r9 g0 d o m n 0 mtwiinenruu p to pna))pier tepen oOO pplo s s in e g n v e pen enn m o o r h e e e me rk t pr n uuitit rreeaader,erkeeuuzzeeovvbrrale ageem der, ccoolllleeggees engen s w weerrkkggrrooeeppeen en minimaal n 55% van de Pa punten
Paauuzzee ((3300 m miinnuutteenn))
Je eindcijfer is gemiddelde van de twee deelbeoordelingen. Voor voldoende moeten beide deelbeoordelingen voldoende zijn. Het tentamen kun je herkansen. Je ontwerp kun je met één gesprek aanvullen. 29
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
30
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
30
Valuable beats Usable
Foto: Edwin | Vrouw raakt te water tijdens eerste rijles, Leeuwarden 31
32
Context is van Belang
33
Elke gebruiker heeft een doel binnen context
34
35
36
37
37
38
38
39
39
A Framework for field observation What? Space
What is the space like? Describe it (indoors / outdoors, public / private, quiet / noisy, calm / busy, etc.)
Actors
What are the names and relevant details of the people involved?
Activities
What (in general) are the actors doing and why?
Objects
What physical objects are present? (furniture, PC, papers, remote control, etc.)
Acts
What specific acts are the individuals doing?
Events
Is what you are observing part of a special event?
Goals
What are the actors trying to achieve by carrying out these specific acts?
Feelings
What is the mood of the individuals - how are they feeling?
Sayings
What are the actors saying?
bron: UCD, Charlie Muholland , HvA - IAM - P - blok 1
40
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
41
Concrete
Completion
Visual Design Surface Interface Design
Navigation Design
Information Design Information Architecture
time
Interaction Design
Skeleton
Functional Content Specification Requirements
Structure
Scope
User Needs Site Objectives Abstract
Strategy
Conception
41
