风君子博客

  • 首页
  • 业界
  • 前端
  • 运维
  • 建站
  • 软件
  • 生活
  • 后端
  • 创投
  • 运营
  • 程序人生
    • 影视
    • 游戏
    • 句子
    • bootstrap4教程
    • 资源
    • 日期计算器
  • 其他
    • 说说
    • 关于本站
  1. 首页
  2. 前端
  3. 正文

想要提高网页转换率?试试这16 个UI 秘诀【转】

2018年8月21日 661点热度 0人点赞 0条评论

优异的使用者介面

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

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

 单栏型式优于多栏

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

不要劈头销售产品

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

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

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

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

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

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

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

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

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

突显推荐方案

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

善意提醒vs. 突兀确认

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

清楚阐述目标客群

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

肯定,避免犹豫不决

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

采用强烈对比

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

产品的诞生地点

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

表单问题愈简化愈好

注册表单太杂,使用者往往容易不耐烦而半途放弃,问题尽量少而精简。

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

 别把选项藏起来

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

 连贯顺畅的页面

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

 不要分散焦点

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

 

想要提高网页转换率?试试这16 个UI 秘诀【转】-风君子博客
 

原文出处: Jakub Linowski

译文出处: Inside

标签: 设计
最后更新:2018年8月21日

风君子

独自遨游何稽首 揭天掀地慰生平

点赞
< 上一篇
下一篇 >

猜你喜欢

  • 六小时即可完成人类数月工作,AI 也懂芯片设计

  • 苹果设计资源网站新增提供 PNG 模型图片:包括 iPhone 13 / Pro 系列等,无 Photoshop 也能用

  • 腾讯宣布企业级设计体系 TDesign 正式对外开源

  • 苹果开发者设计资源页面更新:新增 iPhone 13 / Pro、Apple Watch Series 7、新 MacBook Pro 等模板

  • 从奥氏体304不锈钢到陶瓷:小米手机是如何变美的

  • 国外设计师晒抱脸虫口罩 紧吸嘴部效果超恐怖

  • 为登陆做准备!NASA向民众寻求“月球厕所”的设计:悬赏25万元

  • 吾辈当自强!一文揭秘芯片之母EDA产业国产路在何方?

  • 华为轮值董事长:集成电路设计之外的能力还不具备 主题词是求生存

文章评论

取消回复

风君子

独自遨游何稽首 揭天掀地慰生平

最新 热点 随机
最新 热点 随机
分析师:苹果 iPhone 需求仍强劲,iPhone 14 / Pro 系列初期量产计划会高于 iPhone 13 / Pro 国内首发锐炫 A370M 显卡,雷神推出新款 T-Book 轻薄创作本 苹果委托的研究称:App Store 让小企业和独立开发者受益,收入比大企业增长更快 美股科技股暴跌让卖空者收益颇丰:34% 的利润来自 IT 股 苹果斥资数百万美元安置无家可归者,9 个月期满后仅安置 8 人 机械革命预热水冷游戏本旷世 X:12 代酷睿 HX + RTX 3080 Ti,17 英寸 2.5K 240Hz 屏 苹果新专利:未来 Apple Pencil 配备全触控式控制 RTX 40 系列守口如瓶?NVIDIA 台北电脑展官宣 12 款游戏支持 DLSS,500Hz G-SYNC 显示器问世 《电子竞技产业报告》研讨会召开,腾讯、网易、完美等多家相关企业参加 F1 赛车手通过苹果“Find My”追踪盗窃 AirPods 耳机的小偷
抖音IP属地准确吗e地跑:全国线路覆盖率达92.5%,将升级智能扫码加油功能完成加油监控米哈游《原神》全球用户支出将突破 27 亿美元:打破最高季度纪录,中美日韩德支出最多索尼 QD-OLED 画谛系列电视 A95K 国行即将发布格力电器 2021 年营收 1878.69 亿元同比增长 11.69%施耐德电气顾俊:5G赋能,制造业智能化转型“加速”苹果将 iPad Air 2 和 iPad Mini 2 加入过时产品名单IDC:2021 年中国网络市场规模达 102.4 亿美元,路由器市场同比下滑 2.6%波导股份第一季度净利润 552.94 万元,同比增长 75.79%我们常用谁言寸草心报得三春晖歌颂母爱,它的作者是
手机变主机!红魔5S投屏电视 视线可完全脱离手机屏幕 ofo从无可执行财产到“人间蒸发”,你的押金退了吗? 华为 Mate 40 Pro 手机推送鸿蒙 HarmonyOS 2.0.0.230 更新:超级终端新增与部分华为手表、手环及 MateView 连接 程序员遇到Bug后的30种常见反应 农村商业银行营业时间 英特尔 Arc A380 独显规格曝光:1024 流处理器,4.8GB 显存 股票的生命线是哪一条 常州gdp 中国顶级旗舰:全新一代红旗H5路试曝光 爱奇艺:进入暂时性名单不意味近期被强制摘牌和退市,将积极谋求解决方案
标签聚合
快科技 美国 银行卡 额度 iphone 科技 股票 微软 特斯拉 支付宝 三星 芯片 马斯克 借款人 银行 苹果 业界 腾讯 贷款 谷歌 手机 IT资讯 秘籍 信用卡 小米 京东 利率 汽车 华为 利息
Tags
酒 胡萝卜 食物 私房菜 有什么好处 水果 能吃 鸡蛋 身体 会胖吗 副作用 吃什么 相克 好处 饮食 作用 土豆食谱 方法 牛肉 豆腐 糖 热量 茄子 好吃 营养 皮肤过敏 区别 菜谱 牛肉食谱 功效 怎么做 营养价值 豆腐食谱 维生素 土豆 热菜 食用方法 常吃 健康 排骨 汤类 高血压 牛奶 糖尿病人 做法 吃法 下饭菜 海鲜 一起吃 排骨食谱
最近评论
九九 发布于 3 周前(05月06日) 也可能是 IP2LOCATION 数据
风君子 发布于 5 个月前(12月20日) 直播这么赚钱的吗?
wanif 发布于 5 个月前(12月18日) 采用你提供的pe制作u盘后无法识别mac硬盘,如何解决?
robotunl 发布于 5 个月前(12月18日) 可以用了,感谢
robotunl 发布于 5 个月前(12月17日) DISM++链接下不了了啊,能再发一个么。 还有怎么制作和博主一样的PE u盘。
tiantian 发布于 10 个月前(08月08日) 谢谢分享!
欣姐 发布于 1 年前(02月06日) 很有道理啊
我在東莞上班睡覺工資一千五六 发布于 1 年前(12月16日) 东莞台商都开始搬迁河源,梅州包括赣州一些地方要么就是内地城市,因为电子厂需要大量人力所以基本上都是中...
我在東莞上班睡覺工資一千五六 发布于 1 年前(12月16日) 这个怎么有意思了,是不是太真实了 :smile: :smile:
东莞石碣维信五金制品有限公司睡觉一千五六 发布于 1 年前(12月15日) 台商大陆模式搞习惯了去了印度未必成功 :idea:

COPYRIGHT © 2021 风君子博客. ALL RIGHTS RESERVED.

豫ICP备14018241号