Mobile/webdevplan/mockups: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(9 intermediate revisions by the same user not shown)
Line 28: Line 28:
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/reviews.png Reviews Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/reviews.png Reviews Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/all_versions.png All Versions Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/all_versions.png All Versions Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/eula.png EULA screen]
* Search Results Page
* Search Results Page
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_results.png Results Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_results.png Results Page]
Line 34: Line 35:
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_category.png Category Page] displaying the contents of a category
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_category.png Category Page] displaying the contents of a category
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_featured.png Featured Add-ons page] which will use the same layout as Popular, Top-Rated, and Newest Add-ons
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_featured.png Featured Add-ons page] which will use the same layout as Popular, Top-Rated, and Newest Add-ons
** BONUS! [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_collections.png Collections List]
** BONUS! '''Not to be Implemented this Quarter''' [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_collections.png Collections List]


A PSD of all mockups is available [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/mobile_amo_P3_full_hifi.psd here].
A PSD of all mockups is available [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/mobile_amo_P3_full_hifi.psd here].


===SUMO Wireframes===
===SUMO Wireframes===
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_wireframe.html Landing Page]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/article_wireframe.html Article Template]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/search_results_wireframe.html Search Results]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/aaq_wireframe.png Ask A Question flow]
===SUMO Hi-Fi Mockups===
* Landing Page
* Landing Page
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_wireframe.html Showing mobile-specific content]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_mobile.png Showing mobile-specific content]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_desktop.png Showing desktop-specific content]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/search_results.png Search results page]
* Article Page
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/article.html Article Page]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/img/article_toc_expanded.png with Table of Contents expanded]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/img/article_feedback.png showing Feedback popup]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/aaq.png Ask A Question Flow] '''Not to be implemented this milestone (2.6)'''

Latest revision as of 19:14, 15 February 2011

Phase 1

Mozilla.com Wireframes

Landing Page Wireframe w/ Chrome
Full Landing Page Wireframe

Mozilla.com Hi-Fi Mockups

Full Landing Page Hi-Fi Mockup

SUMO Hi-Fi Mockups

SUMO Landing Page Hi-Fi Mockup

Phase 2

Landing Page Wireframe

Phase 3

AMO Hi-Fi Mockups

MAMO Landing Page

A PSD of all mockups is available here.

SUMO Wireframes

SUMO Hi-Fi Mockups

Retrieved from "https://wiki.allizom.org/index.php?title=Mobile/webdevplan/mockups&oldid=284764"