42 个移动端启动页面优化 Tips

 我们都听过这句话，“你只会有一次时机去打造第一印象”, 当涉及到移动端的发动页面时，这句话会愈加令人信服. 在最基本的层面上，发动页面将会是消费者同你网站的第一次接触.

具有好的第一印象是很重要的. 本年早些时候我们发布了这篇文章， 《呼应式规划不是一种移动端优化战略》 ，它专门讲为你的移动通信前言打造专用移动端发动页面来将访问者变换成消费者的重要性.

移动端统计数据:

• 本年美国智能手机的移动商务收入为148亿美元. (Statista)

• 到 2016, 移动端本地查找有望发明32亿美元的收入，比较之下，桌面端为102亿美元. (Kelsey 陈述)

• 50%的智能手机用户曾经过他们的手机进行过消费(Prosper Mobile Insights).

• 73% 的智能手机用户宣称他们曾运用移动端 web 而不是 app 来进行购买(JumpTap.com).

下面是42个移动端发动界面的优化主张，它们能协助你将更多的移动端访问者变换成付费顾客，这些主张分为如下类别:

• 战略

• 根底

• AB 测验

战略

1. 知道从哪里开端 —— 创立一个完好的移动端 web 是昂贵的，且会耽误许多的时刻。所以起步的最好方法是经过盯梢分析，了解转型中的痛点和缝隙。一旦你了解了这些，你就会了解从哪里开端了。你所要在转型中重视的应该是流量，用户量和购买形式.

2. 了解你的顾客的方针 —— 保证你能了解移动端和桌面端用户的方针有何不同。你是不是想要他们具有彻底一样的体会呢？我们运用web和移动端比较有所不同，其体会是不同的，而且又是我们由于彻底不同的原因一起运用两种或许三种设别。要考虑到你的访问者会在你的移动端站点上做些什么，了解他们测验要到达的方针是什么，而且创立一个用户导游来协助他们更快跟灵敏的到达其方针。

3. 界说你的方针 —— 一旦你了解而且也界说好了访问者的方针，那你就要界说好发动页面的方针并在心里针对那个方针规划一种体会。丢掉那些不重要的信息、针对过个调用的动作按钮以及其它的噱头。要专心于发动页面最重要的元素，以及如何让它们协助你的访问者完结你的方针。

4. 改动他们的日子——有许多的公司在做相同的事情。人们在移动端的站点上花费的时刻很少，而且需求在几秒中之内了解你（页面上）最有价值的部分。记得要重视客户和他们的利益。至少要说明：“我们是世界上最好的”，多一些能够说：“这将会改动你的日子”。

5. 界说所需的操作——你期望访问者在你的移动登录页上，知道一个他所需求的操作，那就要拟定一个明晰的行为呼唤（call to action），最好是显着的，具有逻辑性的，这能让访问者明确地移动到下一步。

6. 在重要的方位表述——一个访问者应该能够很快就区分他们，而不是去阅览杂乱的文本和故事。保证你有价值的方位是在页面的顶部。你的标题和行为呼唤（call to action）应该在折页（fold）（当访问者登录到页面的时候就能看到的部分）之上，这样能更快速地让访问者取其所需。

7. 明晰地知道成果——重要地是让访问者能明晰地了解，如果他们供给信息，你将会如何运用收集到的信息。

根底

8. 忘掉翻滚 —— 要创立出适宜一个移动端屏幕鸿沟的页面，而且这样的页面不需求翻滚。这一点一起适用于横屏和竖屏形式。

9. 一起为横向和纵向的屏幕做规划 —— 大多数人在规划移动端发动界面时都会考虑到纵向视图, 可是有赖于访问者会横着拿他们的手机，所以他们也可能会在横屏形式下阅览你的移动端网站。要保证你的移动端发动界面针对这两种状况都能进行缩放。

10. 运用本地化设置——启用了 GPS 的设备能够运用特别的本地化内容来削减文化差异的冲突，进步变换率。 在你的注册表单中你能够经过他们输入的邮编侦测到访问者的国别和城市。 能够让“邮编”作为你的第一个地址信息输入项，并好好利用这一项信息来做点事情。

11. 移除外部链接 —— 经过移除衔接到网站其它部分的外部链接，你能够操控访问者的阅览进程，使其更专心于你需求他们做出的动作。记住，移动端阅览器新的tab —— 翻开当即就会是访问者原理你所设定的方针方位。要使其编程一次快速轻松的阅览进程，而别让他们跑到其他当地去了。

12. 去掉杂七杂八的东西 —— 会集在要点上，尽可能坚持页面整齐，削减冲突，保证按钮之间的距离满足大。杂七杂八的东西以及文字和色彩越少，访问者越愿意完结这项途径。

13. 坚持流程和规划的一致性——不要使访问者感到惊奇或被捉弄，在手机登录界面上运用他们在广告上看到的相同信息和规划。与信息坚持一致，将有助于使页面的访问变现，一起供给广告质量。

14.别让用户缩放——登录页面的焦点由你决议。登录页面的规划方法将决议用户在网站上的操作。如果让用户缩放，他们将挑选网站的焦点，而不是你。

15.点击呼叫——许多移动查找用户的方针都是马上获取联系。比较仿制粘帖号码，直接运用“点击呼叫”按钮将更简略让用户快速开端对话。在开端前，设置好你的电话追踪器以便盯梢来电。

16. 调整键盘 —— 保证在每个表格区域中运用适宜的键盘。访问者能够不必改动键盘输出而快速的刺进数字或许邮件。

17. 坚持表格最小化——一切设备上的注册表单都让人沮丧，手机上的注册表单更是如此。由于在手机上输入十分费劲，所以在可能的状况下尽量防止翻开文本域。保证表格够大够清楚，可运用全屏，并使字段和提交按钮大的能够用拇指点击（疏忽右边区域，由于它太小不能拖拽）。

18. 简化查找——让访问者能够很简略的快速找到他们需求的内容。将查找元素放在中心方位，能够保证用户能够快速的找到他们所需求的。（记住，这并不是最重要的要素，所以不要让它反超其他元素）。

20. 允许“稍后购买”—— 有时候我们没有满足的实际或精力来完结注册或购买流程。能够在其他设备上经过 email 或加到购物车的简略方法，让运用者能够很简略的在其他设备上稍后完结购买流程。

21. QA，QA，再QA —— 由于手机网站在你自己的手机上测验经过，并不意味着它能够在他人的手机上也能够。在开端前，在谷歌 Analytics上核对，以找出访问者最常运用的的手机屏幕。保证在多种设备上查看你的登录界面，并在一段时刻内进行盯梢。

22. 要求少一些 —— 为了削减冲突、进步转化率，可对访问者要求少一些。在开端时，只获取所需求的最重要的信息，稍后再获取额定的信息。手机屏幕很小、时刻名贵，如果难以操作，人们将不会停留。

23.使副本最小化 —— 大多数访问者不想通读文章的好几个阶段。将最重要的信息放在登录页面上，使访问者快速移动到下一步。

24. 着重你的举动引导 —— 举动的引导是一个访问者在发动页面看到的第一样东西。供给一个快速的方法让用户跟着你的举动引导，完结整个流程。让你的举动引导按钮可视，而且简略经过触摸屏点击。

经过 Naked Wines 查验以下示例：

• 很多文本

• 举动引导按钮被堵截

25. 优化你的表单 —— 让的的表单尽可能的简略，让访问者快速完结你的表单，测验着别离成多个简略的步骤。

26. 标题尽量短 —— 标题长度不要超越 3-4 词，尽量一行显现。

27. 构建约束数据巨细 —— 移动数据衔接会比家庭宽带衔接慢，用户并没有那么多耐性等候移动网站的加载。保证契合移动用户的需求，更轻量级。

28. 远离 Flash –或许在 Web 上看着不错(无法变换)，但在移动端并不适宜。运用 HTML5，GIFs 和 JPEGs 会更好一些。

29. 将导航方位考虑进来 —— 我们运用智能手机来看电视，开车，购物和完结各种功用。应使移动端顺眼，并运用图标来进行快速导航（包含短文字说明）。

30. 拥抱第三方交际渠道登录 —— 第三方登录有着很高的转化率，关于鼓舞访客和你的产品进行交际互动是个极佳的方法。

31. 供给移动独享 —— 大多数人更喜欢运用 PC 屏幕来下单。为了进步变换率，可测验供给移动端独享，以削减与 PC 端正面竞赛，添加销售。

32. 为动作而规划 —— 将一切的可点击元素规划为按钮(不仅仅是文本链接)， 保证它们满足大，并留白以杰出。

33. 少便是多——尽量运用少一点的文字，去除一切不必要的规划元素，只留下功用要素。

34. 音讯个性化——智能手机供给了许多重要的用户信息。手机为用户供给了如 GPS 和根据方位服务的一体化特性，如：运往华盛顿！

35. 考虑字体要素——让文本更易读。运用更大的字体、行距离和字距离让文本简略阅览和略读。

36. 使 SEO优化而不损坏变换战略——防止在手机登录页面运用很多文字，或许引进可扩展的 div 而引发紊乱。这将缩短页面，运用户能够点击他们感兴趣的内容。

手机上的AB测验

37. 测验要害绩效方针（KPI）—— 开端测验前，断定你的商业方针，然后把它们变换为数字化的要害绩效方针（KPI）（例如注册数量、购买数量、下载次数）。一旦断定了要害绩效方针，就要保证建立正确的盯梢机制。

38.到达显著效果 —— 当你运转测验时，保证在到达显著效果前一向运转，你能够运用 Google Experiments 或许 A/B test calculator 来知道何时到达这个效果。到达显著效果能够保证你尽可能的从测验中了解更多，并知道它们的正确性。

39.避开特别日期——在能够供给最真实的测验成果的环境下展开测验。防止在节假日、特别活动或许结账日测验。

40.坚持系统性——为了到达明晰并可了解的测验成果，保证在一段时刻运转一个测验，或许如果你有满足的流量来一起运转多个测验组。

41. 测验战略，不是元素Test Strategies, not elements——当你处理好一切技能性问题和元素之后，能够添加用户变换率，可是要保证有测验战略，这样能更好的了解你的用户。测验按钮色彩或许标题只会让你重视某一个点。为了能取得最大的成功，从你的测验中获取更多有价值的东西，你需求敞开测验情绪化战略。

42. 运用一个清单——主张运用一个清单来记住以上讲述的一切发动页面优化的战略，保证没有漏掉任何重要的部分。一个清单也能够保证你和你的团队为每个项目都能依照这些战省略优化。

Wrapping up

呼应式规划并不是一个移动优化战略。为了得到更多的移动访问者，创立专用的发动页面和发动页面的不同用户体会是成功的要害。

你还有其他的一些移动端发动页面的优化主张吗？能够在谈论里和我们一起共享。