Mobile first - one key important aspect in digitalisation
DC Digital Summit Oct 14th
1. 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.
3. Today
1. Solve the right problem
2. Hypothesis creation
3. Recommendations and managing work
4. Illustrate vision & inspire
5. Celebrate unconventional success
4. 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
5. 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.
31. 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.
32. 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.
33. 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)
35. Now go test your hypothesis…
User Testing Rounds 1, 2 & 3
36. 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
37. 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
38. 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.
41. 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
59. 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!
60. Room nights & Revenue are up.
Downloads are up.
Ratings are up.
& that UX Problem turned out not
to be a UX problem.
61. 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.