Update:Remora UI Review/Mockups/Home Page/2007-09-12 revisions/

From MozillaWiki
Jump to navigation Jump to search

Notes on the mockups

  • The purpose of all of the mockups is primarily to demonstrate layout -- colors, branding, and icons are just placeholders
  • By their nature (as slightly higher-fidelity than wireframes), these mockups are a little "cartoony." Areas, type, and icons are probably larger than they need be in a the real final version, and, because of this, more should fit on the screen in the end
  • Many of the mockups make use of icons from the Silk icon set from FAMFAMFAM

Earler Versions

Flow Overview

Old

map_old.png

Revised

map_new.png


Front Page

frontpage.png


Category Page

categorypage.png

categorypage_menu.png


Full listings page

Overflowvariants.png

Details Page

detailspage.png


Rating UI

rating_flow.png

Search Results Page

search_results.png


Recurring Features

Image Viewer

image_viewer.png

Some examples of what these could look like:

"Smart" Download Buttons

smartbuttons.png

An alternative if bundling is not possible:

smartbuttons_nobundling.png

Longer-term ideas

Theme Browser

Two-Pane Design

themebrowswer_twopane.png

Three-Pane Design

themebrowswer_threepane.png