打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
12个简单设计技巧,助你迅速提升网站转化率


没有什么比客户的不满更令人沮丧了——特别是当你耗费了许多个小时,对客户网站的每个方面都精心设计的时候。

尽管你的设计的网站可能拥有美观的界面和流畅的功能,但客户依然很可能对你抱怨说:“为何网站的转化这么低?”这时你的回答不应该是“我不知道。”或“这不是我的问题”。你应该做的是用下面介绍的一些简单技巧来解决这个问题。

提升网站转化率的12个技巧

网页设计中没有什么是绝对的。技巧,策略,布局和风格取决于客户,行业和所要达成的目标。然而,在现实中,下面的技巧能几乎在任何案例中都能帮助客户将网站转换率维持在较高水平。


1.将视频融入主页中

视频在销售方面所发挥的效果是其他方式难以比拟的。这是少数似乎能不受行业限制的设计策略之一。下面就是视频对不同行业网站转化率的具体贡献:

  • 礼品业: 转化率提升+113

  • 电器业: 转化率+101

  • 珠宝:转化率提升 +85

  • 家装和庭院装饰:转化率提升 +43

  • 人护理: 转化率提升+14

视频之所以如此有效,是因为人类的大脑本能地与面部,声音,肢体语言和运动联系紧密。这就是为什么即便有人在房间的那一头提到你的名字,你也会不由自主地竖起耳朵的原因。对大脑而言,熟悉的人类声音比静止的文字更能触动神经。


2.列举社会证明


另一个提升转化率的策略是列举社会证明(social proof)。这具体有很多不同的方式,例如将客户或合作伙伴的logo在网页中展示,陈列客户的正面评论或证明,给出详尽的案例等等。

虽然你无法决定客户能掌握的资源类型,但你可以鼓励客户提供给你尽可能地多的资源。有时客户想不到将这样的信息提供给你,但这样的信息却可能对提升转化率大有帮助。


3.清除社交更新

虽然社会证明是一种有效的策略,这并非意味着你应该在网页上放满不必要的内容。例如,在网页的“证明部分”放置一些显眼的Facebook评论是很好的主意,但没有人想看完你客户的最近25条更新。


“当社交媒体刚刚兴起的时候,每个人都想把自己的更新放到网站上去。”在线销售咨询公司的CEO Jonathan Long写道。“但现在,客户早已知道如何在社交媒体上与你的品牌建立联系,如果他们想建立联系的话。这时如果依然还在你的网站上添加 Facebook Twitter更新的话,只会影响你的转换率目标。”


相反,Long建议将社交媒体的图标放置于侧边,标题或脚注等位置。多数用户对这些图标都很熟悉,如果他们想了解更多信息的话,可以自行点击这些图标。


4.让数字焕发生命


和社会证据一样,数字同样也具有魔力。如果客户为你提供了原始数据,你应该设法把这些数字转变为生动鲜明的设计元素。例如,42Floors.com本来无聊的数据制作成了有趣的图表。Informationisbeautiful.net也为数据视觉化提供了精彩了灵感。你可以尝试通过不同的策略赋予数字生命。


5.使用字体加粗的行动按钮


有时设计师在处理行动按钮时态度过于软弱。因为他们觉得这样做会影响页面的整体感觉。这或许是因为你的行动按钮设计得并不对。以下是优秀的行动按钮的一些特性:

  • 有价值。 用户能从行动按钮中得到什么?为何用户应该点击行动按钮?只是简单地提醒用户“注册获取电子书”并非有效的策略,更有吸引力的说法是“注册获取能帮你有效提升效率的免费电子书!”。

  • 清晰具体。行动按钮必须清晰,具体,精准。模糊不清的行动按钮会丧失意义。一个清晰的行动按钮必须告知用户应该做什么,会得到什么后果以及他们这么做能获得什么益处。

  • 紧迫感。一个有效的行动按钮要给人紧迫感。应该让用户觉得他们应该立即采取行动,否则就会错过机会。你可以在行动按钮上添加倒计时,也可以使用诸如现在!今天!赶快行动!不要错过机会!等字句。

  • 位置正确。一个有价值,具体,紧迫的按钮依然可能是毫无意义的。因为除这些之外,你还应该考虑行动按钮的位置。行动按钮必须明显可见。也许你认为将行动按钮放在页面最底部是合适的——但有多少用户会注意到页面底部的信息呢?因为最好将行动按钮置于页面顶部,即便用户可能还来得及读相关的内容。


6.关注速度

作为设计师,你并不需要始终关注一个网站的相应速度,但你应考虑你的设计对网站速度的影响。如果你察觉到某个元素——例如Flash功能——拖慢了网页的加载时间的话,应设法解决这个问题。即使你能令网站加载速度提升数秒,带来的正面效果也是巨大的。以下就是一些实用的建议:

  • 实用网速检测器。 在整个设计过程中你都应该使用谷歌免费的网页检测工具(PageSpeed Insights)。它会为每个URL给出1-100的评分,高于85分的网址被认为是良好,而低于这个分数的则有待改善。这个工具会持续更新,因此设计师应保持关注以获取最新软件。

  • 优化信息。在许多网页中,图像都占据了下载数据的大部分。通过优化这些图像,你可以大幅降低网页加载速度。这同样也有很多策略,例如Ilya Grigorik Google的这份指南(guide)就提供了从选择正确的图片格式到优化矢量图形的许多建议。

  • 减少插件数量。插件很迷人,但它们同样会拖慢速度。每当你在用户的站点上启用一个插件,也意味着你为网页增加了一个负担。过多的插件会影响网页的功能。因此每当你安装一个插件之前,都应该询问客户“你真的需要这个插件吗?”

  • 压缩内容。虽然过多的插件会拖慢网站速度,但Gzip compression plugin 却能通过最小化基于浏览器的HTTP响应的数量有效地提升网站速度。


7.使用可预见搜索


对于商务网站——或可搜索内容非常多的网站——使用可预见搜索是种不错的方式。这种搜索方式是谷歌及亚马逊等网站的标准模式,你也应该试试它。根据Baymard Institute的专家JamieAppleseed的统计,主要的商务站点中已有82%的站点使用了可预测搜索技术。

可预见搜索的美妙之处在于它允许站点引导整个搜索过程。通过这种方式,你不仅可以提供与用户要搜索的条目相关的内容,还能提供用户可能不了解但近似的的内容。这可以让你的客户在不用增加更多网页或内容的情况下有效提高销售量。


8.消除障碍

请你完成网站设计的最后一步时,你应该以一个终端用户的视角来打量这个站点。站点中的行动按钮是否足够清晰?是否存在影响行动按钮使用的障碍?

商务站点中一个常见的障碍存在于结算过程中。虽然客户可能很需要获得关于消费者的详尽信息,但这不应成为有意延缓结算过程的理由。相反,应尽可能地将整个结算过程控制在60秒之内,点击两三下就可以完成。


9.以简洁代替杂乱

你是否还记得几年前,当覆盖式的动画和Flash在网站上大行其道的日子?所幸这些日子已经结束。真正使用户受益的是简洁。他们期待一个功能完备而,外观悦目,易于使用的站点。一个庞杂的站点不仅会拖慢网站速度,还会让很多用户倍感厌烦。

因此你应该以简洁而不是杂乱来赢得客户。客户建立自己品牌靠的应该是优质的内容和产品,而不是花哨的网页。你可以参考这些极简主义设计minimalistdesigns),你或许会发现,简洁并不意味着无趣。它们同样非常优美。


10.使用F或Z型布局


资深网页设计师BrandonJones说:“更好地理解不同的网页布局对用户行为的影响是成功UX设计的关键。” 你可以参照这句话想想,你给予站点布局的关注是否足够多?虽然在设计时你要顾及客户的需求和愿望,但你同样应该有自己的设计策略。

首先要 考虑的是F型布局方式。这种布局方式已经被许多眼动追踪研究所证实。Brandon Jones说:“这些研究表明网页浏览者是以‘F’型的模式来阅读网页的——他们首先会看顶部和左上角的内容,只偶尔才会看网页右侧的内容。”

基于这个理论,一个典型的用户体验是这样的:

  • 快速浏览页面左上角的内容

  • 浏览页面顶部的导航标签

  • 从左至右阅读网页内容的第一部分

  • 快速浏览网页其余部分

尽管F型模式的用途很广泛,但也有很多设计师喜欢采用Z型布局。它与F型乬很近似,但基于的理论是是认为用户是以Z型模式浏览网页的。在设计中你也许不用 严格遵循FZ布局,但了解这些原则有助于为你节省时间和精力。


11.添加联系功能

你是否访问过几乎不可能找到公司联系信息的网站?这些站点甚至根本没有发布联系信息。说到转化率,这可能是设计师会犯的最严重的错误。如果用户不能立即找到公司的联系方式的话,他们下一秒很可能会访问你的竞争对手的网站。

作为设计师,你应该向客户强调设计一个简洁的联系页面的重要性。以下就是我的经验之谈:

  • 联系信息包括电话号码,电子邮件地址和公司地址—应该清晰地列于公司网页顶端或底部。

  • 每个产品页面上都应留出“联系我们”的按钮。

  • 主页面上的联系信息不应超过三个表格。给予用户过多选择的话,他们反而会放弃联系你。

再次强调这一点似乎多余,但请你务必记住联系页面的重要性。如果这一点处理不好的话,会极大地影响网站的转换率。


12.在分割测试上花点时间


如果你在某个销售节点上想要获得较高的转化率的话,投资于分割测试是个好选择。世界上最成功的公司——如谷歌,亚马逊,电子港湾——都在日常工作中使用分割测试。

如果不熟悉分割测试的作用的话,现在应该了解,从本质上说分割测试允许你采用两种不同的设计,并从用户那里收集实际数据。例如,你可能无法决定该采用哪种形式的目录。这时你可以两种都采用,同时测试两组用户对这两种设计的体验。过一段时间之后,你可以从收集的数据中判断哪种形式更合适。分割测试能带来无数可能,因此值得设计师认真考虑。


控制局面

很多设计师只是简单地设计网站,将它交付给客户,收钱,继续下一个项目。这种模式对一些人来说虽然很正常,但却不是收益最高的业务模式,也不是可持续的业务模式。如果你想赢得更多客户,收取更高的报酬,建立自己在创建高转换率网站上的知名度,那么你需要关注网站的转化率以及网站对网站访客的影响。你可以从运用上面的这12个建议开始,以全新的方式提升设计的质量及客户的满意度。



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
按钮都设计不好,你还指望用户点击? | 人人都是产品经理
交互设计技巧:创造好的用户体验(1)(翻译)
如何降低网站的跳出率
关于网页对比测试(Website Split Testing)的简介
如何提高着陆页的转化率?济南网站建设有妙招!
30步,网站信任度提升200%
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服