Websites/Mozilla.org/UX Projects: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Undo revision 510984 by Hhabstritt (talk))
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<p>This page contains all ongoing projects on the Websites team that involve UX resources.
= Websites Team UX Projects =
</p>
<h2> Websites Team, UX Contacts </h2>
<p>For UX related questions for Mozilla.org, please contact the following:
</p>
<ul><li> UX Lead - Holly Habstritt
</li><li> Manager - Chris More
</li><li> Product Manager - Jennifer Bertsch
</li><li> Web Development Manager - Ben Sternthal
</li></ul>
<h1> Current UX Projects </h1>
<p>
<!--
== URLS ==
*
* [https://dl.dropbox.com/u/59169312/L10N/L10N-Recs-Bedrock-Final.pdf Initial Workflow Recommendations]
* Mozilla.or Bugzilla Re-Org: [https://romana.etherpad.mozilla.org/L10N-Bedrock-Bugzilla-Moz-org-website V1] [https://romana.etherpad.mozilla.org/L10N-Bedrock-Bugzilla-Moz-org-website-2 V2] [https://romana.etherpad.mozilla.org/L10N-Bedrock-Bugzilla-Moz-org-website-final Final]
-->


</p>
== Contact ==
<h2> Current </h2>
* UX Lead - Holly Habstritt
<p>MWC Industry Experience
* Manager - Chris More
Creating an experience for Mobile World Congress. The majority of attendees at MWC are from the mobile industry - primarily operators and manufacturers. Page is a long, scrolling, parallax experience that tells the story of the products we offer, as well as how to engage in partnership opportunities with Mozilla. Experience is also fully responsive, focusing on 2 primary breakpoints for tablet and mobile and using a more fluid approach within. (ie: http://goldilocksapproach.com/)
* Product Manager - Jennifer Bertsch
</p><p>Firefox Onboarding Funnel
* Web Development Manager - Ben Sternthal
Addresses the user's path from searching for a Firefox product, through downloading, installation, and continued use. Conversion, Retention, Education.
 
</p>
 
<ul><li> 1 - /new redesign and testing  
== Current UX Projects ==
</li></ul>
 
<p>Testing complete, new design pushed week of Feb 4, 2013 with an 11% overall conversion rate (22% in IE8 alone), and many speed improvements (time to be able to interact: 46% decrease, time to load page content: 71% decrease, time to execute JavaScript: 35% decrease)
* MWC Industry Experience Creating an experience for Mobile World Congress  
</p><p><br />
** The majority of attendees at MWC are from the mobile industry - primarily operators and manufacturers. Page is a long, scrolling, parallax experience that tells the story of the products we offer, as well as how to engage in partnership opportunities with Mozilla. Experience is also fully responsive, focusing on 2 primary breakpoints for tablet and mobile and using a more fluid approach within. (ie: http://goldilocksapproach.com/)
</p>
 
<ul><li> 2 - Firefox Family Page Redesign
 
</li></ul>
* Firefox Onboarding Funnel
<p>This redesign introduces all Firefox products under one family page. Style is similar and complementary to MWC Industry Experience. Initial designs are complete. Completion of this page will be determined by its parent project release schedule. (TBD)
** Addresses the user's path from searching for a Firefox product, through downloading, installation, and continued use. Conversion, Retention, Education.
</p><p><br />
** A - /new redesign and testing: Initial testing complete, new design pushed week of Feb 4, 2013 with an 14% overall conversion rate, and many speed improvements (time to be able to interact: 46% decrease, time to load page content: 71% decrease, time to execute JavaScript: 35% decrease)
</p>
** B - Firefox Family Page Redesign: This redesign introduces all Firefox products under one family page. Style is similar and complementary to MWC Industry Experience. Initial designs are complete. Completion of this page will be determined by its parent project release schedule. (TBD)
<ul><li> 3 - What's New Design Update
** C - What's New Design Update: Improve how information is served to users here (ie: more visual, related to product release schedule). How can we make product updates more apparent and increase overall value and interaction of this page.
</li></ul>
** D - First Run Design Update (cross-team collaboration with UX and engineering teams): Implement in-chrome demos that react/respond to user interaction within the web page (or in-chrome page that appears as a web experience for the user).
<p>Improve how information is served to users here (ie: more visual, related to product release schedule). How can we make product updates more apparent and increase overall value and interaction of this page.
** E - Snippets: How can we use snippets as an ongoing communication element with our users to teach them and notify them about product/feature updates.
</p><p><br />
** F - Update legacy pages, such as to convert those allowed to upgrade at a higher rate: http://start.mozilla.org/en-US/
</p>
** Proposed project phases and RASCI: https://docs.google.com/document/d/1S-zbBkxScaeSSXRXmxHe3kCvVrF2kyCdG9RqKC3JMnw/edit?usp=sharing
<ul><li> 4 - First Run Design Update (cross-team collaboration with UX and engineering teams)
** Product Rapid Release Calendar: https://wiki.mozilla.org/RapidRelease/Calendar
</li></ul>
** 2013 Q1 Product Marketing Goals: https://intranet.mozilla.org/2013Q1Goals#Product_Marketing
<p>Implement in-chrome demos that react/respond to user interaction within the web page (or in-chrome page that appears as a web experience for the user).
 
</p><p><br />
 
</p>
* Firefox Flicks (https://firefoxflicks.mozilla.org/en-US/)
<ul><li> 5 - Snippets
** Flicks site redesign to support 2013 contest
</li></ul>
** R1 is complete: Promotes upcoming Flicks contest.
<p>How can we use snippets as an ongoing communication element with our users to teach them and notify them about product/feature updates.  
** R1 Launch Tracking Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=815529
</p><p><br />
** R2 is in progress: Supports Video Submission, Sign-in, and display of submitted videos
</p><p><br />
** R2 landing page wireframes: https://bugzilla.mozilla.org/show_bug.cgi?id=820121
Firefox Flicks (https://firefoxflicks.mozilla.org/en-US/)
** R2 Sign-in + Vidyo Submission flows: https://bugzilla.mozilla.org/show_bug.cgi?id=827169
</p>
** Creative Tracking bug: https://bugzilla.mozilla.org/show_bug.cgi?id=818868
<ul><li> R1 is complete. Promotes upcoming Flicks contest.
 
</li><li> R2 is in progress. Supports Video Submission, Sign-in, and display of submitted videos
 
</li></ul>
* MDN Redesign
<p><br />
** A - Interim Update for MWC (messaging and a few asset updates)
</p><p>MDN Redesign:
** B - Phase 1: Homepage layout/taxonomy update for testing, Updated Search (IxD and display), Primary Navigation / Taxonomy Update, Demos Page structure update, Integrate Hacks blog within nav and site template, Testing testing testing, depending on design resource we will consider minor css updates as well
</p>
** C - Phase 2: CSS / Logo redesign, Docs template redesign, Homepage updates based on testing in phase 1, Profile Page Updates + Onboarding flow updates, integrate back-channel communication such as embedding IRC client into web.
<ul><li> 1 - Interim Update for MWC (messaging and a few asset updates)
** D - Phase 4: Address outstanding sections, such as Community, any additional docs section updates, community support and messaging.
</li></ul>
 
<p><br />
 
</p>
* Download Button Strategy
<ul><li> 2 - Phase 1
** Strategy & logic needed for how download buttons are displayed across mozilla.org for the following users: FxOS, Android, Desktop users (Fx and non-Fx use cases), iOS.
</li></ul>
** Redirect iOS users to /mobile: https://bugzilla.mozilla.org/show_bug.cgi?id=767985
<p>Homepage layout/taxonomy update for testing, Updated Search (IxD and display), Primary Navigation / Taxonomy Update, Demos Page structure update, Integrate Hacks blog within nav and site template, Testing testing testing, depending on design resource we will consider minor css updates as well
** Download buttons being shown to FxOS users: https://bugzilla.mozilla.org/show_bug.cgi?id=837731
</p><p><br />
** Implement download buttons (list of URLs across moz.org): https://bugzilla.mozilla.org/show_bug.cgi?id=820937
</p>
<ul><li> 3 - Phase 2
</li></ul>
<p>CSS / Logo redesign, Docs template redesign, Homepage updates based on testing in phase 1, Profile Page Updates + Onboarding flow updates, integrate back-channel communication such as embedding IRC client into web.
</p><p><br />
</p>
<ul><li> 4 - Phase 4
</li></ul>
<p>Address outstanding sections, such as Community, any additional docs section updates, community support and messaging.
</p>
<h2> Secondary </h2>
<ul><li> Android launch phase 2 items <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=780968">[n]</a> &amp; <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=780971">[n]</a>
</li><li> Web Notifications in Firefox: ongoing conversation with Doug Turner, Madhava Enros, Ian Barlow
</li></ul>
<ul><li> Update to Aurora Download Page: https://etherpad.mozilla.org/fx-android-aurora-UX-2012-10-30
<ul><li> update supports page states for the following user-types: those viewing mobile tab from both mobile and desktop
</li></ul>
</li></ul>
<h2> Complete </h2>
<ul><li> IA Eval for About/Mission Pages <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=781916">[n]</a>
</li><li> Apps and Marketplace product page <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=738423">[n]</a>
</li></ul>
<h1> Possible Upcoming Projects </h1>
<ul><li> Mozilla.org redesign
</li><li> Mozilla.org IA eval and updates
</li></ul>
<h1> On Our Radar </h1>
<ul><li> User Research pilots and prototypes
</li><li> Revision of metrics plan and soon a migration from WebTrends to Google Analytics
</li><li> Stub installer addition to onboarding flow
</li></ul>

Latest revision as of 00:30, 9 February 2013

Websites Team UX Projects

Contact

  • UX Lead - Holly Habstritt
  • Manager - Chris More
  • Product Manager - Jennifer Bertsch
  • Web Development Manager - Ben Sternthal


Current UX Projects

  • MWC Industry Experience Creating an experience for Mobile World Congress
    • The majority of attendees at MWC are from the mobile industry - primarily operators and manufacturers. Page is a long, scrolling, parallax experience that tells the story of the products we offer, as well as how to engage in partnership opportunities with Mozilla. Experience is also fully responsive, focusing on 2 primary breakpoints for tablet and mobile and using a more fluid approach within. (ie: http://goldilocksapproach.com/)


  • Firefox Onboarding Funnel
    • Addresses the user's path from searching for a Firefox product, through downloading, installation, and continued use. Conversion, Retention, Education.
    • A - /new redesign and testing: Initial testing complete, new design pushed week of Feb 4, 2013 with an 14% overall conversion rate, and many speed improvements (time to be able to interact: 46% decrease, time to load page content: 71% decrease, time to execute JavaScript: 35% decrease)
    • B - Firefox Family Page Redesign: This redesign introduces all Firefox products under one family page. Style is similar and complementary to MWC Industry Experience. Initial designs are complete. Completion of this page will be determined by its parent project release schedule. (TBD)
    • C - What's New Design Update: Improve how information is served to users here (ie: more visual, related to product release schedule). How can we make product updates more apparent and increase overall value and interaction of this page.
    • D - First Run Design Update (cross-team collaboration with UX and engineering teams): Implement in-chrome demos that react/respond to user interaction within the web page (or in-chrome page that appears as a web experience for the user).
    • E - Snippets: How can we use snippets as an ongoing communication element with our users to teach them and notify them about product/feature updates.
    • F - Update legacy pages, such as to convert those allowed to upgrade at a higher rate: http://start.mozilla.org/en-US/
    • Proposed project phases and RASCI: https://docs.google.com/document/d/1S-zbBkxScaeSSXRXmxHe3kCvVrF2kyCdG9RqKC3JMnw/edit?usp=sharing
    • Product Rapid Release Calendar: https://wiki.mozilla.org/RapidRelease/Calendar
    • 2013 Q1 Product Marketing Goals: https://intranet.mozilla.org/2013Q1Goals#Product_Marketing



  • MDN Redesign
    • A - Interim Update for MWC (messaging and a few asset updates)
    • B - Phase 1: Homepage layout/taxonomy update for testing, Updated Search (IxD and display), Primary Navigation / Taxonomy Update, Demos Page structure update, Integrate Hacks blog within nav and site template, Testing testing testing, depending on design resource we will consider minor css updates as well
    • C - Phase 2: CSS / Logo redesign, Docs template redesign, Homepage updates based on testing in phase 1, Profile Page Updates + Onboarding flow updates, integrate back-channel communication such as embedding IRC client into web.
    • D - Phase 4: Address outstanding sections, such as Community, any additional docs section updates, community support and messaging.


Retrieved from "https://wiki.mozilla.org/index.php?title=Websites/Mozilla.org/UX_Projects&oldid=515905"