lesson zero #一些做交互设计的心得与技巧

#纸笔手绘
用纸笔手绘而非一开始就是用软件进行设计能尽可能让人尝试更多布局方式，从而有机会从更多的备选方案中挑出更优秀的方案。手绘的过程中，更容易看清楚布局本身是否美，是否均衡，空间分布与比例好不好...更重要的是，面向需求方面对面讲解的时候，需要快速在白板上展现他们提出的方案——此时在手绘中锻炼出来的绘图能力就很重要。

#大方向与小细节
在手绘与软件画线框图的过程中，最好把涌现的各种细节都写下来作为设计要点。这些细节通常分为几个部分，首先是这些细节是关于可用性的——比如需要支持键盘操作，再者可能关键到这个设计的美感以及带给人的体验——比如动效，还有就是关于对技术与一致性的考量——如是否能实现并且方便复用（这点需要设计师对计算科学持续学习并且学习与关注前端技术）。

设计中也有许多大方向需要考量，他们可能是一些前提——如空间有限，用户所处场景通常很忙碌缺乏耐心等。这些大方向比较显而易见，通常把这些前提也记录下来能方便自己review审查每一份设计稿的每一个细节是否使用相同的逻辑进行设计。小的细节可能可以逐次迭代进行完善，但是逻辑上的问题越到后面就越没有动力与资源进行纠正。

mark下大方向与小细节——然后呢？画图的过程中，大方向和细节都可能会逐渐清晰，有时候甚至等这些东西都清晰再去用软件做图可能更快。但是记录这些细节以及思考的过程，把围观竟品后的感受mark下来，有利于自己日后检视与修改方案。

#两份方案
只有一句话，当自己思考两个方案——他们之间的关系是50:50各有优劣那么就都简单的做出来呈现给需求方。我们有时候无法去衡量某些需求以及其潜在需求的重要性，这个时候需要他们自己对方案的倾向性进行判断。


#线框图的质量
线框图需要仔细，这种仔细体现在几个方面：仔细思考布局，并且在作品中更多呈现布局而不要省略框架结构本身（尽管可能不美也不简洁）。线框图多花时间做草稿，这样最后的稿件尽可能具有美感并且对空间使用有充分考量（别把这个都推给UI设计师）。线框图本身就需要画出极端情况以及尽可能多的真实状态，方便同事看图就能理解状况也方便自己评估这种设计在真实环境下的表现（所以一个列表可能有好几套图= =）。

仔细的制作虽然会画更多时间，但是能提供项目参与人对于这份设计的理解。何况随着熟练度提升用于制作线框图（甚至交互原型）的时间也会变得越来越少。

#关于高保真demo
在想清楚细节以后才制作高保真demo是一种设计方式。软件使用本身只是辅助（即便动手写代码依然因为这种代码不会太考虑性能以及兼容性），制作过程也是思路逐渐清晰的过程。不要省下思考以及收集资料的时间去制作高保真demo——情愿在最初那段时间稍微加班逼迫自己提高效率。设计的本身在于提供一个深思熟虑的周全方案，外在的表现形式是这种思考的结果。

#交互设计师之间如何协同设计
使用统一的控件库与资源库进行协同并且约定双方制作的的风格，包括字体与色彩使用等。
用这种方式产出的成品方便组合也减少沟通成本（这也意味着实现需要制作控件库以及共用资源库）。双方进行合作的过程中的讨论需要通过邮件仔细确认双方对于项目的共识以及以及对细节的理解方向。这可不是空话，项目的方向以及某种设计（如app与页面）之间存在巨大的沟壑，双方的沟通提供了从不同角度的看待事物的可能性。