超实用的移动Web六大设计心法.pdfVIP

超实用的移动 Web 六大设计心法 相比 App ，移动 Web 成本少，实现难度低，数据追踪更全面，还能快速调整。优点非常多，随着全 民宽带的提高，未来也会是一大热点，今天阿里的师尹同学总结了超多超全面的移动 Web 六大设计 心法，特别推荐阅读收藏。 在这个移动互联网时代，我们经常听到这样的话： 「我有个改变世界的点子，就差做个 app 了。」 「这是我们的商业计划书，虽然还没有开始推广，但我们真的击中了用户的痛点。总之，先 做个 app 吧。」 随着移动互联网思维的渗透，以及智能手机浪潮的影响，一波波 app 前仆后继，截至 2015 年 7月， App Store 应用程序总数已达到 150 万个，「先做个 app 」几乎成为所有项目的第一步。 可以理解的是，大家倾心于 app 必定源于其独特优势，例如酷炫的交互效果、优质的用户界面、支 持离线模式消息推送，以及在用户客户端和各渠道的 ”存 在感 ”等等。对于需要体验性极强的大型 手游、社交类应用、拍照类工具型应用、以及金融类功能复杂的平台应用， app 无疑是目前最适合 不过的载体。可是，所 有项目都必须做成 app 吗？对于那些无需做成 app 的项目，还有比 app 更适合 的实现方式吗？ 答案是肯定的，有。那就是移动 Web 。 移动 Web 的最大特点，是用户可以直接通过浏览器访问网络上的应用程序。那么，移动 Web 和app 相比具备哪些优势呢？ 1. 节约成本 app ：需要投入客户端和服务端开发，以及耗费开销支持多平台和多设备。 移动 Web ：仅需 H5 页面开发，使用响应式设计的移动 Web 可到处运行。 2. 降低门槛 app ：需要下载并等待安装，占用手机容量，无 Wi-Fi 下流量耗费大。 移动 Web ：支持跨平台，无安装成本，用户门槛较低。 3. 追踪数据 app ：下载来源无法追踪，对渠道细分统计能力有限。 移动 Web ：方便追踪用户来源，媲美 PC 浏览器下常规站点统计。 4. 快速调整 app ：伤不起的审核周期，遇到紧急问题无法快速处理。 移动 Web ：站点服务器自己可控，利于快速更新迭代。 尽管移动 Web 有如上诸多优势，但不可否认的是，浏览的体验短期内还无法超越原生应用。那么， 对于生长在移动 Web 上的业务和服务，如何做好设计确提升用户体验将尤为重要。 移动 Web 并不是把 PC 端内容直接搬到手机上来显示，而是需要结合移动端用户的使用场景，突出 最核心的功能给用户，并保持界面简洁。 我们简单总结了一些重要的移动 Web 设计原则与大家分享。 一、针对首页与网站浏览方式 1. 快速取得用户需要的内容： PC首页通常身兼迎宾、资讯中心和广告推荐多重角色，但是移动 Web 首页的主要用途应该是将用 户和他们所需要的内容快速连接，一个好的移动 Web 首页能够帮助用户立即取得所需信息。 2. 网站下载速度越快越好： 手机用户不耐于等待，网站内容显示过慢会让用户果断离开你的网页。因此，网站的图片大小、浏 览器的缓存、 JavaScript 、CSS 、 HT ML 、伺服器的回应时间，都是你可以优化的空间。 3. 将用户直接导入移动 Web ： 确保用户从有哪些信誉好的足球投注网站结果页等站点自动导入手机版网页是成功留住使用者的第一步。 4. 将行动点摆在显眼的位置： 手机用户很容易漏看菜单，因此一定要把主要的行动点放在用户绝对看得到的地方，使用户最容易 完成你想让他完成的事。 5. 保持菜单简洁有力： 详尽的菜单也许在 PC 端效果很好，但对手机用户而言，可没耐心在冗长的菜单寻找类目，所以想 办法尽量缩减菜单类目的数量。 6. 提供回到首页的捷径： 通常用户预期只要按下网页上方角落的 logo 就能回到首页，否则觉得很不方便。 7. 别让广告喧宾夺主： 宣传信息及广告可能会遮盖四周内容，或是吸引了眼球而妨碍用户原本使