7
votes
Plotting a comparison graph where less is better
Simple plain table does the job reasonably good:
Your plot is not perfect tool for comparison: it requires too much cognitive efforts to process.
You need to get numbers from the plot. It's hard ...
- 22.7k
5
votes
Accepted
Looking for options to make the UI more pleasant and understandable
Don't worry about 'sexy'; make sure the user knows what they need to do, what they've done, and where they are in the process. Focus on comprehension.
Your question is concerned with layout, but ...
- 25k
3
votes
What results to display when comparing current and past data?
Intuitively, I would expect the current list of "Top Locations" to remain in place and in the same order, but simply with an additional bar showing last week's values.
In the case of no data ...
- 19.6k
3
votes
Plotting a comparison graph where less is better
Flip it upside down. Make the top of the graph the goal (zero error) and hang the bars underneath. This way you can still have the general idea of higher is better, and you can then chart going from ...
- 8,379
3
votes
Plotting a comparison graph where less is better
If you MUST use a bar chart to convey this information, horizontal bar charts tend to do a better job of minimizing the "taller is better" interpretation. I would also use thinner bars, no wider than ...
- 141
3
votes
Side-by-side code diff view UX
I personally prefer the 2nd one.
Why?
For the simple reason that it shows me both the states as-is.
If one version has one 20 lines of code then I see it altogether rather than it being dependent ...
- 6,829
3
votes
Accepted
Efficient vs Elegant design
Sadly UX design is never formulaic, it depends on your business objective and also branding.
Efficient vs Beautiful design has been the biggest dilemma, but bear in mind that there is Aesthetic-...
2
votes
Comparison of data tables
May I suggest you consider side by side display, with visual indicators of difference?
If you can elaborate what's important (change/discrepancies, seeing whether values are higher or lower, etc.), ...
- 849
2
votes
User interface design comparison test
You would be able to compare the two by making a prototype of the existing site.
This prototype (of the existing site) should be presented with the same tool and have the same level of detail.
You ...
- 6,641
2
votes
UI/UX for Comparing items based on parameters side by side in an Android App
I would suggest docking the top bar (with the 3 products) and listing all the feature vertically with icons to indicate availability. I would think this approach would be the most direct and all the ...
- 21
2
votes
Accepted
How to show both old and new data when editing without using tables?
Structuring the two sides where the form fields are in the same positions on both sides, as you have shown, should be sufficient to allow the user to compare the unmodified to the modified data.
...
- 19.6k
1
vote
How would you visualize authorization deviation with 90+ rules?
With so many rules there can be a very high density of information with potentially a lot or very little change. However, since the focus is on the delta (i.e. difference rather than actual details) ...
- 27.7k
1
vote
How to display comparison of two versions of a blog post?
Have you looked at commercial source control merge programs? Not to use them but just to see how they format stuff? FYI I use Beyond Compare myself. Having 3 windows can be user friendly ... version ...
- 11
1
vote
"Partial" icon in a comparison table
Personally, I would drop the icon and go with just the "Partial" text.
I would also make this a clickable link (visually al least), so it is more obvious that you can find out more ...
- 7,111
1
vote
Accepted
Can I Merge a Batch List-Item Selector with a Comparison List Selector?
Try a single selection mechanism, then split the actions into buttons.
Right now you're mixing properties and actions in the form of a 'compare' column.
Compare is not a property of the row (instance)....
- 25k
1
vote
how to relay same table header on multiple tables?
It would work to have a sticky header that appears in the proximity of tables and dissapears when text or other elements are shown in the page.
- 4,578
1
vote
Accepted
Comparison table for subelements
Second version by far. The user has more control over functionality and can reach relevant information faster and easier!
- 983
1
vote
Order of conducting "comparative analysis" and "competitive analysis"
Ideally you would probably end up doing both as part of your research, so assuming you do them at around the same time it will not really make too much different the order that you carry them out.
...
- 27.7k
1
vote
Responsive feature comparison layout / grid
I would suggest getting outside of the concept of a table (not famous for responsiveness).
A great way to arrange data on a responsive grid are cards. They can display data nicely, are easily sorted (...
- 346
1
vote
Comparison of values in chart field cell
You are starting from to strings of text: the old string and the new string.
Then you want to show just these two strings, in a way that allows the viewer to scan the text quickly, even if it is very ...
- 848
1
vote
How should a quarterly price be displayed- quarterly or monthly (billed quarterly)?
Beware of falling into dark UX patterns. One of the classic dark patterns is to make price comparison difficult by showing different prices at different units of measurement to make one seem ...
- 1,176
1
vote
Comparison of data tables
Some data fun from Edward Tufte: the cancer death rates.
What can we see from here?
Tufte knows a thing or two about fun examples
The dynamics of death rate over the years.
How can we apply it to ...
- 121
1
vote
Best way to structure a table with several columns
You can invert the rows and columns like this:
download bmml source – Wireframes created with Balsamiq Mockups
And put a filter for the user to filter the standards.
- 564
1
vote
Why online shopping websites are removing comparsion feature?
Comparison gets harder when two products are having different set of fields in them.
So in nowadays case most of the data that are in shopping sites doesn't match the other product of same site or ...
- 1,741
1
vote
Why online shopping websites are removing comparsion feature?
Good reads:
How to stop choice paralysis damaging your sales by Paul Boag
The Paradox of Choice: freedom overload equals the Analysis Paralysis by Arthur Rabier
The effort of finding a product ...
- 146
1
vote
Why online shopping websites are removing comparsion feature?
We have to first define “useful feature”…..
To the owner of a shopping website a feature is only useful if it results in them making more profits. This requires a feature to result in more ...
- 591
1
vote
Accepted
Allow a user to engage with components that are loaded while waiting on others?
Recommendation
Staggering the data loading will allow the user to view the data that is available. However be careful not to make the loading animation too distracting.
Things to consider
...
- 1,495
1
vote
Feedback on how to compare two groups of data visually on one page?
I think it is a good idea to use the colors. The problem here now is that the color information is separated from the actual content. This means that someone quickly scanning the page might not notice ...
- 316
1
vote
Better way to compare two data sets visually on a page?
The only issue I see on your proposal is that it's very verbose, not focusing on the value that is being compared.
Here's a proposal:
download bmml source – Wireframes created with Balsamiq ...
- 1,733
1
vote
Better way to compare two data sets visually on a page?
I recommend going with a table structure and have the common text in a column and put the differences in different columns, this way you can show more data and user can easily connect with the data ...
- 970
Only top scored, non community-wiki answers of a minimum length are eligible