视知觉:详情页的主图放左边放右边?
一个有意思的事情,当某个设计打破了我所认知的理解时,我会先否定,却不是质疑!
事实证明,否定任何事件的本身是一件愚昧的事情!首先应该是质疑,因为每个事物的本质及其产生的原因,都造就了该事物的发展以及结果。
某个电商平台的详情页首屏布局即是如此,商品主图在右边,商品标题、特点介绍、购买数量、购买按钮等重要信息操作在左边。(看下图):

是的,当看到这个商品详情的UI布局时,我否认了它,彻底的!
1、视知觉
人在感知当前事物时,总是借助于以往的知识经验来理解他们,称为视知觉。
• 根据自知的判断依据,视知觉的积累经验,是理解新鲜事物的基础。同时,视知觉会受到人的知识结构、文化素质、审美趣味、心里情绪、主观意向、价值观和习惯定势等因素的影响。
在视知觉信息不足的和复杂的情况下,引导我理解的是已知传统电商平台的案例。众所周知,详情页的首屏展示内容在布局构图都很重要,在现有的各大知名电商平台都有优秀的案例存在,如京东、淘宝、天猫、唯品会等大型电商平台。但这些电商平台都迷之相似,除了视觉VI能区分外,在某些细节上,它们都是一样的布局、用户群体。
看下图(传统电商平台商品图):

对传统的电商平台网站来说,用户对从左至右的浏览方式,右握鼠标操作等极为熟悉的习惯里,“左图右信息”是不可轻易改变的用户习惯!所以,某天发现了某个网站的详情页是“左信息右图”的时候,像个傻子般的质疑了它这样打破用户习惯的方式太过于胆大妄为,现在想起来,我当时确实是傻瓜……
深夜跟聊起电商B2B,B2C本质话题,某个B2B网站的详情页是“左信息右图”, 疑惑许久问题,也终于明白了。
2、平台的不同决定了用户对象不同
首先,从平台性质上来说,B2B是一个厂家系统,对接商家的购物体验;B2C是单个商家系统,对接个人的购物体验。
许多典型的B2B购买不是购买一个标准的产品,而是购买一个较大系统中的一部分(需要兼容性和成交庞大订单);通常一些B2C的购买对于每一个消费者都有一个简单的相同定价产品(需要快速达成交易)


B2C:“产品”,重要的是产品图以及产品信息,希望能立马促使用户购买,用户熟悉的操作习惯是在右边,顾大部分的商品图在左边(大部分人是右撇子)
B2B:“服务”,重要的产品信息,不是产品图,希望用户在考虑仔细后把该商品加入项目清单,实现一系列的清单购买服务,不丢失一个零件,把服务极致化。

据了解,该平台的市场主要是北美的30岁到50岁人群。设计师在考虑到市场人群的需求,为满足用户需求和要解决的问题,促成购买行动的过程中,让用户的注意焦点产生在商品信息区,对该商品进行解剖产生兴趣,通过不同购买量的价格诱发消费者产生下单欲望。

通过这个认知后,对该设计行为起到了积极引导思考作用,对设计师的“左信息右图”从最初的否定,也学会了如何思考设计行为?如何不受视知觉的影响多读点书了~
关于更多“视知觉”“B2B”“B2C”的趣事可以跟我探讨,也欢迎大家吐槽该文章~






































