You are on page 1of 20

heart to heart

PROCESS BOOK


We (designers, developers, engineers,
researchers) should target towards adapting
information to peoples individual needs
and levels of expertise in order to enhance
cognitive performance.

Andreas Holzinger

Contents
4

Needs

Research

Existing Examples

Brainstorm

11

Sketches

14

Digital Sketch

16

Final Product

19

Conclusion

TANYA RODMAN

Needs

I first asked my mom, a longtime nurse at Ronal Regan
UCLA Medical Center, what informational pamphlets and
print could be improved. She mentioned how patients who
underwent heart surgery usually read post-surgery steps
and guidelines from a text-heavy binder and dont have
information to take home with them.

After doing further research, I noticed that besides
needing more information before and after the cardiac
surgery, the patients needed more rest, assistance at home,
quicker Doctor responses, better nursing care, more time
before discharge, and less exposure to medical terminology.

HEART TO HEART PROCESS MANUAL

Audience

The target audience for this project are males and
female 45 - 75 years of age who have just undergone
cardiac surgery in UCLA Medical Center. There may be some
limitation in terms of the patients ability due to the decrease
in vision, hearing, and flexibility in elderly individuals.

How Might I...


Improve the at-home recovery experience
for cardiac surgery patients in which they are
more informed and confident of the steps to
recovery?

TANYA RODMAN

Research

I researched several articles that talked about designing
mobile apps for the elderly and what to keep in mind. Overall,
I learned that with any ux/ui, it is extremely important to
constantly keep the individual in mind. Know their limitations,
or walk a mile in their shoes to understand their daily
struggles.

In one article, one of the designers put himself in a suit
that limited his vision and made it difficult to move. He did his
best to experience how the target audience lived and how it
would affect their interaction with the designed product.

HEART TO HEART PROCESS MANUAL

Research Takeaway
Functional
Requirements

Medical Alerts
Medication Advice
Common/Everyday Language
Touch and Speech interaction
for physical/cognitive
limitations
How to Use Guides

What If?

Auto zoom feature


Touch/speech interaction
Assistance that gradually
decreases

Losses

Ability to resolve detail


Ability to focus on close
objects
Ability to detect contrast
Ability to detect sound
Ability to perceive speech

Solutions

Increase target areas


Accurate movements
Physical stimulus
(reinforcement)

TANYA RODMAN

Existing Examples

I found mostly brochures and booklets, and only
2 website or mobile device application. The brochures
contained all of the information that a patient needed to
know, but not in a very engaging and interactive way. Were
moving towards a very technologically advanced time so I
believe its very important to keep up with our advances and
allow technology to improve the lives of others.

Technology also allows for engagement and
interactivity, which can seem more personal to the user.
Instead of having to read through pages of text, the user will
be greeted every day with notifications about their recovery
process and health.

HEART TO HEART PROCESS MANUAL

Brainstorm

I brainstormed multiple possibilities of what my
product could end up being. This was however, before my
mental click that making an app would be more beneficial
than any paper product, which is why youll read that my
mind shut down the idea of an app in the top right image.

TANYA RODMAN

Verbal Wire Frame



As a verbal thinker, I had difficulty sketching rough
wire frames without critically analyzing my sketches. I found
it extremely helpful to write out my functions, purposes, and
features of each page with words.

10

HEART TO HEART PROCESS MANUAL

Sketches

After creating the verbal wire frame, it was much
easier to sketch out rough ideas of what I wanted in each
page. Having a specific function in mind before visualizing
any specific feature of the app helped me focus more on
functionality rather than appearance.

TANYA RODMAN

11

login menu

heart to heart
heart to heart
The new app that meets your
post surgery recovery needs.

email

heart to heart

Features

WIREFRAMES

password

log in

Remember Me

login menu

Start Recovering!

sign up
Forgot Login Information?

heart to heart
heart to heart
The new app that meets your
post surgery recovery needs.

email
password

log in

Remember Me

heart to heart

log in
back
login menu

Start Recovering!

sign up

Emergency Call

Voice Command

heart to heart

Audio Assistance

log in
back

Forgot Login Information?

Enter email
or phone number

Enter password

johndoe@gmail.com

here...

next
login menu

Forgot your email?

heart to heart

heart to heart

log in
back
go!

log in
back

Enter email
or phone number

Enter password

johndoe@gmail.com

here...

Forgot your password?

next
Forgot your email?

heart to heart

sign up
heart to heart
back

sign up
Enter email:

sign up

sign up
backnumber:
Enter phone
Enter email:

johndoe@gmail.com

410 - 520 - 4395

Advice
Information

Coronary artery
bypass graft

heart to heart

Enter phone number:

Select gender:

male

female

nextnext

male

Daily Log

Information

Progress
Medicine

next aptmt

Progress

notifications

Advice

Information

Appointments

medicine
Medicine

next aptmt

Information

Advice

Surgeon

Emergency

Medicine A
Call 911

Taken today at 9:38am

Medicine B
Not yet taken

Professionals

Medicine A

Progress
Maria Thorpe
Week 3 / Day 2

Activity & Diet

- Low Sodium
Incision Care

Blood Pressure
Not yet taken

Low Carb
Activity- &
Diet
Avoid
- Saturated fats

Medicine

- Oil
Appointments

Mental Health

Doctor

Surgeon

Activity & Diet


Say Yes To...Professionals
- Fresh Fruits
- Fresh Veggies
- Low Sodium

Cooking Styles

- Low Carb

- No Fried Foods

Pain Control

back

- Red Meat

Grilled
Incision -Care

Taken today at 9:38am

Medicine
Symptoms
Medicine B

- Fresh Veggies

Avoid
- Saturated fats

Respiratory Care

Medicine

back
Doctor

Say Yes To...


- Fresh Fruits
Information

Appointments

Medicine A

Daily Log

Advice

Activity & Diet

Medicine

Medicine
Medicine B

back

Information

Maria Thorpe
Week 3 / Day 2
Dailyartery
Log
Coronary
bypass graft

Advice

Information

Coronary artery
Progress
bypass graft

Advice

Information

Central Hub

Daily Log
Information

Did I take my
medicine today?

Not yet taken

select advice, tap the icon again,


or simply say, advice.

Not yet taken

Appointments
daily log

Did I take my
medicine today?

Surgeon

Doctor

Call 911

Medicine B

Taken today at 9:38am

Medicine

medicine

What can I help


you with?

next

Progress

Progress

Daily
Log
notifications

What can I help


you with?

female

you

you

Advice

Central Hub

Daily Log

my
medicine today?

Emergency

Did Call
I take
Emergency

You are currently in the side Professionals


menu bar and youve selected the
advice tab. Receive advice from
yourareprimary
You
currently doctor,
in the sidesurgeon, or
menu
barhealth
and youve
selected the To
other
professionals.
advice tab. Receive advice from
select advice, tap the icon again,
your primary doctor, surgeon, or
or simply
say, advice.
other
health professionals.
To

central hub vs. side menu

central hub vs. side menu

What can I help


you with?

Doctor

Medicine

sign up
back

410 - 520 - 4395

Advice

Daily Log

sign up
back
Select gender:

next
next

Information

Progress

Maria Thorpe

heart to heart

Did I take my
medicine today?

Voice Command

Week 3 / Day 2
Medicine

sign up
heart to heart
back

What can I help


you with?

Advice

Audio Assistance

Week 3 / Day 2
Coronary artery
bypassProgress
graft

Forgot your password?

johndoe@gmail.com

next

Maria Thorpe

go!

heart to heart

sign up
back

Progress

Progress

- Oil

Primary Doctor
Dr. Anna Cann
Advice
1121 W. Field Dr.
Torrance, CA
90505

Doctor

Office Number:
410-352-6394

Call Doctor
Surgeon
Send Email
Professionals

back
Doctor
Primary Doctor
Dr. Anna Cann
1121 W. Field Dr.
Torrance, CA
90505
Office Number:
410-352-6394

Call Doctor

- Red Meat

Not yet recorded

Not yet taken

Weight

Checked today at 9:05am

Blood Pressure
Not yet taken

settings

Incision

Checked today at 9:05am

Notifications

Audio

settings

Account Info
HEART TO
HEART PROCESS MANUAL

Pain Control

Respiratory Care

Not yet recorded

Taken today at 9:24am

Cooking Styles
- Grilled

Symptoms
Weight

Account Info

Notifications

Mental Health

Taken today at 9:24am

Incision
Taken
today at 9:38am

Daily Log

12

Sleep

Medicine A

daily log

Sleep

- No Fried Foods

Send Email

Wire frames

By only thinking in black and white first, I wasnt
distracted by color, which allowed me to first think in terms
of function verses aesthetics. I felt myself designing with my
research constantly in mind in terms of catering to the needs
of extreme cases of the elderly. Features of the app include
voice command, audio assistance, quick emergency, daily
logs, medicine tracking, and information to the recovery
process.

TANYA RODMAN

13

Digital Sketch

After determining the functionality of each page, I
finally worked in a color scheme. This process was extremely
valuable because each function has the same color. For
example, a click-able button that leads to an effect is the dark
red, an input button is shown by the lighter tint, and the light
grey indicates the menu bar.

14

HEART TO HEART PROCESS MANUAL

Account Info
login menu
Notifications

heart to heart
The new app that meets
your post surgery
recovery needs.

heart to heart

email
password

log in

Audio

heart to heart

settings

Features

WIREFRAMES
Account Info

Remember Me

login menu

Start Recovering!

Notifications

sign up
Forgot Login Information?

heart to heart
The new app that meets
your post surgery
recovery needs.

Audio

heart to heart

email
password

log in

login menu

heart to heart

heart to heart

log in

log
in
sign up

back

back

Enter email
or phone number

Enter password

tap here...

tap here...

next
Forgot your email?

go!

login menu

Forgot your password?

Remember Me

Audio Assistance

heart to heart

log in

log in

back

back

Enter email
or phone number

Enter password

tap here...

heart to heart

heart to heart

sign up

sign up

heart to heart

sign up

back

sign up

Enter phone number:


tap here...

next

next

Enter email:

Select gender:

tap here...

male

next

Week 3 / Day 2
Coronary artery
bypass graft

Enter phone number:

Select gender:

tap here...
female

next

male

you
Progress

medicine

notifications

Progress

Information

Medicine

Advice

Information

Medicine
next aptmt

Advice
daily log

Surgeon
Professionals

Medicine A
Taken today at 9:38am

Progress

Week 3 / Day 2
Coronary artery
bypass graft

Medicine

Maria Thorpe

Professionals

Daily Log

Information
Activity & Diet

Activity & Diet


Medicine

Blood Pressure
Not yet taken

Symptoms

Medicine
Medicine B
Medicine A

Not yet recorded

Weight

Appointments
Mental Health

back

Surgeon

- Low Sodium
- Low Carb

Activity & Diet

Avoid
- Saturated
fatsYes
Say
- Oil

back

To...

- Fresh Fruits
- Fresh Veggies

Cooking Styles

Incision Care
Respiratory Care

Medicine
Sleep

- Low Sodium

- No Fried-Foods
Low

Advice

Doctor
Doctor

- Fresh Veggies

- Grilled
Pain Control

Professionals

Primary Doctor
Dr. Anna Cann
1121 W. Field Dr.
Torrance, CA
90505

Advice

Office Number:
410-352-6394
Doctor

Call Doctor

Surgeon
Send Email

Carb

Avoid
- Saturated fats
- Oil

Professionals

back
Doctor
Primary Doctor
Dr. Anna Cann
1121 W. Field Dr.
Torrance, CA
90505
Office Number:
410-352-6394

Call Doctor

- Red Meat

Taken today at 9:24am

Incision

Checked today at 9:05am

Mental Health

Daily Log
Blood Pressure

Cooking Styles

Send Email

- Grilled

Taken today at 9:38am

Not yet taken

Advice

Say Yes To...

- Red Meat

Taken today at 9:38am

Daily Log

back
Information
Activity & Diet
- Fresh Fruits

Appointments

Information

Medicine A

Medicine

Advice

Information

Incision Care

Week 3 / Day 2
Coronary artery Medicine
Medicine B
bypass graft
Not yet taken

Not yet taken

daily log

Advice

Maria Thorpe

Daily Log
Information

Taken today at 9:38am

Not yet taken

Progress
Central Hub

Appointments
medicine

Medicine A
Call 911

Medicine B

female

Progress

Information

Call 911

next

Daily Log

Appointments

Emergency

Did I take my
medicine today?

Doctor

Central Hub

next aptmt

What can I help


Medicine B
you with?
Not yet taken Emergency

Did I take my
medicine today?

Surgeon

Did I take my
medicine today?

menu bar and youve selected the


are currently
advice tab. ReceiveYou
advice
from in the side
menu bar and youve selected the
your primary doctor,
surgeon, or
advice tab. Receive advice from
other health professionals.
your primaryTo
doctor, surgeon, or
othericon
healthagain,
professionals. To
select advice, tap the
select advice, tap the icon again,
or simply say, advice.
or simply say, advice.

notifications

Progress

What can I help


you with?

Advice

Daily
Log
You
are currently in the side

you

Daily Log

Emergency Call

Did I take my
medicine today?

Medicine

central hub vs. side menu

central hub vs. side menu

Information

What can I help


you with?

Voice Command

Doctor
Progress

Maria ThorpeAdvice

sign up
back

next

Information
Progress

heart to heart

back

What can I help


you with?

Advice

Audio Assistance

Daily Log

heart to heart

sign up
back

tap here...

Medicine

Forgot your password?

sign up

Enter email:

Week 3 / Day 2
Coronary artery
bypass graft

go!

heart to heart

back

Maria Thorpe

tap here...

Forgot your email?

back

Progress

Progress
heart to heart

next

sign up

Emergency Call

Voice Command

Start Recovering!
Forgot Login Information?

Pain Control

- No Fried Foods

Respiratory Care

Symptoms
Not yet recorded

Weight

Sleep

Taken today at 9:24am

Incision

Checked today at 9:05am

TANYA RODMAN

15

heart to heart

WIREFRAMES
login menu

heart to heart
The new app that meets
your post surgery
recovery needs.

heart to heart

email
password

Greeting

log in

Remember Me

Start Recovering!

sign up
Forgot Login Information?


The greeting page is simple and only gives the user
two options: login or sign up. The text on this page is spread
out with plenty of white space and the text is large enough to
read, which aims towards a user with limited visibility.
login menu

heart to heart

heart to heart

log in

log in

back

back

Enter email
or phone number

Enter password

tap here...

next
Forgot your email?

Pr

tap here...

W
Co
by

go!
Forgot your password?

heart to heart

heart to heart

sign up

sign up

heart to heart

sign up

back

back

back

Enter email:

Enter phone number:

Select gender:

sign up

tap here...

next

tap here...

next

male

female

next

central hub vs. side menu

16

HEART TO HEART PROCESS MANUAL

Daily Log

Progress

Progress

Information

you

Features
settings

Features

Account Info

Notifications

Audio

Emergency Call

Voice Command
Audio Assistance

Progress

Progress
Maria Thorpe

Information

Week 3 / Day 2
Coronary artery
bypass graft

Advice

What can I help


you with?

What can I help


you with?

Did I take my
medicine today?

Did I take my
medicine today?

Doctor
Not yet taken

Surgeon

Medicine A
Taken today at 9:38am

You are currently in the side


menu bar and youve selected the
advice tab. Receive advice from
your primary doctor, surgeon, or
other health professionals. To
select advice, tap the icon again,
or simply say, advice.

k
gender:

ale


The voice command feature allows the user to speak
to the app in order to accomplish his/her desired task.

female

next


Quick emergency leads the user to a simple emergency
page in which he/she can click call 911 and emergency

nformation

Advice

Progress
Maria Thorpe
Week 3 / Day 2
Coronary artery
bypass graft

Advice

Information

Central Hub

Progress


Audio assistance provides a speaking voice for every
button the user clicks. A voice will describe their current
location in the app, then describe the function for the button
they clicked. If the user agrees with the destination, he/she
will be instructed to tap the button again to move to their
desired location. For example, if the user taps the menu, a
voice will say that the current location is the side menu. It
will then explain that the user will be able to choose their
progress, information, or advice.

Professionals

Daily Log

sign up

Call 911

Medicine B
Advice

Medicine

art to heart

Emergency


The features are listed in the grey bars and their
function is primarily assistant. On the bottom of the bar, the
user can select audio assistance, voice command, or quick
emergency.

Information

back

Advice

Activity & Diet


Activity & Diet

Say Yes To...


- Fresh Fruits

Appointments

- Fresh Veggies

Surgeon

- Low Sodium

Medicine

- Low Carb
Incision Care

Daily Log
Medicine
Medicine B
Not yet taken

- Saturated fats
Medicine

- Oil

Professionals

Primary Doctor
Dr. Anna Cann
1121 W. Field Dr.
Torrance, CA
90505
Office Number:
410-352-6394

Call Doctor

- Red Meat
Mental Health

Medicine A

Cooking Styles
- Grilled

Taken today at 9:38am

Daily Log

Avoid

back
Doctor

Doctor

Pain Control

- No Fried Foods

Send Email

TANYA RODMAN

17

Start Recovering!

sign up
Forgot Login Information?

login menu

heart to heart

heart to heart

log in

log in

back

back

Enter email
or phone number

Enter password

tap here...

Forgot your email?

Progress

Progress

Advice

What can I help


you with?

What can I help


you with?

Did I take my
medicine today?

Did I take my
medicine today?

Menu/Sections

tap here...

next

Emergency Call

Voice Command
Audio Assistance

Maria Thorpe

Information

Week 3 / Day 2
Coronary artery
bypass graft

go!
Forgot your password?

Advice

Doctor

Emergency

Call 911

Medicine B
Not yet taken

Surgeon

Medicine A
Taken today at 9:38am

Medicine


The user has three main options: view their overall
Daily Log
sign upprogress, gain more information to the recovery process,
back
and they can contact their doctors, surgeons, or other health
professionals for advice on their recovery status.
Professionals

heart to heart

heart to heart

sign up

sign up

back

back

Enter email:

Enter phone number:

sign up

tap here...

tap here...

next

next

heart to heart

You are currently in the side


menu bar and youve selected the
advice tab. Receive advice from
your primary doctor, surgeon, or
other health professionals. To
select advice, tap the icon again,
or simply say, advice.

Select gender:

male

female

next

Daily Log

Progress

you
Progress

Information

notifications
Medicine

Advice

Progress
Maria Thorpe
Week 3 / Day 2
Coronary artery
bypass graft

Information

back

Advice

Activity & Diet


Activity & Diet

Say Yes To...

Doctor

- Fresh Fruits
Appointments

- Fresh Veggies

Medicine
Appointments

Surgeon

- Low Carb
Incision Care

Daily Log

medicine
Information

Medicine
Medicine B
Not yet taken

daily log

- Saturated fats
Medicine

Mental Health

Not yet taken

Pain Control

Respiratory Care

Symptoms
Not yet recorded

Weight

Taken today at 9:24am

Incision

Checked today at 9:05am

HEART TO HEART PROCESS MANUAL

Cooking Styles
- Grilled

Taken today at 9:38am

Blood Pressure

- Oil

Professionals

Primary Doctor
Dr. Anna Cann
1121 W. Field Dr.
Torrance, CA
90505
Office Number:
410-352-6394

Call Doctor

- Red Meat

Medicine A
Daily Log

Avoid

back
Doctor

- Low Sodium

next aptmt

18

Advice

Information

Central Hub

central hub vs. side menu

Sleep

- No Fried Foods

Send Email

Project Takeaway

This experience was extremely valuable to my growth
as a designer. I learned about my own unique process, I
learned and better understood what it means to design for
a specific target audience, and I learned about my thinking
process during the design process. Doing research based
projects engages your mind and connects you to the material
that youre designing for.

My future steps are to user test my product, refine,
and create a working app that can be used in the real world.
I hope to improve the way that patients feel about their
recovery process and change the world for the better.

TANYA RODMAN

19

Tanya Rodman
Spring 2016
DES 159