Home – Blog -如何构建完美的移动登录页面
这篇博客文章已经更新到2019年。如果桌面登录页面相当于一场求职面试，那么移动登录页面就像是打了类固醇的电梯游说——你只有几秒钟的时间来加载你的页面，抓住用户的注意力并说服他们采取行动。构建完美的手机登陆页面并非易事，除非你在开始之前就有一个强大的手机策略，否则你可能会错过更大的转化率的宝贵机会。手机登陆页的重要性即使你完全意识到你不应该——我说的不应该，我的意思是不能——忽视手机的重要性，你很可能会遇到怀疑的人。你可能会和那些拒绝优先考虑移动优化的人一起工作——他们声称这样做的呼吁是毫无根据和空洞的。好吧，在WordStream，我们坚定地相信冷冰冰的数字的力量。这里有10个统计数据，你可以分享来改变怀疑者的想法:人们将69%的媒体时间花在智能手机上。近十年来，拥有智能手机的美国成年人比例迅速增长。89%的消费者表示，他们会在积极的手机体验后推荐某个品牌。57%的移动设备用户表示，如果你的移动网站体验不好，他们不会推荐你的业务。62%的消费者在体验过负面手机体验后，购买你的产品或服务的可能性会降低。全球71%的零售网站流量来自智能手机和平板电脑。2017年第三季度至2018年第三季度，智能手机和平板电脑的电子商务转化率都有所增长。近一半的网上购物订单是通过手机完成的。平板电脑用户在电子商务网站购物车中添加产品的比例高达8.58%。仅仅因为你的桌面登录页面可以在移动设备上被查看，并不意味着你不应该设计专门的移动设备页面。在移动设备上提供登陆页面的桌面版本是一个很大的错误，因为人们在移动设备上与在笔记本电脑或台式电脑上进行网站交互的方式非常不同。以下是一些需要记住的移动登陆页面最佳实践。
的标题应该是短的——短得吓人(忘记那些不可抗拒的upworthy风格的标题党标题)。四个字或少于四个字是最理想的。一旦你认为你写好了登陆页面的文案，就回去编辑它。然后再做一次。删掉每一个不需要出现的单词——是的，即使是那些性感的新产品描述。你还可以进一步询问手机登陆页面是否需要拷贝。(一些企业在主要靠图片驱动的登陆页面上取得了成功。)确保您的客户执行操作所需的所有东西都能立即在页面上看到。从客户的角度考虑手机登陆页面。你会花几分钟在屏幕上捏或滚动来了解更多关于一个产品的信息吗?你的客户也不会。当建立一个登陆页面时，要克制用图片、文字或其他让人分心的东西填满页面空白的每一个像素的冲动。以上面的移动登陆页面为例。是的，行动的号召是即时可见的，但是页面的其他部分有太多的事情正在进行，整个体验可能会让潜在客户失去兴趣——另外，这些示例不必要的图片过多，这可能会导致更长的加载时间。如果您选择在设计阶段使用移动登陆页面模板来帮助您，请记住这一点。在设计手机登陆页面时，要考虑最小化。记住——留白是你的朋友。移动登陆页面cta的行动呼吁必须是强有力的，清晰的和即时的。理想情况下,你的卡路里L to action应该是用户看到的第一个页面元素之一。然而，仅仅因为它是可见的并不一定意味着它是最佳的。例如，如果你的移动登陆页面的主要目的是产生潜在客户，你就不会想让潜在客户填写冗长的网页表单。保持表单尽可能简短——一个字段是他们的名字，另一个字段是电子邮件地址。如果你想让客户给你打电话，可以添加一个电话图标，或者把公司的电话号码设为可点击的元素。如果你想让他们来你的商店(本地搜索的一个重要组成部分)，添加一个链接到你的商店的谷歌地图，这样访问者可以使用他们手机的GPS功能来获得方向。如果您曾经错误地点击了一个按钮，然后不得不等待10秒钟以加载错误的页面，您就会知道这是多么令人沮丧。为了避免错过潜在的转换，要确保手机登陆页面上的可点击元素周围有足够的填充。当提到移动登陆页面时，速度就是一切。你的客户等待页面加载的时间越长，他们就越有可能放弃而去其他地方。每一秒都很重要。不要使用Flash和其他插件等技术，因为它们可能需要很长时间才能加载，或者可能与客户的设备不兼容。相反，尽可能确保图片是。jpg格式的，无论如何都要避免PNG-24格式的图片。您还可以考虑使用HTML5和jQuery等技术对页面进行编码，以提高页面加载时间。优化你的移动登陆页面，使HTTP请求的数量降到最低(例如，通过消除不必要的脚本)，并尽可能使用CSS图像sprites，以进一步减少页面加载所需的时间。尽管理想的页面大小因内容而异，但目标是将移动登陆页面保持在20千字节左右。请记住，并非所有的访问者都将使用同一种连接访问您的页面。有些将使用Wi-Fi，有些可能使用4G LTE，还有一些可能使用3G连接。在强大的4G LTE连接下，不到5秒就能加载的移动登录页面在3G连接上可能不会加载得那么快。如果你优化了手机登陆页面，让它在糟糕的连接中快速加载，那么在高速连接中它们甚至会更快。您已经知道A/B测试着陆页面总是一个好主意，在评估移动着陆页面的影响时它甚至更有用。
你认为上面哪个移动登陆页面会带来最高的转化率?它肯定不会是第二个例子，它的特点是太多的文本，没有明确的行动呼吁。第一页是更好的，但仍然可以受益于更少的拷贝。第三和第四页是理想的，因为它们都有一些明确的行动呼吁，以及对访客的额外激励——10%或5美元的订单折扣。你不小心把《单身女郎》的季终集从你另一半的DVR里删掉了，现在也许是时候订一束花作为和平礼物了，对吧?
在创建移动登陆页面时广泛使用A/B测试。在细化细化您的变更之前，先从主要的变更开始。不要把自己局限于A/B测试移动登陆页面布局——也要尝试一下你的行动呼吁和客户激励的措辞。试着用客户的声音来写文案。即使是很小的改变也会对转化率产生很大的影响。为了总结这篇关于移动登陆页面的指南，让我们来看看三家公司的例子，它们都为他们的移动访问者提供了很棒的、有用的网站体验。“说到最小!”我喜欢这个移动登陆页面的主要原因是Geico事实是没有什么事情发生。这一页上的一切都是必要的，绝对没有我认为会分散注意力的东西。由于极简的设计，成为Geico客户的价值被清晰而直接地传达出来:你会省钱。
加上，它们不能使移动访问者更容易转换。要获得报价，您需要输入的唯一信息是您的邮政编码，呼叫按钮使您能够通过点击与代表联系。虽然这个来自电镀的移动登陆页面比Geico的例子要忙一些，但我仍然是它的粉丝。到目前为止，最好的功能是提供折扣。上面醒目地写着“节省80美元!”CTA按钮在页面的中心，镀使它超级吸引他们的移动访问者转换。屏幕底部的信息栏也很棒。无论你在寻找什么样的信息，镀能让你访问它，只需一次点击。简单明了，这是很棒的用户体验。我们要看的最后一个移动登录页面示例是来自Zoho的。首先，这是一个在页面顶部的杀手标题。它只告诉你你需要知道的东西，仅此而已:“我们销售团队沟通软件。这会让你更有效率。此外，让手机访问者有机会立即下载应用程序是聪明的用户体验设计;Zoho并不要求你更换设备才能开始使用该软件。请记住本文开头的数据告诉我们:提供良好的手机体验是赢得新业务的关键。丹·舍万(Dan Shewan)来自英国，是一名记者和网络内容专家，现在生活和写作在新英格兰。丹的作品出现在许多出版物的印刷版和网络版上，包括《卫报》、《每日野兽》、《太平洋标准》杂志、《独立报》、《麦克斯威尼的互联网趋势》和许多其他媒体。
参见Dan Shewan的其他帖子
更多像这样的文章如何与谷歌广告自定义片段战斗成本
了解如何使用这个未充分利用的谷歌广告功能的力量。
为什么你的非电子商务业务应该设置转换值(及如何做)
揭示了如何在谷歌广告(和其他平台)中提高领先质量和确保最高ROI的关键。
所有22种类型的谷歌广告(+何时和如何使用他们)
所有22种类型的谷歌广告的备忘单-与优点，缺点，和更多!
评论
评论前请阅读我们的评论政策。
