前言
这篇文章是译者通过来UX Design Weekly 的每周UX文章推送了解到的,安利一下这个网站,订阅了以后每周一会通过邮件给你推送这周比较好的文章。
这篇文章讲述的是,两种信息展示方式对于决策的影响。另外,译者只过了四级,尽管用了翻译软件,但是译文难免有意思传达不到位或理解错误的情况出现,希望诸位发现问题尽管质疑。
正文
我已经在电商环境下工作了一段时间了,现在有了一些时间来谈谈一对兄妹——列表视图和网格视图。
列表视图:
- 列表视图有很多空间去放置文字元素如标题、描述以及评论,它们能够帮助用户通过详细信息作出决定。
- LTR阅读型用户在浏览列表视图时会从左往右看,把最重要的元素放在左侧,反之亦然。
网格视图:
- 网格视图和图片相关,它尝试通过限制文本元素去与图片和谐相处。
- 用户通常可以同时浏览4-6个网格项,在网格周围留下一些空间能够帮助用户更好的接受信息。
列表视图和网格视图都可以被看作是一组决策元素,就像图片、标题、评论、位置等等,它们的不同之处在于这些元素的组合和布局。
搜索 vs 探索
绝大多数时候,有特定的搜索需求的用户更喜欢列表视图,而他们在随意探索时更爱网格视图。
很多A/B test 的得到了积极的结果:比起网格视图,列表视图更适用于搜索结果页或筛选产品列表页。然而,在大多数参与者在首页或分类页浏览和探索他们想要的可用项目时,我们观察到了相反的结果。
总而言之,当用户想做一个相对严肃的决定是,他们更愿意在点击之前就能看到一些详细信息。
尽量精简信息
列表视图有更多空间,这是否意味着我们可以尽可能多地添加文本信息?答案是否定的。用户很容易被各种信息所淹没,陷入了选择的悖论。
除了用户访谈,A / B test 是一种很好的方法去了解哪些信息会影响用户做出决策。我们发现标题、价格、卖家留言、位置、商品描述和付款都会对转化产生积极影响。在这些信息中,标题、价格和卖家留言是必不可少的。因此,他们在网格视图中有自己的位置。
让用户做决策
允许用户在列表视图和网格视图中来回切换看起来是过时的,然而,它仍然是个好的决定。根据每一页的用途,你可以选择一个默认视图。比如,在用户正在查找特定目标的搜索结果页中,将列表视图作为默认视图。
充分利用列表视图和网格视图,并且不要在两者上放置同等数量的信息。否则,网格视图将会太过冗余(或列表视图太过精简),您将失去两种视图的价值。用户将自己发现哪个视图更符合他们的需求,并了解每个视图的优势。
好的内容是关键
你还记得你看到的那张眼睛凝视强度从上到下减少的热图吗?无论您使用哪种视图,顶部都是最能吸引用户的项目。根据浏览历史记录,用户配置文件(译者注:我认为是用户画像),关注的卖家,喜欢的商品等因素构建推荐算法,并用它来对项目进行排序。
制作标题和说明。研究快速售罄的物品,找出影响用户的信息。例如,如果用户选择围巾时颜色是最必要的属性,那么你应在项目描述的开头加上颜色。
如果你喜欢这篇文章请点赞❤️,这对于作者来说很重要。
也可以关注我的Medium,去看更多的UX文章。
译者的话:我猜标题想表达的意思应该是:“在纠结用哪种视图的时候干脆两个都放上去让用户自己选好了”?不知道是因为在国内淘宝京东司空见惯,还是因为我看完了整篇文章之后马后炮,总而言之这篇文章我感觉一般般啊...这次是我看了一半就动手翻译的,下次我争取完全看懂了再翻译😂