您的位置:首页 >建站技术>网站建设中UI设计决定了网站转化率

网站建设中UI设计决定了网站转化率

发布于:2015-02-02

网站是企业在网络中的门面,而网站建设的最终目标也是实现销售。大家都知道一个店面是否能留住客户,这很大原因取决于店面的装修。而网站建设也是想通的道理,网站能不能留住客户,提高转化率,这就取决于网站的UI设计了。网站的UI设计应该把用户体验作为衡量的大前提,优异的用户界面(user interface,UI)让用户用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。
1、单栏型式优于多栏
  单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

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

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

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

5、主要目的请反覆强调,别只提一次
  希望用户点击的链接或按钮(比如购买或下载),别只出现一次,可以考虑放在单栏网页的顶端与底部,或在多个页面呈现。

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

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

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

9、清楚阐述目标客群
  描绘适合使用你服务或产品的客群,可以链接到更多相似特质的人,同时也让他们感受自己的独特性。

10、肯定,避免犹豫不决
  语气应该直接且肯定,优柔寡断是大忌,讯息中如果出现「也许」、「有趣吗?」、「想要吗?」等疑问字眼,在显示自信与强调权威上可能还有进步空间。

11、采用强烈对比
  CTA应该与众不同。运用色调、深度、互补色等方式,将CTA跟其他网页元素区隔开来。

12、产品的诞生地点
  说明你、你的产品或服务来自何处,就像在自我介绍一般,赋予人性化的亲切感受,而且强调产地或许也会带来品质保证的效果。

13、表单问题愈简化愈好
  注册表单太杂,用户往往容易不耐烦而半途放弃,问题尽量少而精简。

14、别把选项藏起来
  下拉式选单虽然不占空间,但却让选项更难被察觉。适合下拉式选单的问题是可预测性的或者人人皆很熟悉的时间(如出生日期)或地理位置,跟产品或服务有关的重要问题选项,最好并列在页面明显的位置上。

15、连贯顺畅的页面
  不要让用户产生「已经卷完页面」而实际上根本还未看到底部的错觉。制造一种视觉型式或节奏,令用户得以顺利浏览完整个页面,才不会白费苦工。

16、不要分散焦点
  如果你的网页唯一目的是要触发用户卷到底部时「采取行动」,那中间安插的任何链接都可能导致他们分心,甚至将他们带离你的网站,因此必须小心谨慎的安排链接数量与位置。