UX设计:剖析商品列表框架中的细节思考

访客3年前黑客资讯1145

对多数人来说,上网冲浪是生活中的不可或缺,丰富的冲浪生活中必不可少的当然是买买买,面对琳琅满目的商品图与文案,用户怎样才能快速抓到重点?或者说,怎么样才能让信息出现在合适的位置?come~

UX设计:剖析商品列表框架中的细节思考

01 视觉浏览模型

首先我们要了解浏览信息这个动作的本质和特征,浏览的本质就是大脑通过眼睛去提取信息,是一个传达→解码的过程,在这个过程中又存在一些特性,我们可以利用这些特性去进行一些更高效的信息传达。

受阅读习惯影响,人们阅读的起始端都是在左侧,结合依据尼尔森等老前辈发布的眼球轨迹研究报告可知,视觉浏览习惯呈“F”型且是不受控的潜意识习惯;同时可以延伸出例如“E”、“Z”等浏览模型,我们可以根据这些视觉模型的特性,结合产品的战略层目标,将信息放置在合适的位置,已达到信息传达率的更大化。

UX设计:剖析商品列表框架中的细节思考

02 单元结构

了解了基本的视觉浏览模型,那我们的地基就已经搭建好了,接下来我们来看看地基搞定之后的结构要怎么去布局。

首先我们需要清晰产品的属性,电商平台的本质是物品的交易,因为线上的特殊性,产品中图片与文案对于平台的GMV就存在最直接的关系。这个时候,单元布局的轮廓就出来了,就是“商品图+关键词文案”。

同时,不同平台战略方向、发展阶段、团队规模等因素的不同,所针对的用户群体、消费阶层、心智、审美等各个因素都会大不相同,有时候甚至在同一平台中针对不同的活动、不同的品类进行细致地场景划分,产生不同的单元结构以满足商业目的上的需要。

720°地了解平台的属性特征后,我们就可以开始利用这么信息来搭建基本的单元结构了。

例如平台主攻下沉市场,用户群体多为三四线,这个时候用户吸引点在于商品的价格与卖点关键词,这时候我们就可以拉大关键词文案的占比,缩小图片的占比,让他们关注的内容尽可能多的进入他们的眼睛,吸引购买意向模糊的用户点击,增加购买意向明确的用户匹配商品的速度,已达到GMV的提升。

简单来说,过程中需要考虑到平台因素所产出的图片尺寸/比例/精致度/是否统一等,与文案搭配所呈现的是否适用当前消费场景及用户心智,是否可以提升用户的转化率,是否可以提升平台的下单率。

单元的架构是多样且复杂的,就像一块七巧板。重点就在于对于产品属性和用户行为、场景、心理等特征的分析,需要权衡各个关键点的重要性,把用户需要看到的信息、我们想让用户看到的信息、用户希望看到的信息以合适的结构状态呈现给他。

UX设计:剖析商品列表框架中的细节思考

03 点睛标签

我们将大体架构搭建好之后,剩下的就是要把细节元素给点亮,让他们起到一个点睛的效果。

细分一下,其中涉及到的细节元素大致为活动标签、折扣标签、跳转按钮等常规的分子部件,在结构中,图片、商品名称、价格是用户关注的重点,其他的部件则起到辅助 *** 的作用。图片和商品名称的大体结构我们在上一步已搭建了,剩下来我们看看这些小部件该如何合理归置。

先从标签说起。整体框架出来了,用户所需要了解的商品信息就已经基本呈现了,这个时候用户心智上更多的主观意向,寻找合适的商品,而标签的出现,更像是一剂 *** ,强烈告诉用户:“这个品热度之一!”、“这个品是最新款!”等我们 *** 用户的声音,增强用户查看的欲望。

UX设计:剖析商品列表框架中的细节思考

这个时候疑问来,那放哪里合适呢?

活动标签,多为显示该商品的热度、促销主题、排名等一些大的状态性的信息,为的是在用户心理层面给这个商品带来更多的好感度,放置的位置可以结合具体场景去分析,可以考虑与商品图进行结合放置。

遵循由上而下滑动的交互原理,我们可知在每个单元的顶部会是滑动浏览时之一被眼睛识别的信息,而且可以利用这个心理去给还没看到具体商品的用户进行一个心理铺垫,比如商品的品质、权威性等,先入为主的进行心理建设,再结合视觉浏览模型,合适的位置就出来了。

次要信息比如倒计时、商品折扣、商品特点等辅助信息,结合布局场景考虑,有的可与图片一起放置增强品质感,有的可与文案一起放置增加决策信息,有的可与价格一起放置, *** 用户进行决策,是很有灵性的一个点睛之笔。

UX设计:剖析商品列表框架中的细节思考

相关文章

做好可用性测试的全流程(下)

做好可用性测试的全流程(下)

可用性测试,能够让产品经理借助用户,更加客观理性地理解产品功能以及交互,并结合测试结果予以改进。 01 测试现场 1. 用户发声思考练习 不同于其他用户研究方式,可用性测试尤其关键的一点是用户的发声...

新媒体干货:如何从入门到精通?

新媒体干货:如何从入门到精通?

2019年,新媒体行业的热门,让从事新媒体工作的同行越来越多,大家都想来“分一杯羹”。 一般来说,从事新媒体运营的前线的工作,需要掌握美工,文字,编辑,排班,热点追寻,数据分析,用户心理画像等等一系...

Axure教程:用中继器做聊天对话界面

Axure教程:用中继器做聊天对话界面

今天教大家用Axure做一个聊天对话界面。该原型使用简单,只需要填写中继器表格即可直接使用。有疑问或者喜欢该原型的小伙伴们可以在评论处给我留言哦。 其中效果包括: 查看不同人不同的聊天记录 未查看...

S2B并非全部,新零售需要蜕变新生

S2B并非全部,新零售需要蜕变新生

编辑导读:S2B是新零售最为核心的的发展模式,但它并不是新零售的全部。在新零售的内涵不断丰富的大背景下,我们必须重新看待新零售的发展新可能。本文作者对新零售的新可能做了详细分析,我们一起来看一下。...

5个角度,详解产品经理面试指南

5个角度,详解产品经理面试指南

受疫情影响,很多公司都倒闭或进行了裁员。如何找到更好的工作,就成了亟待解决的问题。笔者看了现有的一些面试指导,让你用数据展示自己的成绩。话说的也没错,但是其实很多年轻的产品经理面临的问题是没有好的工作...

供应链管理:指标体系中的常用指标

供应链管理:指标体系中的常用指标

指标体系的建立,能够驱动业务或公司更好地前进,同时也有助于利用指标体系评判业务状态,发现有异常的指标并予以修正. 01 指标存在的意义 拿破仑说过,不想当将军的士兵不是好士兵。我认为这句话可以很好的...