F型浏览受网站设计等因素影响(4)
文章来源于 aliued，感谢作者 情非得已 给我们带来经精彩的文章！两者相比，我个人认为去哪儿的表现要优于口碑网。
去哪儿信息层级非常明确——地段以及酒店品牌第一维度。
价格单独成列——非常易于二级筛选。
图片相对不重要，因此只给出数量和链接。
给出了非常有帮助做选择的促销信息。
而口碑网的表现：
图片非常不重要，但是仍然占据了黄金位置。
由于标题位于图片上部，用户在纵向浏览时，经常被图片因素干扰，不利于快速浏览。
地图、周边等信息，我认为属于第三优先级，却出现在这里，导致每个item非常复杂。
评论：口碑给出了单个用户的评论，有失客观和公正性，会误导客户。
……
几个值得尝试的行动：
1. 信息区块划分——遵循用户习惯和F型浏览，F型浏览反应了用户的浏览习惯，从上至下，从左至右。
2. 加粗、显化能帮助用户提高效率的关键词或者信息
例如SERP搜索关键词的加粗，主要的目的就是让用户快速抓住字眼，然后判断：这是不是我要找的产品。
另外，降低噪音。上面这张图，个人认为将那个跳动的旺旺图标转移到右下角的位置能够帮助用户提升对图片和标题的浏览对比。
像价格这样的字段，一般来说比较重要(第二优先级)，那么处理方式有两种：
单独成列——用户很容易纵向对比，这也是很多网站的做法。
单独成列的时候，我们可以不对价格进行太多视觉上的强化。
但是若做成不单独的列，就需要着重加粗，以帮助用户纵向快速跳跃式的对比。
——不然，就会是这样的：
3. 条目设计的拓展性
很有可能你的三段论会受到产品团队的赞赏，但是他们需要更多的信息表现出来。因此他们并不认为只有前两个优先级的信息才能够被放到SERP页面上，其他的只能到详情页查看。
而且，他们的观点也很有sense：
为什么要用户一个一个点开去判断这到底是不是他要找的东西呢?那不是无效的点击吗?
那么，即使已经有了优先级划分，list items设计还要考虑一定的拓展性——可以不展示，在用户有需求的时候展开。
情非得已
-
21个Sketch实用高频小技巧2019-02-15
-
25款值得收藏的优秀网站模板免费下载2015-09-16
-
20套高质量的免费网页模版PSD素材2013-09-02
-
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
-
CSS实例教程：十步学会用CSS建站2011-10-05
-
网页设计师：浅淡网页BANNER设计2010-09-27
-
网页细节教程：WEB设计精确点滴2010-09-13
-
网页设计中的点滴细节把握2010-09-01
-
总结交互组件创新的四种方式2010-06-28
-
最全的国外电子商务CSS模板下载2010-06-18
-
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
-
5个作品集网站设计中常见的问题
相关文章3742018-05-10
-
详解个性化网站设计的优点和缺点
相关文章3702018-01-10
-
9个设计技巧帮助您把网站设计的更专业
相关文章2602017-11-17
-
聊聊Web网站设计和移动App的六大差异
相关文章2932016-02-20
-
详细解析循环视频在网站设计中的应用
相关文章2672015-12-13
-
色彩心理学对用户究竟有哪些影响
相关文章2902015-10-02
-
浅谈理解色彩心理学对网页设计的影响
相关文章4662015-08-25
