二、设计中期：如何做设计

1、建立交互框架

这一步是对第一阶段的升华，是我们想把产品做成什么样，让用户有什么样的体验。最大的误区是，设计的时候我们往往会不自觉的把自己当成用户。根据用户需求与产品的匹配程度，我们可以把用户分成三类，即主流用户（目标用户中的大多数），专家用户（目标用户中的极少数），随意用户（非目标用户），然后以满足主流用户的设计为优先。

建立交互框架的内容大概可以分四步（仅供参考）。

提炼设计目标：在传承产品以往特色的基础上，我们想本地迭代给用户什么样的体验，用3-5个关键字概括出来；

设计信息架构：兼顾业务需求与用户体验，选择广而浅或窄而深的信息架构；

设计关键链路：目标是建立视觉层次，引导用户视觉焦点。建议在梳理用户行为基础上，思考如何将设计目标贯穿到产品体验流程，并进一步强化；

设计页面交互： 页面交互设计要兼顾新用户的学习难度，兼顾极限状态，异常/出错状态（空页面、系统错误、错误反馈等）。

2、设计规范自检

在设计评审前，我们最好检查一下自己的设计方案，自己扮演主流用户，体验一遍交互流程，并分析各个环节的重要任务是否达成。

需要注意的要点如下（仅供参考）：

导航设计：好比路牌，主要任务是告诉用户Ta在哪，可以去哪。位置是否明显，名称是否足够简洁、准确，样式选择是否合理，数量是否超过7±2等；

数据录入：是用户获取信息的重要交互方式，最常用的是搜索。是否可以让新用户快速上手（无干扰项、表达不言而喻或自我解释），需要敏感信息时是否给用户足够的安全感，是否允许中断等；

数据展示：信息展示篇幅是否足够，排序是否合理，信息分组或层级设计是无歧义，内容为空、信息过长等极端情况是否有引导；

操作反馈：保护操作按钮状态变化、操作页面状态变化、异常、出错与空页面的交互反馈。

设计规范：包括控件组件规范、不同平台设计规范（Android、iOS）等。

3、跨团队沟通协作

做设计最尴尬的莫过于设计方案Boss很满意，开发同学说不能做！不能做！不能做！这个真的不能怪技术，每个公司的技术团队都有能力上所不能做的事情，就好像我们永远没法跟“别人家”优秀的设计师比（只要比较，肯定会有差距）。

要理解开发技术是用户体验的基础，如果条件允许建议去学习一些基础的技术知识，这个是设计的加分项！所以唯一的出路就是多跟技术、产品探讨如何做得更好。

沟通参考要点如下（仅供参考）：

理解技术限制：与技术沟通的目的是达成一致，优秀开发的会有模块意识，必要时与开发一起推荐设计模块的复用，当然最好懂一些技术常识；

理解同事的"diss"：面对产品、视觉、开发、测试同学的质疑，是我们提升的机会不要置气！不要置气！不要置气！需要关注、总结同学质疑背后的行为逻辑，而非功能“需求”。

交互设计流程_1.1

---

每日精进，尽心致胜。我是大鱼酱，6月每周更一篇，这是2018年的第16篇文章。感谢您的关注和阅读。