2010-05-10

用户体验组设计流程

设计流程划分• 交互原型设计

交互设计评审

• 视觉设计（高保）高保真评审

• 前端静态页面开发

完成非数据交互以外的所有动态页面

前端Demo评审

• 后端工程师开发

前端和后端并行开发

• QA测试

• 前端和后端修BUG

• ShowCase

• QA提交发布许可

项目开

发流程

量化用户体验

• 内容 Content

• 功能 Functionality

• 可用性 Usability

• 品牌 Branding

Step1:交互原型设计

• 概括性• 逻辑思维清晰

• 远见

• 创新

注意事项: 用户价值最大化(围绕用户设计)

数据交互、引导环节畅通

简洁

减少记忆、增加路径

容错设计

可用性

Step2:视觉设计（人机交互）

• CSS样式表知识

• 区分(平面设计、EDM、GUI界面)

• 创新

Step3:前端开发

• 技能

• 态度

• 质量

• 速度

• 创新

• 沟通

交互原型案例

最终视觉案例

高保真案例

前端开发

• 态度

1. 保证前端代码的可读性、可扩展性（特别是javascript）

2. 要正确对待修复Bug

3. 要正确对待千变万化的需求

前端开发

• 质量

1. HTML Demo的交互和图片要和交互原型及高保一致

2. 代码质量

3. 产品前端的性能（ oop的编码方式、框架的使用、代码重用、前端架构……）

4. 产品的兼容性（至少80%）

前端开发

• 速度

1. 开发（编码）速度

2. 代码运行的速度