开网店

开网店
当前位置:首页 > 直通车 > 直通车推广

提升十倍流量的淘宝详情页设计,专业设计师的秘密

3360评论发表时间:2021-01-21 14:54:46

开网店:

描述页制作

配色

确定好主色、副色、饰色,使用12色相环,依据产品色系采用相邻色、邻近色、互补色或其他色系,截图色卡到表格中和颜色#值。

设计导航调色工具;可以选择邻近色还是互补色,看配色比。

千图网调色工具中网页调色印象配色,可以基于产品色系直接参考推荐印象配色

90设计工具先确定主色系,然后通过最佳方案选择配色,拾取颜色值

字体

确定好标题,副标题以及正文的字体

基于产品所表达的特征和个性,选择对应的字体形态

好好研究一下《视觉觉醒》中的字体的科学艺术

图形

整体框架布局中采用什么图形或者图标表示产品意识

图形和图标都是与产品相关的意想形态

阿里巴巴图标站以及easyicon都可以免费下载对应图标

元素

衬托场景氛围和营造产品调性都需要元素素材

元素即是符号用于象征和表达某种人文情怀或调性

在视觉设计中元素符号是不可或缺的调性设计

千库网可以自由下载PNG各类元素符号

可以从摄图网寻找元素和背景的灵感

版面

版面的标准化仅仅只是一个流程,每一个产品顺序未必都一样

要灵性设计不要固守不变

下面是UED/FAB-VS电商设计4.0一体化系统流程(务必谨慎严格参考)

营销屏

营销页面,宝贝推荐,搭配套餐等营销类型的设计页面,主要是加强浏览深度,关联其他宝贝,以及一些特惠宝贝信息。剔除宝贝推荐之外,还有一些服务推荐,包邮,物流,承诺等,还有有时候呈现资质,销量冠军等图。根据自己当前状态去设计呈现。

焦点屏

Banner是描述页顶部聚焦海报,首先是整个详情的主题,也是一个故事的导火索,同样更是你要表达整个描述页的“目录”。

焦点屏说呈现的文本标题一定要符合一个佛蚁原则“看见秒懂到脑走心”;也就是说设计师所表达的标题一定要让用户看懂,而且还要扎心,引发好奇、产生联想,心智共鸣。

目录所呈现的痛点(需求或特征)一定是设计师重点表达,也是能够与用户产生共鸣的点,是产品最大的抓手,也是整个描述框架的核心。

需求屏

你的产品可以解决什么需求,什么人群的需求,什么场景的需求

逆向思维去构思如果这些需求没有被解决会有多大的痛苦或者烦恼

需求转化特征或特征对应需求,简单讲需求靠什么特征解决或产品特征可以解决什么需求

呈现如果未使用或使用劣质的会给人群带来多大的危害或者烦恼

呈现谁和谁,什么人群自从用了什么解决了需求后带来了多大的好处

呈现需求背后的人性恐惧,想买什么点,又怕什么点

痛点屏

电商设计4.0痛点优为FAB法则,简称痛点FAB不在延续一点三说

所谓痛点FAB就是基于FAB传统法则延伸为痛点解说

F是特征,特点,优势,强调所设计的产品最具核心的优势什么(是材质/工艺/成份/服务/含量/性能/品质)

A是作用,效果,功能,强调所设计产品最核心的特征有什么作用或者有什么效果

B是好处,利益,同理,强调所设计产品带来的效果能够给用户带来什么好处(生理层/心理层/精神层)

也可逆向思维设计可以先B后A在说F,意思是好处是因为什么作用,作用源于我们的特征

痛点屏为三屏,一屏一个主题,可颠倒顺序也可以逆向思维但一定不能缺少或者逻辑错误

表现形式和场景输出

可以是对比图;即材质PK、功能PK、服务PK、质量PK等/可通过“实验图”、”剖解图“、”质检图“实现

可以是剖解图;即分解成分,用专业技术角度(术语)解释材质或工艺分解过程

可以是实验图;即证明某种材质检验的方法或者某种功能的性能检测,比如防水,比如防刺穿

可以是工艺图;即生产过程,流水线及工艺设备,还有一些种植环境的图,比如土壤,阳光,雨季等

可以是创意图;即自由设计,依据产品特点进行JS创意合成或场景合成表达,考验设计师创意和技术能力

可以是图文图;即产品与文本布局,建议优选,采用大图大字+符号/元素合成创意,一般设计师都可达到

特征屏

就是产品其他的特征和优势,一个产品会有多个优势,而特征屏就是输出其他优势

严谨杜绝十大购买理由或不得不买的六个理由,特征一定要用减法,大胆的做减法,2-3屏!

严禁使用堆砌、硬凑、场景不搭,善用细节表示特征,基于竖屏思维的局部放大技术

特征副标题一般是解释主标题的,多采用术语、符号、公式。算法、流程等

特征也是购买点(买点)驱动用户购买的动机和理由,要或痛或痒或爽,一定独一无二且引起重视

特征也是背后消费会害怕的点,任何事物都遵从道之规律,有利必有弊,要什么,怕什么。

设计输出形式

可以是细节;局部放大化显示,表现特征和形成特征的原理,特征要秒懂走心,原理要专业说服

可以是场景;放大场景或者模特,用场景和模特引导消费产生联想;(选场景和模特要谨慎)

属性屏

即产品的参数,规格,技术要点和特殊功能页面,产品出厂信息,参数信息,尺码,鞋码,配料等

属性屏呈现方式“上图下文”占满一屏,文本多注意排版空间和字体显示大小,详细的可以做成表格

全景屏

即360°全景展示摄影产品图片,要精选优质的摄影效果,包含态度,表情,生活方式等

摄影建议开始竖屏拍摄,周边的配饰要与产品互搭,能够产生联想

不要枯燥的显示画面,要利用文本标题做引导输出,文本要依据产品选择古风还是简约风格

全景屏根据总版面高度决定展示产品数量吗,建议2-5屏,不宜过多,多影响画面打开速度!

佐证屏

佐证是让消费者打消疑虑的一屏,可以是厂家实力证明,是发货证明,是荣誉证书,是销量证明

可以是包装质量,是权威认证,16项专利证书,QS,SGS,XK三方认证,食品药品监督管理局

痛点FAB目的是不让用户启动防御,一旦用户启动防御,那么佐证屏就是关闭用户防御系统的(明白了)

证据就是解决“用户防御系统”;所以要知道用户防御什么,就知道呈现什么才能关闭防御

设计输出方向:

可以是好评图;利用羊群效应,把一些评价放到详情页面上引导消费者共鸣

可以是买家秀;利用塔罗效应,他或者她或者明星都在用,效果很好且有所改变

可以是营销图;利用润物细无声的原则,巧妙婉转的把销量,件数,解决问题数量呈现出来。

可以是厂家图;利用厂家实际效果图,生产过程,发货过程,质检过程以及专项荣誉证书和权威认证

可以是包装图;利用包装拍摄的图,一般易损坏产品会呈现包装的质量或者美观

佐证就是说服,提供真实凭据,如果可以说服一个点就够了,所以建议不要超过1-2屏!

其他屏

在描述中还会出现的的一些图示

使用场景图;就是产品在什么场景下使用的效果展示,因品类决定是否呈现,

使用人群图;就是产品适用于什么人群,谁谁都可以用

症状分布图;就是什么问题,什么烦恼,什么症状的人会用到这中产品

生活方式图;就是改变原有认知,比如红糖换一种喝法,引导一种新的生活态度和方式

教程演示图;就是产品怎么安装,怎么使用,注意防护,维修,保养等

职业打假图;就是防止职业打假上门的图(如果描述信息无法确定是否违规,可以在底部放置)

包含但不限于这些图,不同的设计师都有自己发挥的一面,但是也差不多就这些了,不是所有的你都要选择,而是罗列出来,那个更好地去表达自己的产品,去做减法,懂得取舍,设计师一定要知道几个原则

少即是多;图大字大;舍才是得;浅显易懂;痛点重复;竖屏构图;一眼秒懂;过脑走心

首图制作

首先你要明白人词图的关系,人与词的关系,词与图的关系,人与图的关系

所以首先要获取你所设计表达的东西要给谁看,这个谁是谁,性别年龄喜好,消费能力

有什么特征,什么态度,什么性格,处于什么人生阶段,他追求的生活什么样子,他的价值观和情怀

通过与运营师沟通交流基于DMP表格,通过头脑风暴会议中筛选得出你最终想要的人群(取舍)

你要知道运营师首先要通过哪些关键词让用户找到这张图(必须精准提供,是双体主推的词根)

基于核心词根判断消费者背后逻辑动机,他最想看到的应该是一张什么样的图

图是电商运营灵魂,是CPU,是心脏,没有逻辑的图,没有视觉的图,只是废纸一张

图的图

选择什么场景或者选择什么片子(摄影图片)都要基于产品和人群以及词的考量决定

图形或者元素在主图上尽量淡化处理甚至不要过度体现

场景一定要符合人群特征;产品与背景合成一定要符合视觉规范

图上不要直接压字要合理化使用图形图块搭配设计

图的点

要和运营师沟通列举所有的核心痛点筛选出1-5个,继续筛选出1-3个,要优中选优

痛点一定要独特,差异化,不要总是去讲都知道的,要多讲不知道却一听就共鸣的

例举出运营师所有的利益点,营销手段,进行筛选取舍,保留1-3个,最能打动的好处

图的色

主图有两个引字,一个是吸引,一个是勾引,勾引基于痛点和利益点或者是价格和销量

而吸引是视觉呈现,怎么配色,选择什么色系,可以吸引用户停止滑动的手指

色不过三,不要让色彩过度拥挤,显得杂乱不堪,阅读障碍导致快速滑过

合理化配色让色彩更加融合,让用户阅读更加舒服,体感更好(怎么配色看视觉觉醒电子书)

配色要依据产品色系,冷暖色调,色相,饱和度,明度,中间调搭配,切记胡配(怎么配色看视觉觉醒电子书)

图的版

排版是集成所有素材,场景,产品图以及文字最后的编排,好坏直接关系着滑动手指的速度

少放文字,少说废话,图大字大,竞品差异化,让用户停住滑屏这是你首先要做到的

排版多采用竖屏构图,上文下图(文字尽量不要地标编排),合理化编排文本和图文是一门科学

轮播图制图

录播图即首图后面的四张主图,有的是10张,类似拼多多轮播图

轮播图投入的设计精力要远大于设计描述页面,它承载了75%的转化效果

轮播图要基于视觉思维精细化设计不要硬凑堆砌,要反复揣摩用户心理得到最佳设计方案

轮播图用户转化,而转化率=内容质量×信息送达率;

内容质量

每一张轮播一定有它特殊意义的存在,都应该有它专属的输出形式(图文)

而轮播的顺序也有他的逻辑法则和人性阅读的感知,不是随心所欲任性妄为 不负责任的编排

其一我们按照FAB法则顺序或倒序设计轮播,其二基于UED用户感知体验视觉原则设计

痛点层

表达产品最大化的产品痛点(特征,优势),与首图和首焦相呼应,与搜索词相关

痛点一定要融合人群因子,主标题和副标题一定要最快时间占领用户心智,产生继续阅读渴望

反复考虑用户购买产品的真实意图和背后的逻辑动机,想明白为什么要买,买的到底是什么

痛点不一定只是特征和优势,也可以是好处,也可以是效果,这个看自己的排序

需求层

表达产品的痛点或者特征解决了什么需求,或者输出未被满足这个需求有什么痛苦

表达产品的痛点或者特征有什么作用,效果,反复推敲这个效果是否是你的人群想要的

表达产品的痛点或者特征所解决或创造的需求是否符合要什么和怕什么的逻辑原则

好处层

表达产品的效果能给用户带来什么样的好处或者利益(生理层,心理层,精神层)那个层次的。

表达产品的作用解决了什么样烦恼,给你的生活带来了什么样的改变或开始想要一个更好地生活

表达产品的功能给你的物质生活的改变或者精神愉悦的改变,那些好处可以绕过防御,触动下单欲望

利益层

最后一层系统默认让我们选择透明层,目的是便于系统抓取到首页等频道展现,以便带来流量

一方面可以继续保留透明层,由于银河素材中心的出现,我们可以把透明图的效用转移过去

另一方面我们可以设计利益层,助于触动更好地下单动机,不至于最后一屏悄悄的往右滑了一下屏

输出形式

可以是促销,利用用户喜欢赚便宜的心理,满足用户的私欲,让他感觉赚了很大便宜,不买会后悔

或赠品、或福利、或打折、或拼团、或优惠、或满减、或抵钱、或限时、或一送二、或免单

不一定给到用户好处就是赚便宜,买到好东西也是赚便宜,好的服务也是赚便宜等,羊群效应的法则

可以是羊群,就是让客户发现产品已经卖给多少人了,多少人在使用了,多少人因产品发生了改变

可以是头羊,就是让客户看到谁谁正在用你的产品,谁用了之后的效果怎么样,即头羊在引导,在种草

可以是只狼,羊群的目的是把羊圈起来卖给狼,你要大胆设想把利益层设计的更更加异想天开

比如抛出比产品更大的橄榄枝(跨界思维),利用夸张形式输出也是一只更大狼性营销,比如怕上火就喝王老吉,农夫山泉有点甜

先种草,引来头羊,孵化羊群,卖给狼吃掉=给消费者好处的同时挖了一个坑,伸手拉上来,和你说一声谢谢,并把钱给了你

信息送达率

反复探索拿到了优质质量的内容也只是完成了高转化率的一半

另一半就是用户信息接收率,未来电商设计师要简化自己的“表现欲”

你表达的不管多么丰满,知识涵盖多强,如果用户看不见,不想看,看不懂,一秒即滑屏

如何加强信息送达率

竖屏构图,一定要竖屏构图,750*1000px(高含ppi),记住竖屏不是建个竖的文档更是思维的运用

图大字大,一定要图足够清晰,足够大,文本一定要够大,够突出,一眼见秒懂

浅显易懂,一定不要让用户产生思考,思考就会逃避,下意识滑动屏幕

少放内容,一定要放置超过3行的文本,超过20-30个汉字,要用一眼见工具测试手机效果

排版清晰,一定要排版简约清爽,懂得取舍,大胆采用减法,减掉所有的空间

细节放大,如果要放细节图一定要局部高清放大,越大越好,注意质感和品质即可

按照痛点FAB去创造优质的内容

按照竖屏思维去构图

转化率=优质内容×信息送达率=接收信息*好的内容=转化(自然而然闭环成功)

记住!

推翻  推翻  推翻  使劲推翻自己的想法 强迫自己探索出更好地痛点和创意

打破  打破  打破  大胆打破传统设计思维 用痛点FAB深挖优质内容占领用户心智

减法  减法  减法  在新的手机用户面前不要在加法了 减 减 减 去除糟铂 留取精华

竖屏  竖屏  竖屏  一定要竖屏构图,一定要上文下图(轮播),一定不要文字直接压在背景上

大大 大大  大大   一定要图大字大,标题够突出,够吸引人,够醒目,“一眼见秒懂”。

 

文章来源:开网店官网

最新评论