SlideShare uma empresa Scribd logo
1 de 62
Baixar para ler offline
TURNING ICEBERGS INTO
ICE CUBES
Stephanie Slobodian
Mobile UX Director Marriott Int.
Over 17 years designing experiences for Google, IBM, NPR,
Critical Mass and Marriott.
Kaytee NesmithMichael Mooney
Design Partners in Crime
Today
1. Solve the right problem
2. Hypothesis creation
3. Recommendations and managing work
4. Illustrate vision & inspire
5. Celebrate unconventional success
11/30/2011 “The New Marriott Mobile
Speaks Your Language – Wildly Popular
App for iPhone, iPod touch, and
Android™ Devices Now Available in Five
Languages”
Web Wrapper.
Millions of downloads.
Billions in revenue.
“Kony” Make a Reservation
iOS & Android Native Apps
12/14/2014 A personalized home screen
when signed into your Rewards account
that allows you to manage all of your
upcoming stays
Mobile check-in and checkout* & mobile
alerts letting you know when your room is
ready
Don’t break the machine.
Launch.
Cross fingers.
Wait for data.
We seem to have a problem…
Somewhere in here…
Data is not telling us where.
It must be a UX problem.
Overwhelming :(
?
Winnipeg, Canada -30 F
Overwhelming :(
What would a Winnipeg’er do?
Fine dining for 3 weeks in February
on 3 feet of frozen river water.
Winnipeg Warming Huts
Art + Architecture
Competition on Ice
What would a Winnipeg’er do?
OVERWHELMING = OPPORTUNITIES :)
Fix the purchase funnel
AND redesign the app!
Shushhhh. Don’t tell anyone ;)
#1 SOLVE THE RIGHT PROBLEM(S)
Where do YOU think the
problem is?
Is this for the hotel
above or below the rate?
Search Results
How did I get here?
What am I suppose to
do here?
Hotel Details
How do I get information
about this hotel?
Should I stay here?
Is this a rate?
Rate List
This seems to be taking
a long time…
Preferences
Something went wrong,
It’s a 10$ ride to the
bottom of this screen.
I give up.
Review Reservation
#2 HYPOTHESIS CREATION
HYPOTHOSIS CREATION
#1 Hypothesis:
Problem
The weak placement and style of the
“View Rates” button on Hotel Details screen
does not present a clear and strong call to
action for users to continue down the
purchase path.
HYPOTHOSIS CREATION
#2 Hypothesis:
Problem
Yellow background color and red text for alert
messages takes visual prominence on the
screen & appear as errors not informational
content and users may abandon.
HYPOTHOSIS CREATION
#3 Hypothesis:
Problem
The weak visual representation of next step in
book process, strands users in the middle of
the process. (long scrolling pages with the
CTA at the bottom)
HYPOTHOSIS CREATION
#4 Hypothesis:
Problem
Pushing users through a long and unruly
preferences screen slows down the booking
process and may cause abandonment.
Now go test your hypothesis…
User Testing Rounds 1, 2 & 3
Prototype 1
A. Locked Blue Buttons
B. Book Now on buttons
C. Rate Cards with “CTA
Buttons”
D. Compact Preferences
E. Simple Review with Hotel
Image
Prototype 2
A. Locked Blue Buttons
B. Small Search Results Cards
C. View Rate on buttons
D. Rate Cards Rate Rule Icon
E. Compact Preferences,
Reordered.
F. Simple Review with Hotel
Image
Prototype 3
A. Locked Blue Buttons
B. Larger Search Results Cards
C. Rate on Search Results Image
D. Combination Hotel Details &
Rates on one screen.
E. Visual Preferences Screen
F. Reordered Confirmation
Screen.
Trello
Recording Feedback
#3 RECOMMENDATIONS &
MANAGING WORK
1. Shorten the purchase path. Combine Hotel Details & Rate screen.
2. Put CTA buttons onto the search results cards.
3. Rates should be individual cards.
4. Preferences are optional (set them and forget them).
5. Lock CTA’s at the bottom so users have a quick path forward.
6. Remove alerts that look like errors.
7. Move important content to the top of the screen.
8. Design for important content to be screen captured (offline usage).
RECOMMENDATIONS
Phase 1 MVP
Phase 2 Combining Hotel Details & Rates
Phase 3 Changing the Flow
Work closely with your team to
evaluate your process often.
Negotiate.
#4 ILLUSTRATE VISION & INSPIRE
Before & After.
Home Screen
Search Results
X
Hotel Details
X
Room Rates
New! Combo Room Details & Room Rates
Room Preferences
Review Reservation
Confirmation
#5 CELEBRATE UNCONVENTIONAL
SUCCESS
Native IOS App
By the end of Oct we
will have redesigned
80% of the app. In 6
months time.
Without over saying
the word redesign.
This scary place is starting to be not so scary?
The “latest” version is so much better than the
app Marriott had a few years back. It’s not even
worth comparing them. The design and
functionality in this app are great.
Thanks myLegsRSore!
Room nights & Revenue are up.
Downloads are up.
Ratings are up.
& that UX Problem turned out not
to be a UX problem.
Recap
1. Analyze where you think the problems are.
2. Create a hypothesis before testing.
3. You’re the expert. Make recommendations.
4. Visually illustrate the story to everyone.
5. Baby steps to a 5 star app.
OVERWHELMING = OPPORTUNITIES :)

Mais conteúdo relacionado

Destaque

τα συστατικά του υπολογιστή
τα συστατικά του υπολογιστήτα συστατικά του υπολογιστή
τα συστατικά του υπολογιστήgregflo
 
Evaluation of bmr genotypes (1)
Evaluation of bmr genotypes (1)Evaluation of bmr genotypes (1)
Evaluation of bmr genotypes (1)Tanmay Kotasthane
 
The evolution of optical wavelength bands
The evolution of optical wavelength bandsThe evolution of optical wavelength bands
The evolution of optical wavelength bandscheer9284
 
Lesson templat ICT
Lesson templat ICTLesson templat ICT
Lesson templat ICTArun Murali
 

Destaque (8)

Otoplasty tampa
Otoplasty tampaOtoplasty tampa
Otoplasty tampa
 
ERP система
ERP системаERP система
ERP система
 
τα συστατικά του υπολογιστή
τα συστατικά του υπολογιστήτα συστατικά του υπολογιστή
τα συστατικά του υπολογιστή
 
Evaluation of bmr genotypes (1)
Evaluation of bmr genotypes (1)Evaluation of bmr genotypes (1)
Evaluation of bmr genotypes (1)
 
Terms Unit one
Terms Unit oneTerms Unit one
Terms Unit one
 
The evolution of optical wavelength bands
The evolution of optical wavelength bandsThe evolution of optical wavelength bands
The evolution of optical wavelength bands
 
Lesson templat ICT
Lesson templat ICTLesson templat ICT
Lesson templat ICT
 
Analysis 130 2012
Analysis 130 2012Analysis 130 2012
Analysis 130 2012
 

Semelhante a DC Digital Summit Oct 14th

10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
Overall presentation multiplatform_ux_patterns
Overall presentation multiplatform_ux_patternsOverall presentation multiplatform_ux_patterns
Overall presentation multiplatform_ux_patternsStefano Fornari
 
UNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptUNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptHannaAnvar1
 
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Craig Sullivan
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffectiveUI
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffective
 
Mobile Customer Experience
Mobile Customer ExperienceMobile Customer Experience
Mobile Customer ExperienceJanet Jaiswal
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen SátiroKaren Sátiro
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email DesignAnna Yeaman
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 
Echelon Ignite Thailand Keynote : The Mobile Road
Echelon Ignite Thailand Keynote : The Mobile RoadEchelon Ignite Thailand Keynote : The Mobile Road
Echelon Ignite Thailand Keynote : The Mobile RoadAdrian Stewart
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design BugRaptors
 
Design for Professionals - Big (D)esign Conference 2014
Design for Professionals - Big (D)esign Conference 2014Design for Professionals - Big (D)esign Conference 2014
Design for Professionals - Big (D)esign Conference 2014Design4Pros
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationHelmi Hasan
 

Semelhante a DC Digital Summit Oct 14th (20)

10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
Overall presentation multiplatform_ux_patterns
Overall presentation multiplatform_ux_patternsOverall presentation multiplatform_ux_patterns
Overall presentation multiplatform_ux_patterns
 
#CNX14 - Data for Designers
#CNX14 - Data for Designers#CNX14 - Data for Designers
#CNX14 - Data for Designers
 
UNIT_1_1626771386169.ppt
UNIT_1_1626771386169.pptUNIT_1_1626771386169.ppt
UNIT_1_1626771386169.ppt
 
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Mobile Customer Experience
Mobile Customer ExperienceMobile Customer Experience
Mobile Customer Experience
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen Sátiro
 
Responsive email design guide
Responsive email design guideResponsive email design guide
Responsive email design guide
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email Design
 
IXDA_2009
IXDA_2009IXDA_2009
IXDA_2009
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 
Echelon Ignite Thailand Keynote : The Mobile Road
Echelon Ignite Thailand Keynote : The Mobile RoadEchelon Ignite Thailand Keynote : The Mobile Road
Echelon Ignite Thailand Keynote : The Mobile Road
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
 
Design for Professionals - Big (D)esign Conference 2014
Design for Professionals - Big (D)esign Conference 2014Design for Professionals - Big (D)esign Conference 2014
Design for Professionals - Big (D)esign Conference 2014
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisation
 

DC Digital Summit Oct 14th