Onboarding Strategy for Firefox Android

E032a0ec2e16be0fde49754e089e7569?s=47 Yuan Wang
June 24, 2014

Onboarding Strategy for Firefox Android

I came up with a high-level design strategy for onboarding users: "Connect + Scale = Explore Firefox". This strategy aims to create a framework to scale team efforts for future release and also provide smart and valuable content for new users.

This was presented to Android mobile team leads.

E032a0ec2e16be0fde49754e089e7569?s=128

Yuan Wang

June 24, 2014
Tweet

Transcript

  1. Firefox for Android Onboarding Strategy Yuan Wang June 2014 draft

  2. Firefox for Android tablet | June 2014 | Page 2

    Contextual hints First-run tour What’s new SUMO help user education UI affordance impr n context tips a terminology problem
  3. Firefox for Android tablet | June 2014 | Page 3

    Contextual hints First-run tour what’s new SUMO help User education NEW FEATURES ? ? ?
  4. Firefox for Android tablet | June 2014 | Page 4

    Connect Scale Identify touch points Create modular guidelines + We’re not designing pages, we’re designing systems of components. — Stephen Hay
  5. First-run Get started INSTALL Cross platform sharing: Firefox Account Core

    value : Fast/Safe/Customizable/Open Tune your browser Just enough information Fun and human
  6. Get started First-time tips ≠ contextual hints Things that matter

    Show not just tell Easy to Learn Identify areas to show first-time tips How to make them smarter and personal? LAUNCH
  7. What’s new How much new stuff should we show to

    a first-time user? First-time tips Get started We need to establish a system to introduce new features. UPDATE
  8. Contextual hints What’s new Additional bonus Suggested for a cause

    Retrievable if being missed We also need to establish a system to show the hints that were missed by the users. OVERTIME
  9. First-time tips Get started What’s new OVERTIME Contextual hints INSTALL

    UPDATE Connect Identify touch points LAUNCH
  10. First-time tips Get started What’s new OVERTIME Contextual hints INSTALL

    LAUNCH UPDATE Connect WHAT IF The user skipped FX Account? Never opened guest browsing? Skipped the tour/tips? Missed the hints? Identify touch points
  11. The user skipped FX Account? Never opened guest browsing? Skipped

    the tour/ tips? Missed the hints? Connect → Scale Explore Firefox First-time tips Get started What’s new Contextual hints A HUB TO
  12. Explore Firefox A HUB TO SHOULD BE SHOULD NOT BE

    easy to access up-to-date relevant an another SUMO help site brief and visual something the user has to manage To scale, we need to create modular guidelines
  13. Explore Firefox — easy to access Home Screen End of

    “Get Started” Notifications Top site tile for first-run SUCCESS! Start Browsing Explore Firefox >> Explore Firefox Top Sites Bookmarks History Explore Firefox Top Sites Bookmarks History Explore Firefox Check out new features in Firefox including contextual tips, guest browsing
  14. Explore Firefox Explore Firefox — up-to-date First-time tips Get started

    What’s new Contextual hints EXPLORE FIREFOX P1 P2 P2 P3 Set up Sync New hub panels Clear all history The user skipped FX Account? Never opened guest browsing? Skipped the tour/ tips? Missed the hints?
  15. Explore Firefox — relevant PRODUCT LEVEL VERSION LEVEL USER LEVEL

    EXPLORE FIREFOX Set up Sync New hub panels Clear all history First-time tips Get started What’s new Contextual hints P1 P2 P2 P3
  16. Explore Firefox — brief and visual Explore Firefox EXPLORE FIREFOX

    EXPLORE FIREFOX
  17. Connect Scale Identify touch points Create modular guidelines + EXPLORE

    FIREFOX First-time tips Get started What’s new Contextual hints
  18. Call to action [Product] [UX] Deep dive into the strategy

    from product perspective Refine modular principles for each section of onboarding flow [Engineering] Keep the ongoing work with a picture of “Explore Firefox” in mind [All] Start using a unified language to communicate onboarding Explore possibilities of “Explore Firefox” Design everything Explore technical feasibility of design proposals
  19. ! ! Thank you Yuan Wang yuan@mozilla.com Q&A