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

  • 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

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.

  • 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
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?

  • 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

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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