百度技术沙龙第 21 期回顾：交互设计在 Apps 中的开发实践（含资料下载）

在 12 月 17 日由百度主办、InfoQ 策划组织实施的第21 期百度技术沙龙活动上，来自百度商业产品用户体验部的高级经理李年福、PhoneGap 中国社区技术总监钟馥百分别分享了各自在交互设计方面所取得的成果及经验，话题涉及“互联网产品的体验与设计”，以及“快，快，快 - 互联网产品用户体验第一军规”等。本文将对他们各自的分享做下简单的回顾，同时提供相关资料的下载。

主题一：互联网产品的体验与设计（视频，MP3 和 Slides 等资料下载）

来自百度商业产品用户体验部高级经理李年福第一个为大家分享，分别从交互设计的基本概念、可用性原则及设计原则、具体案例等几个角度来进行讲解。其中重点讲述了可用性原则和设计指导原则，可用性原则主要涉及以下几个关键点：

• 反应用户的心理模型
• 易学性
• 简洁性
• 避免干扰和打断
• 减轻用户记忆负担
• 及时有效的反馈
• 让用户放松心态，不怕犯错
• 输入操作
• 使用用户的语言

紧接着，李年福分享了一些设计中的指导原则，其中包括：

• 一致性原则：审美一致
• 组块原则
• 能辨度原则
• 信噪比原则
• 渐次呈现原则
• 形式追随功能
• 包容
• 图片优势效应
• 对齐

此外，李年福还对设计流程（涉及调研、概念定义、界面设计、实施和发布等阶段）、体验设计的思路进行了讲解。随后通过大量的实例说明了设计的重要性，其中不乏 Flickr 上传照片、eBay 文案以及北京空气质量报告客户端等经典案例的介绍，最后，提到了他对互联网产品体验与设计的认识：

设计是为了让信息更好的传递，产品体验 =SUM（产品策略：界面设计：技术开发：推广运营：售后服务）。

主题二：快，快，快 - 互联网产品用户体验第一军规（视频，MP3 和 Slides 等资料下载）

PhoneGap 中国社区技术总监钟馥百第二个为大家分享，演讲主要涵盖用户体验之殇、快——第一军规、互联网加速方案、移动互联网速度之殇、离线 Web 应用和本地 Web 应用几部分。其中，重点分享了互联网和移动互联网的加速方案，互联网加速方案主要涵盖：

• 方案
  • Expires
  • CDN
  • Minify
• 工具
  • ySlow
  • PageSpeed

稍后介绍了在移动互联网中主要通过以下技术手段来解决速度问题：

• 离线 Web 应用
  • Offline Web Application
• 本地 Web 应用
  • PhoneGap

随后，钟馥百以一个移动终端开发 InfoQ 阅读客户端为例，讲述了如何对更新 Offline Web Appication 以及应该注意的问题。一种更快的方法是 Online to Offline 的本地 Web 应用，主要通过本地存储（LocalStorage 和 SQL Database）来实现。

Open Space（开放式讨论环节）

和以往的环节一样，​为了让参会者能够有更多的时间进行相互的交流，本次活动依然设置了 Open ​Space（开放式讨论）环节。除了百度讲师李年福、PhoneGap 社区钟馥百，来自 Rexsee 的徐珂铭也作为话题小组长进行了分享。在 Open Space 的总结环节，几位话题小组长​分别对讨论的内容进行了总结：

李年福继续将交互设计的话题进行了扩展，主要讨论了如何学习、如何做体验，如何选择简与繁，前端技术的应用，交互作用与创新，最后还聊到了 Windows Phone 和 IPhone 上设计的不同。

钟馥百分享了 PhoneGap 相关的话题，开始讨论了与 PhoneGap 有关的一些技术话题，还谈到了 node.js 使用中的一些注意事项，重点讨论了本地 Web App 性能以及服务器端 JavaScript 性能等话题。

徐珂铭享了 Rexsee 相关的话题，主要介绍了 Rexsee 产品的技术特性、开发特点以及对特色功能进行了一些介绍。

会后，一些参会者也通过新浪微博分享了他们的参会感受：​​

@afooli ：交流中，解决用户体验问题，很多同学希望能有杀手锏的方法。很难。只能是边学习，边总结，边实践，边迭代。

@geely226 ：今天参加了#百度技术沙龙#，前半部分讲互联网产品体验与设计，讲的不错，最后一句话说的很好：设计是为了让信息更好的传递。后半部分的技术演讲纯粹打酱油了。

@木杉 _ 王彬：今天下午参加了#百度技术沙龙#总结了 @afooli 老师的“互联网产品的体验与设计”主题演讲内容，整理成自己的学习笔记，总给一下：1. 设计是为了让信息更好的传递；2. 设计不完全是设计层面的问题，应该想的更多；3. 产品体验 =sum（产品策略，界面设计，技术开发，推广运营，售后服务）

一位参会者随后在博客上记录下了《2011-12-17 百度技术沙龙学习笔记》。

有关百度技术沙龙的更多信息，可以通过新浪微博关注** @百度技术沙龙，或者加入百度技术沙龙微群 **，InfoQ 上也总结了过往 21 期所有百度技术沙龙的演讲视频和资料等，感兴趣的读者可以直接浏览阅读。