[UX] Visual design for Awesome Bar layout cleanup

RESOLVED FIXED

Status

()

RESOLVED FIXED
5 years ago
4 years ago

People

(Reporter: sevaan, Assigned: mmaslaney)

Tracking

(Depends on: 3 bugs)

33 Branch
x86
All
Points:
8
Dependency tree / graph
Bug Flags:
firefox-backlog +

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [ux])

Attachments

(1 attachment, 2 obsolete attachments)

(Reporter)

Description

5 years ago
A visual design pass needs to be performed on the recent Visual Improvements to the Awesome Bar design spike (Bug 1034542).

To consider:

- Additional styling tweaks
- Various platform stylings

Mockups: http://people.mozilla.org/~sfranks/AwesomeBar/Visual%20Improvements%20to%20Awesome%20Bar.pdf
(Reporter)

Updated

5 years ago
Depends on: 1040923
(Reporter)

Updated

5 years ago
No longer depends on: 1040923
Flags: firefox-backlog+
(Reporter)

Updated

5 years ago
Depends on: 1040923
Summary: Visual design pass on updated visuals for Awesome Bar → Visual design for Awesome Bar layout cleanup
(Reporter)

Updated

5 years ago
OS: Mac OS X → All
(Reporter)

Updated

5 years ago
Depends on: 1041747
(Reporter)

Updated

5 years ago
Depends on: 1041750
(Reporter)

Updated

5 years ago
Depends on: 1041743
(Reporter)

Updated

5 years ago
Depends on: 1041754
(Reporter)

Updated

5 years ago
Depends on: 1041757
(Reporter)

Updated

5 years ago
Depends on: 1041761
QA Whiteboard: [qa-]
Summary: Visual design for Awesome Bar layout cleanup → [UX] Visual design for Awesome Bar layout cleanup
Whiteboard: [ux]
Hi Michael, can you provide a point value for this bug.
Assignee: nobody → mmaslaney
Status: NEW → ASSIGNED
Iteration: --- → 34.1
Flags: needinfo?(mmaslaney)
Since this would fit in here quite neatly, could you also include the visual styling for search suggestions (https://bugzilla.mozilla.org/attachment.cgi?id=8459805) into your spec?

Let me know if you think that this would be better served by a separate bug.
(In reply to Marco Mucci [:MarcoM] from comment #1)
> Hi Michael, can you provide a point value for this bug.

8
Flags: needinfo?(mmaslaney)
Points: --- → 8

Comment 4

5 years ago
Bug 583683 should be taken into consideration here.
Those look great!

Two little concerns:
- The highlight of the currently selected suggestion is very subtle. How about emphasizing that a bit more? (http://people.mozilla.org/~mmaslaney/Search/AwesomeBar-google-search.png)
- Maybe that's just me, but the text »Google search for:« seems to sit a few pixels too high up.
Created attachment 8467104 [details]
AwesomeBar-Assets.zip

Thanks for the feedback, Philipp. I increased the contrast of the type and moved the information down a pixel or two.


Results:
http://people.mozilla.org/~mmaslaney/Search/AwesomeBar-results.png

Search and Suggestions:
http://people.mozilla.org/~mmaslaney/Search/AwesomeBar-google-search.png

Spec:
http://people.mozilla.org/~mmaslaney/Search/AwesomeBar-Spec.png
Status: ASSIGNED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.