nowcureme deck final

34
UX Research Project Eugenia Kim, Jesse Kim, Kyle Norek NOW CURE ME

Upload: jisu-jesse-kim

Post on 11-Aug-2015

40 views

Category:

Design


0 download

TRANSCRIPT

Page 1: NowCureMe deck final

UX Research Project

Eugenia Kim, Jesse Kim, Kyle Norek

NOW CURE ME

Page 2: NowCureMe deck final

ORIGINAL BRIEFBuild a native mobile app that encourages users to actively search and input cures on NowCure.Me.

ACTUAL BRIEFRedesign a budget friendly solution to the issues posed on the original NowCure.Me website through usability testing and user research.

nowcure.me | BRIEF

Page 3: NowCureMe deck final

5/4/15 5/5/15 5/6/15 5/7/15 5/8/15 5/11/15 5/12/15 5/13/15 5/14/15 5/15/15 5/18/15 5/19/15 5/20/15 5/21/15

Client Updates

Meetings

Discovery & Research

Writing Screener Questions

Sending out / Survey Study

Interview Questions writeup

Competitive / Comparitive Analysis

User Research (Interview)

Personas

Sketching and Ideation

Design Studio / Ideation

User Stories and Storyboards

Rough Sketches

Multiple Possible Designs

Narrowing Scope and Structure

Usability Testing for Updated Site

User Flows/Screen Flows

Scenarios

Journey Map/User Journey

Wireframes and Sketches

Appmap/Sitemap

Prototyping and Testing

Prototype

Usability Testing and Results

Multiple Prototype Iterations

Style Guide

Presentation

Presentation Deck Prep

Presentation Speech Prep

Work Time

nowcure.me | PROJECT PLAN

Page 4: NowCureMe deck final

Research

Page 5: NowCureMe deck final

Home Page Submit Cure Page

Description Page

• Too Time Consuming• Asking same information

repeatedly • Not User Friendly,

Really Long Dropdowns

• Key info below the fold• Users didn’t want to vote • Confusing Layout

• Lack of Site Branding • Confusing Navigation/Copy• No Search Bar • My Cures:

Submitted vs Favorite

nowcure.me | INITIAL TESTING

Page 6: NowCureMe deck final

GENERAL

Has Rating System X

Add to Favorites X

Credibility X X X

User Generated X X X

Share Feature X X X X XNAVIGATION

Search Bar X X X

Search A-Z X X X X

Popular List X

My Home Remedies

nowcure.me | COMPETITIVE ANALYSIS

Page 7: NowCureMe deck final

GENERAL

Has Rating System X

Add to Favorites X

Credibility X X X X

User Generated X X X

Share Feature X X X X X XNAVIGATION

Search Bar X X X X

Search A-Z X X X X X

Popular List X X

My Home Remedies

nowcure.me | COMPETITIVE ANALYSIS

Page 8: NowCureMe deck final

“The Googling Hypochondriac”

• Frequent searcher of ailments • Usually finds solutions/information through Google • Needs information quickly and efficiently • Needs credible information (cares about others’ opinions) • Likes to be validated • Needs a way to connect and grow social circle and network

18-29 Years old. Medium to High Tech Empathy.

“The Caring Mama/Papa”

• Loves sharing solutions/remedies/cures • Needs validation that people care about input • Needs a simple way to share information • Needs a way to save and favorite information for future use

30-55 Years old. Low to Medium Tech Empathy.

nowcure.me | PERSONA

Page 9: NowCureMe deck final

Userflow & Information Architecture

Page 10: NowCureMe deck final

Multiple Searches Added

My Acct Reorganized

Expert Section Added

nowcure.me | SITEMAP

HOME

Favorite CuresSaved Cures Account Settings

My AccountFooter

Search A-Z Articles Experts About Us

Cures List of Articles List of Experts

FAQContact Social Media LinksPrivacy Terms

Page 11: NowCureMe deck final

Original

Final IterationMultiple search options added

• Click on topic • Search using Search Bar • Use A-Z Search

nowcure.me | USER MAP (Finding a cure)

Home Screen Headache Screen

Click on Headache

Select Cure

Click on Cure

Home Screen Headache Screen

Click on Headache

Select Cure

Click on Cure

Search Headache

Click A-Z A-Z Search Screen

Click H Click on Headache

Search Result Page

Click Headache

Page 12: NowCureMe deck final

Original

Final Iteration

*Form was condensed (14 vs 7 steps)

Home ScreenClick on

“Share Your Cure…”

Type Ailment Category

(Autopopulates)Input TitleForm Screen Input Origin

Input Description &

Tips

Input Items You’ll Need

Input Tips/

Warnings

Input City

Submit CureConfirmation Screen

Updated Cure Page

Home ScreenClick on

“Share Your Own Cure”

Select “Category”

Input “Background

Info”Type in City

Cure Entry Screen

“Remedy was Successfully

Created”

Form Screen Select Country

Select Source

Input Description

Type Things You’ll Need 1

Type Things You’ll Need 2

Input Steps or Process 1

Input Steps or Process 2Input TipsInput

WarningSubmit Cure

nowcure.me | USER MAP (Submitting a cure)

Page 13: NowCureMe deck final

Home ScreenClick on Flu

AilmentFlu Remedy

ScreenChoose Remedy

Click Thumbs Up

Icon

“Thanks For Your Vote”

Percentage Icon Updated

Home ScreenClick on Flu

AilmentFlu Remedy

Screen

Select ailment and

click star rating

Updated rating shown

Original

Final Iteration

Rating system changes: • Thumbs up/down —> Stars • Your rating shown as soon as you click

nowcure.me | USER MAP (Rating a cure)

Page 14: NowCureMe deck final

Search Bar

A-Z

By Ailments By Body Part

After open card sorting:

nowcure.me | CARD SORTING

Page 15: NowCureMe deck final

By Ailments By Body Part

Aches & Pains Baby

Beauty Cold & Common

Ear, Nose & Throat Habits & Addictions

Infections Healthy Lifestyle

Men’s Health Oral & Dental Psychological Reproductive

Seasonal Sleep Related Stings & Bites

Stomach & Intestines Women’s Health

Head Neck & Shoulders

Chest & Arms Back

Torso & Hips Legs

Feet & Ankles

nowcure.me | CARD SORTING

5 open card sorts with 150 ailments

Most Frequently Chosen: Ailment categories

20% Searched through Body Part

Most Common: Cold/Common & Psychological

Page 16: NowCureMe deck final

By Ailments By Body Part

Aches & Pains Baby

Beauty Cold & Common

Ear, Nose & Throat Habits & Addictions

Infections Healthy Lifestyle

Men’s Health Oral & Dental Psychological Reproductive

Seasonal Sleep Related Stings & Bites

Stomach & Intestines Women’s Health

Head Neck & Shoulders

Chest & Arms Back

Torso & Hips Legs

Feet & Ankles

nowcure.me | CARD SORTING

Page 17: NowCureMe deck final

Card Sorter #6!

Page 18: NowCureMe deck final

Search Bar

A-Z

By Ailments By Body Part

nowcure.me | CARD SORTING

Page 19: NowCureMe deck final

Design & Delivery

Page 20: NowCureMe deck final

Navigation Bar • A search bar • Organized Navigation Elements • Must-Show/Hide-able Elements • “Submit a Cure” button placement • Better copy (Articles, Meet the Experts, Search, etc.)

nowcure.me | Design Studio

Page 21: NowCureMe deck final

Description Page • Voting needs to come after content • Information needs to be clear (not redundant) • Needs to include social media • Layout needs to be easily understood

nowcure.me | Sketching

Page 22: NowCureMe deck final

nowcure.me | ITERATIONS

Homepage & Navigation

Acne

Basic Burns

Basic Cuts

Cold

Constipation

Diarrhea

Eczema

Fever

Fibromyalgia

Flu

Food Poisoning

Hangover

Hay Fever

Headache

Insomnia

Jet Lag

Lose Weight / Diet

Migraine

Migraine

Morning Sickness

Period

Pains

Sinusitis

Sunburn

Top Searched Ailments Bad Habits Emotions

NOW CURE MECures matters to you, rated by you!

Find out more

NOW CURE MECures matters to you, rated by you!

Find out more

Cures by A-Z Articles Meet the Experts About NowCureMe Search in Now Cure Me

Hi, Eugenia! My Cures My Favorite Cures My Accounts LogoutWelcome to NowCureMe! - one place to find crowdsourced cure solutions from all around the globe.

Share your own cure with us!

Page 23: NowCureMe deck final

What do you think this page was about? Did the brand appear trustworthy?A Blog about health topics Yes it did ... very Clearhealthy living okmedicine yesmedicaments or advices that help to recover from different illnesses yeshealth somewhatMedical infomation Yes

cures? what?Not really... the language looked very suspect and it looked spammy

Cures 5 out of 10diagnosing health issues not reallycures yesimage too small to see unknownhealth yeah

yesHelp people feeling better thanks to food Correctly, but no morehome remedies i think soCure finder Cures Unsurelearning more about what ales you somewhat yessoap, the image was soap no design to amatuerishTips about health yesCures yesSome sort of webMD clone YesDonuts and Diets (NowCureMe is probably a health site)

The stock images looked like the images that show up on spammy sites

It seemed to be about promoting health and healthy lifestyles Yes, it felt trustworthy, clear design style

nowcure.me | QUICK SURVEYS

Page 24: NowCureMe deck final

What do you think this page was about? Did the brand appear trustworthy?A Blog about health topics Yes it did ... very Clearhealthy living okmedicine yesmedicaments or advices that help to recover from different illnesses yeshealth somewhatMedical infomation Yes

cures? what?Not really... the language looked very suspect and it looked spammy

Cures 5 out of 10diagnosing health issues not reallycures yesimage too small to see unknownhealth yeah

yesHelp people feeling better thanks to food Correctly, but no morehome remedies i think soCure finder Cures Unsurelearning more about what ales you somewhat yessoap, the image was soap no design to amatuerishTips about health yesCures yesSome sort of webMD clone YesDonuts and Diets (NowCureMe is probably a health site)

The stock images looked like the images that show up on spammy sites

It seemed to be about promoting health and healthy lifestyles Yes, it felt trustworthy, clear design style

nowcure.me | QUICK SURVEYS

Page 25: NowCureMe deck final

nowcure.me | ITERATIONS

Description Page

Page 26: NowCureMe deck final

nowcure.me | ITERATIONS

Submit Cure Page

Page 27: NowCureMe deck final

nowcure.me | ITERATIONS

Submit Cure Page

Page 28: NowCureMe deck final

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

You rated this cure as:

Submit my rating.

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

Tell us your thoughts…

Cure Not Favorited

Cure Favorited

Cure Rate - Hover

Cure Rate - After Rating

Cure Rate - onClick

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

You rated this cure as:

Submit my rating.

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

Tell us your thoughts…

Cure Not Favorited

Cure Favorited

Cure Rate - Hover

Cure Rate - After Rating

Cure Rate - onClick

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

You rated this cure as:

Submit my rating.

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

Tell us your thoughts…

Cure Not Favorited

Cure Favorited

Cure Rate - Hover

Cure Rate - After Rating

Cure Rate - onClick

Original Final Version

nowcure.me | ITERATIONS

Cure Listing

• Had issues with Voting • Not completely clickable • Image was too prominent • 100% was not clear

Page 29: NowCureMe deck final

nowcure.me | ITERATIONS

Cure Listing

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

You rated this cure as:

Submit my rating.

GINGER TEA & BROWN SUGAR

Have a ginger tea with brown sugar for colds. Make sure it’s not too hot, but hot eno..Read More

Rate this cure’s effectiveness!

Tell us your thoughts…

Cure Not Favorited

Cure Favorited

Cure Rate - Hover

Cure Rate - After Rating

Cure Rate - onClick

Current Desktop Cure List Modal

Recommended Cure List Modal Design

Current Mobile Cure List Modal

Page 30: NowCureMe deck final

Latest Articles

Recent Cures

Top Rated Cures

NOW CURE MECures matters to you, rated by you!

Find out more

Acne

Basic Burns

Basic Cuts

Cold

Constipation

Diarrhea

Eczema

Fever

Fibromyalgia

Flu

Food Poisoning

Hangover

Hay Fever

Headache

Insomnia

Jet Lag

Lose Weight / Diet

Migraine

Migraine

Morning Sickness

Period

Pains

Sinusitis

Sunburn

Top Searched Ailments Bad Habits Emotions Beauty Pregnancy Baby

Contact FAQ Privacy Poicy Terms & ConditionsConnect with NowCureMe:

Cures by A-Z Articles Meet the Experts About NowCureMe Search in Now Cure Me

Hi, Eugenia! My Cures My Favorite Cures My Accounts LogoutWelcome to NowCureMe! - one place to find crowdsourced cure solutions from all around the globe.

Share your own cure with us!

11 6 Tabs for future categories

2

2

Footer Updated

nowcure.me | ANNOTATED WIREFRAMES (EXAMPLE)

Page 31: NowCureMe deck final

Latest Articles

Recent Cures

Top Rated Cures

Acne

Basic Burns

Basic Cuts

Cold

Constipation

Diarrhea

Eczema

Fever

Fibromyalgia

Flu

Food Poisoning

Hangover

Hay Fever

Headache

Insomnia

Jet Lag

Lose Weight / Diet

Migraine

Migraine

Morning Sickness

Period

Pains

Sinusitis

Sunburn

Top Searched Ailments Bad Habits Emotions

NOW CURE MECures matters to you, rated by you!

Find out more

NOW CURE MECures matters to you, rated by you!

Find out more

Cures by A-Z Articles Meet the Experts About NowCureMe Search in Now Cure Me

Hi, Eugenia! My Cures My Favorite Cures My Accounts LogoutWelcome to NowCureMe! - one place to find crowdsourced cure solutions from all around the globe.

Share your own cure with us!

Contact FAQ Privacy Poicy Terms & ConditionsConnect with NowCureMe:

nowcure.me | PROTOTYPES REDESIGNED

Page 32: NowCureMe deck final

- Straightforward & easy to use.

- 80% of users searched using search bar first.

- Order of Search Option Preferences

1) Search Bar. 2) Search A-Z. 3) Top Selected

(75% did not use Top Selected Box)

nowcure.me | USABILITY TESTINGS 2

Homepage

Page 33: NowCureMe deck final

- Cure List: 0% of the users rated the cure from the list page.

Everyone chose to read the description and rate from the description page.

- Form Page feedback was 75% positive.

- Only 10% of users mentioned that the form seemed long.

nowcure.me | USABILITY TESTINGS 2

Homepage

Page 34: NowCureMe deck final

• Build out About Us Page.

• Optimize website for mobile.

• Do testing on mobile site to ensure that all basic features are clear and working properly.

• Once more cures are uploaded onto website, add extra functionality. (sort cures by Top 10 Most popular Most Viewed Most Recent Sorting by ingredients needed, etc.)

nowcure.me | NEXT STEPS