交互设计师的工作流程及不同阶段的职责思维导图

钻石心

2023-03-02

浏览量: 1

交互设计师,

周推荐,

工作职责

交互设计师的工作，并不仅仅是输出设计方案，我们需要参与前期的需求讨论、后期开发测试验收验收等等产品设计与实现的多个环节。本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职责。

树图思维导图提供《交互设计师的工作流程及不同阶段的职责》在线思维导图免费制作，点击“编辑”按钮，可对《交互设计师的工作流程及不同阶段的职责》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：d2ebde9ef87ec05cb341c317d8d5b49d

思维导图大纲

一、需求分析阶段

这个阶段，对于不同时期的产品讨论、分析的方面侧重点不同。

1、新产品

对于从无到有的心产品，需要了解：

用户群体是谁？他们有哪些特征？我们的产品需要解决用户的什么痛点？如果有竞品，我们与他们的优势在哪里、差异又在哪里？

这个阶段非常重要，但是也是最难讨论清楚的，即使是产品经理/总监可能在最初也无法完全确定产品的定位，而是在产品迭代过程中慢慢摸索出来。

通过哪些功能来实现用户的需求？这个部分主要由产品经理提供。有些产品经理提供简单的功能list、有些甚至直接给线框图，这其实都不太可取。

我比较希望收到的是一份较为详细的思维导图，包括：功能模块、功能点、需要展示的信息字段及其格式要求、功能优先级、其他必要的补充说明（为什么这样考虑、什么场景下使用等等）

2、迭代改进中的产品

对于已经上线的产品，如果是已有功能的改进优化，需要了解：

比如当前存在的问题是什么？计划通过什么方式/方法解决？期望达到怎样的目标？

资料推荐：

对于需求分析阶段，我以前也挺迷茫该如何更好的开展。在上一家公司时，刚好遇到《破茧成蝶：用户体验设计师的成长之路》这本书详细介绍了如何做需求分析，与产品经理一起按照书中的方法进行，共同讨论了我们负责产品的定位、使用场景和特点等等信息，受益匪浅，在产品重构过程中也得益于前期的分析做了一些创新设计。

二、交互设计阶段

任务分析，是指分析用户在使用产品过程中，需要进行的行为和认知的过程，可以帮助我们建立产品的结构和信息流，从而为我们提供更多合适的信息来帮助用户完成任务。

根据产品的功能点，我们先确定用户需要完成哪些任务？每个任务又可以分解为哪些子任务？这些子任务的操作流程、目标是什么？分布在哪些页面，子任务的层级结构是怎样的？任务、子任务的优先级关系是怎样的？如何在界面上突出主要任务？

这个步骤关系到后续的页面流程、用户操作流程、页面布局。

资料推荐：

1、《破茧成蝶：用户体验设计师的成长之路》一书在设计规划章节介绍了主要任务与次要任务、如何突出主要任务、如何引导用户完成任务2、《在你身边为你设计》一书在体验设计章节介绍了“设计中的逻辑思考——任务分析”

导航的目标是突出主要功能点，让用户在完成任务时能一目了然的知道自己要从哪个入口进入。通过前面的功能分析和任务分析，对于用户任务的优先级已经较为明确，此时可以思考、确定产品的导航设计。

用以明确整个产品的层级结构、页面之间的关系。类似下图这样，标注页面名称，不用体现界面细节，还可以简单标注界面的主要内容模块。

对于比较简单的功能或产品，这一步可以省略。但是如果涉及到多个用户角色之间的操作关联、较为复杂的判断逻辑，建议交互设计师先梳理清楚用户操作流程图，思考清楚不同分支的走向。后续在设计评审阶段，可以通过流程图来辅助讲解，更容易理解。

整体框架、流程梳理完成后，开始逐个完成各个界面的布局设计、界面之间的跳转关系。这个环节是整个交互设计的重中之重，如何设计友好而易用的界面，如何做到有效的组织将用户重点关注的信息凸显出来，非常考验一位交互设计师的能力。

另外，这个环节也要着手思考交互操作细节，不过暂时不用表述完整，可等初稿评审且基本确认后再做细化。

目标是确认导航设计、页面流程、页面布局是否符合产品需求，各方的想法是否能达成一致。如果遇到不一致的情况，可讨论分歧点在哪里，讨论不同方案的优劣点及如何取舍。

如果修改意见较少，完成修改后可私下与相关的业务需求方或产品经理沟通设计方案，基本达成一致后可开始进行详细设计；如果交互初稿评审分歧较大，需要修改后重新评审，基本确认后再做详细设计。

这个环节，需要完善不同状态下的页面布局和内容展示、用户操作反馈提示、通用或异常的场景等等。所有开发阶段需要用到的都需要在详细设计阶段体现。

在我的历史文章中有几篇推荐给大家：

1、如何写一份全面、易读的交互说明文档2、移动应用中，反馈提示的设计方法与实例3、有哪些好的「空状态」设计

主要目标是让开发测试同事了解设计需求、评估设计方案的实现合理性、交互细节是否完善且无异议。这个环节会遇到很多“挑战”，需要交互设计师提前对设计方案有足够的思考、能权衡多种方案的利弊，进而将自己经过深思熟虑的且最为合适的方案推进下去。

三、视觉设计阶段

交互设计师需要向视觉设计师介绍交互原型；对输出的视觉设计方案，需要从交互角度予以评估，比如与交互设计初衷是否一致、内容的主次是否表达得当、是否有细节遗漏或错乱等等。

四、开发与测试验收阶段

五、搜集用户反馈阶段

对于迭代中的产品来说，这一点需要持续关注。通常采用的方式是用户调研、可用性测试、各种用户反馈渠道搜集。交互设计师需要分析用户反馈问题的合理性、是否需要优化。对于值得重视的反馈，需要思考设计方案、推进实现。

904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查思维导图

U633687664

3.9

树图思维导图提供《904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查》在线思维导图免费制作，点击“编辑”按钮，可对《904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：10b9a8a2dd2fb4593f8130ef16c320fc

9.战斗的基督教思维导图

U582679646

3.63

树图思维导图提供《9.战斗的基督教》在线思维导图免费制作，点击“编辑”按钮，可对《9.战斗的基督教》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：33d168acd0cd9f767f809c7a5df86e3a

思维导图模板

IT互联网

互联网干货

正文

相似思维导图模版

互联网时代，让用户来帮助你建设和宣传品牌思维导图

2023-03-02 17:47:02

文案篇10：如何分析别人的文案，让自己成长？思维导图

2023-03-03 09:43:43

百度推广优化实战：手把手教你做百度推广（上）思维导图

2023-03-02 16:31:50

都2020年了，你还不会做社区？我给你分享一些秘籍！思维导图

2023-03-01 17:27:21

思维导图模版推荐

做好这10点，你移动网站排名不上来都难！思维导图

2023-03-02 14:07:54

互联网人：为什么你工作3年依旧不能月薪过万思维导图

2023-03-02 14:08:00

需求频次的高低，如何影响产品设计？思维导图

2023-03-02 14:08:06

揭秘你不知道的京东管理体系！思维导图

2023-03-02 14:07:31

我想从营销角度告诉你，为什么粉丝爱看你的文章思维导图

2023-03-02 14:07:25

放假了公众号怎么办？要不要发文章？怎么发？思维导图

2023-03-02 14:07:20

首页

我的文件

我的团队

个人中心