Mobile/webdevplan/mockups: Difference between revisions

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

Landing Page
Pull-Down Navigation
- on Landing Page
- on Subpages
Add-On Details Page
Search Results Page
- Results Page
- showing expanded Filter Controls
List Views
- Category Page displaying the contents of a category
- Featured Add-ons page which will use the same layout as Popular, Top-Rated, and Newest Add-ons
- BONUS! Not to be Implemented this Quarter Collections List

A PSD of all mockups is available here.

SUMO Wireframes

SUMO Hi-Fi Mockups

Landing Page
- Showing mobile-specific content
- Showing desktop-specific content
Search results page
Article Page
Ask A Question Flow Not to be implemented this milestone (2.6)

@@ Line 1: / Line 1: @@
-==Phase 2==
-[[File:Mobile_mozcom_P1_landing_full_hifi.png]]
 ==Phase 1==
+===Mozilla.com Wireframes===
 [[File:Mobile_mozcom_P1_landing.png|200px|thumb|center|Landing Page Wireframe w/ Chrome]]
 [[File:Mobile_mozcom_P1_landing_full.png|200px|thumb|center|Full Landing Page Wireframe]]
+===Mozilla.com Hi-Fi Mockups===
 [[File:Mobile_mozcom_P1_landing_full_hifi.png|200px|thumb|center|Full Landing Page Hi-Fi Mockup]]
+===SUMO Hi-Fi Mockups===
+[[File:Mobile_sumo_P1_landing_full_hifi.png|200px|thumb|center|SUMO Landing Page Hi-Fi Mockup]]
 ==Phase 2==
 [[File:Mobile_mozcom_P2_landing.png|200px|thumb|center|Landing Page Wireframe]]
+==Phase 3==
+===AMO Hi-Fi Mockups===
+[[File:Mobile_amo_P3_landing_full_hifi.png|200px|thumb|right|MAMO Landing Page]]
+* Landing Page
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_full.png showing Featured Tab (default)]
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/popular.png showing Popular Tab]
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/categories.png showing Categories Tab]
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_wide.png in a Landscape browser window]
+* Pull-Down Navigation
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_landing.png on Landing Page]
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_subpages.png on Subpages]
+* Add-On Details Page
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/details.png Details Page]
+** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/screenshot.png Screenshot Lightbox]
+** [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/eula.png EULA screen]
+* 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_filter.png showing expanded Filter Controls]
+* List Views
+** [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
+** 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].
+===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
+** [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)'''