MDN/Projects/Completed/Redesign: Difference between revisions

From MozillaWiki
< MDN‎ | Projects‎ | Completed
Jump to navigation Jump to search
(mdn-drivers is being deprecated)
 
(35 intermediate revisions by 5 users not shown)
Line 1: Line 1:
As part of supporting the launch of Firefox OS and an ongoing desire to improve the usability of MDN, we'll be embarking on a site redesign in 2013.  
The MDN Redesign launched on December 9, 2013.  


[[File:Mdn_redesign.png]]
== High-Level Redesign Goals ==  
== High-Level Redesign Goals ==  
*Unified experience for developers - across MDN docs, Mozilla tools and products
*Unified experience for developers - across MDN docs, Mozilla tools and products
Line 8: Line 9:
*More flexibility in content sources and presentation (wiki, github, read the docs, offline, on mobile devices)
*More flexibility in content sources and presentation (wiki, github, read the docs, offline, on mobile devices)


== Redesign Phases & Schedule ==
== Redesign Roadmap ==
*<b>Full Site Redesign/Rebranding</b> - further refine global nav & homepage, new site design, restructure information architecture, new landing pages, new features  
*<b>Full Site Redesign/Rebranding</b> - further refine global nav & homepage, new site design, restructure information architecture, new landing pages, new features  
**Architecture proposal completed and shared for feedback - 27 June
**Architecture proposal completed and shared for feedback - 27 June
**Community feedback of proposals via IRC - 17:00:00 GMT 28 July
**Community feedback of proposals via IRC - 17:00:00 GMT 28 July
**Wireframes completed and handed off to design team - 2 July
**Wireframes completed and handed off to design team - 2 July
**Design phase completed - 2 August
**Design phase - 2 August - 10 September
**Implementation roll out - August 20-September 30
**Beta Testing: starting 1 October
**Implementation roll out - December 9, 2013


<br>Track progress through the [https://bugzilla.mozilla.org/show_bug.cgi?id=878403 Redesign Tracking bug] in Bugzilla
<br>Track progress through the [https://bugzilla.mozilla.org/show_bug.cgi?id=878403 Redesign Tracking bug] in Bugzilla


== User Experience ==
=How you can be involved=
 
==Input into tasks & planning==
 
Much of the planning goes on in the [https://wiki.mozilla.org/MDN/Development/drivers mdn] mailing list; you should join if you want to help prioritize the development work that happens on MDN, including the redesign.
 
== Testing & Feedback ==
 
Please see our [[/Testing|Testing]] page for details on the beta testing program, which includes archives of feedback and results.
 
'''Before anything else, please [http://mzl.la/mdn-redesign-feedback file one bug for each piece of feedback you want to share]. We would love to hear from you on IRC and through our mailing lists, but if you have not already filed a bug we will politely ask you to do so. Remember to always use this form, as it will group feedback appropriately and ensure that the team sees it.'''
 
A couple times each week, we'll send out the list of bugs that are new and need to be categorized (blocks launch or does not) to the [https://lists.mozilla.org/listinfo/mdn mdn@lists.mozilla.org] mailing list (which is used to prioritize work on MDN and is open for anyone to participate). Bugs will be discussed there and the team can, collectively,  decide what needs to be fixed before the redesign launches to the general public. We also will have a weekly, open meeting to make calls on anything that is stalled. Meetings are held every Tuesday at 17:00 UTC (10am PST) on IRC in #devmo.
 
*[https://bugzilla.mozilla.org/showdependencytree.cgi?id=925144&hide_resolved=1 Launch blocking bugs]
*[https://bugzilla.mozilla.org/showdependencytree.cgi?id=910513&hide_resolved=1 New/to be processed bugs]
*Bugs that can be [https://bugzilla.mozilla.org/showdependencytree.cgi?id=925145&hide_resolved=1 addressed after launch]
 
==Help with new site content==
We have some lovely new templates for landing pages, and we need help creating these pages! -
if you'd like to own a section of the site - making sure the pages are thoroughly tested, provide input and advive on how to apply or improve the design ,etc, please email Ali (aspivak@mozilla.com).
Pages need to be tagged for the new search functionality  - the guide to doing this will be published shortly
Pages need to have Quicklinks added (see the page design for examples of quicklinks)  - the guide to doing this will be published shortly
 
= Redesign Documentation =
 
== News and Status Updates ==
 
Sheppy's blog has frequent posts on changes to Kuma, and is a good place to get an overview of what's happening:
 
* [https://www.bitstampede.com/tag/kuma/ Bit Stampede: Kuma posts]
 
== User Experience & Design ==
*[https://wiki.mozilla.org/MDN/Development/Redesign/Whitespace Requests/suggestions for reducing/removing whitespace]
*[https://wiki.mozilla.org/images/c/cd/7NOV13_MDNstyletips.pdf Tips for how to style landing pages]
*[http://hollyhabstritt.com/blog/2013/11/5/command-query-a-better-filter-and-search-for-developers-on-mdn Command & Query proposal for new filtering and search UI ]
*[https://developer.mozilla.org/en-US/docs/User:teoli/In_content In-Content style summary page] - a collection of styles used in article pages
*[http://cl.ly/image/2r2P342g0c2F/o First Draft of new homepage design] & page for info & feedback
*[https://etherpad.mozilla.org/MDN-homepage-feedback Feedback on homepage wireframe]
*[http://f.cl.ly/items/0A3X0L1d2g0K2K2m3W0M/21AUG13_MDN_wireframes.pdf Homepage & Landing Page Wireframes (full set)]
*[https://wiki.mozilla.org/MDN/Development/Redesign/NewDesignV1 Proposed page design v1] - pdf of design mockups plus wiki page for feedback on the design
*[http://f.cl.ly/items/463H2U3E0k0Q0C2G1P3J/09AUG13_AppsLanding_MDN.pdf Landing Page wireframe]
*[https://wiki.mozilla.org/images/e/e8/NewMDNInfoArch_June2013.pdf Proposed Site Architecture] (high level)
*[https://wiki.mozilla.org/images/e/e8/NewMDNInfoArch_June2013.pdf Proposed Site Architecture] (high level)
*[http://cl.ly/3T18323e2g2e Wireframes for Page Types, Article Level Template, Search] (in progress)
*[http://cl.ly/3T18323e2g2e Wireframes for Page Types, Article Level Template, Search] (in progress)
*[https://wiki.mozilla.org/MDN/Development/Redesign/UserResearch User Research]
*[https://wiki.mozilla.org/MDN/Development/Redesign/UserResearch User Research]


== Redesign Documentation ==
== PRD's and Planning ==
Current:
Current:
*[https://etherpad.mozilla.org/redesign-tasks Redesign Tasks]
*[https://etherpad.mozilla.org/mdn-20homepage-20content Home Page Content] - brainstorming what goes on the new MDN homepag
*[https://etherpad.mozilla.org/mdn-20homepage-20content Home Page Content] - brainstorming what goes on the new MDN homepag
*[https://etherpad.mozilla.org/mdn-community-content MDN Community content] - what info we should provide about the MDN community
*[https://etherpad.mozilla.org/mdn-community-content MDN Community content] - what info we should provide about the MDN community
Line 30: Line 74:
*[https://docs.google.com/document/d/1BcPSF4mpSGSYCB86j_e1PfclS7VJdBF9xJ_XXLDhENo/edit?usp=sharing Redesign PRD]
*[https://docs.google.com/document/d/1BcPSF4mpSGSYCB86j_e1PfclS7VJdBF9xJ_XXLDhENo/edit?usp=sharing Redesign PRD]
*[https://docs.google.com/a/mozilla.com/document/d/1qdeGCDei2kYltPLxeaA8yiHevUJj5_1jm45mpA2GX38/edit?usp=sharing Redesign Goals]
*[https://docs.google.com/a/mozilla.com/document/d/1qdeGCDei2kYltPLxeaA8yiHevUJj5_1jm45mpA2GX38/edit?usp=sharing Redesign Goals]


May 2013 Release:
May 2013 Release:

Latest revision as of 21:09, 4 February 2015

The MDN Redesign launched on December 9, 2013.

Mdn redesign.png

High-Level Redesign Goals

  • Unified experience for developers - across MDN docs, Mozilla tools and products
  • Improve user experience & usability
  • Better site structure, navigation & ability to quickly find key content
  • Update the design to something dynamic, modern, & more consistent with the brand
  • More flexibility in content sources and presentation (wiki, github, read the docs, offline, on mobile devices)

Redesign Roadmap

  • Full Site Redesign/Rebranding - further refine global nav & homepage, new site design, restructure information architecture, new landing pages, new features
    • Architecture proposal completed and shared for feedback - 27 June
    • Community feedback of proposals via IRC - 17:00:00 GMT 28 July
    • Wireframes completed and handed off to design team - 2 July
    • Design phase - 2 August - 10 September
    • Beta Testing: starting 1 October
    • Implementation roll out - December 9, 2013


Track progress through the Redesign Tracking bug in Bugzilla

How you can be involved

Input into tasks & planning

Much of the planning goes on in the mdn mailing list; you should join if you want to help prioritize the development work that happens on MDN, including the redesign.

Testing & Feedback

Please see our Testing page for details on the beta testing program, which includes archives of feedback and results.

Before anything else, please file one bug for each piece of feedback you want to share. We would love to hear from you on IRC and through our mailing lists, but if you have not already filed a bug we will politely ask you to do so. Remember to always use this form, as it will group feedback appropriately and ensure that the team sees it.

A couple times each week, we'll send out the list of bugs that are new and need to be categorized (blocks launch or does not) to the mdn@lists.mozilla.org mailing list (which is used to prioritize work on MDN and is open for anyone to participate). Bugs will be discussed there and the team can, collectively, decide what needs to be fixed before the redesign launches to the general public. We also will have a weekly, open meeting to make calls on anything that is stalled. Meetings are held every Tuesday at 17:00 UTC (10am PST) on IRC in #devmo.

Help with new site content

We have some lovely new templates for landing pages, and we need help creating these pages! - if you'd like to own a section of the site - making sure the pages are thoroughly tested, provide input and advive on how to apply or improve the design ,etc, please email Ali (aspivak@mozilla.com). Pages need to be tagged for the new search functionality - the guide to doing this will be published shortly Pages need to have Quicklinks added (see the page design for examples of quicklinks) - the guide to doing this will be published shortly

Redesign Documentation

News and Status Updates

Sheppy's blog has frequent posts on changes to Kuma, and is a good place to get an overview of what's happening:

User Experience & Design

PRD's and Planning

Current:

May 2013 Release:


Retrieved from "https://wiki.allizom.org/index.php?title=MDN/Projects/Completed/Redesign&oldid=1053738"