Mobile/webdevplan/mockups: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 16: Line 16:
[[File:Mobile_amo_P3_landing_full_hifi.png|200px|thumb|right|Landing Page]]
[[File:Mobile_amo_P3_landing_full_hifi.png|200px|thumb|right|Landing Page]]
* Landing Page
* Landing Page
** [[media:Mobile_amo_P3_landing_full_hifi.png|showing Featured Tab (default)]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_full.png showing Featured Tab (default)]
** [[media:Mobile_amo_P3_popular_hifi.png|showing Popular Tab]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/popular.png showing Popular Tab]
** [[media:Mobile_amo_P3_categories_hifi.png|showing Categories Tab]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/categories.png showing Categories Tab]
** [[media:Mobile_amo_P3_landing_wide_hifi.png|in a Landscape browser window]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_wide.png in a Landscape browser window]
* Pull-Down Navigation
* Pull-Down Navigation
** [[media:Mobile_amo_P3_nav_landing_hifi.png|on Landing Page]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_landing.png on Landing Page]
** [[media:Mobile_amo_P3_nav_subpage_hifi.png|on Subpages]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_subpages.png on Subpages]
* Add-On Details Page
* Add-On Details Page
** [[media:Mobile_amo_P3_details_hifi.png|Details Page]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/details.png Details Page]
** [[media:Mobile_amo_P3_screenshot_hifi.png|Screenshot Lightbox]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/screenshot.png Screenshot Lightbox]
** [[media:Mobile_amo_P3_reviews_hifi.png|Reviews Page]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/reviews.png Reviews Page]
** [[media:Mobile_amo_P3_allversions_hifi.png|All Versions Page]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/all_versions.png All Versions Page]
* Search Results Page
* Search Results Page
** [[media:Mobile_amo_P3_search_results_hifi.png|Results Page]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_results.png Results Page]
** [[media:Mobile_amo_P3_search_filter_hifi.png|showing expanded Filter Controls]]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_filter.png showing expanded Filter Controls]
* List Views
* List Views
** [[media:Mobile_amo_P3_list_category_hifi.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
** [[media:Mobile_amo_P3_list_featured_hifi.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]
 
A PSD of all mockups is available [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/mobile_amo_P3_full_hifi.psd here].

Revision as of 21:33, 19 January 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

Landing Page

A PSD of all mockups is available here.

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