• • • • •
Reusing previous work Design principles Understanding your users Documentation and help And more!
• Getting help • Prototyping • Iterating
• Getting help • Evaluating performance • Getting feedback
关注用户：把用户需求放在第一位 快速迭代：每周更新，直到可解决用户痛 处，然后才开始推广 数据导向：用互联网的特性获取用户使用 轨迹，从中判断如何设计和排序 清晰定位：知道产品的核心需求和功能， 清晰目标用户是谁 重视细节：关注每个细节，把产品当作自 己的baby 打破陈规：不要被过去的思维束缚，才能 开发出有创意的产品 追求简约：最简单的解决方案是最好的
*前缀vs后缀
• 遵循平台标准

用户自由控制（可进可出）
• 提供复原操作
• 应取消长操作
• 所有的对话框都应该有取消按钮

用户的知晓性
• 结构清晰，一目瞭然 • 很容易的知道目前 状态
*淘宝购买东西的页面
用户对质量属性要求
• 出错时要能恢复、提供帮助、安全性=使用放心

少即是多（简约设计）



拍摄UI界面

切割可以复用的界面元素-分析 透析界面中颜色搭配（SAP） 巨复杂的功能或信息的界面鉴赏 （Office2007）
• / • /


用户的心理模型与实现模型存在矛盾
*用户从未体验过的操作设计（设计师来引导用户） *UI设计师依据用户心理模型进行UI设计 *用户的心理模型=外观+行为（操作）--》心行合一 *外观=视觉冲击力（外在的美，漂亮） *行为=内在体验性、易操作性（内在的美）
Before You Design Your UI
Design Your UI
Before You Code Your UI
After You Code Your UI
• • • • • •
Inputs, outputs, tasks Laying out windows Navigation Wizards Selecting text, items, dates Scrolling and paging

让用户认可我的UI设计
• 学会使用博弈之术 • 润物细无声 • 我的UI设计符合国际UI设计规范（压）

理解原厂商的UI规范
【了解他们的UI使用习惯，不同行业有不同的规范、标准】

定义自己的UI规范（UI设计师） 给出有效的UI的案例 形成UI的模式资产
1. 遵循一致的准则
2. 统一UI规格（布局、色调、文字、
4、UI鉴赏能力
5、UI心理学
6、UI设计规范
客户--高层 用户—使用、操作的人
年龄？习惯？……
出钱的人 年龄？性别？阅历？…… 看的时间：5分钟
使用的时间：6-7小时
UI设计师—
理解需求（客户+用户）
以用户为中心 兼顾客户的感受

用户需求转化为UI界面差异性
实例：设计一个批量合成PPT的工具

• • • • •
Error messages and validation Visual UI style Graphical elements Fonts And more!
美 工 需求师 软件 架构师
测试师
程序员

沟通能力 会用工具 写文档
1、如何获取用户的需求 2、UI设计的基本原则 3、UI视觉效应
整合领域：结合不同领域，形成新产品
洞悉未来：看清楚方向可能是成功的一半

以用户为中心
• 研究用户一天的工作：说？做？ • 使用用户的语言，不用技术术语

产品的一致性
• 最小惊奇原则
*相似的事物应该在外观和行为上相似 *不同的事物应该在外观上不同
• 其他属性
*大小、位置、颜色、措辞、排序….
• 命令/变量的次序
• *IDE (Integrated Development)环境完成UI原型 • *DroidDraw(移动设备模拟器)
• *UML (Unified Modeling Language)完成UI原型

了解用户状况（观察、交谈、数据）
• 针对用户的统计数据、历史数据
*明确未来的需求
• 用户的UI习惯
*行业、性别、年龄不同
• 用户个体状况
*个人习惯、审美不同不同

充分阅读需求人员编写的《需求规格》
*读出用户的语言（界面中的文字） *读出用户的日常工作（用户工作的场景） *读出用户的操作与对象（动词与名词—内容） *读出用户的特殊要求（质量属性与工作环境）

搭建用户的工作环境
*使用虚拟机软件
李开复:互联网的九个产品精神
图像图标、操作、安全、可靠、性能）
3. 适当的引导用户的习惯
（设计经验可以传承）
Google 的用户体验设计原则
有用（Useful）：以用户为焦点，关注他 们的生活、工作和梦想
快速（Fast）：争取节省每一个毫秒
简单（Simple）：简洁就是力量 魅力（Engaging）：能够唤起新手的好 奇心，能够吸引资深用户 革新（Innovative）：勇于创新 通用（Universal）：全世界适用的设计 盈利（Profitable）：为现行的和将来的 商业模式做好安排 优美（Beautiful）：外观具有视觉愉悦性， 但是不会令用户分心。 可信（Trustworthy）：值得用户信赖 人性（Personable）：加入人性化因素

尽量多与未来的用户进行面对面的沟通 在沟通的过程中学会使用UI原型工具
• *GUI Design Studio（UI原型设计）
• *Website Layout Maker（布局、图标图像、样式表） • *Balsamiq Mockups（移动设备线框图）
• *Serena Prototype Composer 2009 R1（工作流与UI流）

对文字的敏感性
▪ 字型 ▪ 字号 ▪ 间距

UI模式

UI设计师能力问题

买钱最多的软件（有价值的软件）
*SAP-MiniSAP *AX4、AX2009 *金蝶K3 *用友U9 *ERP5

国际化的互联网网站 移动设备
*微软 *雅虎 *苹果 *Adobe *新浪 *搜狐
*淘宝 *邮件 *读书

UI=User Interface(用户界面)

UI设计是指对软件的人机交互、操作逻辑、
界面美观、用户体验的整体设计

研究界面
图形设计师---Graphic UI designer

研究人与界面的关系
交互设计师---interaction designer

研究人
用户研究工程师User experience engineer
• 原本功能简单的东西，增加了不少功能，使 用者倒不喜欢了
*集顶盒---增殖功能VS基本功能

人的读书习惯
• 读书习惯--切割屏幕
*操作命令 *内容 *状态 *辅助
• 二八原则
操作:内容=2 : 8
• 不同尺寸的屏幕切割方式的变化（手机）

刺激性 喜爱程度 颜色的持久性（SAP）-调色