体验的历程 @afooli

今天的主题：

• 互联网产品与设计的发展

• 体验设计的思路

• 案例分享：

- 视觉设计

- 交互设计

- 用户研究

- 广告研究与设计

- 文字优化

• 体验设计的体会

• Q&A

1999年 新浪网首页

2002年 中华网首页

2005年 新浪博客首页

2008年 校内网首页

2011年 微博

2011年 移动互联网

问题?

什么是用户体验？

如何做到好的体验？案例？

用户

环境

分析

洞察

概念

图形化

原型

测试

现实

抽象

了解 行动

By guoyu: http://hi.bidu.com/madesign

设计的思路

视觉的故事~

主色 功能色

辅助色

辅助色

文字色

提 示 色 系

成功提示

功能、操作及帮助提示

一级警示色、激活色

二级警示色

主 色 系

视觉引导系统

图标指示

产品体系化设计

一致 精致 和谐 商务 清晰 清新

产品体系化设计

动画

原型 流程图 设计规范

交互的故事~

用户研究的故事~

VS

角色定义与需求挖掘

例行用户调研 围绕搜索、网盟主要产品，开展用户研究

促进设计师对产品的理解、了解用户角色和日常行为 建立客户资料库，分析高低端客户，提炼经验，优化产品设计

行为日志与数据挖掘

45” 1” 1”

打酱油路过？！ 认知有困难？

例行用户调研 围绕搜索、网盟主要产品，开展用户研究

促进设计师对产品的理解、了解用户角色和日常行为 建立客户资料库，分析高低端客户，提炼经验，优化产品设计

定性

定量

行为 目标&态度

焦点小组 卡片分类

参与式设计

实地研究

可用性测试

眼动实验

问卷调查 网站流量及日志分析

A/B测试

用户访谈

自动化可用性测试

文化探针 用户访谈+行为数据

广告的故事~

1 2

3 4

哪个好？

2

1

哪个好？

消费行为分析

图片来自全景： quanjing.com

转化是一个过程，不仅仅是广告

图片来自全景： quanjing.com

文字的故事~

当年注册一个EBAY的帐户，第三步：

“你只要在你的邮件确认一下你就成功了”

“快要成功了” 提升了10％以上的注册率。

把百度设为首页 or 设百度为首页

A

B

左侧首屏 or 左侧前三

信息修改后，点击“提交”，系统会自动提交修改申请， 再审核通过后（会有邮件通知），信息即会更改…

设计是为了让信息更好的传递

图片来自全景： quanjing.com

关亍体验设计的体会

T字型人才

一致性原则 模块原则 8/2原则 能辨度原则 信-噪比原则 渐次呈现原则 形式追随功能 包容原则 图标 图片优势效应 邻近原则 对齐 反馈 色彩

掌握原则与规范

能辨度原则：对比度

善用集体的智慧

< End >