Display a blue button with a magnifying glass (no "search")
Closed, ResolvedPublic1 Estimated Story Points
Actions

Assigned To

Authored By

	JGirault
	Feb 2 2016, 7:29 PM

Description

Note: We've changed the scope of this ticket - the original information is below in italics.

Display on the portal page the larger, more prominent search text box with a blue button next to it with a magnifying glass icon in it.

I noticed we are introducing an english label within the Search button.
Determine whether we should display the label "Search" in english.
Or only show the search icon?
Or i18n the label? (but comes the issue of getting all those labels, and I'd rather avoid it actually /@JGirault)

Details

	Project	Branch	Lines +/-	Subject
	wikimedia/portals	search-box	+61 -99	Display a blue button with a magnifying glass Seach icon and lang-picker caret now use sprite images.

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Resolved	Jdrewniak	T126052 Cross-browser support for IE - JS fixes
Resolved	debt	T125472 EPIC: Release to Production: Prominent Search Box with type-ahead (metadata/images in search results)
Resolved	Jdrewniak	T125564 Display a blue button with a magnifying glass (no "search")
Resolved	Jdrewniak	T126392 Make the search icon not pixelated on the search button.

Event Timeline

JGirault created this task.Feb 2 2016, 7:29 PM

JGirault raised the priority of this task from to High.

JGirault updated the task description. (Show Details)

JGirault added projects: Discovery-Portal-Sprint, Discovery-ARCHIVED.

JGirault added subscribers: • MSyed, Ironholds, JGirault and 3 others.

• ksmith moved this task from Needs triage to On Sprint Board on the Discovery-ARCHIVED board.Feb 2 2016, 9:20 PM

debt moved this task from Backlog to What's Next on the Discovery-Portal-Sprint board.Feb 2 2016, 11:19 PM

Hi @JGirault - I'd like the "Search" label to be localized if that's possible. That way, we can keep the larger box as we did in the A/B/C test (as shown in the image below).

abtest2 - typeahead.png (1×2 px, 468 KB)

I'd say we localize the 'search' button or don't show the word 'search' at all.

That being said, since we're were planning on A/B testing the 'ghost text' feature T124427
which would place the word 'search' in the text box, I don't think it's necessary to add the same word
right beside it on the button.

@JGirault Your right that some of @MSyed's mockups on T112171 do feature a button with the word 'search'
but I think we should do one or the other, not both (ghost-text or button).

One obstacle to consider if we do want to localize the button, is that we'd have to support a variable-width button
to accomadate all the languages (the image below is a little extreme, but who knows).

Screen Shot 2016-02-03 at 4.36.07 PM.png (694×1 px, 124 KB)

(Never mind the actual task of finding an appropriate implementation for localization, as discussed here T121843 )

Hi @Jdrewniak - great comments!

Let's keep the localized "Search" button as is for right now. Once we get the test done for the ghost text, and if all is well, we can drop the search in the button (make the button smaller) and use the localized language ghost text in the actual search box.

We'll have to try out the localized language ghost text to get a nice text box width to fit the longest translation. :)

debt set Security to None.Feb 5 2016, 7:07 PM

debt edited a custom field.

debt renamed this task from Should we show the label "Search"? to Display a blue button with a magnifying glass (no "search").Feb 5 2016, 10:42 PM

debt assigned this task to Jdrewniak.

debt lowered the priority of this task from High to Medium.

debt updated the task description. (Show Details)

We'll use these images for the search box (magnifying glass)... Thanks, @MSyed!

preview-SmallButton.png (220×170 px, 25 KB)

Actually look at the card here to get the right icon images. Thanks @Jdrewniak!

https://phabricator.wikimedia.org/T112211

Jdrewniak moved this task from What's Next to In Progress on the Discovery-Portal-Sprint board.Feb 9 2016, 12:50 PM

Change 269428 had a related patch set uploaded (by Jdrewniak):
Display a blue button with a magnifying glass Seach icon and lang-picker caret now use sprite images.

https://gerrit.wikimedia.org/r/269428

gerritbot added a project: Patch-For-Review.Feb 9 2016, 4:35 PM

Jdrewniak moved this task from In Progress to Needs code review on the Discovery-Portal-Sprint board.Feb 9 2016, 4:39 PM

JGirault moved this task from Needs code review to In Progress on the Discovery-Portal-Sprint board.Feb 9 2016, 8:47 PM

debt added a subtask: T126392: Make the search icon not pixelated on the search button. .Feb 10 2016, 1:03 AM

added https://phabricator.wikimedia.org/T126392 to be sure the magnifying glass is not pixelated.

Jdrewniak moved this task from In Progress to Needs code review on the Discovery-Portal-Sprint board.Feb 10 2016, 2:18 PM

JGirault mentioned this in M33: Textfield.Feb 10 2016, 9:04 PM

Change 269428 merged by jenkins-bot:
Display a blue button with a magnifying glass Seach icon and lang-picker caret now use sprite images.

https://gerrit.wikimedia.org/r/269428

JGirault moved this task from Needs code review to Done on the Discovery-Portal-Sprint board.Feb 11 2016, 2:32 AM

debt closed subtask T126392: Make the search icon not pixelated on the search button. as Resolved.Feb 15 2016, 5:50 PM

debt closed this task as Resolved.Feb 22 2016, 10:03 PM

debt moved this task from Done to Completed on the Discovery-Portal-Sprint board.Mar 1 2016, 9:29 PM

	F3307489: Screen Shot 2016-02-03 at 4.36.07 PM.png
	Feb 3 2016, 3:41 PM

Display a blue button with a magnifying glass (no "search")Closed, ResolvedPublic1 Estimated Story PointsActions

Description

Details

Related ObjectsSearch...

Event Timeline

Display a blue button with a magnifying glass (no "search")
Closed, ResolvedPublic1 Estimated Story Points
Actions

Related Objects
Search...