header_v1.7.40

拒绝咸鱼-做有用/有效的详情页面-理论篇

116天前发布

原创文章 / 网页 / 观点
BigJ大杰 原创,如需商业用途或转载请与BigJ大杰联系,谢谢配合。

以下为个人观点,如有建议,欢迎交流。部分图片素材源自网络,如侵则删。


想了解详情页是什么?首页要了解详情在线上购买行为中所处的阶段及作用。

通常我们在线下购物时,可以直接接触到实体,可以用手感知材质,用眼睛了解外观及颜色,甚至是味道、温度等等其他关于产品的感知。而在线上购物时,关于产品的任何信息都是依托于详情页对消费者进行展示,因此我认为,详情页代替了产品实物反馈给消费者的大部分感知,是依托与视觉设计向消费者传达信息。

关于详情页,多数人认为是对消费者展示产品卖点及优势,甚至是说明书介绍形式的图像视觉,而我认为的详情页核心定义,应该是一个媒介,是向消费者传达产品信息,并让消费者通过图像感知到产品的方方面面,是使消费者接收信息的单向沟通。

详情页的作用不仅在于介绍产品已经引起消费者的购物欲,同时作为商业设计,其核心作用当然是销售,就好比线下销售人员通过口才使进入店铺的消费者完成下单,详情页起着同样的作用,将进入店铺/产品页的流量转变为真金白银。

正常来讲,设计的好坏没有一个明确的标准,我们无法统一所有人的审美取向,但人多了,必然需要一定的标准对设计进行判断, 否则你一言我一语, 最终受苦受累的依然是我们这些设计人员,不断地重复改改改的行为。

适宜的视觉内容,不仅是需要将文字内容转换为具体的图形,同时需要做得到合理的设计手法,有不少设计喜欢在详情中加入大量的视觉特效,反而会使得详情页显得空有外在而无内核。比如上图的案例中,左图的产品视觉很难跟文案联系在一起,反而更像是在说明遥控操作的功能,而右图则用更合理的图片,展示产品内机及基本的运作方式,让人直接可以联想到强劲风力。

有效的内容传达,在于图文的一致性、简单易懂。上方案例中的作图,在单屏内放入海量文字,同时产品的展示角度也很难跟文字内容联系起来,让消费者捉摸不透,尤其详情的停留时长只有短短的二十来秒,如此海量的信息无法像消费者传递出真正有效的内容;右图则相对容易理解,虽然插入了大量文字的副标题,但消费者通过主标题及产品图即可了解到产品的功能卖点。

优秀的数据表现,这个应该就很容易理解了,详情的好坏,更多的是看这个详情页的转化率是否优秀,吸引流量靠点击,流量变现靠转化。

最后总结一下,电商详情是一个基于商业设计基础的产物,核心本质是产品销售,因此我们在制作详情页的时候更应该优先考虑视觉的表现手法是否合理,信息传达是否有效,我们更多时候需要克制表现设计守法的欲望与野心,做出符合更多消费者接受的详情页才是王道。

在这68%的人群中,淘宝的消费主力军更是占据了十之七八。

我们会在等公交的时候玩手机,会在蹲坑的时候玩手机,会在睡不着觉的时候玩手机,大多数现代人无时无刻的都在使用手机游戏、购物、刷剧、设计,节奏越快,我们越依赖于手机而非笨重的电脑。

通讯网络的进步,不仅使得游览详情页的响应更快,同时支付手段的便捷性,使得人们更喜欢用手机上网。

我们都知道做设计,是在一定尺寸内制作的,而当下,设计的受限已不止于尺寸的大小,甚至还有操作交互的框架,时间的约束等等。

看到直树你笑了吗?笑了就好,皮一下就是很开心。

消费者在游览手机端详情页的时候,通常的操作只有两种,一种向上滑动,一种向下滑动。

目前的详情停留时间大概是在20s上下的平均水平,那么在有限的时间内,如何吸引消费者的兴趣及购买欲,则是我们需要去思考的问题。

我们通常说的竖屏思维,基本上离不开上述的四个原则。

这个案例应该是比较极端的一类了,主标题的字号高达130pt。

一屏一个产品卖点,更容易让消费者有序的接收产品信息。

淘宝成立了十五年,改变了大众人民的消费习惯,更是改变了我们的购物模式。

在不久的将来,我们会面对更复杂并更开放的设计空间,不论是操作交互还是对于VR/AR的探索,阿里总是走在前端,而我们也不能停滞不前,我们需要了解并吸收这些新的技术,新的设计手法,以应变即将到来的大时代。

消费升级,不仅是购买价格更高的商品,同时也对商品的品质、美丑等有了一个新的提升,消费者更愿意在具有美感及品质的商品上花钱,因此我们也需要制作更符合商品气质的详情页面,坚决反对将一个优秀的产品做成了地摊货的详情页。

这里的深度,指的是空间感,就好比现在人们观看电影,愈发喜欢观看3D电影,而具有空间感的图像视觉也具有吸引力,同时能使得详情更具有观赏性。


95
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功