User Experience Research
Usability Assessment
Interaction Design
Service & Product Design
BiSmart
patient number password * forgot my password
1
3
log in
BIOCARE PROSTHESIS
Rotterdam City Hospital
5
4
P. 1
P. 15
P. 25
P. 30
P. 35
BiSmart Manager
Overturning a Blind Eye
Mood Light Street
Desire Observer
SONY Docking System Redesign
Renier de Graaf Hospital - Long Distance Monitoring
BIOMED Inc. Cooperation - Service for Invisible Injuries
KLM Crew Center Redesign - Work Experience Design
Digital App + Physical Hint Trigger - Magic Device Connectivity Mirror - Design for Persuasive Environment Strategy for Digitalization
Service Ecology Research
Patient Experience Research
Emotional Experience Research
Design for Subconscious Need
User Context Research
Treatment Communication
Bystander Behavior Research
Positive Design Theory
Open-end Project Planning
Product Function Redefine
Expectation Management
Service System Design
Design for Human Senses
2012 Scholarship Winner Project
App Prototyping
Bio-Sensor Measurements
Interaction Vision
Interactive Lighting Design
BiSmart Renier de Graaf Hospital - Empowering patients to proactively manage recovery process after THA surgery
Project Aim This project aims to clarify Total Hip Arthroplasty (THA) patients’ need in treatment information communication, and suggest a design solution that enhances patient’s treatment experiences regarding to this need. The result of this design enable the patient to take the role of his or her treatment path management, in doing so, having more understanding of the medical information, and take an active role in initiating treatment communications between different healthcare professionals, to achieve the result they want.
BiSmart
Design Toolbox patient number
User Experience Assessment Service Ecology Wireframing User Scenario Flow of Screens
password * forgot my password
log in
Project Duration 1 Year 1 Month BIOCARE PROSTHESIS Rotterdam City Hospital
Member
1
1
Introduction Problem Context
Design Goal
Problem Statement
Support patient to be the manager of their own THA rehabilitation process to achieve their expectations; empowering patient to take proactive role communicating with their OA team.
Next to a successful surgery, hospital aim to provide support to improve osteoarthritis patient experience for the complete treatment journey as a vision in next 3-5 years. There is a gap of understanding, where patient live their life with osteoarthritis outside of hospital’s knowledge range, preventing hospital and to provide more personalized services in a systematical offer. The research result of this project presents a strategy to provide personalized services regarding to dynamics of THA patient’s treatment information communication.
Project Scope 1st Complain
GP Visit
Orthopedic consult
Before Surgery
Hospitalization
GP Visit
Orthopedic consult
Lifetime OA Journey
Project Scope
What about individual consequences? I want to play tennis again because I am still young... But I don’t remember, it was few days ago! What did the doctor said again? Is there another way to get my medicine?
( 0 - 8 weeks of recovery )
THA Medical Team
Surgeon
Treatment Information Communication
physiotherapist
THA patient
Before Surgery
Hospitalization
Rehabilitation
supportive
Pharmacy
proactive
Orthopedic Nurse
OA Patient’s THA Standard Treatment Pathway Overview 1st Complain
Rehabilitation
Lifetime OA Journey
Process
Literature Review
Conceptualization
patient experience healthcare communications
functional details service ecology
“What happened to me with the pain on my hips?”
Design Brief Problem Definition
Final Design Interaction Vision
Main Research Question “ How are these treatment information communicated, and what can we do to improve it?”
User Research
Design Evaluation
context mapping user interviews
user scenarios stakeholder’s role in the picture 2
User Research
Literature Review
Context-mapping Booklet x 4 Patient Experience Patient perception approach
2
Perception
Needs
- Personal concern - Feeling of threat - Benifit-barrier relationship
- Pain - Imobility - Enhancing life quality
Product-service strategy:
Expectation - Formulation of expectation - Outcome expectancy
Action Response - Taking course of actions to get well
Propose a change of patient’s perception or cues of action, by designing routes of communication with information strategies.
Reflection - Degree of satisfaction - Consequences of the treatment process
Eliciting patient’s expectations in relation to the structure, process, and outcome of their care.
Treatment Information Communication
Patient Interviews x 4
Means of communication approach
Human Interaction
Patient’s loved ones
Patient
Care Environment
Observation Sessions x 2 + Surgeon Interview x 1 Patient’s need: Demand of treatment information regarding for individual consequences of the disease.
Fail to recall medical information. False treatment expectation.
New meanse of communication due to technology advancement.
Provide corresponding (written/visual) information support.
Address patient’s need of the up-to-date digital trends of patient-medical information relationship.
Product-service strategy: Manage and communicate realistic expectations to the patient.
3
Treatment Experience Journey Overview - Communication Focus Osteoarthritis patient’s experiences on healthcare information & communication focused journey
1st Complain
GP Visit
Orthopedic consult
GP /physiotherapist exanimate & referral
Context
X-ray examination
(Event)
“What happened to me with the pain on my hips?”
Pain medication prescription
10 min consultation with Orthopedic surgeon Ask a few questions relating to individual concerns if time allows
Before Surgery
Hospitalization
Read through the dossiers from Renier de Graaf about surgery procedure
Join patient group day at Renier de Graaf if choose to
Rehabilitation
Day of surgery
Off-days from work
Days of staying in the hospital
Going to physiotherapist for rehabilitation
Rapid Recovery program, standing up hours after the surgery, learn to walk with professional help
Change day to day home routines due to physical conditions Pain medication
Lifetime OA Journey Adjusting to the new routines living with osteoarthritis Rise of awareness in OA related knowledge Yearly check-up with the surgeon
3 Tell the family about the situation Search online about the symptoms
Behavior Plan GP visit for problem check-ups
Search online for confirmation and possible alternatives Walk in a different posture to avoid the pain
Search for doctor references from other experienced patients Having conversations with other experienced patients to find out real-life surgery experiences
Doing exercises to reduce the pain
To be able to understand what happened to my joints
Expectation
To find ways to fix from the condition
Hope the pain will go away
Remembering exercises and perform it physically
Organize work schedules with the family members
Self-service for the best I can do unless I really need help by other people
Search for more information about how to prepare towards the surgery
Ask for treatment adjustment for personal perceptions in pain and mobility restrictions
Write email or call the surgeon for questions
To know what to expect from days to weeks after the surgery To know individual consequences To be able to plan for off-work days and family coordination
Relieved
Being alert constantly
Mentally and physically preparing towards the surgery
Respect
To know what to expect and what to do during the hospital stays
Organize and planning for important calendar schedules of the recovery phase
To receive sufficient help if needed in time
Comprehend how to perform correct self-care procedure after the surgery
Anticipating
To trust and feel safe under the care of healthcare professionals
Confidence
Confidence
Look back into the assigned exercise sheet from physiotherapist Pay more attention to physical limitations to not to under/over do anything Searching online if frustration came up, to see how other patient dealt with it Do not exercise according to optimal suggestions for different reasons Recovering in a positive pace, monitoring progress No more pain after the recovery phase Be able to do certain activities again soon
Switch to new hobbies due to mobility restrictions Change perspectives of how I decide to do certain things
To live with the optimal way with the prosthesis Be able to walk & do sport to certain extend No pain
Effective pain medication management
Want to live a normal life
Encouragement from the family members for rehabilitation motivations
No more future surgeries if possible
Satisfaction
Empathetic Pleasant surprise
Do the “must do” list to stay healthy and active from healthcare professionals and other advices from experienced patients
Hopeful
Pride
Acceptance
Emotion Insecurity Frustration
Fear
Anxiety
Regret Insecurity
Anxiety
Worry
Worry
Insecurity Frustration
Insecurity
4
Conceptualization 3. Functional Map
1. Interaction Vision “Mastering the set of cards that I own to be on top of the game.”
B. My recovery plan
B.1 rehabilitation exercise video B.2 view past exercises
C. My activity diary
C-1 Chip Recording Options C-2 add activity snapshots, pain level, & emotions
D. Overview of activity diary A. Log-In
4
H. add/ edit appointment F-1 edit/delete event
F. My OA calender
A metaphor that portrays the envisioned product interaction is the experience of playing a poker card game, representing that in order to win a game, the person has to learn, to observe, to comprehend, and to
come up with a strategy to optimally using the sets of cards giving by fate into their hands, and finally, to win the game and achieve the wanted result.
C-1.2 time on/ off recording
C-3 view & edit activity snapshot content
E. My medication history K. Notification pop-up menu, log out, app. tutorials.
C-1.1 visible/ invisible to THA team
I. request medication
F-2 view filtered schedules
I-1 monitoring medication delivery progress
G ADD appintment/ medication/ ask a question
J. Q & A history overview + search function
J-1 reply J-2 submit a question J-3 feedback of progress
4. Wireframes
2. New Experience: “Manager” of his/her recovery pathway, power of control over their instant conditions
BiSmart
THA patient
patient number password * forgot my password
log in
BIOCARE PROSTHESIS Rotterdam City Hospital
orthopedic surgeon
physiotherapist
orthopedic nurse
support & empowering patient
Pharmacy
5
Detailed Service Design How BiSmart works?
Service Ecology Front-end patient to device/THA medical team interaction Front-end THA medical team to patient interaction
- pressure
Back-end service cooperation between THA medical team members Back-end service cooperation by the hospital & the prosthesis company
BiSmart
- range of motions
patient number password * forgot my password
log in
BIOCARE PROSTHESIS Rotterdam City Hospital
- orientation of prosthesis - viberation & frequencies of movement
micro-chip registration
- infections
What can you DO with this App. service?
- change gauze & clean up the wound from the surgery - monitoring patient in their hospital stays Orthopedic Nurse
- Log-In with a patient number - rehabilitation exercise reminder
BiSmart
5
- view activity diary (overview)
patient number
- remembering rehabilitation exercises - overview of the rehabilitation progress - appoinments
- appointment - ask for help when in need
- deliver the medication in time - automatic update of the medication history - scan the barcode when deliver the package by post.nl
- add snapshot of moments
log in
BIOCARE PROSTHESIS Rotterdam City Hospital
- ask direct questions to the THA team
- view prescription history
- automatic self-update of the activity log daily
- options of time & date in which the chip makes records
- view each other’s recovery treatment decisions, synchronized goal and be on the same page
- asking questions - seek for advice - receive personalized feedbacks - appointments
Pharmacy - monitoring the delivery progress - request for medication
- prescription management
- introduce the microchips & app. to patient with a handout - install micro-chip during surgery
Surgeon
- assign & approving pain medication requests to the pharmacy - giving advice to patient’s daily activities in signs of abnormality - monitoring rehabilitation patterns
patient number password
- provide & upload rehabilitation exercises after each consultation session
Micro-chip
- receive instant support & feedbacks from surgeon at times of alert
BiSmart
- monitoring patient’s rehabilitation patterns & daily activities
THA Patient - overview of physical - trigger activity diary activities & prosthesis reminder when in detection of abnormali- options to (not to) share ties of the prosthesis data with THA teams
password * forgot my password
Physiotherapist
- request medicines
* forgot my password
log in
BIOCARE PROSTHESIS Rotterdam City Hospital
Rotterdam City Hospital
BIOCARE PROSTHESIS
6
Journey of Service Touchpoints 4. Personalized rehabilitation activity diary
3. Physiotherapist consultation sessions
1. auto-record physical activities 1. Assign exercises to the patient.
1. Install the micro-chip during THA surgery into patient’s hip.
2. monitoring change of states
2
BiSmart
Mrs. Beekman
My recovery plan
My activity diary
June 18, 2016
Daily
22:03
2. Upload exercise video & instructions to patient’s tablet.
4. on/off chip recording options
BiSmart
password
patient number password
log in
* forgot my password
log in
Chip Recording Options
00:00
06:00
5
5. comfident & con-track recovery progress
BIOCARE PROSTHESIS Rotterdam City Hospital
BIOCARE PROSTHESIS Rotterdam City Hospital
18:00
2
3 2:0
6
14:53
0 7:1
sleeping
23:59
2
4 7:3
5 0:4
video playing with my grandson
Activity Snapshots
walking
take a nap
12:00
7
Pain Level
grocery shopping
climb stairs
walking
awake
flipping over during sleep
0
3. Video demonstration at time of need
BiSmart
patient number
Overview
1
3. snapshot moments of the day
* forgot my password
My OA calender
Activity Log shower
2. Remind & assist patient to BiSmart system.
My medication record
2
2. Day of Surgery
1
1. 1st orthopedic consultation session
audio
flower shopping
walking in the rain
It is the best to not to let the child sit on your lap...
4. Preview the recovery plan 3. Lend a tablet device to the patient for 8 weeks if needed.
Assign a patient number, patient’s consent to use this service
5. Anticipating upcoming progress
BiSmart
x 8 weeks + insurance
patient number password * forgot my password
log in
2
Pain level
7 BiSmart
4. 1st day of use !!
Activity Snapshots
BiSmart
6. Accurate expectation by knowing details of the recovery plan
BIOCARE PROSTHESIS Rotterdam City Hospital
2
patient number
0
1
2
3
4
What are you doing at this moment? Take a photo
Write it down
BIOCARE PROSTHESIS
My recovery plan
My activity diary
My medication record rehabilitation exercises
past exercises
Audio memo
Make a video
My OA calender Notification
save
x 20
x 10
Rise the back leg for 5 sec. each time, exercises twice per day.
Walk up and down stairs, whenever you feel you can.
Day of Operation
7
BiSmart
Mrs. Beekman
Rotterdam City Hospital
6
I feel
password * forgot my password
log in
5
＠ June 18, 2016 12:03
week 1
week 2
week 3
week 4
week 5
Chip Recording Options Recording On All activities until
31 July 2016 23:59
Mon - Friday
07:00 - 20:00
Sat - Sun
10:00 - 19:30 + add
* If you want to turn the chip off forever, please contact your hospital.
5. Personalized feedback from medical professional
3
BiSmart
Mrs. Beekman
Activity Snapshots
BiSmart
Mrs. Beekman
My recovery plan
My activity diary
My medication record
My OA calender Notification
23 June 2016 11 June 2016
1
Pain level
Surgeon
Appointment
Physiotherapist
3
4
5
6
asked a question to Dr. Peters
to check the rehabilitation progress 13 June 2016
GP
check up the condition of the prosthesis
change to new exercises
23 June 2016
1
aft
0 5:0
afte
@ Hof van Delft Apotheek
Ms. Bos @ Fysiotherapie Delft
pick-up painkillers for 5 days
@ home
report the rehabilitation progress
7
receive a package of pain medication
Other
3
+ add
Playing with my grandson My grandson visited me in my house today, I miss my little Henry, I followed behind him when he crawls around the living room floor, also held him on my lap shortly, then I felt pain on my left hip therefore I let him go immediately. The weather was...
Hi Mrs. Beekman
My recovery plan
My recovery plan
My activity diary
June 18, 2016
Daily
14:06
My medication record
My OA calender Chip Recording Options
Activity Log shower awake
walking
Q:
I have been following the rehabilitation exercises accordingly, however two nights ago around 21:00, I felt suddent of pain on my left hip, it was a sleepless night. However, there’s no sign of anything had happened the next morning. I wonder could it be a temproary bone dislocation while I was flipping over during my sleep?
19 June 2016
15:30
A:
take a nap
09:30
sleeping
delete
2. Upgrade to a new app. system to continue to use 3. Some functions would be different in the upgraded version of application after the 8th week.
seen by surgeon assistant
Hi Mrs. Beekman, I reviewed your activity log on 16th of June 2016, I see no abnormal signs of your activities, I think you don’t need to be worried. I will assign a stronger pain killer during the night for you in this case, and keep up with the good rehabilitation exercise practices! Well done.
reply
4 7:3
23:59
2
Q:
BiSmart
I feel these 3 days that I might be over-exercised, more than my hip can take it, should I rest for a while in the next 2 days to compensate it?
5 0:4
video
patient number
flower shopping
password
audio
* forgot my password
BiSmart
Mrs. Beekman
BiSmart
Mrs. Beekman
It is the best to not to let the child sit on your lap...
log in
BIOCARE PROSTHESIS
Appointment
Medication
Rotterdam City Hospital
Approximately receive at:
Capsaicinn cream 100 g
23 June 2016
ibuprofen 600 mg x 3 days
@
13:30 Ms. Schouten GP
home pharmacy
Dr. Peters surgeon
Ms. Bos physiotherapist
Mrs. Houdt orthopedic nurse
* request can only be cancelled before the time pharmacy mail out your medication package
19 June 2016 35 5:
20 June 2016 00 0:
22 June 2016 00 3:
22 June 2016 30 5:
Starts
23 June 2016
0 1:0
Ends
1
playing with my grandson
walking in the rain
14:53
6
1
0 7:1
18:00
2
1
3 2:0
1
7
Pain Level
12:00
5
1
06:00
2
00:00
Activity Snapshots
edit
delete
3. Answer & respond to patient’s request and needs in time.
21 June 2016
walking
1
flipping over during sleep
grocery shopping
climb stairs
1
Medication package sent to home address, approximately arriving at 23 June 2016, 13:30 by post.nl
I have not so much pain at the hips anymore since the last morning, do you think it is wise to stop taking NSAID for my condition? (I feel dizzy for everytime I use NSAID, therefore I really would like to avoid them if possible.) Thank you for taking your time Dr. Peters!
21 June 2016
Overview
My OA calender
My medication record
Ask a question
Q:
BiSmart
Mrs. Beekman
22:03
Log Out
My activity diary search
2
Hi Mrs. Beekman, I reviewed your activity log on 18 June 2016, I see no abnormal signs of your activities, ...
BiSmart
Mrs. Beekman
It is the best to not to let the child sit on your lap, it would increase the pressure loading of the prosthesis...
info.
1. The hospital turns the recording off forever under patient’s request.
5:30 r1
Pharmacy
Ask a question
Ms. Bos @ Fysiotherapie Delft
21 June 2016
0 12: 0 er
Orthopedic Nurse
2
Dr. Peters @ Ziekenhuis Rotterdam
Ms. Bos @ Fysiotherapie Delft
Medication
2. Asking personal questions to the appointed person in his/her THA team 1
0 4:0
3 4:2
1
1. Apply medications
2. review patient’s activity diary page before each consultation session. 0
26 June 2016
0 0:0
19 June 2016
0 1:3
1
All
I feel
1
June 18, 2016 12:03
0
5
1. send personal advice in sighs of threat.
7. The end of 8 weeks recovery journey
6. One window for all communications
Dr. Peters
received and viewed the request
request approved & sent to Hof van Delft Apotheek
package sent to home address, tracking number: KG637264997
medicine arrived!
Notes: cancel request
23 June 2016
10:00 10:30
1st alert
1 day before
2nd alert
2 hours before
check up the conditions of prosthesis, chip detection of possible infection.
save
7
User Scenarios
5
8
Flow of Screen in Details Final Concept - 1/5 A.
K. Issued by the hospital.
Implement the micro-chip, take an active role to manage patient's needs through the application for 8 weeks.
For more information regarding to the use of this application..
Provide the micro-chip + app. product to THA patients as a service package on top of the prosthesis. Tab to enter patient number and password. Tab to log-in.
Tab to see tutorial menu of the application. Tab to log-out. Tab to close the menu and go back to previous page.
B.
C. Physiotherapist update the current exercises at the end of every consultation session.
Medical professional assigned to this THA recovery team will be able to nomitor activity logs if patient choose to share it.
2
Animated video, reminding patient the exercises precisely.
6
tags.
Registered by the surgeon at the end of consultation session, to manage patient expectation. (pg. xx literature review)
2
7 0 7:1
0
1st day use of the application. (see pg.xx Journey of service touchpoints)
2
Surgeon received alerts about possible abnormality from the micro-chip, give advices to demonstrate positive actions to the recovery progress, it will appear at the time & page where the event occured.
Tab to switch between daily and overview screen. Tab to jump into chip recording option screen. Tab to enter activity snapshot page.
Tab to view past rehabilitation exercises. Tab to view current exercises, press play to view video demonstrations. Swipe left and right to view other range of weeks.
Tab to view previous entries and surgeon's advice if any. Tab or swipe to previous of next date.
9
2/5 C-1
C-3
Privet records, seen only by the patient.
The shared time period to the members of THA medical team.
Tab to switch between sharing data and privet view only.
Tab or drag to enter or to adjust previously saved content.
Tab to change time setting. Drag to left to delete the individual recording setting.
Tab to view contents.
Tab to add new recording settings.
Scroll the page up and down to view contents.
C-2
D. person. (self-evaluation)
Overview of the recovery activity
Self-interpret which image expresses the best of their current moment. Each emoticon can
vision: "Mastering the set of cards that I own to be on top of the game.", meaning monitoring one's
delightful, sad/dissapointment...)
will help the patient to shape a strategy about what is the next step to take to optimise the recovery.)
Patients are alert to make a record of what happened at the moment, it helps the patient to remember an inportant event that makes an impact towards their recovery.
6
Drag to set pain level of the moment. Tab to enter shapshot details Tab to enter or to change time setting.
If the patient is inconvenient to enter the data now, this screen will appear 1 hour later again.
Tab or swipe to switch to other weeks.
Tab to enter emotion of the moment. Tab to save the data.
10
3/5
E.
F-1 Personalised overview of drug/ medication usage and general information.
Clear information presented is the event that has been selected to make a change.
Prescription instructions, helps the patient to remember and to use it correctly.
Propose a change of ongoing activities.
Pharmacy automatically updates the record to the application, no patient. Tab to edit or delete events.
Scroll the page up and down to view contents.
F.
F-2
Overview of all ongoing activities & standing appointment arrangements.
Organising overview by selecting related personnel of the team.
Propose a change of ongoing activities or to propose a request to the THA medical team.
6 Tab multiple people to view related events. Tab or drag to enter or to view previous and next events. Tab to view events relating to selected personnel. Tab to add new events.
11
4/5 G.
I
Apply & request for medication according to personal needs.
Active & direct communication to the THA medical team.
Request new kinds of medication, recommend it to the surgeon. (Need approval from the surgeon.)
Tab to return to previous page.
Tab to propose a event.
Drag to left to delete the medication.
Tab to return to the previous page.
Tab to select name(s) of the medication. Tab to key in the number of days. Tab to send request.
H.
I-1 Medication that will be received after approval. Expectation management about medication delivery. Detailed feedbacks of the delivery progress. The tracking number from the post.nl system scanned (barcode) by the pharmacy.
6 Tab to return to the previous page.
Tab to return to the previous page.
Tab to choose one party to set the appintment.
Tab to switch between methods of medication delivery.
Tab to key in title and location of the event.
Tab to cancel the request.
(Dis)approve the request, alternate days or amount of medication according to patient's recovery condition.
Tab to key in notes of the event.
12
5/5
J.
J-2 Search keywords from the history. Demonstrate and connect to the person patient wish to direct the question to.
Allow add a photo or a maximum of 30-second video to demonstrate the problem.
Tab to return to previous page.
Medical professionals are free to reply by means of text, audio recording, or videos, according to their convenience and judgements to explain the best to make a point.
Tab to choose one party to direct the question to.
Tab to key in keywords to search for contents.
Tab to key in description of the question. Tab to add image and/or a 30 sec. video.
Tab to reply to the previously answered questions.
Tab to submit the question.
Scroll up and down to browse more contents.
Tab to return to the previous page.
J-1
J-3
Ask a new question.
Feedback on if the question is seen or received by the organisation.
Ask a follow-up question if any.
6
Tab to go into the question page.
Tab to edit or delete the question before medical team replies.
Tab to key in questions. Tab to upload an image and/or a 30 sec. video. Tab to send the reply.
13
Project Result Design Validation
Long-Term Vision
Project Result
Project Follow-Up?
1. Confirmation of Interaction Design for Patient - UX research & application design for Orthopedic surgeon Feeling more certainty and security about what to expect
provide personalised services regarding dynamics of THA patient’s condition
Feel more active and involved in their treatment process
Find support in time with real-time feedbacks
- From microchip to nano chip - Bio-application resesarch
- Next generation of THA patient (tech. acceptance generation) - Healthcare service intervention v.s. privacy issues
2. Benifit to all stakeholders
- Investment in (bio) sensor + application device - Outspread the designed product-service to other hospitals Human Interaction
Patient’s loved ones
Patient
Care Environment
- Long distance monitoring
- More understanding
- How patient’s doing at home?
- Instant feedback
- Satisfying the needs
- Arise brand awareness
- Personally engaged
- Healthcare data analysis
- More confident about the activities during the rehabilitation track
Future Vision
“Long-distance monitoring
&
big data analysis & wearable tech.
is becoming a new effective service channel on healthcare treatment experience
The system does the effort to find the befitting treatment plans for you!
”
7 14
Overturning a Blind Eye BIOMED Inc. Cooperation - Medical Design
Project Aim The aim of this project is to explore in depth of human interactions on public behaviour toward the patient who were forced to endure his/her pain due to embarrassed to ask for help, because her injuries cannot be seen, which means no one knows they should help, or even ask him/her to do stuffs the patient cannot do due to the pain. Design a tech. oriented solutions to resolve this societal phenomenon on public transportation.
Design Toolbox Exploring Interaction Role Play User Research User Interviews Interaction Iteration Prototyping Storyboard & Video Demonstration
Project Duration 5 Months
Member
15
1
Introduction Problem Statement
Physically
Emotionally
Design Goal Credit to: Seung-Gui Hong
I want bystanders to aware of patient’s need with an effective signal or hint, so that patients with invisible injuries can ask for help easily.
Amy’s Problem This is Amy, she is 20 years old, who travels each week around 1.5 hour between home and school through a bus. Amy looks young and healthy, however she obtain long-term join & ligament injuries on both knees from overpracticing hiphop dance. Her knees become painful for standing more than 10 min each time, walking up/down of the stairs is also a painful routine. She couldn’t bend over 90 degrees without pain, or just to stand up from the floor.
Often people told her to stand up and yield seats for elders on bus, or give her looks when she didn’t, because they didn’t know Amy also needs the same help. Amy is embarrassed and frustrated to repeatly explaining her needs day after day to the whole bus, also discomfort about the looks she’s receiving. She ends up extensively painful when she arrives home, recover in a very slow pace in long run, also emotionally upset due to helplessness of the situation.
Interaction Vision It will happen in the instant moment in public transportation. The interaction should be effortless for patients, and easy to be noticeable for general public.
Project Contents 1
2
3
Problem Statement
Design Research
Key Findings
4
5
Design Element Detailed Analysis Concept Design
6
7
Storyboard & Video
Reflection & Future Vision
16
Design Research 2. Role-Play Observations
Netherlands, Delft City Train Station
2
1. Interview Result
7 Bystanders
3 Bus Drivers
“Directness” is the key to succeed under Dutch culture. Passengers are tend to be passive on taking matter into their hands in helping behavior and tend to ignore or wait for you to ask for help from them.
2 Patients 1. Visual hints (grey hair, big tummy, ect.) is the biggest trigger for feeling the need to take action.
1. Overused knee movements, limitation of daily activities. 2. Recognition of injuries is wanted only when help is needed. Patiet want to be independent & self-reliance.
2. People feel bad about themselves if they are seated but elders are standing and shaking along with bus.
REC
1. More often people needs to be asked to yield their seats in Holland by bus drivers than self-motivated. “It’s not true, I asked then they stand.”
2. Showing medical card to other passengers, or taking preserved seats is another option.
Bystanders
Reacting according to their own will.
ME
Pretending to be the user, observing behaviors.
My Friend
Video recording all things happening.
17
Key Findings 3. Literature Review
Concluding Logic of Design Research
Dutch Cultural
Asian Cultural
a. Selective Attention
- Active observer - Preceive hints easily 3
Collectivism community expectation: Others preceive and help actively.
- Passive observer - Ignoring hints
Individualism community expectation: Actively ask for help yourself.
b. Cost-Benifit Analysis
e. Social Feelings
Rescuing Behavior
Patient
Bystander Interaction
d. Empathy of Human Nature
c. Diffusion of Responsibility
A. Dare to ask for a seat
A. Willing to help actively
B. Difficult to approach other people for help
B. Not enough trigger to take any actions
SOLUTION Making patients feel effortless to ask for help.
Creating enough trigger for people to act upon it.
18
Design Element Analysis Bridging User Research Result to Design
1. How to turn High Motivation
Impossible to ignore unless act upon it.
into
:
1. Core Motivators
3. Behavior Triggers
r vio ha
spark facilitator signal
e tb ge
rm r fo
Inc
Low Motivation
4
g sin a e r
s es lin e lik
- Appreciations - Money - Recognitions - Self- Satisfactions
Target Behavior
pleasure/ pain hope/fear acceptance/ rejection
to
r ta
pe
Attractive motivation that spring people into actions.
Interview + Observation Result
3. Tangible “trigger” ideation by 5 designers:
2. Simplicity Factors Time Money Physical Effort
A. How can you get yourself out from a chair? (Bystander behavior.)
Brain Cycles
B. How can you express your invisible injuries to others? (Patient behavior.)
Social Deviance Non-Routine
Low Ability
High Ability
Fogg Behavior Model (2009)
2. Designable behavior decomposition: - Appreciations - Money - Recognitions - Self- Satisfactions
Attractive motivation for Dutch
Dutch Culture
Hidden injuries can’t be seen.
Empathy
Things that trigger people to yield seats
- Feel the same pain - Painful facial expressions - Looking seriously injured - Looks old or physically inconvenient
Very strong motivation
- Guiltiness
- Passive attention giver - Ignoring hints
Obvious Approach
- Patient ask for seat directly - Positive responsis from bystander - Impossible to ignore the request
19
Detail Concept Design User Testing Iteration 1
Interaction Design Concept - 1st Choosen Version 2. The system recognize patient’s invisible injuries without speaking or act obviously.
8. Even better to share the happening of a good action with other passengers with a pleasant surprise. Another motivation for passangers to take action, to see what would be shown on the ceiling this time.
1. Patient with
2. Beep Medical ov-Card to the machine
invisible injury go onto the bus.
8. “Aurora Light ” activated as reward for all passengers to enjoy. Animation changes each time.
7. Medical ov-Card touches seat giver’s card
7. Patient gave their appreciation to the seat giver, simple interaction movement. Other people also recognize that someone did a good thing by the subtle reward they activated.
3. Patient maintain their self-reliance postures while sending messages of their inconvenience to other bystanders.
2. Reserved Area for patients in need/ elders/ pregnant.
8. Aurora animation displayed as a reward for the happening of a positive interaction.
3. Patient hop on the bus, beep the medical ov-Card to the machine.
3. Light turns on in Medical ov-Card
Theory Applied
Conclusion
Trigger: Visual lights &Viberation
Motivation: Social Acceptance
+ Reward Ability: Giving a Seat
5
1. Simulation of viberating + lighting ov-chip card.
1. Patients with invisible injuries want to be self-reliance, the new design should express patient’s need in a pleasant and dignity way.
4. Wireless search for available seat giver. Normal ov-Cards will light on with subtle vibration, one of them has to act.
6. One person actively stands & yields a seat.
5. If no one react, patients may approach one person, make eye contacts to hint his need.
6. Seat giver felt good for helping others, while patient feels relieved on both physical & emotional aspects.
5. The object (ov-Card) does the effort for the patient, and eye contact is a human nature. It is more effortless to ask for help from one person without the need to speak.
4. Passengers in reserved area obtain higher responsibility to yield seats. Messages would only deliver to people who should help for privacy.
2. Make sure the technology applications do work in the real world.
7. Patient take the given seat.
4. Wireless signal sent to normal ov-Cards in researved area.
6. Touch each other’s ov-Card to turn off the light & viberation. Activate the Aurora light.
5. One volenteer stands, give a seat to the patient.
20
Detail Concept Design Enviromental Analysis:
Concept improvement & detailing from 1st user testing result
16:00 PM, Zwolle Train Station bus #9
Communicate Hidden Messages Clearly
Bus Ceiling Any display on the ceiling can be seen clearly at any angle in a crowded moment
Screen
on a bus.
Too small to be read from far away, not an
1. Receive 2. Interpret 3. Reaction
effective attention
1. Be recognized 2. Be taking care of 3. Needs fulfilled 4. Show gratitude
catcher. Often blocked by taller people’s head.
Brightness Natural sunlight and interior light provide
Possible Challenges 5
Auditory attention catcher for:
Visual attention catcher for:
- Sleeping on the seat - Reading, looking down - Listening to the music
- Receiveing messages in a large crowd - Communicating the messages clearly - Trigger sympathy for the patient
enough brightness in the bus. Well-designed animation display on the bus ceiling can be seen clearly by the passengers from almmost any angle.
Medical ov-Chipkaart Using existing ov-chip
Preserved Seat
card system + wireless
Semantics & Metaphor : Visual Patter Design Selection 1. Instinctive understanding 2. Empathy trigger 3. Behavior trigger
application to activate seat
Floor
The patient hesitates to take this seat,
avalability recognition
Cannot be seen in
because other
system.
the crowded bus.
people give them looks in a crowded bus when there are other elderly/
pointing at a passenger show position
reward
pregnent women.
21
Storyboard & Video Final Concept - Let the card do the asking for you !
Patient with invisible injury hop on to a crowded bus.
Medical ov-chip card activating the system with special beep melody.
Follow the foot print to find avaliable helper.
Many passengers recognize patient’s need in real-time.
a. Selected passenger take action actively. b. Other passenger yield the seat.
Firework celebration ceramony!! Recognition/reward of a good action done to the patient.
Real interaction between people
Animation display on bus ceiling
LED panel
Wireless regonition of patient’s position & seat availability
Shortest distance to a seat from patient’s position
One avaliable bystandard selected by the system to yield seat
Rewarding animation, changes each time to keep the surprises new and fresh
6
22
Service System Design
User Testing Iteration 2 1. Simulation of bus ceiling animation in real brightness.
A. http://www.ns.nl
Introducing the system to public
Advertising the concept clearly through videos on ns.nl website, e-mail news letter. Update animation award each month, keep the surprise new and fresh!
3. Patient activate the system, check on the ceiling to search for an avaliable seat.
8. Everyone enjoy firework animation ceramony for the happening of a positive interaction.
B. De-activation system avaliable for patients
2. Projector and computer control pre-testing.
Advices
Free choice of usage for patients: 1. Activate/deactivate on www.ns.nl 2. Ask station counters to help (elders) 3. Ticket vending machine selection 4. Online application (young users)
1. Add audio reminders to those who sleep or look else where on the bus. 2. Interview bus driver for more input to improve the service system.
C.
6
D.
Wireless recognition system + Medical ov-Card
3. Validate with LED tech company about avalability in cost & benifit analysis.
1. Recognize and keep elderss, pregnent women, and other patients on the seat 2. Anyone can yield seat beside the selected passenger, system react to different possibilities 7. Patient take the given seat, orange arrow extinguish.
Government & Hospital’s role
Issue & varify Medical ov-chip Card to patients according to regulation & criterias
6. One person takes the hint to give the seat, exchange their position.
5. Wireless initiate one person to volenteer his/her seat to the patient standing in front of you.
4. Many passengers see the foot prints heading towards one direction. - Sees patient’s position by blue foot print.
23
Reflection & Future Vision Design Validation
3. Reflection of the project process
Long-Term Vision
Project Conclusion
Research
1. Confirmation of Interaction Design for Patient
Effortless to ask for help
Noticible for each person on the bus
Take active action
-
Learned to arise the awarenesses and sensitivity in observation. Just do it, conduct research on real users, don’t stay pondering for too long. Believe in designer’s instinct, believe what you had observed is important. Make sure to ask the question to different stakeholders, avoid one sided opinions.
Design
- Solve a problem in an elegant way is the biggest challenge. - Make a check list, make sure to include user interaction, psychological & physical effect, human-product interaction, and of course human-human interaction. - Start boldly, but ends with realizable design.
What’s Next?
- Test the concept in a real bus with real patients with invisible injuries. - New rounds of interviewing bus drivers, patients, and passengers to validate the effectiveness of the final concept deisgn. (Criteria: Interaction vision.)
Attractive Motivation
Future Vision
“Interactive enviroment
2. Realizable End Design Delivery
&
internet of things
is becoming a new intuitive interaction channel on public transportations.
http://www.ns.nl
The system does the effort of asking for you!
”
Ex. Technology application
Service system details
Bus enviroment analysis
Cost & Benifit Analysis
Airplane meal passenger dish exchange system.
Baby’s sleeping schedule across 4 seats next to you.
Motion sickness, wants to switch seat to the window.
Prevent luggages stolen in the train.
7 24
Mood Light Street KLM Crew Center Redesign - Design for Emotion
Project Aim The aim of this project is to apply positive design theories into practice, to improve KLM crew member’s emotional well-being that helps them to perform better on task, using the “positive emotion” chosen by KLM Inc. My team research upon “Joy” and “Respect” emotions using mood-board methods, along with 2 interview sessions with KLM crew members, lastly design a complete concept individually.
Design Toolbox Design for Emotion Design for Subjective Well-being Positive Design
Project Duration 3 Months
Research / Design
25
Positive Design Theory 1
Introduction to Positive Design Theory & Subjective Well-being
Positive Emotions
Why Positive Design? Sources of happiness Sonja Lyubomirsky Subjective Well-being
1950
2011
1950
50% genetic set point 10% circumstances
Material Well-being
2011
40% intentional activities
Happiness Gap We do not feel as happy as we were in recent days, even though material goods are more satisfied nowadays.
25 Positive Emotions
Current design influences only 10% of our happiness. However, 40% of subjective happiness depending on human behavior and attitudes, where our design could stimulate & inspire.
KLM’s choice, Design Brief
(Pieter Desmet)
sympathy
euphoria
confidence
kindness
joy
inspiration
respect
amusement
enchantment
love
hope
fascination
admiration
anticipation
relief
themselves ready emotionally into a best
dreaminess
surprise
relaxation
psychological state before facing
lust
energized
satisfaction
desire
courage
their customers.
worship
pride
Develop a concept that helps KLM crew to prepare
4 Design Opportunities
JOY Emotion Product Focus
Context Focus
Hedonic
Eudaimonic
Momentary happiness
Long-term, Meaningful lifestyle
The aim in Positive Design is to design for Eudaimonic, stimulate and inspire people to find a balance in virtue and pleasurable life, to shorten the Happiness Gap. (Pieter Desmet, 2012)
To be pleased about (or taking pleasure in) something or some desirable event. It arises when something that facilitates goal accomplishment happens.
RESPECT Emotion To experience a tendency to regard someone as worthy, good or valuable. It arises when someone’s praiseworthy behaviour conforms to internal and external standard.
26
Design Research Research Process & Methodology
2
KLM Work Place Visit + Crew Observation
Crew Reporting Desk
Cabin Briefing
Interview
Resting Hall
Hallway to the Briefing Room
Free Coffee Corner
Roadmap Co-creating with interviewees, asking them to recollect their routines from preparing luggages for a flight at home to the end of the flight journey, and what they do in their privet time in other countries while waiting to fly back to Netherlands. Draw all details they mentioned on an A1 paper.
27 yrs stewardess
43 yrs steward
1 hour interview @ KLM crew center, voice recorded Quesions relating to: - personal emotions/attitudes towards their work and life styles. - difficulties and wishes towards their future career.
Quotation Quoting sentences relating to Joy and Respect emotions during interview session, print and cut them into pieces for categorizing. Categorize quotes, finding a logic behind all quotes, organize them onto the Moodboard.
Mood Board Look for KLM brand spirit on joy and respect related emotions from their past promotion film and news magazines. Also organize all the interview contents logically into 3 seperated moodboards, using this results for concept development.
27
Concept Development KLM’s Concept Pre-Selection Session
Abstract Condept Design Selection Process
Factors that triggers/affect worker’s mood: JOY
RESPECT
Diversity & Freedom Enhance of the Space Humor and blowing off the steam Positive Communication
Respect for/from the passengers Responsibility Reward of the work Respect for your univorm
(Pieter Desmet)
24 Concept Sketches from above Result
3
QUOTE of the Theme
“There are many things that affect our mood, and concequently our susceptibility to feel joy even we don’t realise it.
”
Individual Final Design Direction Emotion
Design Direction
KLM Selected Theme
Design Goal Emotional
JOY
Enhance of the Space
Sensorial Design
transformation from personal self into a professional KLM representative.
(My sketches in blue boxes) 28
Mood-Light Street Sensual Mood Transformation:
Final Concept Design Scenario
It is a very sensual and delightful way to naturally prepares a person from being yourself into an representator figure of KLM. By sensing your own shadow which reflecting to your personal posture with uniform slowly turning from neutral color of shade into KLM blue, a kind of self-realization occured here that stimulates you to open up all senses to feel the enviroments around you at work.
KLM Color Shadow
Neutral Color Shadow
Representor of KLM brand, your professional self.
Your privet self, different worries from personal lives.
Uplift Awareness
Subconscious Gradual Transformation
Self-realization occured when looking into the reflection of your own posture in shape of KLM uniform on the way towards the first touch point of your work.
Open up the senses to the enviroment, extention & gradual transformation of soon to come work, including being aware of colleague’s shadow walking near you before introduction session.
A walk of sensual transformation from personal towards professional
4
1.
2.
3.
4.
5.
Walking towards briefing room, ready to meet the new crew, to start working.
Neutral color light snap-on when sensing you on spot, stimulate self-awareness.
Next light turned on along with your walking path, KLM color blue this time, symbolizing transformation.
Yellow and blue colors of shadow reflecting delightfully, welcoming you on the way towards briefing room.
Your shadow overlapping with other colleague, elite the sense of them accompanying you before the crew introduction. 29
Desire Observer Hint Trigger - Magic Mirror
Project Aim The aim of this project is to compete after a design scholarship against other 30 pre-selected individuals under one project brief, giving by Taiwanese Ministry of Education Scholarship Department, locked up for 10 days with 3 stages of presentation sessions for conceptual ability evaluation. The giving design theme is “What’s the real wants and needs for people? Finding a measurement for it, it can be a service or product or combination of both. Enclose with a product design.”
Design Directions Emotional Design Interaction Design Winner Project in 2012 Taiwan MOE Scholarship Award
Project Duration 10 Days - Competition Workshop
Member
30
Human Subsconscious Desire 1
Search the real WANT and NEED inside other 90% of human subconscious
Mood-Board: Subsconscious Desire
Mind-Map the Keyword “Desire”
In order to find a break through from the old topics we’ve already paid much attention to, such as disabilities, the approach of wants and needs here will start with another thinking strategy instead of problem definition, which is a mind-map. Desires are categorized under different color codings, a framwork is established from here.
31
Establish a Framework 3. Measurement Defined:
Categorizes & Measurements of Wants and Needs
1. Finding a Logistic: Times you reflect about “smile� each day!
Fun & Smile & Exciments
2
Sex & Close Relationships
Confidence & Courage
Social Interaction & Feelings
4. User with most opportunities:
2. Physical Reflex to Most Subsconscious Desires:
Baby smiles around 400 times a day.
(Sri Ravishankar, 2011)
Compliments Fun
Miracles
Confidence
SMILE
CloseRelationships
Children smile around 300 times a day. Love
Support
Adult
smiles around
15
times a day.
(Tennant.K.F, 2011)
32
What to Design For? Define Project Focus
Subconscious Desire = SMILE User
Designer
? Š2003-2015 boobookittyfuck
Answer in a subconscious way: DESIGN A HINT!
3
Do not create an object that leaves user NO CHOICE but to smile Short-term happiness cannot fulfill the long-term subconscious wants & needs
Believe in Simplicity : Try not to involve the complications of technology operation here.
33
Final Design A Hint Trigger - Magic Mirror
It’s up to you to decide, if SMILE is a want for you. Invite you to think about smile
A Thin Mirror Bar Sticker
A HINT to help people preceiving their own expression on the lips, to talk to their own desire of smile each day.
4
34
SONY personal audio docking system Redesign SONY’s old model, replacing it with digital App + emphasize on the waking up experiences
Project Aim Redesign for complete new user experience for SONY’s old market product. Digitalizatin of the old model to keep up with the era of digital connectivity, through conducting seris of user testing, assessing user context from various angles including efficiency, effectiveness, user experience, emotional response, cognitive flow of information processing, and ect. Delivering an App solution focusing on waking up experiences, translating all operational buttons into the App from the physical device.
Design Theories Usability Testing User Experience Analysis Digitalization with new business goal
Project Duration 5 Months
Members
35
New Business Strategy 1
From old product to the new user experience
Market Competition Brief Summary in Functional & Styling Overview for Market Competition
Old Product Model
Regular Functions
Sony ICF-DS15iP is a personal audio docking system. This product can be described in short as an alarm clock in which an iPhone or an iPod can be docked to play music.
Innovative Shape
Regular Shape
Avent Garded Functions
Literature Research USABILITY & PERCEPTION Performance Dimensions: Description of image: - Perception/ Cognition - Physical impression - Learning/ Memorization of a product - Control/ Action - Evaluative feeling: - Basic sense does the user ‘like’ the product.
User Context Research Questionnair (59 participants) USER EXPERIENCE The most important aspects that influence people’s emotion when they wake up : - Time people wake up - Amount of sleep - Degree of urgency of getting up - Need for turning over one more time/current mood
Online questionnaire are conducted in order to assess the context of when, where, and how would users use this product. To understand how users preceive this product both functionally and emotionally. Average age: 25.3 Male: 72.88% Female: 27.12%
30.51% own a device like the Sony ICF-DS15iP - 56% out of them have it for more than 2 years 50.85% don’t own a device like that 18.64% would love to have one
36
User Context Research Result 1
Example database to rank the most important functions to redesign for.
bedroom living room kitchen
Result of the Questionnair - continue Question 2 - Which functions do you think are important for such a device? (1 = not important I 5 = important) docking station speaker music player mobile phone charger alarm audio line-in clock radio light CD player phone storage recorder walkie talkie camera stopwatch weighing machine
1
0% 2 5.36 % 6.9 % 1.82 % 7.14 % 10.34 % 7.27 % 12.5 % 31.48 % 40 % 35.85 % 50 % 83.33 % 81.13 % 75.93 % 88.89 %
5.26 % 1.79 % 8.62 % 3.64 % 5.36 % 6.9 % 9.09 % 7.14 % 16.67 % 10.91 % 16.98 % 18.52 % 12.96 % 9.43 % 14.81 % 5.56 %
3
5.26 % 4 5.36 % 10.34 % 20 % 16.07 % 15.52 % 12.73 % 17.86 % 16.67 % 23.64 % 20.75 % 20.37 % 0% 7.55 % 5.56 % 3.7 %
14.04 % 19.64 % 18.97 % 20 % 25 % 22.41 % 27.27 % 30.36 % 16.67 % 12.73 % 15.09 % 5.56 % 0% 0% 1.85 % 0%
5
75.44 % 67.86 % 55.17 % 54.55 % 46.43 % 44.83 % 43.64 % 32.14 % 18.52 % 12. 73 % 11.32 % 5.56 % 3.7 % 1.89 % 1.85 % 1.85 %
It is interesting that most of the participants of this survey choose exactliy the functions to be important which are included in the Sony device. The results show that a docking station which plays music is the most important part of those functions but also the alarm and the audio line-in got a high percentage of votes whereas the radio is only important for about 30 %. Question 4 - If you have such a device, is there anything what you don‘t like about it?
„It has no snooze and I love and need snooze! It has no radio what would be nice. It is too „normal“ and has no audio line-in. And the remote control is not rechargeable and now empty, so I can‘t use it anymore“
bathroom hallway kids bedroom basement
80.7 % 49.12 % 45.61 % 29.82 % 28.07 % 7.02 % 1.75 % 1.75 %
Question 6 (multiple answers were possible) - Where would you place it in the room? next to the bed on a table on a cupboard far away from the bed
55.36 % 39.29 % 35.71 % 7.14 % 7.14 %
other // everywhere
3.57 %
Conclusion: The bedroom is by far the preferred room to place a device like the Sony. Also more than 50 % would place the device next to their bed. But the results show as well that people would place the product in more than one room. Therefore again it is important to make the product portable and keep in mind the weight, the size and an included rechargeable battery. and has to set the device and the other in a more active scenario like placing the product on a table in a living room.
Conclusion:
„It broke after 11 months and the sound distorted at loud volumes“
Question 5 (multiple answers were possible) - Where in your house/ apartment would you place such a device?
„Programming alarm time“
„It has no radio“
„Maybe if it had a remote control so I wouldn‘t have to get up and go over to it to change the song“
„The one I had before had a bad size for travelling“
„No, there is nothing what I don‘t like“ „When you have too many options“
Conclusion:
„I don‘t like the sound of the alarm“ „That it is only compatible to apple devices“
„I don´t wake up easily. I miss a special gadget to increase the wake up rate“ „It iPhone 5 without the ugly adapter“ „I don‘t like the shape of the device, it looks pretty heavy“ „They way i put the mobilephone in isn‘t comfortable“
People seem to like the multifunctionality of those kinds of products. The most given answers were that it is nice and important to listen to their favourite music with a nice sound but also have an alarm clock so they can wake up with their favourite music. It was also mentioned that the phone storage combined with a charger is a nice extra and that the speaker is also used to play music from the laptop. The given answers also show that the product has to be simple and easy in use and that a rechargeable battery in the compatible with others than iDevices.
Question 10 - Is there a favorite way for you to wake up in the morning? „Sunlight“
„Listening to music“
„Rested. No seriously, alarm clock
„When the light is slowly through my curtains“
„Music and the sound of nature“ „Waking up slowly without having to get up right away“ „Laptop light. „Naturally“
„With smooth music and snooze. I like it when the volume turns up automatically“ „Something smooth like the sound of singing birds“ „I don‘t like the sound of an alarm“
„ Raindrops pattering on my window“ „3 times snooze“ „With strawberry-orangejuice and good music“
„By music“ „Listening to my favorite song“ „Hopefully on time“
„Not waking up“
„The sun shining through my window“
„NO alarm“
„After 8 hours of sleep“
„Finding the right spot between sleep cycles“
„I don‘t like noisy music in the morning and prefer my favorite songs“
Conclusion: To wake up with favourite songs and music is next to natural sounds a prefered way for many people. Also waking up a nice way to wake up. The Sony device gives already the possibility to wake up with the own playlist but it could also be Also people prefer to wake up slowly and with the opportunity of a snooze function. Some participants even proposed the idea that it would be nice to have the function that light or volume turns up slowly and automatically.
37
Design Brief Set product specifications. Ideation brainstorming.
Physical device
Design Goal
2
Requirements in Function Devision
“We want to create an ‘alarm clock-docking system’ which is reliable, empathic and personal, by giving sufficient distinctive guidance & feedback that users can comprehend.”
Application
In order to provide users with good music quality
speaker
Automatic synchronized time in a digital display
clock (time)
Provide users with the ability to without using the phone
radio
Reduce the amount of buttons + make the use of the product more intuitive by building on the user´s previous experience with the iPhone
alarm clock
sleep mode
snooze
music device will only be used player in exceptional situations (iPhone lost, etc.)
Brainstorming for Multiple Solutions Guidance through buttons
Waking up experience
Focus Point of Redesign
Connection between iPhone and device
38
Physical Device Design Proposal New Design Function Overview
Find more details in Section 4
There is no volume button on the physical device. The volume will have to be adjusted using the iPhone (this was changed in a later stage). Whenever the iPhone is not connected the volume will go to a default setting.
Round corners, basic colors
Speaker
Alarm
Snooze button
Alarm setting button Clock Alarm on/off button
3
Buttons
Position of iPhone iPhone connection
39
Application Design Proposal Application Structure Design
Special days With this function the user can let the alarm synchronize with national holidays or special days such as birthdays or other celebrations.
Structure The user can choose between clock and music, within these functions he can find all options for playing music and setting the time, alarm or sleep mode.
Synchronize Gives the user feedback on whether the changes have been synced with the device.
Wake up sound To personalize the experience, users have several options for waking up sounds: own music, radio, pre-installed alarm voices and sounds or recording your own sound.
3
Lower toolbar A lower bar is integrated to give the user a feedback in which part he is operating. Within “clock� this is a fixed toolbar. When selected the other options get more vague.
Design language A lot of aspects of the graphics are related to the iPhone design language to shorten the learning period for the users.
Radio When the user hears a song on the radio which he would like to have as an alarm sound, he can use the record option and save the recording to iCloud or his playlist.
Music function What is new in this function is that the user can not only listen to the radio or his own music, but also use other music apps such as Spotify or YouTube for listening to music. 40
New Experience Design Proposal Emotional Design for Waking-Up Experiences
Waking-up Options 1. Snooze 30min before actal time.
3
5. Open your eyes to scratch the screen.
2. Tap iPhone or device to snooze.
3. Snoozing is no longer possible by tapping
6. See the waking-up message you preset.
7. Tap the STOP button is the
(A joke, an image, calender schedule, ect.)
ONLY way to turn off the alarm.
4. Neutral color screen shows up.
Positive Effect - Different contents everyday. - Curiose thus more willing to open the eyes to wake-up. - Humourous. - Pleasant surprise approach.
STOP
- Personalized categories of random internet search connection.
41
Final Design Final Product + Application Design
Colour coding Coloured parts of the bottons show the relation between icons, time and the buttons.
Design Choice Buttons The rotational buttons are related to the turning wheel in the iPhone application and provide tactile feedback.
4
The design of the physical device is kept as minimalistic as possible. The connection between product and iPhone works wireless. The product is designed to work and look aesthetic in both ways, with and without the phone. For charging the phone an iPhone USB cord can be connected to the product. A retracting mechanism makes it possible to hold the phone in the hand comfortably while it is charging. The time is radio controlled and always shown. The brightness and the colour of the time can be adjusted via the iPhone application. Also all other settings are operated and controlled by the iPhone application. Only for the most important settings is an opportunity consisting to operate them on the product itself. This includes the control of the volume and one alarm setting function. In case of a lost, missing or broken iPhone the product will always be reliable on its own.
42
Final Design Final Product + Application Design Synchronization Operations on the physical product and in the application are always synchronized. Connection The iPhone is connected to the device via AirPlay. The user can figure every iPhone through the sub menu “Connection” in general settings. AirPlay allows a wireless connection and operation.
Feedback Once the phone is connected, the device gives a short beep as feedback. For all settings a visual feedback is provided. When the alarm is turned on, the alarm time lights up on the physical device and shows a change from “off” to “on” on both the application and the product.
General design Rounded edges and basic colours matches both SONYs and APPLEs portfolio. It creates one design language which makes the iPhone fitting to it but still indicating the Corporate Identity of SONY. The product has gradient of 12 degrees. This provides an ergonomic angle for reading everything on the phone if it is standing on the product. Compared to an analogue clock, the digital clock is more accurate, which is necessary and helpful to set the alarm to the minute precisely. 4
A conductive strip as the frame of the device also functions for the snoozing. It can be gently touched to snoose the alarm.
43
Final Design Detailed Application Structure Design Alarm To personalize the waking-up experience, the user has several options for waking up, such as using the own music, radio, a recording of the own voice, ect. Also a default option for users who want to set their alarm really quickly is existing.
Structure On the main screen the user can choose between the two main menu options “Alarm” and “Music” and the menu options of second priority “Help”, “Sleep” and “General settings.”
Time settings (time zone, colour, brightness)
Music When the user hears a song on the radio, which he would like to have as an alarm sound, he can use the record option and save the recording to iCloud or his playlist. Sleep Mode
4
Design language The general appearance and the graphics within the application are related to the user interface of the iPhone. Thus helps the user to operate the App because of prior experience and know-how.
In the sub menu “Other apps” the user is able to include other music applications such as Spotify or Youtube.
Lower Toolbar In all sub menus a lower toolbar is integrated to provide feedback in which part of the app the user is operating.
44
Final Design Alarm Function Overview (follow the order of click to learn functional map)
General Settings and Sleeping Mode
Music Function Overview
4
45
I seek for the potential of digital transformation for business in the age of connectivity. Design for what we believe in, care for people, be a real-life designer. I-Chu Liao