Search - Quick Usability Improvement!

[bobbravo2]

Hey team,

 

Problem

the current realtime search requires users to refocus from typing to the mouse to select a client.

Solution

re-structure XHTML to allow keyboard down arrow to select results, and make the items fill the div, so they are easier to click

 

 

This is a quick fix, it has to do with the way the intelligent search dropdown functions. It'd be great if

1. The results were wrapped
   
2. When you press down arrow, it selects (and hilights) the first result
   
3. down arrow selects the next result
   
4. et al
   

 

Here's how it works now:

A[href=result]>Result Text

 

Here's how I'd do it:

A[href=result]>>SPAN[style=display:block;width=parent width]>>Result text

SPAN:hover[style=background-color:#FFF]

 

This will make the span wrap the contents, which is wrapped by an anchor. The span is a inline element, so it won't be invalid XHTML, but is set to display:block, so that it fills the element.

 

What do you think?

[Matt]

I don't think we can do the arrow key based selection of results but the intelligent search styling has been changed to use full width divs in the 4.2 version currently in beta.

 

Matt

[davidkirk451]

With the new 4.2, you can tab and enter to go to a client in the search results.

 

I don't think we can do the arrow key based selection of results but the intelligent search styling has been changed to use full width divs in the 4.2 version currently in beta.

 

Matt