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?
closed as primarily opinion-based by JonW♦ Feb 18 '15 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.
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).
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.
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.
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.
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 -----------------
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.