Why is the price on the right not the left when it is the main focal point?
So i went to an aggregator site here to compare broadband plans and i noticed something about their mobile layout.
When i look at each ‘box’ or plan, my eye observes in the order of:
- Plan Name
- Go to site button.
- Contract length
- Additional information on left hand side with ticks/bullet points
In brief, my eye sight goes in a reverse zig-zag, lightning strike styled process where i go from top left to middle right to bottom right then back up to middle left, creating this circle process.
I found this peculiar because English is read left to right so since price is where i look at after the logo, why isnt this on the middle left (instead of the middle right) so i can naturally realign my reading then continue my process of reading additional information or go directly and finish up on the ‘go to site’ button (which is ultimately where they want the user going i imagine)?
Im wondering why the site has made users look to the price on the right only for them to go back to the left for more information which is unnatural for users? And i dont think price is enough for users to move to the next funnel process, my belief is users still need to check what the other features are (those shown on middle left).
Look, i could be overthinking it but i feel like this is a common way of layering designs (as in, having a feature on the right is better if you want it as a focal point as oppose to the left) and I would like to know what the reason for this foundation is.
If anybody can give me an insight into this, this would be amazing.