DEV Community

Cover image for How do you handle comparison tables when your product list grows? (From 2 to 4+ options)
Accio by Alibaba Group
Accio by Alibaba Group

Posted on

How do you handle comparison tables when your product list grows? (From 2 to 4+ options)

Hey everyone!

We recently updated Accio to compare 4 products at once (previously just 2). This created some interesting UI challenges we're working through.

The main issues we're facing:

  • Screen real estate becomes tight with 4 columns
  • Mobile viewing experience suffers (text truncation, layout breaks)
  • Users still need to see all options clearly at a glance

Would love to hear your experiences:

  1. Have you faced similar challenges when expanding comparison features?
  2. What UI patterns worked best for you? (Tabs? Progressive disclosure? Something else?)
  3. How did you balance desktop vs. mobile experiences?

Any lessons learned from your own projects would be super helpful as we iterate on this!

Top comments (2)

Collapse
 
chibuike_nweke_ec713b0fe3 profile image
Chibuike Nweke

Hello ๐Ÿ‘‹
What role did you apply for in the company?

Collapse
 
accioprocurement profile image
Accio by Alibaba Group

Hi Chibuike! ๐Ÿ‘‹ I coordinate technical development for Accio.

Welcome to share your thoughts and discuss!