改善用户体验的第一印象Don’t make me wait.ppt

不要期望把所有服务器全部塞给用户。在我们日常的工作中，经常会听到不同产品产品跟你说，他们的需求优先级都很高，很重要。都需要在第一时间给用户。 但是往往这些信息只是一些混淆视听的内容，你需要更加有原则，知道你的用户需要什么？ 不重要的功能和服务，都有办法按需加载。 相对的，用户看不见的，需要用户自己触发的，允许丢失的非关键性内容都可以不在第一时间输出。 例子： 有一次听一个项目评审，一个名片的服务。开发在很多地方都做了减法的处理保证接口的稳定性，但是因为产品的一个需求，把一个非关键性信息 用户心情作为了CGI的关键信息。 这样最坏的情况下，如果心情的服务不稳定就会导致名片无法使用，这样就无法再获取到用户的一些其他基本信息了。为何在前端做成按需加载而非后台的关键数据节点？ * 空间的自定义功能，是用户装扮的一个很重要的功能。 * * * * * 我们的站点可能会出现很多异常。 打不开， 速度很慢。但是尽管打不开，我们都不能让用户感觉到站点无法使用。哪怕只剩下一口气，都必须保持给用户提供有效的降级服务。 * * 故障不仅仅是我们服务的故障也包括用户侧的故障。 * * * * * * 改善用户体验的第一印象 Don’t make me wait. 作者: PuterJam 有什么直接的体验能留住我们的用户？ 别让用户一直在等待 用户速度体验的1-3-10原则 想提速？先了解您的用户 不要让用户等待 根据用户行为的提速 降级服务 根据用户行为的提速 优先加载 按需加载 前瞻行为 优先加载 5. 工具条 3. 背景图片 2. 导航 1. 模块内容 6. 消息提醒 4. 装扮 按需加载 动态加载用户需要功能 减少不必要的请求开销 方法有很多 new XMLHttpRequest(); document.createElement(script); Hidden Iframe 按需加载 什么场景适合按需加载 用户看不见的 需要用户自己触发的 允许丢失的非关键性内容 前瞻行为 不为短暂停留的用户提供额外数据 为长期停留的用户，预读可能需要的数据 图片翻页预加载 图片翻页预加载 坚持住！哪怕剩下最后一口气 降级服务 故障主动降级服务 差异化服务 故障主动降级服务 目的：告诉用户，你还活着，你还能提供服务 服务出现异常时，提供保护措施，不伤害用户 超时检测机制 提供必要的减法措施 * 1 2 3 差异化服务 根据用户客户端情况提供差异服务 根据浏览器的不同，提供不同的脚本功能和样式的降级服务 控件降级检测 Thank you * 琳琅满目的web产品，电子邮件，资讯，购物，社区，沟通。 每个产品都承载着大量信息。给用户提供更多选择和便利。但是所有这些产品中，都在无时无刻地关注一个最为直接的用户体验。 这个体验是建立在所有体验之上的，不管你的产品做得是否很绚丽，功能是否很强大，用户信息很重要，都必须考虑到这个直接的体验。 * 大家都有过等待的时候，去银行排队取款， 到派出所排队办理业务 等等。但是这些等待我们别无选择，相比互联网业务用户选择很多，在激烈的竞争中，让用户等待的结果会直接影响到你业务的生存情况。我不能让我们的用户处于等待状态。 我们的口号是： 别让用户一直在等待，不要把用户拒之门外。 * 全球最大搜索引擎 Google：慢500ms = 20% 将放弃访问。 全球最大的网上中文书店 亚马逊：慢100ms = 1% 将放弃交易。 珍惜每一毫秒的时间 * 提速是有目的，不是盲目的。了解您的受众（用户），在我们了解到用户所需要之后，我们才能更好得对症下药。 了解用户的目标，行为和观点。不需要假设，您不是您的用户。网站设计和开发团队假设用户会像他们一样去思考和操作，所以他们最后不是在为用户设计，而是为他们自己设计 您的用户是匆匆过客，还是一直停留？ 是学生，还是社会工作者？是成熟，还是活泼？ 每个产品都有自己的受众用户群，但是用户和用户也不是完全一样的，不是每个访问者都用同样的目标，同样的行为和同样的思维。 * 等待是可怕的，但是面对用户等待，我们可以有很多事情可以做。 1. 在用户能够正常访问的情况下，我们根据用户的需要，行为来提供不同的提速方案。 2. 当用户不能正常访问的时候，我们有没有想办法挽留我们的用户？ * 这里不谈yahoo的n十条原则，不谈如何抓包分析。和大家分享几个根据用户行为来进行的提速优化。 * Qzone 用户内容是最重要 由用户创造的模块内容 进一步细化: 最基本的互动手段 导航 （人与人之间的交互的基本手段，也是访客了解一个人的各个入口） 空间的附加功能，增强用户体验 风格皮肤 （最能给用户直接表现的） 挂件，商城装扮（不是太重要的应该给其他对象表现