Skip to main content
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 ...
Alexey Kolchenko's user avatar
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 ...
Mike M's user avatar
  • 24.7k
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 ...
PixelSnader's user avatar
  • 8,331
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 ...
mix3d's user avatar
  • 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 ...
Shreyas Tripathy's user avatar
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-...
Samiadji Falahanif Ranggagani's user avatar
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 ...
maxathousand's user avatar
  • 19.5k
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.), ...
TernaryTopiary's user avatar
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 ...
SteveD's user avatar
  • 8,934
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.
Michelle Chin's user avatar
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 ...
Savio Araujo's user avatar
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 ...
Mayo's user avatar
  • 6,641
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. ...
maxathousand's user avatar
  • 19.5k
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.
Chris's user avatar
  • 4,558
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!
Mihnea Patrascu's user avatar
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. ...
Michael Lai's user avatar
  • 27.3k
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 (...
vsvec's user avatar
  • 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 ...
qoba's user avatar
  • 838
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 ...
denveruxer's user avatar
  • 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 ...
Ivan Braun's user avatar
1 vote

UI/UX for Comparing items based on parameters side by side in an Android App

This seems to be tricky since you have to show so many informations on a very small display. Let's set on the user needs perspective, they probably are interested in comparing same informations about ...
Marco Tatta's user avatar
  • 1,752
1 vote

One button for two actions

I personally understand the logic of this double-button and I think I would get the idea, but it all depends on the perception of every user. I see this solution as a purposeful ambiguity, which is ...
Mircea's user avatar
  • 522
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.
Maisa Barros's user avatar
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 ...
Harshith's user avatar
  • 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 ...
atchrismai's user avatar
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 ...
Ian's user avatar
  • 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 ...
jColeson's user avatar
  • 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 ...
Satu's user avatar
  • 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 ...
Joao Carvalho's user avatar
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 ...
Deekshit-CUA's user avatar

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