Button-less search fields on mobile

[yosefw]

How can I simulate a search on mobile without using a search button?
As you all know, search fields on mobile often don't have any "search button" (e.g tumblr_lvn0wpJ2rn1r71i1jo1_500.png), and instead rely on the keyboard's "Go" or "Done" key to perform the search. I found that using a text field DOES bring up the keyboard with a suitable key, but I didn't find any event that responds to such events. Am I missing something?

[silvabokis]

I guess you would need to prototype an onscreen keyboard that appears when focus goes into the text field. Key presses on the keyboard would be appended to the text in the text field and the Enter button of the keyboard would have an OnClick event to submit the search.

[yosefw]

I guess you would need to prototype an onscreen keyboard that appears when focus goes into the text field. Key presses on the keyboard would be appended to the text in the text field and the Enter button of the keyboard would have an OnClick event to submit the search.

This sound like a huge bypass for something that should be rather easy. Is there maybe a way to activate an OnKeyUp event only when a specific key is tapped?

[silvabokis]

Are you saying you're happy with standard keyboard input rather than emulating an onscreen keyboard?

[yosefw]

Are you saying you're happy with standard keyboard input rather than emulating an onscreen keyboard?

I'm prototyping a mobile app, testing it on a mobile phone. Upon focusing on the search field, the keyboard comes up. I want to "Go" button (on android) and "return" button (on iPhone) to initiate the search.

I've found a workaround - hiding somewhere in the prototype a button that initiates the search with an OnClick event, and then assigning it as a submit button of the search field.

[silvabokis]

Ah sorry, for some reason I assumed you were testing on a computer (DUH)..

[yosefw]

Anyone else?

[light_forger]

Hi @yosefw ,

If you are trying to simulate dynamic search results (e.g. results shown on typing in the search field), you can use a technique similar to this one: Creating AJAX-style auto complete functionality within Axure prototypes – UPDATED | Business Analysed

Essentially you will be hard coding a scenario but it should communicate the functionality appropriately!

I hope this helps!

[lemon]

Yes, a way to search without a call to action in the UI would be nice. IOS has 4 keyboards available and it would be nice to use the "url" keyboard for a search prototype.

Loading…