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

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

  一、需求分析阶段

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

  1、新产品

  对于从无到有的心产品,需要了解:

  产品的定位是什么?

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

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

  产品的功能点有哪些?

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

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

  2、迭代改进中的产品

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

  改版目标是什么

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

  资料推荐:

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

  《破茧成蝶》作者的专访:《优设访谈!阿里交互设计专家刘津的设计管理之路》


  二、交互设计阶段

  1,、任务分析

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

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

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

  资料推荐:

  1、《破茧成蝶:用户体验设计师的成长之路》一书在「设计规划」章节介绍了主要任务与次要任务、如何突出主要任务、如何引导用户完成任务。

  2、《在你身边为你设计》一书在「体验设计」章节介绍了“设计中的逻辑思考——任务分析”。

  2、导航设计

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

  3、页面流程图

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


  4、用户操作流程图

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


  5、页面布局设计

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

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

  6、初稿评审

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

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

  7、详细交互设计

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

  8、终稿评审

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

  三、视觉设计阶段

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

  四、开发与测试验收阶段

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

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

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

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

  五、搜集用户反馈阶段

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

时间: 2024-09-28 18:19:33

交互设计师的工作流程及不同阶段的职责的相关文章

交互设计师的工作流程是怎样的

排除讨论工作中的特殊情况,例如版本发布前疯狂的节奏.长达一天的会议.年中年底的组织建设.预算安排等,我想写自己经历过的3个日常的"交互设计师的一天": 交互设计师在美国一天的工作. 交互设计师在德国一天的工作. 交互设计师在中国一天的工作. 只写正常工作时间,加班时间不做讨论.只写典型的工作安排,不讨论突发情况.最后我会写一些自己对一天工作安排重点的粗浅见解. 1,交互设计师在美国一天的工作. 场景:在硅谷互联网公司做移动产品设计. 8:30am,到公司,吃早饭,一楼咖啡厅拿一杯冰咖啡

交互设计师的工作日常

  教你高效利用工作时间!今天的主角他分别列出了自己在美国.德国和中国的交互设计工作,全都井井有条且轻重得当,最后还附上设计师工作安排的实用经验,非常值得各个领域的同学参考学习,推荐收藏哟. 排除讨论工作中的特殊情况,例如版本发布前疯狂的节奏.长达一天的会议.年中年底的组织建设.预算安排等,我想写自己经历过的3个日常的"交互设计师的一天": 只写正常工作时间,加班时间不做讨论.只写典型的工作安排,不讨论突发情况.最后我会写一些自己对一天工作安排重点的粗浅见解. 1,交互设计师在美国一天

交互设计师经验:为线框图多留点时间

注:heidi写这系列的专业文章,并不说明目前heidi做得有多好,相反,每当我发现自己做得不够好时或者遇到问题时,都喜欢反思并总结,可是由于以前养成的不良习惯,导致我最终写出来的东西总是像专业教程,这也导致会有一些小朋友误认为我是专业人士,其实真的不是这样,我写出来未必是专业文章(有时只不过表现如此),我只是觉得这个话题值得探讨,值得分享,也值得自己继续努力而已.所以,也请不要四处转载. ----------------------低调的分割线------------------ 线框图是交互

交互设计师如何做交互?

交互设计师到底是需要做什么? 尽管很多谈及交互的书上都已经回答过了: 发现用户需要,建立明确需求 提出设计方案 制作设计原型 用户测试和评估 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节. 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别. 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步. 发现用户而要,建立明确需求 发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户

交互设计师:初窥交互设计

加入CDC的这段日子里,工作中积累的小心得都密密麻麻的收在册子里.恰逢近期的校园招聘正如火如荼的展开着,借此机会,我把这一些不太成熟的小想法和大家分享一下.下图是CDC招聘交互设计师的工作描述,我将选择其中三点分析.   1.参与产品规划构思 刚开始的时候,我认为交互设计师的任务就是按照产品同事提交的需求绘制原型稿件,其间,我们去和产品同事讨论布局的合理性,操作的易用性,流程的通畅性. 其实不然.一个成功的产品需要团队里的产品经理,设计师,以及开发同事对产品的潜在特性和市场能力有统一的认识并一起

交互设计师到底是干嘛的?

  最近几年,交互设计这个词被提得非常频繁.可是,UI设计见了一大把,你却很少能见到真正的交互设计师.那么到底什么才是真正的交互设计呢?怎样才能成为真正的交互设计师呢?今天,就让我们围绕着这两个问题来聊聊交互设计. 什么是交互设计 交互设计的过程中,设计师会将富有逻辑操作和深思熟虑的动作引入界面中,打造出引人入胜的网页和UI.成功的交互设计师善于使用技术和良好的交互规则来打造理想的用户体验. 近10年来涉及到网页和APP的交互设计是谈论的比较多的,但是更广泛意义上的交互设计则提及较少.在探讨交互

《Photoshop Lightroom5经典教程》—第1课1.4节Lightroom工作流程

1.4 Lightroom工作流程 Photoshop Lightroom5经典教程 使用Lightroom模块化的界面使照片管理工作流程的每个阶段都变得更轻松,包括从照片获取到完成导出. 导入:Lightroom工作流程从图库模块开始,在图库模块中,可以从硬盘.存储设备或其他应用中获取照片:从相机中下载照片:从视频中提取帧,甚至可以绕开相机的存储卡而直接将照片存到Lightroom中. 分组:可以在"导入"对话框中设置选项来应用一个基本的组织操作到目录中,再通过给照片批量添加关键字标

交互设计在产品设计中的工作流程小议

当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了.交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序. 图1 交互设计在产品设计中的流程图 一.版本计划 版本计划是指在产品或项目立项时,对产品的一个总的规划,通常包括产品的需求与目标,比如能够实现哪些功能,性能上如何.这一过程,交互很少直接参与,或者列席一下发版立项,对计划情况有所知晓.交互可以纵观一下历史版本,对比行业内外的相关产品,以及满怀未来产品的一种期待:实用.方便.美观-- 二.需求分析 在版本计划

招聘:用户界面交互设计师,软件测试工程师,软件开发工程师,工作地点:长沙

问题描述 职位名称:用户界面交互设计师职位说明:设计产品用户交互界面,发现产品可用性问题,改进产品的整体体验和易用性职位要求:1.大学本科或以上相关学历2.具有较好的沟通能力.主动性和团队协作能力3.积极的人生态度,有理想的现实主义者,身心健康,诚实正直4.2年以上软件界面设计经验5.具有一定的客户引导.用户研究.原型设计.可用性测试和评估技能6.对用户体验方面的理论有比较深刻的了解和认识7.具备很强的创新能力和在复杂的约束条件下找到平衡或创新的方法8.熟悉软件开发流程,对Usecase和ASP