Firefox/Features/New Tab Page v2/sketches
Below are some sketches, iterations, and ideas for Firefox's New Tab page. If you're lost, you should go back to the Main New Tab V2 Feature Page for some context!
Default View
DV1. Default view: centered search, Top Sites populated automatically
DV2. Pressing left arrow reveals additional apps (lists for now only)
DV3. A new column, the result of adding a new list
DV4. Measurements and colors for default view
DV5. Swapping out a list
DV6. Adding news content to a list and a section
In-Page Widgets
W1. Clicking a launch target button
W2. Switching the search provider from Google
W3. Changing a square's site
W4. Snippet widget: opting into telemetry
Customization Panel
CP1. With preview and additional list
CP2. Dragging a list to a new location or removing it
Other Sketches
Sliding right reveals more categories
Outlined mockup 0.3
-
Outlined mockup 0.3
Conceptual mockup: "dashboard-style" Home tab
Rationale for why home tab and new tab have been separate
Diagram: Where users navigate to after opening a new tab
Dashboard-style home tab concepts
Windows Screenshot: New Tab in Firefox 13
Windows Screenshot: Home Tab in Firefox 13
OSX Mockup for quick dial home tab with categories at top
OSX New tab design without search bar
OSX New tab design without a search bar
Simple new tab with dark titles at bottom
Adding a custom site to grid view
Grid view with gear to change content
Initial new tab spec with basic customization
Telemetry prompt on home tab
Bookmarks and top sites side-by-side
Faded out top site icons with categories
Icon-based minimal layouts
Outlined tabs on grid view with icons
Concept Mockup of apps in New Tab and URL bar
Three types of new tab grid configurations tested in multivariate study
How dark semi-transparent labels appear on various kinds of thumbnails
Expanding minimal grid concept
Minimal icon grid with mouseovers
Asymmetrical grid arrangement
Minimal link layouts
Grid concepts with icons
Asymmetrical grid system layouts
Icon size variations of gridstyle layout
Square thumbnails with semitransparent overlays
Screenshot of current mobile home page
OSX Mockup of new tab with configuration panel
Firefox Start concept with horizontal launch targets
Firefox Start concept with vertical launch targets
Home page concept with chat contacts
Home tab concept with chat conversation open
Home tab concepts with many apps visible
Home tab concept with small app icons
Home tab concept with white background and chats
Home and new tab side by side variation
Home and new tab with search bar
Home and tab with search and buttons at top
Home and new tab with center logo
Home and new tab with left aligned Firefox logo
Home and new tab with snippet
Home and new tab with full Firefox wordmark
Home and new tab with large search bar at the top
Firefox home and new tab with search bar
Home and new tab with expanded grid
Home and new tab with snippet at top right
Home and new tab with snippet and search at top right
Dashboard style home tab with apps
First spec for redesigned home tab
Variations on launch targets home tab style
Home tab first iteration in Windows with launch targets
Variations on launch bar for home tab
Windows style variations of home tab with launch target
Home tab optinos customization mockup
Newspaper-style content layout on home tab
Newspaper-style content layout on home tab v2
Exploratory home tab with tabs
Home tab variation with search bar instead of snippet
Home tab with columns for different sections
Home tab with favicons
Home Tab share-style variations
Home tab style with contacts and sharing
Files too big for the wiki gallery:
