758604 - Remove in-field label of search

Status: RESOLVED FIXED

(support.mozilla.org :: Search, defect, P3)

Description

[Kadir Topal [:atopal]]

Remove in-field label. Label should be on the button. Search box content should be empty unless you’re on Search Result Pages (in which case it would show your own search query)

Comment 1

[Will Kahn-Greene [:willkg] ET needinfo? me]

Why are we doing this when the box is empty? I see a lot of in-field labeling out there on the internet. Is it a bad UI/UX practice?

Comment 2

[Ricky Rosario [:rrosario, :r1cky]]

What should the label be if it goes in the button? Just "Search"?

Comment 3

[Bram Pitoyo [:bram]]

The button label should be “Search Mozilla Support”. Many testers apparently think all search widgets belong to Google, so clarifying what is being searched will help.

Comment 4

[Ricky Rosario [:rrosario, :r1cky]]

(In reply to Bram Pitoyo [:bram] from comment #3)
> The button label should be “Search Mozilla Support”.

Can we get a mockup of that? I assume the textbox width needs to be adjusted to accomodate the huge button that will result of this.

Comment 5

[Bram Pitoyo [:bram]]

Attachment: Top page with “Search Mozilla Support” button

I am using the <a> class .btn .btn-important that is currently used in the forum sidebar, but made these tweaks:

font-size: 14px;
padding: 4px 16px 8px;

Comment 6

[Bram Pitoyo [:bram]]

Attachment: Search Result page with “Search Mozilla Support” button

For the search result page, we simply change the value of the <input>.

Comment 7

[Rehan Dalal (Inactive)]

Landed:
https://github.com/mozilla/kitsune/commit/a3f9c345ef794e45a67532eb70847149296ad783

Pushed to production by Ricky at 2012-06-20 12:11:00 EDT