交互设计师的工作流程及不同阶段的职责.pdfVIP

交互设计师的工作流程及不同阶段的职责 交互设计师的工作，并不仅仅是输出设计方案，我们需要参与前期的需求讨论、后期开发测 试验收验收等等 产品设计与实现的多个环节。本篇将介绍我目前参与交互设计的工作流程以 及各个阶段的工作职责。 一、需求分析阶段 这个阶段，对于不同时期的产品讨论、分析的方面侧重点不同。 1 、新产品 对于从无到有的心产品，需要了解： 产品的定位是什么？ 用户群体是谁？他们有哪些特征？我们的产品需要解决用户的什么痛点？如果有竞品，我们与他们 的优势在哪里、差异又在哪里？ 这个阶段非常重要，但是也是最难讨论清楚的，即使是产品经理 /总监可能在最初也无法完全确定产 品的定位，而是在产品迭代过程中慢慢摸索出来。 产品的功能点有哪些？ 通过哪些功能来实现用户的需求？这个部分主要由产品经理提供。有些产品经理提供简单的功能 list 、有些甚至直接给线框图，这其实都不太可取。 我比较希望收到的是一份较为详细的思维导图，包括：功能模块、功能点、需要展示的信息字段及 其格式要求、功能优先级、其他必要的补充说明（为什么这样考虑、什么场景下使用等等） 2 、迭代改进中的产品 对于已经上线的产品，如果是已有功能的改进优化，需要了解： 改版目标是什么 比如当前存在的问题是什么？计划通过什么方式 /方法解决？期望达到怎样的目标？ 资料推荐： 对于需求分析阶段，我以前也挺迷茫该如何更好的开展。在上一家公司时，刚好遇到《破茧成蝶： 用户体验设计师的成长之路》这本书详细介绍了如何做需求分析，与产品经理一起按照书中的方法 进行，共同讨论了我们负责产品的定位、使用场景和特点等等信息，受益匪浅，在产品重构过程中 也得益于前期的分析做了一些创新设计。 二、交互设计阶段 任务分析 任务分析，是指分析用户在使用产品过程中，需要进行的行为和认知的过程，可以帮助我们建立产 品的结构和信息流，从而为我们提供更多合适的信息来帮助用户完成任务。 根据产品的功能点，我们先确定用户需要完成哪些任务？每个任务又可以分解为哪些子任务？这些 子任务的操作流程、目标是什么？分布在哪些页面，子任务的层级结构是怎样的？任务、子任务的 优先级关系是怎样的？如何在界面上突出主要任务？ 这个步骤关系到后续的页面流程、用户操作流程、页面布局。 资料推荐： 导航设计 导航的目标是突出主要功能点，让用户在完成任务时能一目了然的知道自己要从哪个入口进入。通 过前面的功能分析和任务分析，对于用户任务的优先级已经较为明确，此时可以思考、确定产品的 导航设计。 页面流程图 用以明确整个产品的层级结构、页面之间的关系。类似下图这样，标注页面名称，不用体现界面 细节，还可以简单标注界面的主要内容模块。 用户操作流程图 对于比较简单的功能或产品，这一步可以省略。但是如果涉及到多个用户角色之间的操作关联、较 为复杂的判断逻辑，建议交互设计师先梳理清楚用户操作流程图，思考清楚不同分支的走向。后续 在设计评审阶段，可以通过流程图来辅助讲解，更容易理解。 页面布局设计 整体框架、流程梳理完成后，开始逐个完成各个界面的布局设计、界面之间的跳转关系。这个环节 是整个交互设计的重中之重，如何设计友好而易用的界面，如何做到有效的组织将用户重点关注的 信息凸显出来，非常考验一位交互设计师的能力。 另外，这个环节也要着手思考交互操作细节，不过暂时不用表述完整，可等初稿评审且基本确认后 再做细化。 初稿评审 目标是确认导航设计、页面流程、页面布局是否符合产品需求，各方的想法是否能达成一致。如果 遇到不一致的情况，可讨论分歧点在哪里，讨论不同方案的优劣点及如何取舍。 如果修改意见较少，完成修改后可私下与相关的业务需求方或产品经理沟通设计方案，基本达成一 致后可开始进行详细设计；如果交互初稿评审分歧较大，需要修改后重新评审，基本确认后再做详 细设计。 详细交互设计 这个环节，需要完善不同状态下的页面布局和内容展示、用户操作反馈提示、通用或异常的场景 等等。所有开发阶段需要用到的都需要在详细设计阶段体现。 在我的历史文章中有几篇推荐给大家： 1、如何写一份全面、易读的交互说明文档 2、移动应用中，反馈提示的设计方法与实例 3、有哪些好的「空状态」设计 终稿评审 主要目标是让开发测试同事了解设计需求、评估设计方案的实现合理性、交互细节是否完善且无 异议。这个环节会遇到很多 挑战“ ”，需