Search: better user experience with one line of JavaScript

What’s the cheapest trick you can do to get a better user experience on your search solution, and make your users do better search queries?

Illustration: A standard search box

Add a small line of JavaScript in your template’s document ready function:

This will do two things for the user:

  1. It’ll be easier to see the search box .
  2. The user can start typing without having to click inside the search box.

Illustration: Better user experience ny setting focus on the search box

Next issue is that most intranet and websites are more than just a search solution. Maybe you don’t want that much attention on the search box on your homepage. The solution is then to do this on your search result page.

Illustration: Better user experience ny setting focus on the search box

This will make it easier for your users to enhance their search query when they’re not happy with the search result at hand.

Illustration: Better user experience ny setting focus on the search box

Do you have any other examples on other quick fixes that could make an even better user experience for your search solution?

Article written by

Espen Klem
Interaction designer with a love for log reading, statistics and mind-bending, user friendly concepts.


Leave a response





XHTML: These tags are allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Page not found - Sweet Captcha
Error 404

It look like the page you're looking for doesn't exist, sorry

Search stories by typing keyword and hit enter to begin searching.


OSLO

Comperio AS
Øvre Slottsgate 27
NO-0157 Oslo,
Norway
+47 22 33 71 00
View map

STOCKHOLM

Search Provider Sverige AB
Gamla Brogatan 34
SE-11 120 Stockholm
Sweden
+46 8-21 49 00
View map