Improve display of location bar results

From MozillaWiki
Jump to: navigation, search
Please use "Edit with form" above to edit this page.


Improve display of location bar results
Stage Development
Status In progress
Release target Firefox 17
Health OK
Status note Development in progress. Some restyling landed in 16. Larger favicons (using representive color for 16px ones) in progress.


Product manager Asa Dotzler
Directly Responsible Individual Stephen Horlander
Lead engineer Andrew Hurle
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead Virgil Dicu
UX lead Stephen Horlander
Product marketing lead `
Operations lead `
Additional members Matthew Noorenberghe

Open issues/risks


Stage 1: Definition

1. Feature overview

The current location bar results feel heavy, busy, hard to scan and have not kept pace with system look and feel.

By streamlining and enhancing the results we aim to increase readability and the improve the appearance.

This feature falls primarily in the Discover category (from the "Discover, Experience, and Connect" vision statement.)

2. Users & use cases

Targets all users of the location bar.

3. Dependencies


4. Requirements




Stage 2: Design

5. Functional specification


6. User experience design

Some of the elements we want to improve:

  • 32x32px icons
  • Better URL scan-ability
  • No use of bold, since it shifts the content,
  • More whitespace
  • No separator line
  • Ability to delete entry on hover
  • Remove scrollbar (height of dropdown increases to show all results returned [same limit])
  • Semi-transparent background
First Design Iteration
Mockup showing colored border on 16x16 icons
Mockup showing gray border on 16x16 icons

Stage 3: Planning

7. Implementation plan


8. Reviews

Security review


Privacy review


Localization review




Quality Assurance review


Operations review


Stage 4: Development

9. Implementation

  • [DONE] bug 587909 - Improve the visual style of location bar results
    • bug 634139 - Need the ability to extract the most representative color from a favicon
  • bug 768703 - Use 32x32 favicons in location bar results
    • bug 751712 - Add support for HTML5 sizes attribute in <link rel=icon>
  • bug 675818 - Add delete button to awesome bar result matches (May postpone because of bug 767254.
  • [DONE] bug 583683 - Show all awesomebar results without scrolling

Stage 5: Release

10. Landing criteria


Feature details

Priority P2
Rank 999
Theme / Goal Experience
Roadmap User Experience
Secondary roadmap `
Feature list Desktop
Project `
Engineering team Desktop front-end

Team status notes

  status notes
Products ` `
Engineering ` `
Security sec-review-unnecessary `
Privacy ` `
Localization ` `
Accessibility ` `
Quality assurance ` Test Plan
User experience ` `
Product marketing ` `
Operations ` `