UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary +...

17
UX Best Practices for Unceain Times

Transcript of UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary +...

Page 1: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

UX Best Practices for Uncertain Times

Page 2: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Notifications Best Practices:Add a note to let customers know you’re here to help

Page 3: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Seatgeek Shake Shack Delivery

Make notifications visible

Page 4: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Lululemon Met Opera ICP

Use call to action in the banner

Page 5: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Eventbrite Airbnb Mercadona

Address the concerns of users

Page 6: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Coursehorse Live Nation Levain

Use distinct colors and consistent fonts

Page 7: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Marriott Live Nation Seatgeek

Use simple but descriptive notifications

Page 8: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Marriott LuluLemon Kroger

Allow users to remove notifications with ‘X’

Page 9: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Uber BBVA Despegar

Be transparent (no corporate speak)

Page 10: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Customer Service Best Practices:Proactively communicate your customer support strategy

Page 11: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Aritzia Apple interjet

Clarify customers about service updates

Page 12: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

American Airlines Delta Etihad

Be transparent about expectations

Page 13: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Singapore Airlines Oscar Walgreens

Direct customers to resources

Page 14: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Landing Page OptimizationsBack to the basics: Drive your marketing ROI by improving the user's post-ad experience

Page 15: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Landing Page Optimizations

Single GoalMake sure your landing page focuses on a single goal promoted with a descriptive call-to-action above the fold.

Value PropPresent your value propas the first thing the visitors see on your landing page.

No DistractionAvoid automatic image sliders or carousels on the landing page or decrease their rotation frequency

Call-To-ActionUse “encapsulation” & “color contrast” to make the CTA stand out.

Page 16: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + ConfidentialProprietary + Confidential

Landing Page Optimizations

Search BarIf you use a search bar on your site, don’t hide it behind a search icon (e.g., magnifying glass). Show the search bar by default.

FormsIf you show a form on your landing page, make sure you use inline validation and autofill.

Page 17: UX Best Practices for Uncertain Times · UX Best Practices for Uncertain Times. Proprietary + Confidential Notifications Best Practices: ... Make notifications visible. Proprietary

Proprietary + Confidential

More Resources

Learn more about landing page and homepage optimization

Take the CRO Course to learn how Google thinks about UX research, A/B testing, and design

Start A/B testing

Check here for up-to-date information & resources on COVID-19