F型浏览给我的启示
我认为,F型浏览不是绝对的,也不是无意识的,而是受到网站设计、用户需求、用户习惯多重因素影响。那么,我们的SERP设计,尤其是List items设计,要遵循什么原则呢?
只所以写这篇文章,我也由于近期在项目里遇到了一个问题:
list页面如何承载多种曝光需求?
鉴于这个页面的重要性,很多业务部门都希望能够在list页面做一些曝光,仅一个产品列表而言,有部门希望能够放出公司或者产品的认证信息,有的部门或许觉得没必要让用户点击到详情页,可以放出更多信息,比如公司的联系方式,产品运营方,或许希望list能够包含供应商的更多信息,比如规模,主营产品,设备和加工能力,工艺等。
但是,list一个豆腐块状的大小,怎么能够包含那么多信息呢?
所以,我们需要说服各个业务方:list页面设计的目的不是让用户阅读,做决策,而是快速寻找,定位,判断,而真正的决策是需要用户到了详情页甚至是与供应商联系过才能做出的。list页面的设计目的需要单纯,才不至于顾此失彼,忽略了最主要的目的,堆积了大量的信息,反而降低了用户的浏览、对比、定位的效率。
我们能做什么?
1. 信息优先级的划分
就电子商务网站而言,我认为可以划分三个优先级。
第一步:对比和快速筛选。
第二步:获取更多信息以帮助判断。
第三步:研究并决策――下一步动作或者放弃。
严重声明一点:以上的信息优先级要视网站性质、受众需求而有不同,不能适应任何类型的SERP。比如,同样是电子商务网站,淘宝和alibaba就有很大的不一样。淘宝面向的个人买家,而alibaba.com面向的是全球的批发商、中小型的企业采购。用户类型差异比较大,采购类型差异比较大,因此需求就不一样,关注的信息维度就不一样。
对于批发商来讲,因为一个产品要采购大量,一般也都是来样加工订制,不像是淘宝的现货采购,也比较注重长期的供货关系,因此对单品细节的关注就稍微要偏弱一些,更关心供应商本身的信用、供货能力、主营产品等。
而且,行业不同,采购类型也不一样,关注的信息维度也不一样。上周去上海建材展访谈的客户,都能够明确帮我们确认一个事实:行业特征对于SERP设计的差异化需求凸显。――这个话题以后再说。
Heidi想要表达的意思就是:根据你的网站的用户需求和产品特征,你脑子里需要出现这样一个表格――里面的内容需要调整为最适合的优先级。
如果设计师或者产品经理没有传达出信息优先级的概念,那么市场研究人员很可能提供出一个大杂烩,用户关心什么信息,产品图片,描述,认证,信用,价格,物流,供应商资质…………我知道他们当然什么都关心,但是――在什么阶段关心什么是要区分的。
2. 帮助用户更快完成任务
当我们脑子里已经有了这张表,并且和项目组达成共识后――达成共识比较不容易,但是我们可以靠用户调研、访谈、行业研究提供足够的proof来得出一个比较合理的信息优先级,那么剩下的任务就是如何更好表现这些内容。
同样的饺子馅,不同的包法显然能够给用户不同的感官感受,包得不好,不但有碍于观瞻,也极有可能破掉,破坏了一锅汤不说,还进了水,导致饺子没有味道。
既然用户在SERP页面的目标很清晰――找到它!
用户在SERP的任务又是可以被我们预测的――他有三个步骤需要完成(参见表格)
每个任务的目标同样也是相对比较清晰的,那么我们设计的任务就是在每个阶段让他能够更加有效率完成子任务目标。
当然你可以说:那我们干嘛要分成三步呢?既然要简化工作量,干脆让他一步完成不更好吗?
但是事实上,用户的这三步也是一个时间轴,不是在同时存在的需求,而且当我们把所有的信息都同时呈现时,反而会极大降低他完成第一步的效率。
我认为,SERP能够满足前两个级别的需求就可以了,第三步可以放到详情页去完成。
如google的搜索list:
想一下:如果标题字数太多,或者没有和下面的描述区分开来,没有做关键词的加粗,是不是会导致用户第一步筛选效率降低?
再对比两个网站的list items:
去哪儿――酒店搜索列表页:
口碑网――餐馆搜索列表页:
两者相比,我个人认为去哪儿的表现要优于口碑网。
而口碑网的表现:
口碑网可以改善这个List设计,比如,图片提取该店铺的主打食物,但是作为第二优先级,在鼠标触发时再出现,将价格单独成列,将评论数目和星星转移到描述左栏,替代掉单个用户的评论……
几个值得尝试的行动:
1. 信息区块划分――遵循用户习惯和F型浏览,F型浏览反应了用户的浏览习惯,从上至下,从左至右。
2. 加粗、显化能帮助用户提高效率的关键词或者信息
例如SERP搜索关键词的加粗,主要的目的就是让用户快速抓住字眼,然后判断:这是不是我要找的产品。
另外,降低噪音。上面这张图,个人认为将那个跳动的旺旺图标转移到右下角的位置能够帮助用户提升对图片和标题的浏览对比。
像价格这样的字段,一般来说比较重要(第二优先级),那么处理方式有两种:
单独成列――用户很容易纵向对比,这也是很多网站的做法。
单独成列的时候,我们可以不对价格进行太多视觉上的强化。
但是若做成不单独的列,就需要着重加粗,以帮助用户纵向快速跳跃式的对比。
――不然,就会是这样的:
3. 条目设计的拓展性
很有可能你的三段论会受到产品团队的赞赏,但是他们需要更多的信息表现出来。因此他们并不认为只有前两个优先级的信息才能够被放到SERP页面上,其他的只能到详情页查看。
而且,他们的观点也很有sense:
为什么要用户一个一个点开去判断这到底是不是他要找的东西呢?那不是无效的点击吗?
那么,即使已经有了优先级划分,list items设计还要考虑一定的拓展性――可以不展示,在用户有需求的时候展开。
还有更多行动需要你参与:
最后致歉:这篇文章历经了一个星期才断断续续写完,由于时间点非常多,不可避免有一些内容的重复性,写得又臭又长,如果读完发现没有收获,我说一声抱歉,哈哈。
50张美丽的动物摄影作品欣赏动物摄影2014-01-01
Brandnew:2013年最佳LOGO更换榜单VI设计2013-12-27
优秀包装设计精选集(45)包装设计2013-12-22
用户体验设计遇见色彩情感网页理论2013-12-22
网页设计趋势浅析网页理论2013-12-22
设计师如何通过颜色来影响消费者网页理论2013-12-03