这就是出色的移动端网页设计

Nick Babich – 早在2016年的时分，移动端流量就现已逾越桌面端成为现在干流。依据Google UK 的研讨，现在65%的英国成年人都以智能手机作为他们的首要上网设备。

人们经过移动端设备搜索信息，在线购物，运用移动端设备订阅各种效劳。用户偏好上的改变推进着用户期望发作变化。现现在，绝大多数的用户比以往更没有耐性，当他们期望得到某个东西的时分，一般期望立刻能得到，不然，他们会敏捷脱离，选择其他的计划。

在现在的移动端产品傍边，加载缓慢，登录困难，流程杂乱是常见的问题，今天的文章将会为你供给一系列“提速”的技巧。

缓慢的页面加载

跟着技能的发展，越来越快的页面加载领会，使得比以往更不情愿等候加载了。
2/3的移动端用户标识，页面的加载速度关于他们的阅读领会而言影响是最大的。
Google 对全球范围内 900000个移动端网站进行了测验，发现这些网站的均匀加载时长为22秒。与此同时，研讨标明，假如移动端页面加载时刻超越3秒，53%的用户将会直接脱离。

1、企图找出形成问题的原因
假如关于你的网站而言，加载缓慢是一个常见的状况的话，那么你应该尽量找出问题所在。一般，页面加载的时刻遭到下面的因素的影响：
视觉元素（图片和动画）。高清的图片和流通的动画只有在不影响加载时刻的前提下，才干带来杰出的领会。
自定义字体。和其他的资料相同，下载自定义的字领会需求一点时刻，假如字体是被第三方效劳所保管，那么这个时刻还要长。
商业逻辑。代码质量。
基础设施。你的网站所选用的硬件。

2、测验你的网站
测验网站性能的东西并不少，其间之一就是Google 的Test My Site ，这个网站将会为你供给如何加快和改善网站的可行性陈述。
WebPage Test 是别的一个十分有用的东西，它将会从全球不同的当地来运用实在的阅读器（IE和Chrome）来测验用户阅读的时分的实在数据。

3、运用骨架布局
假如你想在现有的条件下让网页更快一点，那么你能够试着让它在视觉领会上更“快”一些。
在加载页面的过程中先加载整个布局的骨架，能给人一种速度感，一种看起来比实践加载要快得多的片面感触。
看看 Codepen 这个纯CSS代码所构建的骨架布局吧，优先加载布局让用户感遭到页面加载“有进展”。


登录约束
许多网页和APP 要求用户必须注册登录之后才干够运用其间的功用。关于许多品牌认知度较低或许价值建议不显着的运用而言，许多用户会由于这种登录约束而脱离。假如能够推延注册，答应用户试用效劳和功用，那么用户可能会随后注册并登录。

1、答应运用电子邮件和手机号码作为用户ID
假如你要求用户创立一个仅有的用户名，他们很可能会遭受下面的困难：
用户名必须是仅有的，用户因而需求花费几分钟时刻探索现有的用户名系统，找到一个自己可用的用户名。
用户终究可能会在注册一段时刻之后忘掉这个用户名，而依据 Janrain+Blue Research 的研讨，假如用户忘掉用户名，92%的用户会直接抛弃登录，而非想办法找回。


答应用户运用电子邮件和手机号码作为登录ID，能让用户便利不少。

2、让暗码验证的领会尽量顺畅
用户忘掉暗码是常有的事，忘掉暗码本就是一件恼人的工作，而重置暗码这件工作也是相同令人恼火。


Amazon 暗码丢失重置流程
经过简化认证领会，削减用户抛弃的危险。运用第三方交际帐号登录：


Flipboard 答应用户运用运用交际帐号登录。


还有的APP 现已开端答应 FaceID 和 TouchID 来登录了。

3、供给其他可选的登录方法
依据用户所供给的信息答应他们运用额定的方法登录。举个比方，假如你的用户绑定了手机号，能够运用手机号取得一次性暗码来登录。eBay 就是这样做的：


漫长的结帐流程
越来越多的移动端客户开端在移动设备上购物，用户关于购物结帐的流程和领会自然也是越来越高。不过，说起来简单做起来难，在移动设备上填写表单很苦楚，许多用户会由于需求填写表单过长而抛弃。这并不奇怪，依据Google 所供给的数据，50%的用户会由于经验不足而抛弃移动交易。

1、不要逼迫用户创立账户
依据 Maymard 的研讨，逼迫用户注册账户是人们抛弃购物的最首要原因。应当答应用户发作购买而无需注册，在购买页面应该有“作为访客结帐”的选项，而且要显着。ebay 的购买页面傍边，就供给了“登录”和“作为访客结帐”的选项。


2、记住用户供给的详细信息
不要要求用户输入他们曾经供给过的任何信息。一旦是收集过的数据，就不要让用户重复提交，比方收货地址和账单细节等。只需求保证用户想修正的时分能够修正就行。

3、用好地理信息数据
比较于每次都问询用户收货地址和所在方位，不如记载好用户之前所提交的数据，而且答应供给默许选项，保证用户能够按需调整即可。


当用户点击“共享我的方位”按钮的时分，表单中会填充当时地址信息。

4、运用移动付出
谈及付款，你应该尽可能为用户供给他们所喜爱的付款方法。除了传统的付出方法之外，还应该答应用户运用比如 Apple Pay 和 Android Pay 这样的付出选项，这样避免了杂乱的表单填写，而且能够进步安全感。


5、设计“快速购买”的选项
这种选项关于许多用户是有利的。当用户点击“快速购买”的时分，之后系统会自动加载预先填写好的默许付出方法和收货地址，快速完结购买使命。（如同淘宝就是这样的吧？）

6、答应在别的一台设备上继续履行购买使命
尽管运用移动设备购物的用户一直在增加，但是相当多的用户只是在移动端上阅读，再到桌面端上完结购买。答应用户供给“保存稍后看”或许“将购物车发送到电子邮件”等选项来完结操作。