Ideation
The majority of Arnold Clark's online traffic is on mobile devices, so applying a mobile-first approach to the design work is a must. Making sure we nail the experience at this limited viewport before scaling up to larger views. There is a particular challenge in creating a comparison experience at this limited width. We had a lot of questions to answer while designing this feature.
Q. Do we limit the number of vehicles you can compare at any time?
A. Yes. It was decided to limit the number of vehicles a customer can compare to 4. This was to combat any information overload that could be experienced with a larger number. We wanted to help the customer narrow down their choices, when they are making their purchasing decision. Giving them this limit of 4 would encourage them to start looking more specifically at which vehicles they might be committed to buy.
Q. Do we limit the number of options visible on the screen at any one time?
A. With the limited viewport width, its not viable to have all of the comparison options be visible. However we felt that having a fixed number of 2 items on the screen at a time, only added frustration and rigidity to the experience.
Q. What information do we show within the comparison table?
A. Ideally we would show all aspects of the vehicles such as their technical specification, standard specifications, and vehicles summaries. However due to data limitations, the MVP had to have only the vehicle summary to begin with. As the data we are supplied with overtime more data will be fed into the comparison table.
What are our call-to-actions?
A. The CTA for the tool should be the prominent CTA on the vehicle page. For used cars and block cars we have in-stock this would be the reserve CTA, for new cars the enquire CTA would be used.
And so on...
Different potential concepts were designed with varying levels of functionality and put through rounds of testing with users.