毒害移动端用户的正确姿势.pdf

毒害移动端用户的正确姿势 今天就让我们讽刺一把，去毒害移动端用户。听上去如何？只要照着我的指示做就行。让我 们做一个缓慢的网站，禁用缩放，隐藏导航，并且在页面里填满固定位置的元素。我打赌这 会让那些可怜的移动端用户活不下去。 在捷克，最受欢迎的儿童电视英雄是 小鼹鼠（ T he Little Mole ），它是一只天真的、不说话的、快 乐的小动物，常常帮助森林里的其他动物。 电视英雄经常跟那些破坏自然环境的人类作斗争。当我陪着孩子们看小鼹鼠时，我有时会把它想象 成一个移动网站用户。你想知道为什么吗？ 作为网页设计师，我们经常像 坏人们“ ”对待小鼹鼠一样，对待我们的用户，尤其在移动网站上。 这个节目里有一集非常戏剧性。一个老人用尽各种方法想摆脱花园里的小鼹鼠，最后试图毒死它。 当设计师们把移动版的网站做得很难用时，他们其实干的是一样的事，他们要 毒死“ ”用户，最终迫 使用户离开。 今天就让我们讽刺一把，去毒害移动端用户。听上去如何？只要照着我的指示做就行。 让我们做一个缓慢的网站，禁用缩放，隐藏导航，并且在页面里填满固定位置的元素。我打赌这会 让那些可怜的移动端用户活不下去。 1. 让网站缓慢地加载 让网站缓慢地加载是对付移动端用户的最佳武器。你要是能让网站慢到加载所用的时间足够访问者 往返一趟邮局，那就太棒了！你正在有效地对移动端用户们下毒。 现在，让我们认真点。移动网络的传输速度较为缓慢，即便速度增加到 3G 和4G ，也不是哪里都有 网络，它们无法与有线网络竞争。 各项测试和调查表明，网站的速度对于用户的转化及网站的整体有效性 有重大影响力。就算用户用 的是 EDGE 连接，他们也没必要为网站内容的呈现而等上好几秒钟。 此外，别忘了网站速度是 Google 考虑有哪些信誉好的足球投注网站结果和 AdWords 广告的 选择标准之一。因此，它不单单 影响着用户转化，还会影响到用户一开始是否会登陆你的网站。 解决方案很简单：在开发网站概念的时候就考虑到访问速度的问题。从 性能预算展开工作。 优化访问速度没有那么复杂。让我来分享一些来自 Google 的最佳实践： 让数据传输最小化 不要阻碍页面呈现 优化后端 现在没时间读这些？完全理解。留着这些文字以后读好了。幸运的是，有些工具能告诉你，你的网 站有什么问题。首先，用 PageSpeed Insights 测试你的网站，接着用 WebPagetest 。 2. 把轮播图设计的很糟糕 这样用户再也不会回来了。 确实，对于轮播图的各类研究中并没有明确表示它们是不合适的。然而，轮播图在实现和用户体验 方面都是较为复杂的。所用，使用轮播图有一定的风险。 耐克的轮播图（左图）没有清晰地表达出右方还有内容。百思买（右图）做的更好：后续项目是可 见的，因而很明显你可以向右滚动。 使用轮播图时，你极有可能隐藏一些内容，而非推广它们。根据一些调查，绝大多数用户 只会看到 第一张图片，由于 横幅盲点“ ”，基于横幅的轮播图通常都会被忽略掉。 如果你准备 采用移动端轮播图，请确保它符合以下条件： Newegg 的轮播图（左图）代表一种常规的做法。 BH 的（右图）是一个很好的例子，节省了纵向 空间，利用下一个内容的显示，诱使用户浏览额外的图片。 3. 把菜单藏在汉堡包图标下面 你要把导航做的容易访问？拜托，认真点！你这样会有上千的用户的。 当你在一个网站上隐藏了菜单，人们会不再使用它。在最近发表的一项研究中， Nielsen Norman Group 发现，在手机界面上隐藏导航，对内容的可发现性、任务完成度及花费在任务上的时间有负 面的影响。 如果在导航里有一些重要的项目，而你能够展示它，那就把它展示出来吧。如果你无法展示整个 菜单，那么将它简化，或者至少显示出菜单里重要的部分。因此，我倾向于推荐 优先“ + ”的导航模 式。 如果导航还带有内容，始终显示若干个项目。 如果你无法显示重要的项目怎么办？那好吧，把菜单隐藏在汉堡包图标下面，