User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
We are building a small tool to compare mortgage terms and their impact on the user's finances in the long term.
This is our attempt with the table. Our goal is to draw some attention on the 15 year and 30 year results while also showing which term is the better one (green being the 'winner' and grey the 'loser'). How would you best draw attention on the winner's and loser's results within a table so that the data in it is easier to digest?
Here's the full design for context.
I like what you did by highlighting the prices at the 15-year mark, it's an important part of the graph that should be highlighted! I'd highlight the header row for the winner, as well.
I'd also suggest highlighting/enlarging the various points that make the 30year loan a winner. I like the copy you've written in the full design -- you can totally incorporate some of those into the graphs visualization.
This layout is tough for comparison, because the user is scanning back and forth across 9 very-similar columns. Some subtle striping could help. Best case would be hovering over one box and having the equivalent box for the other loan period highlight as well.
Test it out, but I'd also suggest building a view where the individual columns can be compared side-by-side (i.e. Mortgage-15y, Mortgage-30y, Investment-15y, Investment 30y, etc). What is the user most concerned about? Total mortgage left, or mortgage payments for each month?
