亚洲人成影院午夜网站_无码人妻精一区二区三区_人人妻人人爽人人澡人人_美女内射无套日韩免费播放

前景提要(yao)

上个月淘(tao)宝新版本订单(dan)页的(de)改(gai)版大家对整个改(gai)版都(dou)给与了高度(du)赞誉，今天再次体(ti)验，发(fa)现并不是(shi)(shi)所(suo)有商品的(de)订单(dan)页都(dou)是(shi)(shi)新版样式，想(xiang)来淘(tao)宝应该也在进行测试，去验证改(gai)版的(de)有效(xiao)性。

先不管后(hou)面数据如何，今天我(wo)们(men)来聊(liao)聊(liao)，交(jiao)互设计师在做这种转化(hua)页面出发(fa)点是什(shen)么？可以采(cai)取什(shen)么手段去(qu)承载(zai)流量，提高(gao)转化(hua)。

从上图可(ke)以看出(chu)在未增(zeng)加新功能、新页面(mian)的(de)(de)情况(kuang)下(xia)，设(she)计(ji)师对(dui)页面(mian)信息、结构(gou)进(jin)行了重整，你会发(fa)现更注(zhu)重用(yong)(yong)户(hu)(hu)价值(zhi)的(de)(de)传(chuan)递(di)(di)，整个页面(mian)更加高效，用(yong)(yong)户(hu)(hu)关(guan)注(zhu)的(de)(de)信息点都很突出(chu)，并且(qie)有这么(me)多优(you)惠，让用(yong)(yong)户(hu)(hu)心理感觉更省钱了。以上这些都是为了去传(chuan)递(di)(di)用(yong)(yong)户(hu)(hu)价值(zhi)，不断的(de)(de)刺挠(nao)用(yong)(yong)户(hu)(hu)心防，让用(yong)(yong)户(hu)(hu)破(po)防！今(jin)天从交互设(she)计(ji)师的(de)(de)角(jiao)度(du)阐述下(xia)如何去做转化(hua)页。

凸显(xian)价值

在这(zhei)个信息爆炸的时(shi)代，人(ren)都(dou)不愿意在无意义的事情上(shang)浪(lang)费一秒钟，而(er)面(mian)对产(chan)品界面(mian)也是(shi)一样(yang)，看一眼(yan)没有看到自己(ji)从中(zhong)能(neng)得(de)到什么可(ke)能(neng)就划走了。所(suo)以在转化页(ye)这(zhei)种承流量的页(ye)面(mian)，凸显用户价值非常重要。

我们首先应该明确你目标用(yong)户(hu)想要(yao)的(de)到(dao)底是(shi)什么(me)？是(shi)优(you)惠？是(shi)承(cheng)诺？还是(shi)被(bei)认可？如：购(gou)物(wu)类产(chan)品，用(yong)户(hu)在(zai)(zai)平台上(shang)可以获(huo)得(de)什么(me)价(jia)(jia)值(zhi)？除了可以不用(yong)去实体店(dian)在(zai)(zai)家(jia)就(jiu)可以下单（满足惰性）外，在(zai)(zai)使用(yong) APP 过程中还能获(huo)得(de)什么(me)价(jia)(jia)值(zhi)？购(gou)物(wu)的(de)爽感(gan)、有优(you)惠便宜(yi)感(gan)觉自己赚到(dao)了？所(suo)以具体设(she)计转化页的(de)时(shi)候就(jiu)是(shi)要(yao)抓住(zhu)这些最关(guan)键点，然后进(jin)行放大，不断刺挠用(yong)户(hu)心防。

1. 让用户感(gan)觉省(sheng)钱

其实绝大多(duo)数(shu)用(yong)(yong)户都不是理性消(xiao)(xiao)费者，因(yin)为(wei)人性原因(yin)，我们的(de)思考方式大多(duo)都是被系统 （无意识且快速，不费脑力）占(zhan)据的(de)，让消(xiao)(xiao)费者失去了理性的(de)诱因(yin)有很(hen)多(duo)，比如(ru)：占(zhan)便(bian)宜(yi)、错(cuo)过(guo)、恐惧、好奇、亏欠、虚荣、逆反等等。其中(zhong)便(bian)宜(yi)和错(cuo)过(guo)是最常用(yong)(yong)于设计(ji)中(zhong)的(de)。

直接 | 通过优惠标签、对比、简单(dan)粗暴告知(zhi)省了多少钱

便(bian)宜并(bing)不是(shi)真的便(bian)宜，而是(shi)让消费者(zhe)感觉到占了小便(bian)宜。相(xiang)比较拼(pin)团(tuan)特惠标签，直接将用(yong)户(hu)可以省多(duo)少钱展示(shi)出来，对用(yong)户(hu)的冲击(ji)会更强。

间接 | 营造一种错(cuo)过就亏了、就没有(you)了的感觉

这在(zai)心理学叫：损(sun)(sun)失(shi)厌恶(e)，它指(zhi)的(de)是(shi)人(ren)(ren)们(men)(men)对已(yi)经拥(yong)有(you)的(de)事物(wu)会(hui)(hui)习(xi)惯性(xing)地视若(ruo)无睹，只有(you)在(zai)失(shi)去或即将失(shi)去的(de)时候(hou)才(cai)会(hui)(hui)产(chan)生加(jia)倍(bei)的(de)珍惜感。对应到(dao)收益与损(sun)(sun)失(shi)上(shang)(shang)(shang)(shang)在(zai)人(ren)(ren)们(men)(men)心理敏感程度上(shang)(shang)(shang)(shang)来看，比起收益，人(ren)(ren)们(men)(men)对于损(sun)(sun)失(shi)更加(jia)敏感，这就(jiu)(jiu)(jiu)(jiu)是(shi)为什(shen)么在(zai)双十一(yi)期(qi)间，各大(da)商家都打着：“全年最低价，再不买(mai)就(jiu)(jiu)(jiu)(jiu)涨(zhang)价、不买(mai)你就(jiu)(jiu)(jiu)(jiu)亏(kui)了(le)(le)、抢光了(le)(le)…”的(de)标语(yu)，但(dan)是(shi)这种只是(shi)感觉上(shang)(shang)(shang)(shang)给人(ren)(ren)们(men)(men)造成好像(xiang)真的(de)“亏(kui)大(da)了(le)(le)”，但(dan)是(shi)就(jiu)(jiu)(jiu)(jiu)算买(mai)到(dao)其实也(ye)未必赚到(dao)。所以，我们(men)(men)在(zai)具体(ti)界面上(shang)(shang)(shang)(shang)也(ye)可以适当采用这个(ge)原(yuan)理技(ji)巧(qiao)，增加(jia)紧迫(po)感和稀缺性(xing)元素，营造一(yi)种错过就(jiu)(jiu)(jiu)(jiu)亏(kui)了(le)(le)的(de)感觉，让用户在(zai)犹豫时，能够斩钉截铁的(de)按(an)下 “转化按(an)钮”！

上图 VUE、脉(mai)脉(mai)都是采(cai)用“限(xian)时(shi)”的这个手法来(lai)因(yin)遭稀缺性与紧迫感，从而增加(jia)用户购买欲望，而京东则采(cai)用“仅剩 1 件”“一(yi)年历史最低(di)价(jia)”的方式来(lai)营造紧迫感。

2. 强化产品(pin)卖点打(da)消用户疑虑

你可(ke)以(yi)看到现在(zai)各(ge)大电商上的(de)物品(pin)(pin)(pin)的(de)展(zhan)示(shi)(shi)图都从原来的(de)静态(tai)图向动态(tai)图及(ji)视(shi)频(pin)化方向演变，这这种手(shou)段就是为了更加高效，直(zhi)观的(de)展(zhan)示(shi)(shi)产(chan)品(pin)(pin)(pin)本(ben)身的(de)特质，让用户看了一目了然。在(zai)通过分(fen)析得出产(chan)品(pin)(pin)(pin)最终卖点后(hou)，在(zai)呈现形式上交互设(she)计师(shi)也需要多多考虑。以(yi)下重点在(zai)展(zhan)示(shi)(shi)产(chan)品(pin)(pin)(pin)卖点方式上进行阐述。

动(dong)态化展(zhan)示

淘(tao)宝上的(de)商(shang)品(pin)动图，非常直观的(de)展示产品(pin)核心特(te)性，帮助消除用(yong)户疑(yi)虑(lv)。

对比型展(zhan)示(shi)

通过列(lie)表直接展示普通用户和(he)会(hui)员用户间的差异，这样的方(fang)式直观，代入感强，能够(gou)很好体现(xian)产(chan)品本身(shen)的服务价值，更容易打消用户购买疑虑。

平铺直述

直接(jie)将(jiang)用户(hu)可以获得特权(quan)展示，告知用户(hu)可获得哪些(xie)权(quan)益与服务，一般通(tong)过 icon+文案(an)的方式直接(jie)呈现给(ji)用户(hu)。

这样的方式虽然没什么大问题，但是在(zai)权限(xian)比较多(duo)的时候，细看其实会不(bu)知所(suo)云，不(bu)知道具体是干嘛用的，所(suo)以如果要采用这样的方式建议(yi)搭(da)配辅助说(shuo)明。

亮数据（权威性）

将产品(pin)的数(shu)据(ju)直(zhi)接展(zhan)示出来，通(tong)过多维度(du)数(shu)据(ju)权威(wei)展(zhan)示产品(pin)亮点。

所以在凸显价值感知(zhi)上(shang)我(wo)们可(ke)以怎么做：

建(jian)立(li)标(biao)签体系，通过标(biao)签优惠让用(yong)户感觉省钱

营造稀缺与(yu)紧(jin)迫感(gan)，让用户感(gan)觉再不(bu)行动(dong)就亏了

强调产品核心卖点(dian)且直(zhi)观展示

数据化阐述可信度更高，更有权威性

提供清晰交互(hu)动线

交(jiao)互(hu)本身(shen)是(shi)一个动态的(de)过程(cheng)，转化页有时需要承载(zai)比较多的(de)关(guan)键信(xin)息(xi)，而如何让(rang)这(zhei)些(xie)信(xin)息(xi)清晰，有序的(de)展(zhan)示(shi)在用户面(mian)(mian)前并引发(fa)用户互(hu)动是(shi)交(jiao)互(hu)设计师(shi)需要思考的(de)。可以(yi)从页面(mian)(mian)框架、操作引导上去(qu)思考与用户的(de)关(guan)系(xi)。

1. 页面框架

转(zhuan)化页面上(shang)的信息需要非(fei)常高效的传达给用(yong)户(hu)(hu)(hu)，应采用(yong)最高效的方(fang)式展示(shi)给用(yong)户(hu)(hu)(hu)。因为不同于购物类(lei)、视(shi)频(pin)类(lei) APP 用(yong)户(hu)(hu)(hu)以(yi)“逛(guang)一逛(guang)、刷一刷”看看有啥好看的心态，漫(man)无目(mu)的的浏览(lan)，而(er)是会(hui)集中精力寻找价值从而(er)说(shuo)服自(zi)己去买(mai)，所以(yi)我们框架尽量线性，符(fu)合自(zi)上(shang)而(er)下(xia)，自(zi)左(zuo)往(wang)右的阅读习惯，所以(yi)放(fang)到页面上(shang)建议直接大(da)模块化从上(shang)至下(xia)排布，这样能让页面更(geng)加(jia)规整，也符(fu)合与用(yong)户(hu)(hu)(hu)的视(shi)线。

以上是我在各大应用(yong)会员转化页的框(kuang)架，可以发现，抛开内(nei)容信息，整体框(kuang)架前两(liang)个会让人(ren)感觉更舒(shu)服，这样的搭(da)配更加流畅性，比例(li)更好，不(bu)会太分割，其实(shi)在设(she)计模块化卡(ka)片大小时也可以考虑下(xia)黄金比例(li)。

2. 操作(zuo)引导

说到(dao)引导我们可以来看(kan)一看(kan)下方案例，仅(jin)仅(jin)增加了很小的一个(ge)细节就达到(dao)质的效果。

所以在(zai)做(zuo)转化页面时，对(dui)关键按钮我(wo)们也需要(yao)(yao)采取一(yi)些方式让用户(hu)注意(yi)到，并吸引用户(hu)点击。主要(yao)(yao)可以从按钮的位置、大小颜(yan)色，动效、文(wen)案 4 个方面来思考(kao)。

位置

由于(yu)转化页需要展(zhan)示较(jiao)多信息给到用户充分思考，所以一般(ban)根据用户的浏览习惯，按钮一般(ban)放下右下角(jiao)视(shi)觉(jue)落(luo)点处，这样能比较(jiao)好的组织页面内容，突出又不抢页面主(zhu)要视(shi)线。

大小和颜色(se)

重要的转(zhuan)化按钮(niu)大(da)小(xiao)绝对不能(neng)太小(xiao)，但也(ye)不宜(yi)过(guo)大(da)。记(ji)得 UI 中有(you)关(guan)于按钮(niu)大(da)小(xiao)的计算公式(shi)，可以在(zai)这(zhei)个公式(shi)基础上进(jin)行(xing)灵(ling)活调整。有(you)些宽(kuan)度很宽(kuan)是(shi)为了加大(da)用户点击热(re)区，让用户更容(rong)易点到。

颜色(se)一般使(shi)用(yong)(yong)应用(yong)(yong)主题色(se)，如果有(you)多个按(an)钮(niu)，主按(an)钮(niu)颜色(se)尽量有(you)一定(ding)对(dui)比，这样才能将我们(men)想要让用(yong)(yong)户点(dian)击的那(nei)个跳出来。

动(dong)效

动效一(yi)般在按钮上增加一(yi)些扫(sao)光、光效、按钮本(ben)身轻微(wei)动效即可(ke)，只要(yao)很(hen)微(wei)小的(de)效果(guo)就可(ke)以，因为人眼在一(yi)堆静(jing)态(tai)内(nei)容中很(hen)容易注意到动的(de)东(dong)西，如果(guo)做(zuo)的(de)很(hen)强烈就本(ben)末倒置了(le)。

文案(an)

按钮上(shang)(shang)(shang)的(de)文(wen)案(an)一定程(cheng)度上(shang)(shang)(shang)也能够促进(jin)转(zhuan)化，所以在文(wen)案(an)上(shang)(shang)(shang)表意的(de)基础上(shang)(shang)(shang)可结合(he)我上(shang)(shang)(shang)面讲述的(de)第(di)一部分(fen)进(jin)行文(wen)案(an)的(de)设定，加强用户感知！

原文地址：//www.uisdc.com/transformation-design