Tag Info

Hot answers tagged

35

The trick is to not look at it as data or key-value pairs, but how the user would review it. For each data point evaluate what it means for the user.. e.g. Acreage .046 - does that mean anything to the user ? How much is .046 acres.. they care about the size of the lot. For smaller lots you might want to user different units. Then you have square ...


23

It depends. It depends mainly on how users will be locating the data they are interested in. Numerical Stats in a Row If the page is repeating the same stats groupings in the same order, then positional memory will be used, and the numbers themselves also cue the reader in to positioning - Best bowling 5/45 has a different form to Economy Rate 1.51 and ...


16

Definitely 8+. I've met college graduates who still get the less than and greater than signs mixed up.


15

A dropdown with 450+ values is extremely unusable on any device, including desktop. But you say that you're only looking for a solution for the basic mobile version, so let's stick to that. Probably the best way to simplify this for the mobile is to have a first screen/popup display the alphabet, then as you tap a letter you drill down to the list of ...


13

Considering your content is like most where the user will be reading the data more often. For example consider where your eyes go first: - Bowling Pins: 32 and now the opposite: - Bowling Pins: 32 - They user will come to the page for the first time and: See the bold data, than look at what they represent. The user will return to look up the data ...


13

I guess one can always find special cases, but in the general case, I would go with rounding the correct sum, not summing the rounded numbers. The point of rounding is to make a number easier to digest at a glance. And while we are aware that there is a tradeoff due to lost accuracy, we want to keep the accuracy loss as small as possible. If you were to ...


12

Possibly neither, they each have different meanings: >8 = greater than 8 8+ = greater than or equal to 8


12

Unless you have auto complete, a list with 450+ options is never very user friendly, and always hard to use, especially when you even allow multiple selections. Given that the task to add books to the library is a very common one, that should be done fast, I would propose a more simpler backend-powered solution using two simple steps: First the user is ...


12

From Wikipedia: In statistics, a histogram is a graphical representation of the distribution of data. It is an estimate of the probability distribution of a continuous variable. The emphasis is on continuous variable, as opposed to discrete variable. The histogram In the top histogram you've presented, the X axis is time, which is continuous in this ...


11

You pretty much want to go for one or the other extreme, where the extremes are: Explicit Save for Everything. Everything needs saving through an explicit command. Autosave Everything. Everything is saved automatically and instantly. You want the user to have as simple a mental model of the system’s behavior as possible. You don’t want to burden the ...


10

Depending on the nature of data, you can use Tufte's Sparklines. This approach combines text, color and small graphics. Google Analytics makes use of this approach in their control panel:


10

I think going iconic is only going to add vagueness and detract from the value that a number gives you. Users are pretty good at scanning a column of numbers and interpreting them. I'd suggest keep the ranking as an integer number. Put the 'out of' in the header of the table. If you do actually have eighteen thousand companies, then consider whether the ...


10

The problem with tabs within tabs is mostly visual, not logical. The situation you describe has three navigation levels - that's not that uncommon. If you make the different navigation levels look different from one another, you'll find that the perceived complexity is reduced. download bmml source – Wireframes created with Balsamiq Mockups


10

From a UX perspective, there is no reason that the sum has to be 100. You may be thinking in terms of percentages, but it is trivial to scale them up or down to make the net effect 100. What usually matters in weighting is the weight of a single item relative to the total weight. You can easily calculate this, so there is no need to burden a user with ...


9

If all of the steps are equal in time/effort/complexity, steps make more sense. When step #1 requires watching a 20 min. video presentation, and the entire 5-step process can be done in 25 minutes it's not really 1/5 but more like 80%.


9

Perhaps you could express the non-linear scale by making your gridlines become denser along the y-axis, as in the (poor) MS Paint mockup below:


9

Why not try something like what you get in the iOS Mail app. A simple text input field Drop down auto suggest (just like in Google Search) When you have added a single item (like author in your case), you can type another one, by pushing the + button at the end of the input field (and previously entered items can be deleted ony by one.) This solution ...


9

So, how do you define the minimum value? Tuftes’ data density is really about three principles: (1) Above all else, show the data, (2) Maximize the data-ink ratio and (3) Erase non-data ink. In its extreme this could be interpreted as small as possible human could read. We’re talking about font-sizes as small as 3 pixels, but practically 5 pixels which ...


8

Does the user need all the parts to be loaded to use the page effectively ? If so, then going with the approach of loading parts separately might not be a good experience as users might want to interact with these parts and find that they can only partially interact or not interact at all might ruin the user experience. However if you can interact with the ...


7

A faded or grayed-out placeholder text could also work pretty well.


7

I think you are going to be hard pressed to find many such studies because they are both very valid use cases that can, and should, live side by side. For example, if I am looking to purchase a snowboard I may go to a commerce website and browse their snowboards section. Alternately, if I am looking for a snowboard with the picture of a yeti on it I may ...


7

Maybe these designs can be useful to you 15 Tips for Designing Terrific Tables 30+ Nicest Table CSS Designs You Can Apply Into Your Project Tables in Web Design: Beautiful Examples and Best Practices HTML Table Building: 30+ Beautiful Examples And Useful Javascripts


7

That really depends on what people are voting on exactly, the effect of their vote, and how many others have voted. Consider this design, before a vote was made: Although not a complete argument, the less effect your actions have the less motivated you are to act. Thus if 50000 people voted against and only 12 for, people may be less motivated to vote. ...


7

What about something like a revs dial or speedometer? Doing it this way you can use the bar to indicate the good / bad ranges of values (colour and text), and use a pointer to show the value. Something roughly along these lines: The same concept can also be applied to a linear bar


7

Have you considered simply inverting the direction of fill to indicate which is the desired motion? Your original for 100% is the target: And when 0% is the target: EDIT: As the above is probably not really intuitive for most people, I would consider a simple nondescript token in the corner of the goal end. Here I selected border color, and ...


6

A common web interface for this task is to have the items in a list, with the posibility to search and sort the list. The rightmost (last) column has an edit button, when clicked makes the row editable and switches the edit button to two new buttons - "save" and "cancel". After the row has been updated, make sure to give the user feedback if the the save ...


6

I had to do something similar for mapping virtual channels in an ATM switch. Adapting this to your situation: Check-as-you-go: Remove the restriction of all rows changing together by working on a shadow table. This is the only sane way to make your warnings and error messages be timely and make sense. When everything is OK, then the user can commit ...


6

What is the basis for your concern? Are you guessing or do you have data? That's the first step: actually ask your users whether this is confusing or not. Perhaps they understand just fine. One immediate thing I would change, however, is to have the "use logarithmic scale" and the actual readout on the Y axis be more visually connected. Consider actually ...


6

Rather than disabling or removing controls, you could show counts besides the unused filter criteria like so: There are a few pro's to an approach like this: Users can know whether filtering on a given criteria is useful before taking any action, so there are fewer wasted actions. Users can tell how useful a criteria will be at narrowing results. ...


6

You could turn the bar into a right angle triangle and stripe it to indicate position (essentially a low res bar chart or podium): If you wanted, the triangle could be less steep the more values it represented (like a stepped podium would be). The stripe could either be be placed as if the triangle is a low res podium/bar chart (e.g., a rank of 5 out of 9 ...



Only top voted, non community-wiki answers of a minimum length are eligible