Está en la página 1de 55

Interaction

Carrie Wang
.Portfolio
about me
academic experience
publication
-Master of Science in Human Computer Interaction and Ergonomics
University College London, London, United Kingdom (UCL) 2011/2012
-Master of Art in Design, Institute of Applied Art
National Chiao Tung University, Hsinchu, Taiwan (NCTU) 2008/2011
-Bachelor of Engineering in Computer Science and Information Engineering
National Taiwan Normal University, Taipei Taiwan (NTNU) 2004/2008
-Wang, Y. C. See, An Interruption is Coming! The Effects of Providing Visual Alerts on
Interrupted Tasks. 2012.
-Brumby, D., Wang, Y. C., Cox, A. (under review) Brace for Impact: Can Alerts Mitigate the
Disruptiveness of an Interruption? CHI 2013.
-Wang, Y. C. User-Value-Based Approach for Wellness Application Software Design. 2011.
-Wang, Y. C., Deng, Y. S., You, H. C. (accepted) Service Design for Experiencing Recreation
Cycling Life style. International Service Innovation Design Conference 2010.
about me
practical experience
Design Practice (British Broadcasting Corporation):
-Drive on: Interaction design that enables drivers to participate with news and current affairs on radio.
Design Practice (UK Lottery)
-System4All: Self-service Lottery Kiosk (Human Factors and UI design)
CHI 2012 Design Community:
-TOTEM: Interaction design that creates family memories by photo sharing.
CHI 2011 Design Community:
-Fami+1: Interaction design that helps foreign spouses blend in with local family
2011 Idea Storming Design Project of National Science Council of Taiwan:
-The innovative design of health care services
2010 Project of National Science Council of Taiwan:
-Design methodology: Culture-Orientated Experience Design Process Model
2010 Idea Storming Design Project of National Science Council of Taiwan:
-Service Design for Experiencing Recreation Cycling Life style
User Experience Design Course: APP software design: Shopping With Your Families
2009 Project of Industrial Technology Research Institute of Taiwan:
-Slow Tour: Cycling Service Design
about me
working experience
personal strengths
2010 MediaTek() summer intern:
-Co-worked with software engineers to develop the screen unlock and social network widgets
on Android smart phones.
Engineering
Design
Cognitive
Psycho
-logy
-communication skill across professionals
-ability of being a leader and a cooperator
-insights from design thinking
-ability of realization with practical skills
With the academic and practical
experiences from multi-disciplines,
I have acquired......
about me
related skills
research design prototype evaluation
2D softwares 3D softwares programming
contextual inquiry
probe
affinity diagram/KJ
work models
task analysis
grounded theory
experiment
(design/stats)
persona
scenario
storyboard
flow chart
use case
service design
Wireframe
Storyboard
Low-fi prototype
Wizard of oz
usability test
heuristic evaluation
cognitive walkthrough
think aloud
Photoshop
Illustrator
Indesign
Flash
Dreamweaver
CorelDraw.
ProE
Cinema4D
C++
JAVA
XML
R
contents
1. Drive On
3. PulierGo
5. Shopping With Families Apps Design
2. System 4 All
4. Web ATM Interface Redesign
Drive onEnables drivers to participate with news and current affairs on radio
project
On my way home, driving in the car and listening to a news or current affairs
programme on Radio 5 Live or Radio 4.
I feel like to participate in the interesting topic, but..... -driver Paul
Drive on
project
challenge
a crash is 4.3 times greater during cell phone use than non-use!
Noise: When driving the sound of the engine/road feedback/wind resistance increases.
Seatbelt limits mobility: Participation is limited to the drivers field of reach while strapped
into their seat.
Hands are occupied: Any interface needs to be designed to allow the driver to keep at least
one hand on the steering wheel at all times.
Eyes are occupied: Diverting the drivers eyes from the road for more than a few seconds has
serious safety implications.
environment constraints in car
Drive on
project
design goal
Ethic/Law
We want mor participation
on our live broadcast!
Its illegal to drive a vehicle
while using a hand-held device!
providing an experience of additional media and connected
storytelling via devices, as safely as possible.
client reality
driving is the primary task, not participating! driving is the primary task, not participating!
Drive on
project
user-centered
design cycle
Drive on
project
target users
34 years, male, Sales Director
Drives about 20,0000 miles a year for work
Commutes and drives long distances to visit customers
In-car Technology: ipod, sat nav, blue tooth, blackberry hands free
35 years old, single journalist
Commutes to work for about 30 minutes every day
Uses social technology like email, facebook, sometimes twitter.
Has an iPhone and an iPad to facilitate her work.
A
ndy K
noll
T
e
rri B
la
d
e
Drive on
project
BBC4 now playing Today
DriveOn
BBC
Smart phone
wirelessly facilitates interaction
and sends to:
Radio 4 or Radio 5 live for
incorporation into the live
programme and its associated
website, social media platforms
(e.g. Twitter) and other devices.
Large tactile buttons
attached to each side of the
steering wheel.
Head-up display(HUD)
+speech recognition
does not require the driver to
look down or away from the
road.
Time stamps
points in the programme.
Location-based information
and speech-to-text are
handled automatically by the system.
final design (selected by BBC)

Drive on
project
use case
Givingopinions
30 22
5
Whatdoyou
think...?
P
r
e
s
s
a
n
d
h
o
ld
Myopinionis
that...
Head-updisplay


88C
V
Doyouagree
with...?
Totallyagree!
Head-updisplay
= =
1 1
2
2
2
3
3
3
Drive on
project
1
2
C
P
r
e
s
s
a
n
d
h
o
ld
Thereisa


S
1

HUD GPS
...
Taggingthehighlights
S
P
r
e
s
s
a
n
d
h
o
ld
Janewouldlove

Text L
TweetJane
TextJane
Jane
HUD
1
1
2
2 3
3
4

1
C
Budget...
Head-updisplay

BBC
1
2
3
4
system All
4
facilitates the Lottery experience project The National Lottery
Feeling inspired today, so I stopped at supermarket to try my luck for the newest
lottery. However, the long and messy queue did not support my lucky power......
-customer Teresa
system All
4
facilitates the Lottery experience project The National Lottery
existing system

inthe


queuewithall




queuing all the time,
bad user experience!
system All
4
facilitates the Lottery experience project The National Lottery
design goal
transfer the traditional transaction into KIOSK to:
Speed up lottery processing at point of sale
Reduction of queues
Improve customer experience
Elderly users
Users with limited dexterity
Users with dyslexia
Wheelchair users
Visually impaired
Design for the general public, which includes :
system All
4
facilitates the Lottery experience project The National Lottery
flow charts
existing process the system in the future
system All
4
facilitates the Lottery experience project The National Lottery
methodologies
Know your users
Field observation & interviews
Identify target users
Limiting users
User requirements
Know your tasks
Task analysis (current)
Task description (future)
Accessibility for different users
Anthropometric standards
Build mock-ups
Testing (UI & Kiosk)
Fitting trials (modules on the machinej
Human Machine Interface (HMI) testing
system All
4
facilitates the Lottery experience project The National Lottery
final design (selected by the company)
self-service Lottery kiosk
Users have choice of kiosk or cashier
Supports all existing transactions
Supports entering numbers via touchscreen
Supports flexible placement:
Small footprint
Front access maintenance
Several placed in sequence
New Smartcard functionality
FastPlay + FastPay
system All
4
facilitates the Lottery experience project The National Lottery
human machine interface
3 steps with 3 zones
on the interface:
1. Play
2. Pay
3. Go
system All
4
facilitates the Lottery experience project The National Lottery
human machine interface
3 steps with 3 zones
on the interface:
1. Play
2. Pay
3. Go
system All
4
facilitates the Lottery experience project The National Lottery
result (speed)
a
v
e
ra
g
e

tim
e
1
m
in
5
0
s
a
v
e
ra
g
e

tim
e
1
m
in
1
0
s
40 secs faster!
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
What is the best way to experience a city?
I would say, cycling.
-tourist Liu
design issue
P
o
l
i
c
y
B
u
d
g
e
t
bicycle touring is prevailing nowadays!
the number of people engaging in bicycling
has been rapidly increased
n


1
the cycling trends may
just become a short wave.
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
design strategy
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
Puli is selected to be the locations of this design study for its
richness in culture and humanities.
design strategy
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010
integrate bicycle touring
into Puli residents
daily lives
after building the
local lifestyle, attract
tourists to come and
experience it
tourists bring the
life spirit back to their
daily lives and affect
more people
1.integrate 2.lure 3.spread out
residents tourists the public
Three stages to form a long-term sustainable living society
research (participatory design)
Before design, to capture the main
characteristics of Puli, we invited
local peopla as experts to participate
in our design
After design, the tourists were
recruited to evaluate the designs that
designers could collect feedbacks
from general users.
PulierGo
an eco-friendly, bicycle touring service design
local experts
(before design)
tourists
(after design)
ISIDC 2010 conference
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
final concept
ride more, earn more!
PulierGo provides GPS device, kiosk and M-cart to connect all the weekend markets
in Puli.Both residents and tourists can ride bicycles to the market to experience
local events. Moreover, the riding miles could be transferred into discount.
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
final concept
attached on bikes to track
cycling status and the route
the rider can rent the
cart to sell goods or
provide services at
traditional Puli market
the platform to administer
personal account/
records/ order
where riders can
rent PulierGo devices
and upload/ download/
print cycling history
and discount
PulierGo device
PulierGo KIOSK M-cart
web platform
PulierGo
an eco-friendly, bicycle touring service design ISIDC 2010 conference
scenario
01 02 03 pulierGO

05 pulierGO

04 pulierGO

06
pulierGO
07 pulierGO 08

09
pulierGO

10

11

12

redesign web ATM


web ATM

redesign ATM
task analysis

redesign ATM
flow chart

redesign ATM
heuristic evaluation

redesign ATM
problems & concepts

redesign ATM
problems & concepts

redesign ATM
problems & concepts

redesign ATM
problems & concepts

redesign ATM
problems & concepts

2-3

redesign ATM
problems & concepts
shopping
application software design on mobile with families
APPs design
Shopping with
your families
shopping
application software design on mobile with families

design issue
shopping
application software design on mobile with families
shopping
application software design on mobile with families
concept


shopping
application software design on mobile with families
concept

shopping
application software design on mobile with families
concept

My closet
avatar

shopping
application software design on mobile with families
concept

shopping
application software design on mobile with families
concept

avatar

shopping
application software design on mobile with families
flow chart
Thank you
Carrie Wang
.Portfolio