小摩·文章36

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

284人已阅

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

小摩·文章36·粉丝5 +关注

以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具


在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. 提供其他登录方式

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


漫长的支付过程

越来越多的移动用户不仅使用移动设备搜索商品,甚至会在手机上完成支付过程。这意味着我们需要为小屏幕设备设计购物体验,并让它尽可能舒适。但说起来容易往往做起来难,在移动设备上填写结账表单可能很痛苦。因此,繁琐的支付过程是导致用户放弃支付的主要原因。这并不奇怪,根据Google数据表明:

“50%的用户因为不愉快的移动端支付体验而放弃了交易”

解决方法

1.不要强迫用户创建账号

据Baymard研究所称,强迫用户创建账号是消费者放弃购买的最大原因之一。正确的做法是支持用户无需注册进行购买。因此,应用不仅需要为消费者提供了“快捷支付”选项,而且要让该选项足够清晰可见 (Baymard研究所还发现,88%的移动端支持访客支付,这些选项往往由于不够明显而容易地被用户忽略)。


易趣提供了两种选择 -'登录支付'和'访客支付'

2. 记住用户的详细信息

不要要求用户输入他们之前提供的任何信息。收集过用户数据之后,可以再将其用于用户的其他新交易中。这些数据可能是收货地址和支付信息,一定要确保用户在需要的时候可以进行修改。

3. 利用地理位置数据

与其向用户询问送货地址,不如将其当前位置作为配送货物的默认选项。但在设计时需确保用户在需要的时候,可以轻松地更改收货地址。


当用户点击“分享我的位置”按钮时,表格中的信息将会自动填入当前地址。

4. 使用Apple Pay或Google Pay支付

谈到付款问题,设计者应该尽可能提供用户多种选择,这样用户就可以选择他们喜欢的方法进行支付。提供多种支付选项的应用程序,如Apple Pay和Android Pay,可以让用户在付款时从填写额外表单的痛苦中解脱出来,并能提供给他们更大的安全感。


5. 设计“快速购买”选项

设置自“快速购买”这个选项可能对老用户更有帮助。当用户点击“快速购买”按钮时,网站应该自动将用户重定向到购买信息页面进行确认。所有常用的支付方式和收货地址都应该直接从之前的订单中进行提取。

6. 支持使用其他设备继续购买

虽然使用移动设备完成购买的人数正在增长,但有相当多的用户使用手机只是为了浏览,更喜欢在台式电脑上完成购买。设计者应该设置“保存以待后用”或“将购物车发送至邮箱”的选项来帮助用户完成支付。

阅读本文(本文最初发表于 babich.biz)之后,你们有更多关于改善移动网站性能的建议吗? 欢迎在下面的评论区中进行分享!

原文作者:Nick Babich

原文链接:https://uxplanet.org/mobile-web-when-speed-matters-d371a961cf46


打赏后可加作者微信进行下一步沟通
0人已打赏
0 0
284人已阅读

微信扫一扫

关注该公众账号

全部评价:0

相关文章推荐

  • 沪江设计师: 从一堆飞机稿中脱颖而出, 怎么做?

    总有那么些公司会让你觉得,设计logo简单得就像把一些文字和几个图形拼凑在一起。但是不论别人怎么说,想要设计出一个优秀的logo,就需要从一堆飞机稿中脱颖而出,在品牌理解与立意表达中寻找一个合适的平衡点。从设计方案提出到落实,沪江的新版logo经过多轮内外部征稿及头脑风暴,最终脱胎于二十多版样图。之所以选择了这一版富有清新感和极具网络特质的logo,意在传达“点滴学习,刷新自我,成为更好的自己”的教育理念。作为沪江第二代设计师,混迹十一年的老沪江人,我和团队是这么做设计的:idea的产生建站14年、商业化运行8年,沪江发展至今,产品种类、业务条线逐渐丰富起来了,我们围绕为用户创造价值进行更多的尝试。时间进入了2013年,当时的沪江快速奔跑,带动互联网教育行业,愈发引人瞩目,彼时的logo也再也无法承载如今沪江所代表的意义。为了去匹配现在沪江的发展趋势,向外界更好地展示沪江的新面貌,这就有了更多
    文人文 · 1年前 · logo设计
    1062人已阅读
  • 小米生态链设计总监: 我吐起槽来, 连自家产品都不放过

    本文转自雷锋网如果小米在内部办一个“黑小米大赛”,与唯物交流过的几个小米员工表示,李宁宁的赢面很大,作为小米生态链设计总监,其吐槽范围几乎涵盖了小米的方方面面。当然,吐槽不是目的,而是效率手段。若中庸行事,势必会造成更大的损失。小米生态链设计总监李宁宁风口2010年10月,接到师兄刘德的电话时,李宁宁已经从ACCD毕业两年,常驻上海。问要不要应邀加入小米?她有些犹豫。释疑人是一位做程序员的女性朋友,对方表示:“互联网大潮掐不准,你赶上这一波就赶上了,没赶上就不知道下一波在哪;再次,你折腾几年潮退了,回来工业设计,这个行业还是一成不变,你并没有错失什么。”李宁宁深以为然,“一咬牙”便成为了小米第79号员工,也因此见证了“设计”在这个公司的所有内涵。“要做这个设计,它就拿不到元器件,你懂我的意思吗?要做适合80%的人的设计,我就不能走的太‘膈’你明白吗?”李宁宁措辞强烈。时至今日,她依然认为:更多
    文人文 · 1年前 · 其他
    785人已阅读
  • 读书笔记 |《游戏改变世界》激励机制

    两年前看的这本书,作为一个小游戏爱好者有一些自己的感受。在作者看来,我们玩游戏就是心甘情愿地选择辛苦的工作,听起来和我们为了放松而打游戏背道而驰。其实在我们一次次过关,升级,甚至充值的过程中,我们确实是在从辛苦的工作中收获成就感和乐趣。而这一机制也可以运用在日常生活,工作学习中,将辛苦的工作游戏化。比如游戏化的习惯养成软件HaibitRPG,用打RPG游戏的方式养成好习惯。记账软件Monny,万时应用iHour ,都是利用成就系统鼓励记录。Walkup和walkr两款与运动步数结合的游戏,通过收集系统达到激励玩家运动的效果。风靡一时的学霸拯救世界,也是通过番茄钟与社交、游戏结合实现监督学习。把辛苦工作与激励机制、社交相结合,将其游戏化,让工作更容易产生成就感和心流,或许可以成为现代人快节奏生活中的一支安慰剂。(题图为walkup截图)更多
    刘佳花 · 1年前 · 游戏设计
    968人已阅读