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.6k
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 ...
- 24.5k
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,789
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-...
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
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,301
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.4k
2
votes
Better UX when comparing large copy on a mobile display
This is half content challenge, half UX challenge.
The slider/swipe approach as per your mobile mockup is not desirable because you are simply replicating the desktop layout on mobile, except you're ...
- 7,671
2
votes
Accepted
Comparing multiple attributes of multiple things
The key point is user friendly way. Which isn't in your design.
The problems are:
Users need to dive too deep into details from the very begining. Most users don't want to read/think. They just ...
- 22.6k
2
votes
Do you know any mobile alternative to sliders?
A spinner is (one of?) the most common input method.
It's essentially a really big slider where you don't slide your point, but you slide the underlying numberline.
You could take the same ...
- 8,301
2
votes
Specific term in UX for the task of comparing Visual Design files with developed HTML pages?
There isn't a formal UX terminology for what you are describing, although some people would call this a Design Review.
Where this fits in the development process will depend on the development ...
- 8,904
2
votes
Specific term in UX for the task of comparing Visual Design files with developed HTML pages?
Sometime we call it "UX Review" and sometimes we call it a "Build Review" since we're reviewing both the styling of UI elements and UX functionality in a product's current build.
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
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
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.
...
- 26.4k
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 ...
- 818
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.
- 554
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,731
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,515
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
1
vote
How to compare similiar products and highlight differences and USPs?
I think this is quite a tricky topic. The first step would be to determine your goal and user group.
As far as I get your idea it's more a product comparison website.
1) To compare things you need ...
- 419
1
vote
Tooltips on a tiered donut chart - what to display?
The circles you are using to compare the 3 values
Radius: Doesn't represent anything as you have it right now
Arc: Value between 0% and 100%
Color: Differentiate elements
Your bottom approach is ...
- 16.8k
Only top scored, non community-wiki answers of a minimum length are eligible