ENABLEITSHEENA BOVE

VISUAL DESIGN IN HCI

DR. DEBRA SATTERFIELD

AUGUST 2013

ENABLEITTarget AudiencePrimaryElderly Adults that are Deaf or Hearing Impaired, Ages 60-75

SecondaryChildren and Grandchildren [Ages Vary]

ObjectiveSeniors that suffer with hearing impairment and deafness can have a very difficult time communicating with neighbors, children grandchildren or other family members. This can make independent living quite difficult. My goal was to create an application to assist these individuals with independent living and communication. inTouch offers deaf elderly citizens a way to communicate with those that do not speak or understand sign language. This application will help these citizens go shopping, talk to neighbors and doctors and live independently.

Product DescriptioninTouch is an IOS application that allows the hearing impaired to communicate with those who do not speak or understand sign language. With this application users have text-to-speech functionality for speaking to others, it also offers speech-to-text for listening. This app features these functions in an easy-to-follow messaging interface keeping the whole conversation visible. inTouch is styled using warm, high contrast colors and large text for better readability and visibility. This application also helps users read small text by magnifying areas on the backlit screen, the light may also be used in dark spaces.

AudienceAnalysisEster Summers65 Years Old

Ester is a healthy 65 year old woman, she lives alone in a small two bedroom, single story cottage. Ester loves to see her children and grandchildren, but they are only able to visit once every few months. Ester has difficulty communicating with her grandchildren because they don’t understand sign language.

Ester is involved in a local club at the senior center for deaf seniors. She feels comfortable going her because she can socialize with old friends. Ester is able to travel and shop on her own, but shopping can sometimes be difficult if she needs help from an associate.

Bill Johnson75 Years Old

Bill Johnson is a 75 year old father of one and lives by himself in a one bedroom, single story condominium. His son has two children and have moved to a different state for work. Bill loves to spend time with his family, but only gets to see them a couple times a year. When he does see them he has a hard time communicating with his daughter-in-law and grandchildren.

Bill has a hard time commuting on his own and has a hard time asking for assistance because his neighbors can’t understand him. Bill is not very close to his neighbors, but sometimes has to ask for help to make phone calls. Bill also suffers from degenerative vision and has difficulty reading

small fonts.

FontExplorationinTouchinTouchinTouch

inTouch

inTouchinTouch

inTouchinTouchinTouch

inTouch

Catholic School Girls Intl BBCentury Gothic

Christopher hand

Eras Light ITC

Eras Medium ITCJenkins v2.0

Kentucky Fried Chicken FontLove Ya Like A Sister

Minya Nouvelle

Helvetica 47 Light Condensed

Body text

Body text

Body text

Body text

Body text

Body text

Arial

Arial Black

Impact

Helvetica 47 Light Condensed

Helvetica 67 Medium Condensed

Helvetica 77 Bold Condensed

LogoExploration

I felt that an ear should be present in this logo to represent communication and sound. I went through a few different iterations of the ear and based on feedback I adjusted the sound waves coming from the ear.

ColorExploration

#b0ff54 #e8d294 #a1130d #e8700b #ffde26

BrandExploration

The matrices helped me choose the best background for the application icon. I decided to go with a simple gradient from top to bottom to keep the logo visible.

BrandExploration

Graphics Required for Apple iPad Applicationsdeveloper.apple.com

App Icon (Required) 114x114, 57x57, 144x144, 72x72

App Store Icon (Required) 1024x1024, 512x512

Launch Image (Required) 640x1136, 640x960, 320x480,2048x1496, 1024x748

When iOS displays your app icon on the Home screen ofa device, it automatically adds the following visual effects:Rounded corners

Drop shadow

Reflective shine (unless you prevent the shine effect)

57x57 72x72 114x114 144x144

BrandExplorationLogo Font Jenkins v2.0

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Body text Helvetica 77 Bold CondensedABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

#b0ff54 #e8d294 #a1130d #e8700b #ffde26

BrandExploration

I wanted inTouch to have a personal feel and represent sound and communication so I chose to add an ear with sound waves. The font is easy to read at small sizes and creates a nice flow from the “h” to the inside of the ear. The ear fit well into the copy so I decided to use it as the primary symbol. The copy itself can be used as a secondary symbol and the ear graphic can be used in other areas.

Warm colors work well for this logo as the target audience may have difficulties viewing cooler colors. I went with a brick red color to bring in contrast against the bright backgrounds used inside the interface.

WorkFlow

WireFrames

To listen press the button then press again to stop, there will be a visual que to help users under-stand. In the chat interface users can hold down a message to repeat the speech.

Chat

Read

SettingsListen Talk

Hi Grand... Hi Grand...

Hi Grand...

QQ WW EE RR TT YY UU II OO

AA SS DD FF GG HH JJ

ZZ XX

spacespace @@ .. TalkTalk.?123.?123

CC VV BB NN MM

KK LL

PP

Fonts

Colors

Mockups

The sound waves in Screen 2 would animate to show that the app is listening, users can press it again to stop listening.

To replay a text-to-speech users can press and hold the message.

ResearchDeaf Studies Trust-Elderly Deaf Peoplehttp://www.deafstudiestrust.org/research_archives_elderly.php

Ideas Institute-Using Color as a Therapeutic Toolhttp://www.ideasinstitute.org/article_021103_b.asp

UX Matters-Designing for Senior Citizenshttp://www.uxmatters.com/mt/archives/2010/05/designing-for-senior-citizens-organizing-your-work-schedule.php

SURL-Determining the Best Online Font for Older Adultshttp://usabilitynews.org/determining-the-best-online-font-for-older-adults/

THANKYOUSHEENA BOVE

VISUAL DESIGN IN HCI

DR. DEBRA SATTERFIELD

AUGUST 2013