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.

I have found only one example of this so far (Best Buy) and it is not very well executed. I'm wondering if there are any good examples of mobile sites that allow product comparisons, or if perhaps compare functionality is just not something that can be done well on mobile at all?

share|improve this question

closed as primarily opinion-based by JonW Feb 18 at 10:51

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

    
Hmm, no answers or examples out there? –  Michael Histen Oct 25 '11 at 17:33
    
The problem here is that although some people might want to do comparison shopping on mobiles there just isn't enough screen real-estate to make the experience enjoyable. –  dnbrv Jan 10 '12 at 12:58

6 Answers 6

I'm not sure it's "the best way", but what immediately came to my mind was a horizontally scrolling list of the product attributes you are comparing. Apple does something similar in the App Store app, where you can scroll through the screen shots of an application. Imagine you're looking at product attributes instead of screen shots. I think it would work as long as the list of attributes you are comparing isn't terribly long. Then you might get into a double-scrolling situation (horizontal and vertical).

share|improve this answer

This is a tough UX challenge since product comparisons often require a lot of real estate. Obviously a conflict here on a mobile device.

Since no one really does it all that well, why not try something a little unexpected that plays to the strengths of mobile devices? One idea I have is play with orientation, which could effectively double your real estate. You could set it up so that in vertical mode, a series of thumbnails is shown. That would be the visual comparison. Vertical mode would also include a little instructional text for the first time user to encourage them to switch to horizontal mode and compare specs. Rotate the screen and you get the tech spec comparison with the ability to slide right to see more of the products.

Something like that could be neat.

share|improve this answer
    
That only works if they have a mobile that does horizontal. –  CaffGeek Jan 10 '12 at 15:05
    
true, you should definitely look at your site analytics to get a sense of your visitors' mobile capabilities. You could do an alternate/more standard version for, say, Blackberry users. Using media-queries, my suggested technique would work for iOS, Android, WP, and WebOS... –  Matthew Moore Jan 10 '12 at 15:37

The only responsive industry solution i've met is http://www.samsung.com/nl/consumer/tv-audio-video/televisions/ . With a few adjustments it might even work nicely on the smallest viewports. Just take into account not to use too many products for comparison.

share|improve this answer
    
The link doesn't contain product compare any more –  mieze May 5 at 4:02

Assuming the comparison includes a technical specification - Let the user add or remove or arrange (drag n drop) the the specs items that are more or less important. If the user wants to buy a a new monitor then the resolution might be an important factor. Let the user compare only that spec.

share|improve this answer

Assuming only one column in the design, make a list of common attributes first, then follow with a list of the varying attributes, one on top of the other but still within a list item.

COMMON:
-----------------
Touchscreen
-----------------
1GHz processor
-----------------
Aluminum body
-----------------

COMPARISON:
-----------------
(1) Android
·················
(2) WebOS
-----------------
(1) 4 inch screen
·················
(2) 3 inch screen
-----------------
share|improve this answer

I think that an horizontal scroll would be the best answer to this problem. And how Andy S said, something like the screenshot gallery inside an App detail in Apple App Store should work.

share|improve this answer

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