Thread by @smashingmag

Everything I think about when I think about feature comparison. #uxpatterns

01 — How do you indicate that comparison is possible?
02 — What happens when the first item is added for comparison?
03 — Have we disabled the option to compare only one selected item?

04 — How do we highlight a product selected for comparison?
05 — Do we display a comparison bar or a modal after adding to compare?
06 — How do users unselect a selected option?
07 — Should we suggest products to compare at some point?

08 — How many items can a customer add for comparison?
09 — Do we use animation or transitions to display comparison?
10 — Do we display the price (or price development), individual product page URL, ratings, reviews, thumbnail, model name, and price-matching tooltip?

11 — Can users switch to see only differences/similarities/all?
12 — Do we group and collapse attributes by default?
13 — Do we track attributes’ consistency/comparable metadata?
14 — Do we highlight columns and rows on hover or tap?
15 — Can the user move columns left and right?

16 — What if users compare items in unrelated categories?
17 — How do we allow users to add more items for comparison?
18 — How do we allow users to remove items from comparison?
19 — Should we ask customers to choose preferred attributes?

20 — Do we suggest a winner among the compared products?
21 — Does every action have visual and/or aural feedback?
22 — Do we display sticky headers as users scroll down the page?
23 — With many products, do we use steppers to move between options?

24 — Have we provided a shareable link for comparison?
25 — Are compared items stored persistently (page refresh/exit)?
26 — Do we include a “Notify about price drop” option for emails?
27 — Is the feature comparison (and navigation within) accessible?

If you'd like to see a few more examples of various #uxpatterns, we have online workshops on smart interface design patterns coming your way soon :-)

smashingconf.com/online-worksho…

Just sayin' ;-)