大巧不工Web前端设计修炼之道——（2）打造前端设计的基石，交出你的原型稿

1.UCD——以用户为中心的设计原则

用户：懒惰、有想法、喜新厌旧
UCD（user-centered design）的标准流程是从用户调研开始的，根据调研结果得出用户需求。此后进入设计阶段，经过原型设计、可用性设计、模型设计等一系列步骤，直至最后产出初始版本供用户试用。在用户试用后，将针对试用报告继续完善设计，直至整个产品完成。
1.1关注用户：
1.用户群分析
- 按照之前的纬度进行用户群分类
- 分析不同群体的使用习惯
- 为不同的用户群制定不同的方案
- 确定用户群的重要级别

2.人物角色分析
人物角色是对网站目标群体真实特征的勾勒。

1.2用户调研：
1.问卷调查：
最普通的调研方式，将一些需要调研的问题整理成问卷调查表，再预设相关的答案由用户来作答。
技巧：真诚待人；主动适应，适当引导；不忽略细节

2.可用性测试
邀请一些特定的用户对将要发布的功能进行试用，获取用户信息（眼动仪）。

1.3更含蓄的方式：
通过隐形的手段收集用户数据，然后进行相应的分析，得出用户的需求。
1.服务器端数据
2.客户端数据
3.数据挖掘

2.交出第一份设计稿

2.1原型设计很重要
软件失败或亏损的三大主要原因为：缺乏使用者的参与、需求或规格不完整、需求或规格变更。
使用原型的根本目的不是为了交付，而是沟通、测试、修改、解决不确定因素。

2.2表现原型
线框图注意事项（3R原则）：
1.需求（Requirements）
2.精简（Reduction）：只留下必要的功能、元素和交互
3.规则（Regularity）：一致性
以及新提出的
4.重构（Refactoring）：模仿、创新

2.3原型产品注意事项
1.目标（确定需求）
2.为人而设计（不同层次）
3.重功能，轻外观
4.不要懒惰
5.头脑风暴
6.选择合适的工具

3.让工具帮助你

3.1创建用户模型
用户模型指导交互形态，贯穿原型设计的各个部分。

3.2Balsamiq Mockups设计概念图
基于Adobe AIR技术的桌面应用程序，低保真线框图。官方网站

3.3Axure RP设计交互原型
可以制作高保真的原型工具。官方网站

3.4更真实的变现
Adobe Photoshop+Adobe Flash Catalyst
后者可以在前者的界面上添加交互动作。