首页 > 建站资源 > 网站运营 > 有效提高网站销售转化率的16个UI设计秘诀

有效提高网站销售转化率的16个UI设计秘诀

时间:2013-07-14    来源:Inside

优异的使用者介面(user interface,UI)让使用者用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍。

而这份清单仍在继续累积,有兴趣的读者可以订阅他的电子报,随时获得最新的UI秘诀。

单栏型式优于多栏

单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

不要劈头销售产品

「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。

统一相似的功能,避免支离破碎的UI

浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况,不妨考虑重新设计UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。

使用者见证或提出销售实据

「社会认同」(social proof)是刺激转换率很好的策略,自己再怎么天花乱坠终究只是自吹自擂,请使用者见证或数字实据才有效。

主要目的请反覆强调,别只提一次

希望使用者点击的连结或按钮(比如购买或下载),别只出现一次,可以考虑放在单栏网页的顶端与底部,或在多个页面呈现。

清楚区别三种功能性(可点击、已点击、纯文字)元素

可点击的元素(连结、按钮)、已点击的元素、纯文字三者彼此应该以颜色、深度或对比等各种设计技巧清楚区隔,让使用者浏览网站畅行无阻。例如左图,蓝色字体是连结,黑色字体是使用者点击的选项,或者是使用者正在浏览的页面。

突显推荐方案

如果服务有多种选择,请把最推荐的方案强调出来,如左图就将「product X」特别放大,Y、Z 缩小。

善意提醒vs. 突兀确认

如果使用者更改了某个选项,用一行文字提醒他们可以「复原」就好,无需大费周章设计「再次确认」的跳出视窗。因为多数时候使用者的动作都具有意识,后者太突兀,可能让使用者觉得被纠正而产生被冒犯的感觉。

清楚阐述目标客群

描绘适合使用你服务或产品的客群,可以连结到更多相似特质的人,同时也让他们感受自己的独特性。

相关推荐
12步迅速提高你的网站转化率
用数据营销之1号店 — 客户生命周期管理
数据营销之1号店 — 客户培育
电商网站用户研究之冲动购买
如何利用站内搜索数据分析挖掘访客价值?
提高电商广告素材转换率的六大定律分享
12个提升网站营销单页转化率的优化技巧分享
五个影响电商网站转化率的细节分析
电商网站运营的内容指标与商业指标分析
胖胡斐细说促销的本质
网络营销的五个关键指标分析
提高QQ群营销转化率的三大窍门
10条有效提高转化率的宝贝描述撰写技巧
提高网页转化率的5个设计技巧分享
Airbnb谈营销:如何利用电邮营销提高转化率
32条优秀UI设计建议 助你提升网页易用性及转化率(1)
32条优秀UI设计建议 助你提升网页易用性及转化率(2)
网站运营:影响电商转化率的三个重要因素
揭开导致你网站销售业绩下降的10个原因
提高手机网站转换率:调大字体 简化程序
网站运营:转化率才是最重要的网站指标!
13种提升用户购买欲的技巧分享
消费者总是只看不买?如何让他们甘心买单?
5个要点:教你提升在线业务的页面转化率
随意浏览网页时 女性消费者都在想些什么?
网站策划:如何设计高转化率的移动主页?
为何进行内容营销?流量、转化率、信任感
如何让用户永远都“深爱”你的电商网站?
这5个网站设计的技巧 网站销售额增加300%
用PM的思维做市场:地推22.3%的惊人转化率
7个提高着陆页转化率的设计技巧【上篇】
值得借鉴!有效降低网站跳出率的21种方法
用实战经验说话 如何有效增加注册转化率
如何把发传单0.3%的转化率提高40倍 5张传单中1张有效!
今日头条推广经验分享:阅读量高 转化率低是什么原因?
15条移动站点着陆页优化小建议:响应式、精简等

分类导航

教程推荐

热门特效

热门教程