Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket.

All packages are on the same page next to each other so its easy to view and compare against one another.

We are developing a separate mobile website, not responsive.

How would I go about laying this out on a mobile platform. Taking the above into consideration?

share|improve this question
Hi Paul, welcome to UX.se! You can make you question better and get better feedback if you add some mockups/screen shots of your design and talk about any restrictions you might have on the mobile design. Platform restriction, format restriction, etc. –  rk. Apr 29 '13 at 21:10

1 Answer 1

up vote 5 down vote accepted

You could put them next to each other just like on the desktop version, but keep only one in view. Flipping to the left and right would allow switching between the packages and comparing the features. Be sure to clearly delineate each feature.

Additionally, it might be useful to be able to look at a comparison of a single feature across the three packages.


download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
Good use of horizontal scroll :) Maybe also make them tiles swappable for side-by-side comparison. –  rk. Apr 29 '13 at 20:55
-1 for relying on working memory for a comparison –  uxzapper Apr 30 '13 at 2:10
@uxzapper, I think I covered that by offering a per-feature comparison pop-up window. Also, instead of offering critique, why don't you try to come up with a better idea? –  Koen Lageveen Apr 30 '13 at 5:59

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.