959564 - [UX] Design for awesomebar search suggestions

Status: RESOLVED FIXED

(Firefox :: Search, defect, P1)

Description

[Mike de Boer [:mikedeboer]]

Which answers the following questions:

- how to disambiguate frecency results with same favicon?
- how does it interleave with history/frecency items?
- how many are we showing?
- how to handle search default without suggests?
- how to handle asynchrony of results?

Comment 1

[Jennifer Morrow [:Boriss] (UX)]

Attachment: Mockup: Search suggestions added to bottom of URL bar

(In reply to Mike de Boer [:mikedeboer] from comment #0)
> Which answers the following questions:
> 
> - how to disambiguate frecency results with same favicon?

Search suggestions will be denoted separately at the bottom of the URL, with a magnifying glass icon, rather than a favicon (see 1d in mockup).

> - how does it interleave with history/frecency items?

Placed in bottom of list.

> - how many are we showing?

Maxiumum of 6, depending on how many are available.

> - how to handle search default without suggests?

No change to current UI.

> - how to handle asynchrony of results?

Show relevant as possible suggestions on load, never changes suggestions while open.

Comment 2

[Stephen Horlander [:shorlander] (If you're waiting on a response please ping me on Slack or Riot)]

Created an initial Specs Page:

http://people.mozilla.org/~shorlander/mockups/AwesomeResults/AwesomeResults-01.html

Has mockups and some specs.

Todo: Still need to finalized dimensions, layout and some per platform stuff.

Comment 3

[Marco Bonardo [:mak]]

Stephen, I see you want to align the icons with the icon in the locationbar.
What's expected to happen if there are other button to the left of the back button, or if we are showing the forward button?

My second question is, should we keep using the default empty dotted favicon for entries not having a favicon, even if it looks quite bad in this context? (see bug 1074937 for example). Should we rather use the globe icon as suggested here (https://bugzilla.mozilla.org/show_bug.cgi?id=1074937#c3)?

Comment 4

[Stephen Horlander [:shorlander] (If you're waiting on a response please ping me on Slack or Riot)]

(In reply to Marco Bonardo [::mak] from comment #3)
> Stephen, I see you want to align the icons with the icon in the locationbar.
> What's expected to happen if there are other button to the left of the back
> button, or if we are showing the forward button?

Results should still be aligned even if we have stuff to the left of the icon in the location bar. Which right now is the forward button and the notification area. Although really I would prefer not to show the notification area if you are actively in typing/searching mode form Awesome Bar.

> My second question is, should we keep using the default empty dotted favicon
> for entries not having a favicon, even if it looks quite bad in this
> context? (see bug 1074937 for example). Should we rather use the globe icon
> as suggested here (https://bugzilla.mozilla.org/show_bug.cgi?id=1074937#c3)?

Yeah, switching to the globe would be nice here. I think the dotted outline doesn't work that well in a lot places. Would work better as a transient thing while we fetch a favicon or decide there isn't a favicon and switch to the globe.

Comment 5

[Marco Bonardo [:mak]]

(In reply to Stephen Horlander [:shorlander] (Away until 7/20) from comment #4)
> (In reply to Marco Bonardo [::mak] from comment #3)
> > Stephen, I see you want to align the icons with the icon in the locationbar.
> > What's expected to happen if there are other button to the left of the back
> > button, or if we are showing the forward button?
> 
> Results should still be aligned even if we have stuff to the left of the
> icon in the location bar.

This means the popup should still take the whole screen and have empty space on the left, or it should start at a fixed offset from the textfield (enough space to contain the star and whatever we put on the left)?

Comment 6

[u428464]

This mockup shows 8 result entries by default. Since the results take a smaller height it would be nice to change the current 6 entries for 8 entries and get rid of the scrollbar at the same time.

Comment 7

[Marco Bonardo [:mak]]

(In reply to Guillaume C. [:ge3k0s] from comment #6)
> This mockup shows 8 result entries by default. Since the results take a
> smaller height it would be nice to change the current 6 entries for 8
> entries and get rid of the scrollbar at the same time.

the mock-up will be implemented at a later time, as shown here (8 results and no scrollbar). first search suggestions implementation will retain the current 2-lines style with the scrollbar, unless the theme patch is simple enough for uplifting it.

Comment 8

[:shell escalante]

suggestions part was fixed

Comment 9

[Drew Willcoxon :adw]

New spec being implemented in bug 1181078:

http://people.mozilla.org/~shorlander/mockups/AwesomeResults/AwesomeResults-02.html