Vaidehi supatkar 1 by Vaidehi Supatkar

USER EXPERIENCE DESIGN

NIFT BAD402GP : GRADUATION PROJECT by Vaidehi Supatkar BEN13AD01 Accessory Design Department (2013-2017)

Project work carried out at

TATA Elxsi Bangalore

NATIONAL INSTITUTE OF FASHION TECHNOLOGY BANGALORE May 2017

17 Nov-21 April

GRADUATION PROJECT DOCUMENT Vaidehi Supatkar BEN13AD01

MENTOR CERTIFICATE

This is to certify that the Project Work entitled User Experience design and submitted by Vaidehi Supatkar having Roll No. BEN13AD01 for the partial fulfillment of the requirements of Bachelor of Design (Accessory Design) degree of NIFT, embodies the bona fide work done by him/her under my supervision.

Signature of the Faculty Mentor

Place : ____________________ Date : ____________________

JURY CERTIFICATE This to certify that Vaidehi Supatkar is a bona fide student of Accessory Design Department of National Institute of Fashion Technology, Bengaluru and that she/he has the final Graduation Project and has been conferred the professional degree for successfully fulfilling the academic requirements and accomplishing the professional tasks entrusted by the Industry sponsor.

The Evaluation Jury NAME & DESIGNATION

Signature

Center Coordinator Accessory Design Department National Institute of Fashion Technology, Bangalore

Date:

Acknowledgement Graduation project was an immense learning experience for me. Right from learning in depth about a whole new field and growing my knowledge. I would like to extend my gratitude to my Industry mentor Mr. Naren Ghate ,Chief designer of the UI/UX Department for giving an opportunity to work on some of the best projects at Tata Elxsi. Ms Abhinaya Muralidharan (Industry mentor) to guide throughout the project ,helping me out when in need . I also want to thank Miss Sucharita Ghosh , Mr.Shaurya Rastogi , Mr.Abishek Kumar Chauhan,Mr.Sudakash Soti, Mr. Taresh Ghai ,Miss Preeti Sandhir and for helping me in the project and by providing constant feedback. During this 6 months mu faculty Ms. Divya Krishnahas lent her constant support by guiding me whenever required. Before closing the list I would also like to thank my parents for supporting me with everything as it wouldnâ&#x20AC;&#x2122;t have been possible without them. Thank you

Synopsis The full time Accessory Design, BDes Program in National Institute of Fashion Technology is designed to develop comprehensive ability of macro level understanding of international market , changing trends with fashion scenario and a micro level hands on learning about materials, technology, production, construction, finishes, design principles, methodologies, design management and design communication. True to its strong industry focus, the successful completion of the program depends on the studentsâ&#x20AC;&#x2122; ability to professionally demonstrate an all-round competence through a real life industry project. The 22 weeks duration Graduation Project is a constructive experience for the students and the industry to appreciate and account for all important parameters governing a specific market or consumer oriented range development maximizing the sponsoring industryâ&#x20AC;&#x2122;s strength. A specific brief is expected to be jointly developed by the sponsoring industry and the students based on which the students work out a detailed project proposal indicating the working methodologies, approaches and schedule with the clear definition of the project outcome. A clear articulation of the scope of the project including market consumer, product range specifications, trends, price range, material specifications and any others factors for defining the complete nature of the project is developed in the project brief which is required to be developed by the students in consultation industry client and faculty guide. The student need to make a database collection and research by essential inquiry into fashion trends, market definition, consumer profile and other relevant materials , production and technology feasibility to ensure a sound basis and focus to understanding client and consumer market which forms design parameters as a set of guidelines towards design development. The design criteria provides a platform for concept development and then onto sampling , initial prototyping and final prototyping with technical specifications.

About Tata elxsi Tata Elxsi is a design company that blends technology, creativity and engineering to help customers transform ideas into word class products and solutions. Apart of the $100 billion Tata group, Tata Elxsi addresses the communication, consumer products, defense healthcare, media and entertainment, semiconductor and transportation sectors. This is supported by a talent pool of over 4000 employees and a network of design studios, development centers and offices worldwide. Key services include embedded product design, industrial design, animation and visual effects and systems integration. Tata Elxsi is a listed company headquartered in Bangalore, India. Our global network of offices include Dubai, France, Germany, Japan, Malaysia, Singapore, South Africa, UAE, UK and US. Mission B - Benchmark to become the best. R - Recognize contribution fairly and transparently I - Improve collaboration across teams to scale Together. S - Satisfy customer needs, both external and internal. K - Keep pace with changes in the environment.

CONTENTS INTRODUCTION Introduction to the industry profile and synopsis of the experience there.

Wearable for safety

Creating a user experience for women to ensure her safety.

EMPATHIZE The Empathize section will guide you Through the Research phase. Secondary Research Contextual Mapping Generative sessions Male Pschye Trends Types of Wearable Benchmarking Target User Brainstorming session Contextual Mapping Problem Sorting

CREATE The Create section guides through the analysis part of the research Insights Ideation Concept sorting Refining Ideas Information Architecture Task analysis User flows Feature listing Concept sketch Wearable details

PROTOTYPE Testing anfd prototyping phase Wireframes Paper prototyping Role play and testing

DELIVER Deliver section will showcase the final implementation phase Visual Design Pitch presentation & video Final Concept

Careconnection Telehealth portal

Creating a user experience for women to ensure her safety.

RESEARCH About the client Mission Trends Bench marking Feedback Types of Wearable Benchmarking

DEFINE Target user User flow Analysis

CONCEPT Information Architecture Wireframes

DELIVER Visual design Pitch video Assets & Specifications User Testing

Conclusion Bibliography 13

DESIGN BRIEF To ensure Safety of Women through Wearable technology

What Is safety?

Why Do women need Safety?

Whom From whom do they need safety?

Where Where do they need safety?

How Can safety be assured through wearable.

Empathize The design process started with empathizing and understanding what are the various levels at which this issue affects the user.

“ Safety means relative freedom from danger, risk, threat, injury or loss of property”.

Research

4 Out of 5 Indian women are Sexually Harassed in Public spaces.1

16%

55%

The statistical data was astonishing.

broken into sections and secondary

The percentage of women getting

research was carried out to under-

harassed on daily basis gave us quan-

stand the effects of safety and

titative data to understand where we

unsafety on the user and thus validat-

could tap in as a design solution.

ing the need for a solution.

Sexual Harassment

74% 33%

After getting the Design brief it was

Verbal Harassment

79%

Insult modesty Rape

“ 79% Of Indian women have faced Sexual Harassment of some kind in their Lifetime”.3 1&3

As per the survey taken by UN women 2016 in India.

National Crime Records Bureau statistical Report 2016

Women are harassed everywhere but while Research phase we found out that harassment while traveling was the most common of all,mapping out the various spaces women wold be harassed would later give us user scenarios.

74% In Public transport

64% In Neighborhood

As per the survey taken by UN women 2016 in New Delhi.

55% Going to work 70% On streets

55% In outdoor and leisurely areas

â&#x20AC;&#x153; I prefer traveling with a friend otherwise men stare like they are going to rip me apartâ&#x20AC;?. Statement by a daily commuter woman 19

Provisions for womenâ&#x20AC;&#x2122;s safety Police patrolling. CCTV camera Different queues for ticketing and activities. Ladies only sections in buses and metros. Helplines 24X7 Crimes and Criminals Tracking Network and Systems

Rights women should be aware of

Right to free aid Right to privacy Right to untimely registration Right to virtual complaints Right to Zero FIR Right to not being called to the police station (victim) Right to confidentiality Right to state -rape being a crime and not a medical condition Right to no sexual harassment Right to no arrest (after sunset/before sunrise)

Loopholes in safety provided by the government Even when there are plenty of provisions provided by the government most of them do not work effectively and donâ&#x20AC;&#x2122;t seem to help in crime reduction in any way some of these are-

During the incident

Helpline numbers don't

Low monitoring of the

People to police ratio

Work effectively.

CCTV cameras.

Is too high.

Judgmental attitude

Brutal medical procedures

Delay in registration of

Of the medical staff and

and regulations against the

Complaint by the

attendants.

victim.

Police officials.

After the incident

â&#x20AC;&#x153; Why are crimes against women on the Rise?â&#x20AC;?. The crime rate of sexual violence against women is increasing day by day what could be the reason to doesn't the increase in education ratio make any difference to understand this background research was done.

Direct causes

Sexual unawareness.

Lack of planning in

Gender roles.

Negative response Of the authority.

Infrastructure and Environment.

Underlying causes

Group dynamics.

No fear or confidence

Objectification and

In law.

portrayal of women.

Victim blaming.

Framing design Challenge How might we facilitate safety for woman on the go in a city space through wearable tech.

Men tend to look at a Women while she bends what stops them is self control and upbringing. -During one of the generative sessions conducted by us to understand the pschye of a man

Generative sessions

Women themselves donâ&#x20AC;&#x2122;t speak up because we are always taught to be quite and not talk about sex. -During one of the generative sessions conducted by us to understand the pschye of a woman

Understanding why men perpetuate the act? Individual Perpetrator Relationship Community Society

Individual Perpetrator

Relationship

Community

Society

Martial conflict

Poverty,low socio-economic

Being Male

Control over female

status,

Witnessing marital violence as a

Behavior.

unemployment.

child.

Norms granting men

Acceptance of violence

Male control of wealth and

Associating with

Absent or rejecting father.

As a way to resolve

decision making in the family.

Delinquent peers.

Being abused as child.

Conflict. Notion of masculinity Linked to dominance, Honor,or aggression. Rigid gender roles.

Alcohol use. Isolation of women and family.

â&#x20AC;&#x153; 51% Of males and young adults have accepted they have perpetuated at least one act of sexual violence against women in their lifetime.â&#x20AC;?

Male Psych

As per the survey taken by UN women 2016 in India.

Wearable Technology WEARABLE DEVICES Electronics that can be worn on the body, either as an accessory or as part of material used in clothing. Major features of wearable technology is the ability to connect to the Internet enabling data to be exchanged between a network and the device.

Trends in Wearable Trends in wearable devices: Top next gen tech for next year are -Panic/SOS button. -Smart watch -Fitness trackers Devices must be comfortable Visibly appealing. Integrating them into things we use every day—like jewelery, key-chains, or clothing. Smart fashion will be big.

“By 2017, 30% of wearable Technology will be invisible to the naked eye.” -Analyst firm Gartner predictions

Type There are various types of wearables th ones that are in the market and are relevant to the context are here.

Smart watch (Safety sos feature) Smart Clothing Smart glasses Safety tracker SOS device Invisibles Implantable

The images are arranged as per the list.

â&#x20AC;&#x153; While the Stiletto won't prevent victimization, It's certainly additional protection â&#x20AC;?.

Benchmarking Features Voice activated Lets you turn the alarm with just one click. In-case of emergency-when you cannot speak will send help 2x faster. Turn off with a phone in case of false alarm. Accessibility Direct interaction double click for raising an alarm Voice assisted One click alarm system.

â&#x20AC;&#x153; While the Stiletto won't prevent victimization, It's certainly additional protection â&#x20AC;?.

Features Sends a SOS signal to all your near an dear ones and sends them your location. Sounds a loud alarm Roar-project spreading awareness and working with non-profit to educate young boys. Accessibility Direct interaction. Placement on any part of the clothing or accessory. Loud alarm system.

â&#x20AC;&#x153; How can a wearable make a women feel safe?â&#x20AC;?.

Emotional needs

Safety requirements

Feeling of safety.

Specially assigned for safety.

Building confidence.

Can be kept discreetly.

Level of reliance.

Quick action.

Prepared & aware.

Well connected.

Fearless.

Emergency features.

Problems

(In the existing wearables).

Missing points

Degree of reaction cannot be measured.

Keeping a evidence.

Can family members/dear ones be crime

No database of the offenders.

fighters? Noticing and being alert is the main key even in alert devices.

Target user

Woman aged 21-35

Girls aged 18-20

Working woman on the move

Student on the move

Goals - Excel in work, travel on the go.

Goals - Explore parts of the city.

DescriptionÂ

Description

Travels alone , fearless, Late working hours. Communication with friends.

Avoids going out alone, afraid of secluded places informing parents and peers is a relief.

Secondary user

Near and dear ones-Friend,

Authority

family, spouse, caretaker etc. Description

Description

Constantly worried about the safety of their loved ones.

Managing safety and doing their duty

Information about there loved ones safety keeps them aware and at

Is a priority for them knowing the location

peace.

of the incident or user will give them a head-start in any scenario

Tertiary user

People around

Social media

DescriptionÂ

Whether the incident is happening on a busy city street or a quiet

Social media has emerged as one of the defining factors of informa-

gloomy street people around the area have a major role to play during

tion flow today and it has also become a way of sharing not only infor-

the incident.

mation but stories and thoughts and can play a major role Post or Pre incident.

“ What makes you feel safe,unsafe and relived while on the move?”.

Brainstorming Brainstorming session conducted within working professionals of age between 20-55yr olds about their notion of safety was captured with mixed response from both men and woman.

Situation & Scenarios

Causes

Pain points

Relief points

Educational space

Education

Not being confident

Familiarity

Travel

(Ingrained from childhood)

Feeling of not being depen-

News & Media expose

Third party people

Failure of defense mecha-

dent

Community help

Strangers

nism

Unfamiliarity

Pets

Public transport

Behavior patterns

Intimidating

People around you know

Workplace

Demographics of crowd

Conscious

you’re not alone

Travel alone

Media portrayal of women

No faith in law enforcement

Get help immediately

Auto stands

Past experiences

Body language of the

Idea of being with someone

Time

Body language

offender

connected

Coming back late

Family exposure.

When safety is being left to

Carrying pepper spray

Driving alone

you

Feeling of power

Walking alone

Well lit area

Isolated places

Fear

Not alone

Crowded places

Threat points

Bag choices

Phobia

Public shamming

Infrastructure Jogging around

I wish someone had just told me that it wasnâ&#x20AC;&#x2122;t my fault. -Contextual mapping through probes Understanding their aspirations,fears & Motivations.

Contextual mapping

Both fear and actual experience of sexual experience in Public realm have profound effect on woman’s & girl’s daily routines,lifestyles & physical health”. 49

“ Angel’s day starts with daily commute by Delhi Metro”.

Instantly removes her earphones as she has to be Alert!

Starting her day by pooling with her friend in an auto rickshaw. She aspires to be able to travel alone without worrying for her safety

Aspiring to be being able to take rest and listen to music but can’t.

Poor crowd management makes it more easy for perpetrates to violate personal space

Perverts trying to violate personal space by taking advantage of the crowd situation.

Contextual mapping A day in a life was captured by different women in different parts of the city capturing images as and when she feels unsafe,has modified her safety or feels caged.

Phew ! crowd managed finally!

Inside metro train the situation worsens Being able to take action and teaching perverts a lesson then and there is definitely part of my wish.

Getting closer even when there is space.

Pain points

Already carrying too Walking till office many things-want to alone on this road is be a porcupine so i the worse! can poke people who annoy me and its quick without any hassle of carrying it.

Relief points

Aspirations 51

“Sakshi travels to her tuition at 7:00 PM on her personal scooter”.

Even though i had to take a left i skipped and took a longer route instead. Absence of light intimidates me.

Going on her own vehicle gives her a sense of independence

I wish i could travel without thinking twice about my safety just like a “Guy”.

Often i see people waiting for a prey wish i could get them arrested.

Due to road construction this road has a lot of traffic a much relief from empty and dark roads

A day in a life was captured by different women in different parts of the city capturing images as and when she feels unsafe,has modified her safety or feels caged.

Phew ! white light makes me feel batter.

Undistributed light feels a little unsafe as anything can happen in the dark.

Cantonment area feels safe. Its often that men see a women riding and try to stop her.

Pain points

Relief points

Aspirations 53

“Yogita travels back from her office everyday By cab around 9:00 PM”.

Dark alleys always raises doubts and fears.

Sitting across so i always have an eye on what and where he is taking me.

Aspiring to travel alone without fear.

Shady crowded roads also don’t help,as fears of past incidents creep in.

A day in a life was captured by different women in different parts of the city capturing images as and when she feels unsafe,has modified her safety or feels caged.

Phew ! Main road finally!

If taken from an unknown route then again doubt raises.

After reaching home itâ&#x20AC;&#x2122;s finally better. In share taxi,if unknown man is sitting next to you and being fishy adds to the tension.

Pain points

Relief points

Aspirations 55

Problem All th various problems gathered through brainstorming ,contextual mapping and other areas was gathered and sorted as per different priorities we were considering as part of the wearable. At first the Problems were sorted as to Feeling of unsafety, unsafety during an incident and post the incident.

Unsafe feeling During the incident Post Incident Restraints

After which we realized what we were trying to solve the core factors are not coming across this was of sorting problems what could be done?

ABSENCE OF CONNECTIVITY

ABSENCE OF LIGHT

AREA PEOPLE

Problem sorting All the problems were then identified based on fear and scenarios because these four factors will always effect the situation sometimes all will be present in on situation hence they are interconnected all of them depend on Each other to ease or unease any situation of violence.

Absence of connectivity Absence of light People Area

C Create After all the Research it was time to derive insights to filter out and converge the path so we know exactly what we are trying to solve.

ABSENCE OF CONNECTIVITY Phone low on battery

Internet

Low network

Phone dead

Virtual bridge Feeling of being alone Broken

Stress

Low confidence Fear Thinking of the past Experiences Underdeveloped Facilities

Insight All the problems after listed were analyzed as to why does it happen after which insights were derived from the same.

â&#x20AC;&#x153; Absence of connectivity makes a woman feel unsafeâ&#x20AC;?.

Connected to your dear ones feels safe and vice versa.

Asking strangers for help could be awkward.

Communication problem

Bad Past experiences

Feeling of fear when alone.

(Language unknown)

(absence of

(Connectivity solves that

Connectivity did)

through virtually bridging the gap between people)

Lack of connectivity/low connectivity results in no Direct contact with trusted circle- In case of emergency Resulting in unsafe feeling by woman on the go. 63

ABSENCE OF LIGHT

Stress

Fear

Darkness always related to evil.

Low visibility

More chances for crime to happen.

Insight All the problems after listed were analyzed as to why does it happen after which insights were derived from the same.

â&#x20AC;&#x153; Absence of light or low light makes a woman feel unsafeâ&#x20AC;?.

Fear of darkness

Crimes could easily be

Anonymity is maintained.

Low visibility slows down

All sensory organs are high

committed.

(So people would take

judgment

alert

advantage of that).

-Fear crawling in makes the whole experience bad.

Due to low light-crime could be committed easily by the Offender & judgment of situation is slowed down Leading to bad experience. 65

AREA Thinking of the past Experiences Infrastructure Unfamiliarity Underdeveloped

Actions

Facilities Judgment

Insight All the problems after listed were analyzed as to why does it happen after which insights were derived from the same.

“ Unfamiliar situations makes a woman feel unsafe.”

Not prepared of sudden

Fear creeps in to make

People unfamiliar –no

Unfamiliar place adds in to

situations is a bad experi-

things worse.

trust factor.

the danger.

ence.

Stories ,incidents , thought adding up to the fear.

Unfamiliarity causes woman to think of adverse situations Resulting in unsafety. 67

PEOPLE

More crowd perpetrator take advantage of the situation.

Easily getting away

Past experiences

Victim Blaming

Body language Kind of people Judgment

Insight All the problems after listed were analyzed as to why does it happen after which insights were derived from the same.

â&#x20AC;&#x153; Crowded spaces makes a woman feel unsafe.â&#x20AC;?

Men can take advantage of

High possibility of the

Due to unfamiliarity of the

Radius of personal space is

the situation

offender disappearing in the

people surrounded by woman

reduced which increases

crowd or getting closer.

feels intimidated.

the chances of inappropri-

(Often no support from the

ate touch.

onlookers).

Crowded spaces make a woman feel uncomfortable As the private bubble is broken, leading to high chances Of a crime taking place. 69

PEOPLE

Call for help difficult

More chances for crime to happen. Body language

Kind of people

Judgment

Past experiences

Insight All the problems after listed were analyzed as to why does it happen after which insights were derived from the same.

â&#x20AC;&#x153;Secluded spaces makes a woman feel unsafe.â&#x20AC;?

Being alone

Degree of crime can increase

Any crime committed will

(No one to help out in times

(No fear of getting caught)

have no people evidence or

of trouble + feeling of alone

no social pressure to stop

+ Stories of bad mishaps).

it.

Being alone in a secluded space amplifies danger as There is no-one to stop the act of crime ,making woman Feel unsafe in secluded spaces. 71

Ideation All the ideas were now divided as per their category and were then sorted as per desirability,viability and feasibility and

some-concepts

were taken forward and tested out as part of user testing and prototyping.

Wearable Application System Service

Just make a gun and shoot everyone trying to get near a girl with wrong intentions. Joked my mentor all the woman in the house agreed.

Concept sorting

The aim is to empower women ,Make them feel free and engage them to actively participate in bringing Change through individual contribution. 75

Flash Excessive light

Gathers network from the area in times of no/low network.

Contact safety Provider

Contact dear ones.

Alerts if not around 100m

Alerting-trusted circle of people.

(Stopping the offender)

Connectivity

Connected with mobile. Levels of danger settings for help. (Call-inform/alert dear ones,call for help now)

Action

GPS SPIKE-OUT when danger Approaches.

Throw cactus balls like stick ons that donâ&#x20AC;&#x2122;t come out easily.

Spike out with burn liquid-will leave a mark on the offender.

Spray itch powder on the offender. Generates loud screams to trigger in times you canâ&#x20AC;&#x2122;t.

Personal bubble-an Invader-shocked/false alarm.

A n electrifying jacket with a switch on-off for electrical charge.

Safety servicemonthly subscription specialized trained people to rescue.

Refining ideas

After the sorting of ideas they were Arranged n the way of priority and the ones required which was again refined through generative sessions with different sections of the ID team at Tata Elxsi.

Video recordedmodular device.

Document

Awareness

Picture taken of the offender. share with all & authority.

Awareness workshops ,events.

Gesture based trigger.

#Break the silence-promoting everyone to speak up

Celebrity Promotionpopular icons

Reward brave acts.

Picture taken of the offender. Share with authority.

By-stander approach

Community-share experiences,incidents, offenders.

Keep database of the offender

Database-count of offense-police complaint(minor)

Sham Offenders -social media, news,radio.

(major)-direct report to police.

Enable Change Share

(Stories,spread the word )

Independent (Confidence built)

Taking charge Speaking up

Marlow's hierarchy of needs depicting how safety for women can be a gradual change through confidence build up in them and how sharing each others incidents could help drive the change.

â&#x20AC;&#x153; Only when she will speak up and be suported by many she will rise and bring in changeâ&#x20AC;?.

Final concept

Community

On field helper User

On call helper The whole solution revoves around the wearable,the danger levels are divided into 2 levels out of which depending upon contact or no contact the user will press on her wearable and phone Application all the data will be stored in the application and so will the cloud for keeping a copy. If she presses level 1 she will recieve a call from the helpline number who will have her real time location and all the information needed for that moment,the helper will guide her out of the situation. On pressing the level 2 button a discreet call will be placed to the womenâ&#x20AC;&#x2122;s safety police of that area who will be ready to rescue her out of the situation. All the evidence is pre-recorded and saved from the wearable on the cloud onto the companion application on phone. Apart from this we are encouraging women to share their incidents on the forums and build a community and share their stories the intent was to remove the shame associated towards sexual harassment and encouraging women to speak up so that everyone else is aware and that people react towards it and not accept. 79

Feature Listing The final features for the wearable were listed and categorized into feasilibility,desirability and adding features which will help the user optimize it for safety the maximum.

Concept sketch After finalizing on teh final faetures concept sketch was made to understand the functionality and technical aspects of the waearble.

Material and display referance images.

Hardware details.

Technical aspects

Interactions,material and the functioning had to be finalized for the wearable to give it a direction for product design to work upon it later. One of the idea was to add a self defense feature on the wearable so we jhad rtyo ffigure out teh various diffrent self defense weapons and whether they could be fit on the wrists,finally we arrived at two aoptions one was an electric shocker whic and a heating coil,there could be also spiky metal heads but all that was then refined into a pproduct.

level 2 danger button.

Defense feature with seperate battery life.

Wide angle camera with night vision O-Led display screen.

level 1 danger button.

Final wearable detail

The final product detailed out here :

DEFENCE Defend yourself when in danger with different snao on defense units with a seperate battery life so that the wearabel to there for you when you need help. RECORD With auto-record feature the wearable will keep recording the evidence the minute you press the level1 or level 2 danger all that data is stored onto the cloud. CALL Call for help with different levels to safety with level1 get a call from a helpline number who exactlyt know your locationand will assist you till your to a safe lace or home and level two danger thenerest police van will be notified to rescue you out of that situation. ALERT Get alerts when your friend is in danger or send alerts to your loved ones notifying them of your loaction

Information architecture User-application

Dashboard

Set up

Profile

Notifications

Alerts from friends

Name

User name

Name

Forum

GPS location

Email id

Password

Birth date

Profile update

Call receive

Email id

Level 2 danger Time update.

Call missed

Phone number

Forgot password

Payment method

Phone number

Voice activation

Subscription plan

About us

Payment method

Subscription update Level 1 danger

Account status

Change password

Wearable info Battery level

User goals

-To quickly get help in times of danger. -When feeling unsafe-letting authority know. -Keeping an evidence of the whole situation. -Defense tool & instructions how to use them. -Share your opinions and stories on open public discussions.

Repair/service Voice feed-(additional) Blue tooth option

Emergency contacts Name Phone number

Call for help

Friends

Service providers

After the concept was finalized Information architecture was made which is essential structuring the hierarchy of information for the content in the wearable,companion application and other suggested features.

Level 2 danger

Help right now

Community

Evidence

Generate report Date Time Location Picture of offender Video of the situation

E-mail

Settings

Forums

Workshops/Events

Location settings

Add post

Save incoming media

Delete post

Edit post

Comment

Appreciate Support Disagree

Report

Save

Social media

Search Block Update once near Reaching in 2 mins.

The posts can be filtered on the basis of: INCIDENTS(Time,location,offender database) FORUMS-open discussions EVENTS-(workshops,events,expert Lectures,webbinars,campaigns) 89

Information architecture Wearable Set up

Blue tooth Connection

Battery level

Notifications

Low battery

Voice feed

-To quickly get help in times of danger. -When feeling unsafe-letting authority know. -Keeping an evidence of the whole situation. -Defense tool

Level 2 help arriving in 2 Recording

Forum update

User goals

Alert

Alerts from friends

xx in trouble.

C Dashboard

Level 2 danger

Level 1 danger

Evidence

Settings

Phone assisted Help right now

Call for help

Indication

Location settings Save incoming media

Preset

Friends

Auto save on cloud

Service providers

Reaching in 2 mins.

Update once near

Information architecture website-service provider Customer care Dashboard

Open cases

Past case Case number

User name Level 1 danger

Password

Level 2 danger

Danger type User name

Forgot password

GPS location

GPS location User info- Name,age,location,time.

User info- Name,age,location,time.

Info about whom to call first.

info about whom to alert-5 contacts. Team situated nearest is updated.

Directing call automatic.

Friends

Customer service

Location Time duration Files shared by the userPhoto/video/audio Permission-anonymity

Real time update To the team deployed.

Call duration Real time tracking Record Service charge

Reaching in 2 mins.

Update once near Reached

Feedback

Service charge

Call for backup

Permission-share with authority

Offender list

Profile

Name Level-1 crime

Level-2 crime

Helper assigned

Offender picture

Name & employee id

Name (optional)

Name

Phone number

Age (estimate)

Age

Feedback

Crime committed

Height

Location

Crime committed

Take pictures in necessary scenarios.

Time/time period

Take a break

Log off

Reward points

Employee id Picture

Location Time/time period

User goals

-To quickly deploy helpers in level 2 danger for any customer. -To provide call assistance and help in need through real time GPS tracking. -Sharing evidences with authority for repeat offenders & keeping them in loop in severe cases. -Maintaining a database of the offenders. -Arranging communal Workshops/awareness drives/celebrity promotions. 93

Information architecture website-service provider admin Dashboard

Case history

User name

Case number

Password Forgot password

Data analysis

Forums Incidents in week

Incidents in month

Incidents in year Add post

Danger type

Helper assigned

User name

Name & employee id

Location

Phone number

Time duration

Feedback

Files shared by the

Take pictures in necessary scenarios.

userPhoto/video/audio Permission-anonymity

Permission-share with authority

Criminal areas Delete post Demographics Edit post Types of incidents Comment Service users Search Success rates

Timing avg Response & resolve Reviews & feedback

Paid subscribers Forums users

The posts can be filtered on the basis of: INCIDENTS(Time,location,offender database) FORUMS-open discussions EVENTS-(workshops,events,expert Lectures,webbinars,campaigns)

Community

Events Add post

Offender list Report request

Offender crime list

Issue reason

Delete post Edit post

Send to authority

Remove post

Comment

Ask the user to remove it

Level-1 crime

Level-2 crime

Offender picture

Name (optional)

Name Age

Age (estimate) Crime committed

Height

Location

Crime committed

Time/time period

Location

Employee directory Employee details Cases Success Complains & feedback

Time/time period Search

User goals

Information architecture app for On-field helper

User goals

-To quickly reach to a place to help victim -To help victim to get out of a dangerous situation.

Maps Alert Help location (Navigation)

User's Information Picture Name Mobile No. Battery status Network status

App for On-field help

Call the user

Call for help Call the Ambulance

Call the Police

Profile Name Employee id Photo Mobile no. QR code Reviews / Feedback

Task Analysis A hierarchical task analysis was done which provides an understanding of the tasks users need to perform to achieve certain goals. A structured, objective approach to describing users' performance of tasks, hierarchical task analysis. As the user would be using the three mental modelsStressed under fear. Hence the cognitive load per task should be low. Whereas the second mental model Would be when she is sharing her story for which her stress should be relived through the mobile application by viewing others hence distributing her stress with others. Like this many user scenarios were noted down and each mental model prepared and considered to give the user best experience.

User flows Each information bucket would now be translated into user flows. By the understanding of the user goals and aspirations,their mental models the flows are designed for ease of operation quick access in times of danger and for promoting individual women to share their ideas and thoughts with others. Each flow was designed for comfort and joy and meeting all the user needs and creating an interface which the user will come again and again to.

101

User flows

103

P Prototype Prototyping and Testing refines and sometimes also changes the complete solution,with Role plays and hands-on paper prototyping the solution was refined and new perspectives were brought in.

105

Try making it more emotional for the user and the wearable will be an extension for self. -During one of the generative sessions Discussing the concept with the UX team at Tata elxsi.

How about adding features which she will use apart from safety,because danger doesnâ&#x20AC;&#x2122;t occur 24X7 there should be alternate features. Suggested while discussing the concept. 107

Ux theme Empowering Engaging Protective yet free Conversational 109

Sign up flow After the wearable is purchased the set up will be through the companion application ,following are the wireframes for the set-up flow. All wireframes are made pixel perfect as per the IOS guidelines and are following The Interaction design principles.

Wireframes

111

My wearable and profile

(Set voice command flow)

The wearable profile has features to keep you updated on the battery status of your wearable,additional features like setting voice commands and reminders -if any.

8:08 AM

Carrier 4G

75%

8:08 AM

Carrier 4G

Profile My account

75%

Profile

My wearable

My post

My account

Srigya’s wearable

26 Weeks old

Battery status

Bluetooth

Device health

Add emergency Contacts

My post

Srigya’s wearable

26 Weeks old

Voice command

My wearable

Photo sharing Permissions

Voice command

Battery status

Bluetooth

Device health

Add emergency Contacts

Device health

Voice commands Say “Heat” to start heating the wearable.

Evidence

Community

SOS

Alerts

Profile

Evidence

Community

SOS

Alerts

Profile

Carrier 4G

Back

8:08 AM

Voice command

75%

Help

Carrier 4G

Back

8:08 AM

Voice command

75%

Help

Say the “keyword” into The phone

Say the“keyword” into the phone

To activate camera

Carrier 4G

Back

8:08 AM

Voice command

75%

Help

Didn’t quite get that say it gain.

We suggest you the following words for the device to recognize easily Record,start,danger,snap

“Start recording”

113

Level 1 danger After the user presses the SOS button which is right in the center of the navigation bar for quick access. If she presses level 1 danger immediately a call is placed and will be guided by the customer care.

Level 2 danger If she presses level 2 danger immediately after pressing the button the nearest police will be notified of the location and the user can see their time of arrival on the phone as well as the wearable.

115

Evidence After the incident of any level 1 or 2 has taken place the wearable has the feature of self recording events during this time with auto video and audio record feature this data is stored on the cloud and the mobile application which can be accessed any time by the user.

117

Forums

(Read a story)

We are encouraging the users to post their stories and make a community of people around and in the city.

Forums

(Search)

Support interactions

The users on forums could support each otherâ&#x20AC;&#x2122;s story,appreciate it or disagree to it,for which the smiley interactions were made. They could also save a story or bookmark it for reading later.

Appreciate

Support

Disagree

Comment

119

8:00PM

8:00 PM

02:00

10 mins

Shock

Jude

Aastha

8:00PM

Level 1

Level 2

Enabled

Dinner

Shock Disabled

Wearable

The wearable wireframes are made keeping in mind OLED screen hence the icons and all the dimensions are as per that value. Since the interaction will be gesture based the flow for the wearable will be mostly hap-tic vibrations. Screen will only switch on when the user looks at it.

121

Paper Prototype Paper prototype was made to understand the size,visibility and legibility of the wearable screen,a quick rapid mock-up wad made using an old watch and all the additional buttons were placed and worn for a week to understand various scenarios the user will go through and how can she optimize each move . How can the wearable enhance the experience.

123

-During the Role play Sessions understanding the different situations the wearable should be User friendly.

Role playing

Level 2 buttons needs to be more accessible,otherwise I can pretty much maneuver it around and discreetly press the button. 125

D Deliver After all the testing and iterating the concept the final visual design was done and a pitch video was made showcasing the experience of the wearable with its key USP features.

127

Color Palette After making the pixel perfect wireframes visual design was done keeping in mind the hierarchy of information and ease of access.

#efeff4

#4d4d4d

#f91e48

#ad1237

Iconography The iconography used was bold and filled in which gives clarity in the subject,as the user had to recognize it quickly without having to read the text below it.

#2d5e8e

#007aff

Visual design

The visual design is following the ux theme. So the main theme of empowerment,being bold had to be reflected in the visual design as well .We also wanted to keep away dull and feminine colors yet not shying away from the fact that feminine colors are what defines us so the user wonâ&#x20AC;&#x2122;t hide but flaunt her shade of PINK.

Typography for Phone The Type size was taken as per the IOS guidelines for Iphone 6 and plus.

Helvetica neue 66pt light Helvetica neue 34pt regular Helvetica neue 20pt regular

Following the IOS principles the text body type chosen was Helvetica nue In both Heading and body because of its high legibility and sans serif type.

Typography for wearable Helvetica nue 14pt regular Helvetica nue 20pt regular

Following the wearable guidelines by fit-bit and tested it out on various OLED devices these specs were kept.

129

Visual Design

The final visual flows were made following the guidelines by IOS and using the color scheme set for the application.

131

My wearable

SOS interaction

Dashboard

The application has one navigation bar on the bottom where the user could access the SOS button all the time while navigating across other channels. The interaction is clean and simple and colors highlighting whats important. The dashboard consists of wearable information like battery status and wearable health and the SOS button opens up to level one safety,level 2 safety and self defense button.

133

Community forums

Evidence

Main features Level 2

Level 1

135

Story Board

We had to then make a pitch movie for pitching the product to the client. We made a short movie of 85 seconds showcasing the wearable experience and bringing out the essence of the wearable.

137

139

141

143

145

147

149

151

Final Presentation The final presentation comprised of the entire UI/UX department from Indiaâ&#x20AC;&#x2122;s best Design studio TATA Elxsi. We presented our work for the past 6 months Working on both Healthcare web portal and Womanâ&#x20AC;&#x2122;s safety wearable although we were constantly presenting and discussing our concepts with all the departments at the Industrial design studio,this presentation was one that really brought out the best remarks and feedback from all.

153

155

DESIGN BRIEF To make a simplified user experience for a Tele-consultaton platform in the US market.

157

Benchmarking Business

RESEARCH

Vision

Persona

User Flows

DEFINE

Contextual/Behavior

Interpret/Understand

Scope and Trends

Information Architecture

Customers

Process

Explore Options

Sketches

CONCEPT

Ideate/Iterate

Wire frames

Refine Ideas

Interaction Prototype.

PROTOTYPE

The Experience

Deliver

Visual Design

159

R Research The research phase focused on understanding of the American medical system,understanding what the clientâ&#x20AC;&#x2122;s vision of the company is and Userâ&#x20AC;&#x2122;s needs and goals are.

161

Care connect

The Health Network Care connect enables all members to establish their own telehealth relationships with every other member on the network. Our members are telehealth consumers, providers or both; our network is a two-way street that turns telehealth programs into revenue generators as well as cost savers. Care connect is a comprehensive solutions partner that brings together best-in-breed technology, network infrastructure and consulting services to create a seamless and transparent encounter for the patient and provider. Care connect is the most widely utilized telehealth network in the country, delivering over 75,000 encounters per month via more than 5,000 video endpoints to over 500 hospitals nationwide.

163

Mission

Our mission is to improve the quality, accessibility and afford ability of healthcare by building the most comprehensive telehealth marketplace in the United States. We offer our clients single-vendor simplicity for all their telehealth needs over a private, HIPAA-compliant broadband network specifically tuned for delivering telehealth services, thus increasing scalability and reliability while easing support burdens. The result is a satisfaction improving, outcome enhancing, ROI driving tool for increasing access to high quality care in a timely fashion.

165

Scope and trends

2016 will be the year that millions of consumers for the first time will: Have their first video consults Be prescribed a health app, and Use their smart phones as diagnostic tools. This in turn will cause clinicians to practice in new ways, like: Incorporating insights from data analyses into their treatment plans. Conducting e-visits with behavioral health patients. Receiving alerts from remote patient monitoring devices sent home with newly discharged patients. The use of health-related smartphone apps have doubled in the last two years (16% to 32%)

Mobile care Big shift this year with the use of smartphones, connected medical accessories and apps. Reason: Consumers want “anywhere, anytime” monitoring, diagnosis and treatment. Money management In 2016 they’ll be looking for new ways to manage their healthcare spending. The 2015 survey found that more than half of 18- to 34-year-olds would be key drivers. Behavioral health moves to front of stage. Employers are opening their eyes and realizing that mental health is just as important as physical health. Shift in attitude.

167

Benchmarking

Microsoft

Patients use Practo to find and book appointments with doctors, Doctors use Practo Ray Saas software to manage their practice. Features include: Calendar,Patients,Reports,Profile,Reach,Feedback,Consult,Healthfeed.

169

Benchmarking

iTriageÂ connects patients, providers and health plans through technology to deliverÂ personalized data . it partners with hospitals and health systems, accountable care organizations,Â retail clinics, health plans, and employers to improve population health.

Manage all your patients and their health records at one place. Store their data, photographs as well as personal notes if any.

Manages your medicines, time of consumption, doses. Gives you a Diagnosis (Rough), Gives you Medical Reminders, Records and stores your medical conditions. Helps you out with Medical Terms & Tests and procedures.

171

Customer feedback

“Alerts do not make sense, if too many of them”. “The primary focus of today’s EHR design is the long list of regulatory reporting and billing requirements”.-Doctor “The requirement to exchange patient information between vendors is a nightmare. Once the application is deleted all the data is too! ”. -Generally people hate paid apps if they don’t give a trial period. -In case of customer care, it has to quick and clear contact should be provided. -After Getting Sensitive data keep it secured within. -Unlike in India, US does not have a Strong Family Support System, which is quite needed for the patient in panic & Recovery mode. -By using customer behavior data. the retail industry can predict if you are going to get married, divorced, have a child, go to college, or buy a home. They do this by identifying patterns. We cannot keep up with the healthcare trajectory Why? Because the technology we have focuses on disease, payer models, and standardized clinical protocols. “If the contacts could be synced with the app for listing colleagues it would save time and effort.”(Doctor using Parcto).

173

D Define After all the research and discussions ,target audience was defined. Then we collaborated with Everyone from possible customers to care connect employees to understand and develop a better solution.

175

Challenges faced by the Stakeholders

Elderly Recurring consultations. Difficulty in commuting. Low memory. Discomfort with crowds.

Working Personnel Preoccupied with work less time/tight schedule.

Child

Doctor

Scared of hospitals Needs a guardian Impatient Bored easily

Limited patients

177

Client call A brief meeting with the client gave us an Idea of the project-and what they are trying to achieve after which a small brainstorm was conducted(The information about the client and the project is under the non-disclosure agreement hence details to which cannot be shown)

179

User

Cognitive and Emotional Needs.

After the client meeting and possible concept session,the mental model of the user was understood after which each flow was defined and listed. At every flow the emotional load was noted ,as we were designing for a Healthcare portal this part was very crucial. Userâ&#x20AC;&#x2122;s flow was defined and information buckets were made to understand the information required on each step. User goals, needs & aspirations were listed and interpreted through persona.

181

C Concept After a lot of iterations and client calls we arrived at final solution and started building wire frames due to time crunch we had to quickly execute our ideas.

183

Patient portal

Care connect Doctor portal

Admin portal

Solution

The final solution was a teleconsultation portal for remote patient care. Patient can log into the portal and set an appointment with a doctor of choice and on the stipulated date the consultation will take place on video. The doctor can look at the last of scheduled calls for today and organize his daily schedule with the remote consultation appointments. This not only opens up the opportunity for quick connect to healthcare but also is helpful in post care follow ups-which usually is ignored but plays a crucial role. The cost of healthcare in US market is extremely high but with this solution everyone has access to healthcare at their fingertips. The Admin portal was made as a part of giving a complete solution. Admin will be monitoring various tasks and managing and appointing various different doctors.

185

Information Architecture

Organizing, structuring, and labeling information through their hierarchy of content in an effective and sustainable way, helped us make a simplified user flow.

187

Wire frames Low fidelity

Low fidelity or paper wireframes were made for quick depiction of content and feedback,through iterative sessions they were later refined.

189

Consultation just a Click away. User name Password Forgot Password?

Sign Sign in In

Jany Sparks@gmail... Quick consult a general physician.

Use another account

Quick Consultation

OR Book an appointment now

Not a member yet? Sign up

High fidelity wireframes Powered by care connect.

Consultation just a Click away. Hanahsparks@gmail... Jamysparks@gmail... Use another account

Quick consult a general physician. Quick Consultation

OR Book an appointment now

Not a member yet? Sign Signup Up

Pixel perfect high fidelity wireframes made,sign up portal was common for doctor,patient and admin.

191

Consultation just a Click away.

Consultation just a Click away. User name Password Forgot Password?

Hanahsparks@gmail...

Jamysparks@gmail...

Jamysparks@gmail... Forget

Use another account

Sign Sign in In

Jany Sparks@gmail... Use another account

Quick consult a general physician.

Quick Consultation

Quick consult a general physician.

Quick Consultation

Not a member yet?

Book an appointment now

Not a member yet?

Book an appointment now

Not a member yet?

Book an appointment now

Sign Signup Up

Go Back

Quick Consultation

Doctors will be available from 10:00 AM-7:00 PM on weekdays. Queuing will be done as per your consultation number.

With a general physician.

Already a member?

With a general physician.

Already a member?

Hanahsparks@gmail...

Hanahsparks@gmail.com

Already a member?

Hanahsparks@gmail...

Password

Use another account

User name

Forgot

Password Forgot

Use another account

Not a member yet?

Book an appointment now

Or book an appointment with a specialist

Not a member yet?

Book an appointment now

Or book an appointment with a specialist

Go Back

Quick sign up to get you saved next time you check in with us.

A quick sign up to get all your credentials.

Don’t worry this will be quick.

Full name

Name

Date of birth

Month

Gender

Last name Year

Day

Phone number

Email id

Veriﬁcation done through a miss call form our portal.

Driver’s license

Upload

DL123_01.pdf

001 309 230 441

Verify

Full name

Name

Date of birth

Month

Gender

Last name

Veriﬁcation done through a miss call form our portal.

Upload

DL123_01.pdf

Payment guarantee information

Credit card

Card Type Name on Card

Net banking

You will be notiﬁed about your turn before ten minutes of the scheduled call on your registered number/email-id.

Describe your matter . Phone number

Email id

Driver’s license

Book an appointment now

Queuing up

Year

Day

Card No.

001 309 230 441

Expiry Date

001 309 230 441

Verify Upload reports

Upload images/videos

The flow was divided into Quick call scenario,Log In and Sign up. Keeping in mind low cognitive load on the user, the flow was made simple and intuitive.

About Carenection The market place.

Consultation just a Click away.

Services Careers Contact us

Hanah Sparks

***************

*************** Forgot Password?

Forgot Password?

Jany Sparks@gmail...

Jany Sparks@gmail... Use another account

Quick consult a general physician.

The network.

Quick Consultation

Quick consult a general physician.

Use another account

Quick Consultation

Not a member yet?

Book an appointment now

OR Book an appointment now

Not a member yet? Sign Signup Up

Sign Signup Up

Translate the page to?

Portu-

Consultation just a Click away.

Spanish

English

Hanah Sparks

*************** Forgot Password?

Jany Sparks@gmail... Use Another account

Quick consult a general physician. Quick Consultation

Not a member yet?

Book an appointment now

Sign Signup Up

15 Minutes to go

Request for Interpreter

Go Back

Prescription

MATTER- Knee pain & swelling Have tried using Ice-pack but no use,have been in pain for over a week now. Redness and swelling increasing day by day.

Knee scan_3215 Knee scan_32156 Upload more

Hanah Sparks

General Physician MD Seven years of experience.

193

First step towards Care.

Just two steps away!

Full name

Name

Date of birth

Month

Gender

Select the gender

Almost done.

First step towards Care.

Last name Day

Back

Just two steps away!

Email id/user name

Year

Set password

Almost done.

One last step.

abc@xyz.com

Show password

89*******

ConďŹ rm password

About us Carenection enables all members to establish their own telehealth

One last step.

Back

About us Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

Carenection enables all members to establish their own telehealth

Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

First step towards Care.

Just two steps away!

Almost done.

Payment guarantee information Card Type Credit card

Name

Name on Card

Card No.

001 309 230 441

Expiry Date

Net banking

Back

Save

Skip

About us Carenection enables all members to establish their own telehealth

Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

One last step.

Payment section for first time sign up session.

First step towards Care.

Just two steps away!

Almost done.

One last step.

First step towards Care.

Phone number 001 309 230 441

Just two steps away!

Almost done.

Driver’s license*

Upload

Take a photo

Medical insurance

Upload

Take a photo

One last step.

Generate OTP A One-time password has been sent to your phone via SMS Enter OTP Didn’t receive an OTP yet?

Resend OTP

Back

*These fields are mandatory for security

Back

About us

About us Carenection enables all members to establish their own telehealth

Our members are telehealth consumers, providers or both; our

Carenection enables all members to establish their own telehealth

Our strength is rooted in building and maintaining

Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

Just two steps away!

Almost done

First step towards Care.

Just two steps away!

Almost done.

One last step.

First step towards Care.

Upload from

One last step

Photo & Video Library Driver’s license* Content uploaded

Upload Take a photo

DL123_01.pdf

Medical Insurance

Content uploaded

*These fields are mandatory for security reasons.

Take a photo

Upload

Take a photo

*These Fields are mandatory for security

About us Carenection enables all members to establish their own telehealth

Upload

Camera

Medical insurance

Upload Take a photo

DL123_01.pdf

Back

Document

Driver’s license*

Back

About us Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

Carenection enables all members to establish their own telehealth

Our members are telehealth consumers, providers or both; our

Our strength is rooted in building and maintaining

195

Patient Dashboard Patient dashboard is divided into various sections majorly focusing on the appointment section-as we know that is the main priority for the portal.

Upcoming appointments Home DATE

TIME

5-11-16 6-15-16

DOCTOR

MATTER

08:00

Dr. Sal (Orthopedic)

Knee pain

11:00

Dr. Sal (Orthopedic)

Knee pain(follow up)

Teleconsultation history

See All

Book an appointment Describe your pain.

Know your issue? Choose a Doctor right away !

Point out your pain zones on the body given below.

EMR (Health records)

Quick Call

Cardiology

Wellness zone

Doctors consulted in the past Settings About us Help

Flip Back

Proceed

Select Skin

Dr. Derek

ENT Specialist

Dr. Mary

Neurologist

Dr. Derek OPD

Section divided as per the hierarchy of importance to the user.

The user can view their upcoming point on the top card which expands when you click on the event showing the details of the appointment.

The entire booking an appointment section has been divided into three sections according to the three mental model of the user identified. One being where the user is unaware of the type of pain he/she just knows the position and as they navigate the system guides them through explaining their pain area and suggesting doctor accordingly. Another use case would be when the user knows the department and directly books an appointment with them. Thirdly the user can also directly book an appointment with past consulted doctors in the favorites section.

197

Patient Dashboard Patient dashboard is divided into various sections majorly focusing on the appointment section-as we know that is the main priority for the portal.

Upcoming appointments DOCTOR

Pain specification

DATE

TIME

5-11-16

08:00

Dr. Sal (Orthopedic)

Knee pain

6-15-16

11:00

Dr. Sal (Orthopedic)

Knee pain(follow up)

MATTER

Point out your pain points on the body given below

See All

Describe the affected

Rash

Cardiology

Swelling Bone Pain

Next Doctors consulted in the past

Select Skin

Dislocation

Quick Call

Proceed

Muscle Pain

Know your issue? Choose a Doctor right away !

Point out the affected area on the body given below.

Schedule consultation

Type in your issue

Book an appointment

Flip Back

Choose your Doctor

Dr. Derek

ENT Specialist

Dr. Mary

Neurologist

Dr. Derek OPD

Pain specification

Choose your Doctor

Schedule consultation

PAYMENT SUCCESSFUL Payment method- Credit card

TELE CONSULTATION SCHEDULED Teleconsultation No - PAULORTHO1234

Teleconsultation schedule has been sent via e-mail & SMS to your e-mail Id & phone number respectively.

Go Back to

Go to the Event

Similarly all the flows were made.

Pain specification

Choose your Doctor

Schedule consultation

Pain specification

Choose your Doctor

Schedule consultation

As per the pain description here is a list of doctors for you. Filter by

Availability

Branch

Insurance

Edit Dr. Derek

Dr. Derek

Dr. Mary

About the doctor

Check Availability

Doctorâ&#x20AC;&#x2122;s Video

Add notes (if any)

Dr. Mary Joseph M.D.

Orthopedic 35+ Years of practice in medicine. Upload reports

SPECIALTY

Upload images/videos

Orthopaedic Surgery Orthopaedic surgeons diagnose and treat

Submit

Pain specification

Choose your Doctor

Schedule consultation

Pain specification

Choose your Doctor

Schedule consultation

As per the department selection here are a list of doctors for you. Filter by

Consultation Summery

Availability

Branch

Insurance

Doctor Dr. Mary Joseph M.D. Orthopedic

Cost Summery

Documents

Consultation Fees 50$ Service Charge 10$ Tele Services Tax 5$

SUBTOTAL

65$

DATE Thursday 9th November 2016

TIME 9:00 AM -10:00

Description

Knee Scan_32156 Knee Scan_32156

Have tried using Ice-pack but no use,have been in pain for over a week now. Redness and swelling increasing day by day.

Dr. Derek

About the doctor

November

Dr. Derek

Dr. Mary

Check Availability

2016

All the available dates are marked in Green color

TIME SLOTS 9:00 - 10:00

Upload More

14:00 - 15:00 Turn on common available dates

Schedule Appointment

199

Flow should be so simple that user never gets stressed.

-During one of the generative sessions with the project team working on Care-connection.

Patient care portal the idea of body was great tough it will be difficult to implement we will still try. One of the client and development team calls which would take place every Wednesday. 201

D Deliver With constant refining and iteration the final wireframes were then converted into visual design and pitch video was made to showcase the interactions and working of the prototype.

203

Care connect Powered by carenection. Upcoming Appointments Home

Date

Time

Doctor

Matter

9-11-2016

08:00 PM

Dr. Sal (Orthopedic)

9-11-2016

11:00 PM

Dr. Sal (Orthopedic)

Knee Pain Knee Pain (follow up)

See All Tele - Consultation History

Book an Appointment Describe your pain

Know your Issue? Choose a Doctor Right Away!

Point out your pain zones on the body given below. EMR (Health Records)

Wellness Zone

Orthopedics

Preventive Health Care

Neurology

Dermatology

Oncology

Doctors consulted in the past

Settings

About Us Help

Cardiology

Proceed Flip back

Dr. Derek

Select skin

ENT Specialist

Dr. Mary

Neurologist

Dr. Thomson OPD

Visual design

The visual guide was made keeping in mind the care connect brand language in mind while focusing on the psyche of color we want our users to feel relieved and happy.

205

Patient pain description flow This is the same flow showcased earlier with visual design,giving clarity to the space and highlighting what was necessary was one of the important aspects of the visual design.

Upcoming Appointments Home

Date

Time

9-11-2016

08:00 PM

Dr. Sal (Orthopedic)

Doctor

Matter

9-11-2016

11:00 PM

Dr. Sal (Orthopedic)

Knee Pain Knee Pain (follow up)

Pain Specification

Choose your Doctor

Schedule

See All Tele - Consultation History

Type in your issue

Point out your Pain Points on the body given above

Book an Appointment

Bone Pain

Describe your pain

Know your Issue? Choose a Doctor Right Away!

Dislocation

Point out your pain zones on the body given below.

Muscle Pain

EMR (Health Records)

Orthopedics

Cardiology

Rash

Preventive Health Care

Swelling OR

Wellness Zone

Oncology

Doctors consulted in the past

Settings

About Us Help

Dermatology

Neurology

Proceed Flip back

Dr. Derek

Dr. Mary

ENT Specialist

Select skin

Bone Pain

Rash

Dr. Thomson

Neurologist

Swelling

OPD

Pain Specification

Choose your Doctor

Schedule

Filter by

Branch

Availability

Dr. Derek

Dr. Mary

Check Availability

NOVEMBER 2016 T 1

W 2

S 5

Schedule

Consultation Fees

50$

Service Charge

10$

Tele Service Tax

Subtotal

65$

Documents Knee_Scan_32156 Knee_Scan_32156

Upload more

Dr. Mary

About the doctor

Choose your Doctor

Insurance

Dr. Derek

Pain Specification

Consultation Summery

As per the pain description here is a list of doctors for you

All the available dates are marked in Green color

Time Slots 9:00 AM - 10:00 AM 9:00 AM - 10:00 AM

Physiologist

Description 9:00 AM - 10:00 AM November 2016

Friday

Lorem ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sitamet, consectetuer adipiscing elit

9:00 AM - 10:00 AM

Back

Schedule Appointment

Pain Specification

Choose your Doctor

Point out your Pain Points on the body given above

Schedule

Type in your issue

Pain Specification Point out your Pain Points on the body given above

Bone Pain

Choose your Doctor Type in your issue

Bone Pain

Dislocation

Muscle Pain

Rash

Swelling Bone Pain

Schedule

Swelling

Rash

Swelling

Bone Pain

Rash

Swelling

Upcoming Appointments Date

Time

Doctor

Matter

9-11-2016

11:00 PM

Dr. Murali (OPD)

Knee Pain

Documents

NOVEMBER 2016 T

Knee_Scan_3010

Upload More

Knee_Scan_3011

Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Reschedule

Call

9-11-2016

11:00 PM

Dr. Murali (OPD)

Common Cold

9-11-2016

11:00 PM

Dr. Murali (OPD)

Common Cold

9-11-2016

11:00 PM

Dr. Murali (OPD)

Common Cold

9-11-2016

11:00 PM

Dr. Murali (OPD)

Common Cold

Book an Appointment Point out your pain zones on the body given below.

Know your Issue? Choose a Doctor Right Away!

207

Specifications and Assets

Font used Roboto regular size : 44px Colour: #006db8

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

170px

Upcoming Appointments

904px

462px

34px

20px

38px

34px

Mary Joseph

126px Font used Roboto regular size : 28px Colour: #12365b opacity 70%

128px

Age: 73 Gender: Female

24px

40px

58px

17:30 14 mins to go

10px

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

30px

24px

364px Font used Roboto regular size : 28px Colour: #12365b opacity 70%

Matter: Recurring Knee Pain with swelling. 40px

Details

Consultations left for the day

30px

60px

Schedule

412px

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

134px

Font used Roboto regular size : 32px Colour: #12365b opacity 70%

34px

Hospital Schedule Sync 104px 16px

16px

NOVEMBER 2016

516px

16px

Time

76px 40px

22px

16px

22px

16px

Name

40px

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

Matter 40px

11:00 PM

Mary Joseph

Common Cold

11:00 PM

Mary Joseph

Common Cold

11:00 PM

Mary Joseph

Common Cold

22px

412px

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

714px

11:00 PM

Mary Joseph

Common Cold

11:00 PM

Mary Joseph

Common Cold

11:00 PM

Mary Joseph

Common Cold 22px 22px

Reschedule

Font used Roboto regular size : 28px Colour: #12365b opacity 70%

1422px

310px

Schedule

Upcoming Appointments Matter:

398px

Recurring Knee Pain with swelling.

Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Mary Joseph Age: 73 Gender: Female Type 2 Diabetic New Consultation.

Documents Knee_Scan_3010

268px

Knee_Scan_3011

17:30 14 mins to go

250px

UI sepcs is a document that captures the details of the software user interface into a written document. The specs cover all the possible actions that an end user may perform and all visual and interaction elements.

Care connect A

209

Pitch video

Pitch video was made as requested by the client fro them to show it to others showcasing all the interactions of the portal .

211

User Testing

There was constant meetups with the developers team, and while developing there were quite a few errors which were later fixed,tested in various hospitals abroad and in India-details of which can not be displayed due to NDA.

213

215

Conclusion The experience fro six moths was one of a kind. there was immense learning,not just acadamically but also growth as an individual. Working on Live projects taught me a whole quantum of skills right from iterating,technical details to communicating to a client who is unaware of the design process. Working in a group taught me leadership skills required to work in an organisation and managing the project as well as adhereing to the timeline. We were mentored by Highly trained and experienced profeshnals who have pioneered the way UX works in India. Following an exhaustive design process really broughtout the best out of the projects. With an open Industrial studio and all different design disciplines in one big room we got an opportunity to work and interact with people from other design departments. Overall it was a life changing and brilliant opportunity we got in the 8th semester of college to work in a studio like TATA Elxsi.

ID team

217

Bibliography Some of the major references are given as follows,for both the projects.

1. https://www.theguardian.com/world/sexual-assault-women-safety-apps 2. http://www.rediff.com/news/report 3. http://www.orfonline.org/research/womens-safety-in-indias-cities/ 4. http://www.rediff.com 5. http://www.orfonline.org/research/womens-safety-in-indias-cities 6. http://www.unwomen.org 7.http://heforshe.org 8. http://www.gallup.com/home.aspx 9. http://mckinsey.com 10. http://www.economist.com 11. https://www.youtube.com 12. http://www.wareable.com/wearable-tech/what-is-wearable-tech-753 13. http://www.cio.com/article/3017995/wearable-techngy2016.html 14. http://www.wareable.com/smart-jewellery/semi-precious-the-best-smart-jewelry-582 15. http://www.brit.co/wearables-for-personal-safety/ 16. http://stiletto.is/ 17. http://readwrite.com/2016/09/13/can-safety-wearables-stop-crimes-against-women 18. https://www.pastemagazine.com/tech-proucts-that-are-made-for-womens-safety.html 19. http://www.hongkiat.com/blog/android-personal-safety-women-apps/ 20. https://www.interaction-design.org 21. http://practo.com 22 .http://www.capterra.com/infographics/top-emr-software

This page is left blank intentionaly.

219

Thatâ&#x20AC;&#x2122;s all folks! Vaidehi Supatkar BEN13AD01 Accessory Design Department NIFT Bangalore 2013-2017