专注营销型网站建设外贸网站建设!自适应IPAD+手机微信+电脑

专属定制:138 2557 5516 关于智唯 | 联系智唯
网站设计News
公司网站建设

移动网站应用设计:速度至关重要!

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
07Mar
2018
设计一款移动网站应用,如何才能抓住用户的心?

  设计一款移动网站应用,如何才能抓住用户的心?

  

移动网站应用设计:速度至关重要!

 

  在2016年,全球的移动互联网使用率首次超过台式电脑。根据谷歌英国地区研究:

  “如今,65%的英国成年人都使用智能手机作为他们上网的主要设备。”

  人们搜索信息,购买商品,订阅服务都是使用移动设备。用户偏好的转变导致用户对产品的期望也大大增加。如今,大多数用户对于糟糕的手机性能几乎没有耐心 – 如果他们不能立即获取他们想要的东西,他们就会转投其他产品的怀抱(这对于一款应用来说简直是重击)。

  

移动网站应用设计:速度至关重要!

 

  设计一款移动网站应用,如何才能抓住用户的心?首先,设计师应该规避设计中一些常见的错误,提高运行速度。在这里,我将会提供一些解决页面加载缓慢,登录墙用户体验差和支付过程耗时久这些常见问题的方法,以供参考。

  页面加载缓慢

  由于目前的技术支持实现更快的体验,用户的等待意愿开始下降。

  “其中三分之二的移动网络用户表示,加载页面所需的速度对他们的整体体验影响最大。”

  Google在全球范围内对90万个移动网站进行了测试,发现完全加载移动网页所需的平均时间为22秒。与此同时:

  如果加载时间超过3秒,53%的用户将离开移动网站。

  解决方法

  1. 试着找出造成加载缓慢的原因

  如果加载缓慢是你网站的常见情况,请尝试找出具体原因并解决问题。通常,页面加载时间受以下影响:

  视觉元素(图像和动画)。高清图像和流畅的动画只能在不影响加载时间的情况下创建良好的用户体验。因此,这可能是造成网站加载缓慢的原因之一。建议阅读“图像优化”相关知识了解更多优化细节。

  自定义字体。与网站上其他资源一样,下载自定义字体会耗费一定的加载时间(如果字体位于第三方服务上,则需要更多时间)。

  商业逻辑。程序编写不够规范。

  网站基础设施。网站所使用的硬件,如服务器的性能、宽度速度以及服务器的硬件配置都会影响加载速度。

  2.测试你的网站

  如何测试网站的性能?这里推荐两个工具给大家。第一个是Google’s Test MySite,该网站会根据网站性能的现状,提供有关如何加速和改进网站的可操作报告。

  WebPagetest 是另一个测试和优化网站性能的工具,它允许你对全球多个地方的真实用户使用的真实浏览器 (如IE浏览器和谷歌浏览器) 的连接速度进行一个免费的测试。

  3. 使用加载占位图

  如果你不能提高网站实际的运行速度,至少试着营造一种加载速度很快的感觉–用户对于网站速度快慢的感觉通常比实际的加载速度更重要。

  加载占位图是在加载内容时显示的页面版本。占位图会使用户感觉网站速度的运行起来比实际情况更快。

  设计师不妨在Codepen Example中查看占位图效果。它的设计者就是利用压力缓冲器的原理,,使用占位图给用户营造出一种错觉:网站正在运行,并且内容在快速加载中。

  

移动网站应用设计:速度至关重要!

 

  登录墙设置

  在用户使用应用程序之前,一般会有一个强制性注册的登录墙。登录墙是用户在初次使用下放弃应用的主要原因。对于品牌认知度较低或价值主张不明确的应用而言,使用应用的用户数量尤其重要。因此,建议推迟注册 – 提供用户尝试应用该项服务,他们会更乐意完成此步骤。

  解决方法

  1.使用电子邮件地址或电话号码作为用户ID

  如果你让用户创建一个独特的用户名,他们很可能会遇到以下这些麻烦:

  由于用户名必须是唯一的,因此用户可能需要花费几分钟才能得到正确的名称,因为首选用户名已被其他用户使用。

  用户可能会以用户名注册,但过了一段时间后,他们就会完全忘记。根据Janrain+Blue的研究,92%的用户如果忘记了用户名就会放弃使用。

  

移动网站应用设计:速度至关重要!

 

  因此,允许用户通过电子邮件或电话号码作进行注册,让注册更加简单轻松。

  2. 使密码验证成为无摩擦的体验

  用户经常忘记他们的账号密码,当他们不得不经历密码重置这个过程时,他们会感到非常恼火。

  

移动网站应用设计:速度至关重要!

 

  这时候设计师应该怎么做?简化认证体验,减少放弃风险。使用第三方登录(使用Facebook / Twitter登录):

  

移动网站应用设计:速度至关重要!

 

  Flipboard允许用户通过社交网络帐户登录,

  或指纹触摸/脸部识别登录:

  

移动网站应用设计:速度至关重要!

 

  iPhone应用程序的Chase银行提供了一键式登录选项。

  3. 提供其他登录方式

  根据用户提供的相关信息来提供其他登录方式。例如,如果你拥有用户的手机号码,则可以在手机上输入一次性密码。

  

移动网站应用设计:速度至关重要!

 

  漫长的支付过程

可能感兴趣文章推荐:网站建设优化如何得到百度的青睐