x/pkgsite: "Search help" button is too conspicuous

[myitcv]

What is the URL of the page with the issue?

https://pkg.go.dev/

What is your user agent?

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.59 Safari/537.36

Screenshot

What did you do?

Visited the page.

What did you expect to see?

A clean layout with items sized according to their importance.

What did you see instead?

My workflow with pkg.go.dev looks like this:

• Open https://pkg.go.dev/
• Search
• ...

It's a minor point, but I find that my eye is consistently drawn/distracted by the "Search help" button. It's as large/prominent as the "Search" button, even more so perhaps because it (the help button) has an icon.

Could this not be relegated to a "Need help?" link below the examples? The example are already some form of "help", so adding a link beneath them is not that much of a stretch.

Or perhaps a help icon to the right of the search input box itself?

Prior art here is the google.com homepage - where I note there isn't even a help link (which is less useful to my mind)!

[julieqiu]

Could this not be relegated to a "Need help?" link below the examples? The example are already some form of "help", so adding a link beneath them is not that much of a stretch.

I like this suggestion.

/cc @Joanne881107 @spf13 @fflewddur for product / UX input

[jinhongy]

The initial plan is to replace this "Search help" with "Advanced search" when that is ready. However, it make sense for now to leverage the this link with the examples below.

[fflewddur]

I agree, the search help link looks like a button itself, and on systems that order the primary action button to the left (e.g., macOS and most Linux desktops), it's in the exact area you would look to find the primary button. I like Paul's suggested solution, but whichever approach we take, we should ensure that it 1) makes this look less like a button, and 2) moves it out of the primary focus area for macOS and Linux users.

[julieqiu]

@Joanne881107 would you mind sharing an updated mock for this page?

[gopherbot]

Change https://golang.org/cl/254878 mentions this issue: content/static: update "Search Help" button on homepage with a11y fixes

[jamalc]

Here is a screenshot of the new homepage layout.

[julieqiu]

Fixed.