Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am very much a UX noob, but I need to design a web-page to display a large amount of numeric data, presumably in a grid. The users will be able to enter search criteria using the attributes shown in the grid.

One pattern I have seen is to have a pair of rows above the grid which contain the search mix/max criteria:

+----+----+----+
|    | A  | B  |
+----+----+----+
|min | 2  |    |
+----+----+----+
|max |    | 19 |
+----+----+----+
+----+----+----+
|    | 3  | 17 |
+----+----+----+

How do I lay out the page and how do I capture the minima and maxima? I like the sliders, but I think that to be usable they may be too wide for the column header

share|improve this question
    
Paul, your question seems interesting, but I couldn't quite figure out what the question is, exactly :). Could you clarify? What is the specific problem you're trying to solve? –  Vitaly Mijiritsky Jul 21 '11 at 12:07
    
I have 15 columns of (mostly) numeric data to display. I want to filter using number and date ranges. My question is how to lay out the page and how to capture the minima and maxima. I like the sliders, but I think that to be usable they may be too wide for the column header. –  Paul McKenzie Jul 21 '11 at 15:02

2 Answers 2

If I understood you right... I would do something like that:

enter image description here

Numbers under slider are editable on click and show their input field on hover.

share|improve this answer
    
I like this but I think that to be usable they may be too wide for the column header. –  Paul McKenzie Jul 21 '11 at 15:02
1  
It doesn't have to be a column header, it can be placed anywhere on page. Fro example on left side of table, or above it. –  Dmitry Semenov Jul 21 '11 at 15:42

Take a look at this implementation of data filtering possibilities. Sample a few of your datasets and try to match them to search, filter or min/max slider/select use cases. Are you doing reporting or trying to help people to find and filter the searched dataset?

share|improve this answer
    
That example is not capturing range data –  Paul McKenzie Jul 21 '11 at 15:02
    
Well range is builtin actually. –  UplusX Jul 22 '11 at 13:26

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.