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

作者 贾国清 发布于 2011年12月22日

领域

语言 & 开发

主题

HTML 5 ,

HTML ,

RIA ,

标识语言 ,

工件和工具 ,

Web框架 ,

语言 ,

iOS ,

工具 ,

平台 ,

Web 2.0 ,

编程 ,

敏捷 ,

移动 ,

操作系统 ,

企业架构 ,

架构 ,

用户体验 ,

用户界面 ,

PhoneGap ,

Node.js ,

互联网 ,

百度

分享到

在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期所有百度技术沙龙的演讲视频和资料等，感兴趣的读者可以直接浏览阅读。

贾国清 是InfoQ中文站高级策划编辑，热爱生活，喜欢旅游和体育运动。