经过几个项目 总结了一份交互设计工作流程

杭州/产品设计师/8年前/1304浏览
经过几个项目 总结了一份交互设计工作流程

一套合理完善的交互设计工作流程,对于推动高效高品质的交互设计产品是非常的重要的


    经过这段时间新项目设计,空下时间来进行反思与总结,在项目中交互设计的整体流程是如何的?每一步的最初目的是什么?有什么可以优化的地方?这些流程是否有利于高效的设计最优的交互设计解决方案?带着这些反思,不断的推敲项目中每一步的流程。


   一.需求分析

    我们需要了解产品的定位,及使用我们产品的用户是哪部分群体,他们有什么特点和属性,如果产品有竞品,应该对竞品进行分析,了解我们的产品可以从竞品上哪里可以借鉴的,哪里和他们对比是有优势的,一一记录下来。

由用户的需求,产生产品的功能,产品经理梳理这些功能点,交接交互设计师。对于产品经理提供的功能点,后续设计的过程中还是不断的需要和产品经理进行沟通的,确保在产品需求上的理解是与产品经理的想法是一致的。

二.交互设计

1.由产品功能点分析用户的任务

    产品由许多的功能组成,这些功能对应的好些个任务去完成。(例如产品我们做一个商城的产品,功能是下单,任务可以拆解为查找商品、加入购物车等),用户每个任务下面还会有一些子任务,这些子任务有一套操作流程去完成它,我们需要先罗列出这些任务,然后对每个任务进行分析拆解,他们在产品的架构中是处于哪里的,他们之间的结构关系,这里涉及到任务之间的优先级。主要是在页面层级上如何的提现。

2.画出用户的操作流程

    有了任务之后,比较复杂的(涉及多个角色的操作关联或复杂的判断逻辑),需要画出操作流程图,这样设计的时候思路更加的清晰,严谨。后续对接开发 、UI时也可以用这些流程图去展示讲解。

3.画出页面流程图 

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

6f52591466cea801216a3e6b86b9.jpg

4.原型设计 

    主体的架构层确定了后,可以依据页面流程图逐个的画出每个页面的原型,不用画出一些操作反馈及弹出层。这里需要着重考虑页面布局上信息与信息之间的权重关系,将重要的内容凸显出来,考虑用户在当前操作场景下的最优的设计解决方案。

5.初稿评审 

    这里需要发起公司相关人员进行评审,评审目标是:确认导航设计、页面流程图、页面布局设计是否符合产品需求,是否是符合最初的产品定位。将评审中的分歧点一一的记录下来,后续进行优化,重设计等。如果分歧小、点不多的话,后续直接找对接的产品经理确认就ok。如果分歧大,涉及的点多,需要重新发起评审,最终大部分确认。

6.详细交互设计 

    设计与撰写完善不同状态下页面布局和内容展示、用户操作反馈提示、通用或异常的场景流程说明。写完一些页面后,可以设计一份交互自查表,进行一一的核对,尽量确保没有交互点漏掉。

7.终稿评审

评审目标是:让开发测试同事了解设计需求、评估设计方案实现的合理性、交互细节是否完善且无异议

三.对接UI设计

    向UI设计师讲解介绍交互原型;UI在设计的过程中,有错误及不得当的时候需要走查,跟进解答。

四、开发与测试验收阶段

  1. 测试用例撰写时,测试同事可能会在交互说明文档的基础上思考的更加全面,提出一些尚未考虑到的特殊操作场景。交互设计师需要思考、补充相应的交互设计说明。

  2. 测试用例评审阶段,需要确认所有的用例是否与交互文档上一致。

  3. 开发实现过程中,若开发遇到一些交互上的疑问,需要实时跟进、讨论、确定最终实现方案。

  4. 测试验收阶段,需要验收最终的效果,看与交互原型是否一致,对于有出入的地方也要尽快跟进确认。

六.用户评测

    可以找一些典型用户使用原型。你可以把任务列给他们,让他们自己尝试完成任务。中间遇到的问题可以记录下来,设计师通过观察来进行评分。


11
Report
|
26
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in