4

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

2
  • 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? Jul 21, 2011 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. Jul 21, 2011 at 15:02

2 Answers 2

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.

2
  • I like this but I think that to be usable they may be too wide for the column header. Jul 21, 2011 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. Jul 21, 2011 at 15:42
1

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?

2
  • That example is not capturing range data Jul 21, 2011 at 15:02
  • Well range is builtin actually.
    – UplusX
    Jul 22, 2011 at 13:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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