设计流程之前期设计（概览篇）

本文主要以某海外银行个人网银登录后的首页设计为案例，尝试解析交互设计过程中前期设计这一步骤的要点。本文主要分为上下两篇，上篇主要列举出前期设计的要点，下篇则通过一些案例解说前期设计当中某些具体步骤。

#引言

除了部分极为简单的项目，多数设计都需要经历前期的概念尝试和后期方案完善及文档输出两个阶段，区分这两个阶段有助于提供更好的交付产出以及与周边的同事形成更好的协作与沟通。（因为可以提供一些方案给他们选择，并且在方案中期及时沟通优于方案完成后临时修改。）

#为什么需要前期设计

——分批交付成果，在设计阶段中就与同事及时沟通和交流

——不同阶段关注不同问题，避免眉毛胡子一把抓

——在前期设计阶段就与产品经理等需求方进行沟通，推动需求细化与更优方案，落实需求细节

——尽可能通过前期设计尝试一些新的可能性，并且分辨一些概念是否靠谱

——在前期设计的过程中找出当前设计的难点和关键要素，便于规划时间分配

#前期设计做什么

——阅读产品需求，并且确认其中细节并且进行相关沟通。
——尽可能收集相关数据或者已有的反馈，作为设计的依据

——关注相关竞品设计或类似组件的设计（只要其本质相通即可）

——查阅资料（根据具体项目和设计师熟练度而言）

——构思大体布局以及基本使用流程，并且产出几个预选方案

——分析预选方案的主要优缺点以及受众的阅览顺序和关注重点（通过高斯模糊的办法）

#除了画图，在提供预选方案的时候还要做什么

——尽可能找出当前备选方案可能存在的优化点（比如信息分布过于松散）—后续详细设计时可能会进一步重点优化

——明确当前每个预选方案的特点与亮点所在（方便对付那种一句话解释你这个方案的情况）

——记录下关键要点，如每个方案的缺陷/限制/或者其他注意要点（这个很重要！）

——关注自己在设计的时候受到的一些前提限制

——如果排除了某些设计方向，最好进行简单的记录和分析

——除非有特殊状况，避免在某个细节中耗费过多时间

——如果需要运用动画或是不常见的切换等交互，在这个阶段就尽可能提供gif或者视频给研发or产品以供参考

#前期设计需要避免哪些坑

——过度关注于某个既定的方向（除非产品的要求非常清晰和明确，而场景本身也不需要太多新的设计方案）

——过度纠结于某个细节的完善

——没有花时间思考或者通过充分沟通去理解产品经理的真正意图

——过度专注于优化交互稿的视觉效果

#小结

前期设计的投入直接影响最终产出的成果以及最后评审开会套路的效果。与此同时，前期准备的各种各样的资料和思考记录，对于日后追溯设计意图极为重要。