请选择 进入手机版 | 继续访问电脑版

网络科技

    今日:17| 主题:272361
收藏本版
互联网、科技极客的综合动态。

[其他] 关于交互设计师的工作内容,这篇讲得最全面!

[复制链接]
西瓜荡秋千 发表于 2016-9-30 10:35:55
344 14

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

关于交互设计师的工作内容,这篇讲得最全面!

关于交互设计师的工作内容,这篇讲得最全面!-1-网络科技-产品经理,思维导图,工作职责,产品设计,设计师

  一、需求分析阶段

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

  对于从无到有的心产品,需要了解:
  (1)产品的定位是什么?

  用户群体是谁?他们有哪些特征?我们的产品需要解决用户的什么痛点?如果有竞品,我们与他们的优势在哪里、差异又在哪里?
  这个阶段非常重要,但是也是最难讨论清楚的,即使是产品经理/总监可能在最初也无法完全确定产品的定位,而是在产品迭代过程中慢慢摸索出来。
  (2)产品的功能点有哪些?

  通过哪些功能来实现用户的需求?这个部分主要由产品经理提供。有些产品经理提供简单的功能list、有些甚至直接给线框图,这其实都不太可取。
  我比较希望收到的是一份较为详细的思维导图,包括:功能模块、功能点、需要展示的信息字段及其格式要求、功能优先级以及其他必要的补充说明(为什么这样考虑、什么场景下使用等等)。
  2、迭代改进中的产品

  对于已经上线的产品,如果是已有功能的改进优化,需要了解:
  (1)改版目标是什么

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

  1、任务分析

  任务分析,是指分析用户在使用产品过程中,需要进行的行为和认知的过程,可以帮助我们建立产品的结构和信息流,从而为我们提供更多合适的信息来帮助用户完成任务。
  根据产品的功能点,我们先确定用户需要完成哪些任务?每个任务又可以分解为哪些子任务?这些子任务的操作流程、目标是什么?分布在哪些页面,子任务的层级结构是怎样的?任务、子任务的优先级关系是怎样的?如何在界面上突出主要任务?
  这个步骤关系到后续的页面流程、用户操作流程、页面布局。
  2、导航设计

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

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

关于交互设计师的工作内容,这篇讲得最全面!

关于交互设计师的工作内容,这篇讲得最全面!-2-网络科技-产品经理,思维导图,工作职责,产品设计,设计师

  4、用户操作流程图

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

关于交互设计师的工作内容,这篇讲得最全面!

关于交互设计师的工作内容,这篇讲得最全面!-3-网络科技-产品经理,思维导图,工作职责,产品设计,设计师

  5、页面布局设计

  整体框架、流程梳理完成后,开始逐个完成各个界面的布局设计、界面之间的跳转关系。这个环节是整个交互设计的重中之重,如何设计友好而易用的界面,如何做到有效的组织将用户重点关注的信息凸显出来,非常考验一位交互设计师的能力。
  另外,这个环节也要着手思考交互操作细节,不过暂时不用表述完整,可等初稿评审且基本确认后再做细化。
  6、初稿评审

  目标是确认导航设计、页面流程、页面布局是否符合产品需求,各方的想法是否能达成一致。如果遇到不一致的情况,可讨论分歧点在哪里,讨论不同方案的优劣点及如何取舍。
  如果修改意见较少,完成修改后可私下与相关的业务需求方或产品经理沟通设计方案,基本达成一致后可开始进行详细设计;如果交互初稿评审分歧较大,需要修改后重新评审,基本确认后再做详细设计。
  7、详细交互设计

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

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

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

  测试用例撰写时,测试同事可能会在交互说明文档的基础上思考的更加全面,提出一些尚未考虑到的特殊操作场景。交互设计师需要思考、补充相应的交互设计说明。
  测试用例评审阶段,需要确认所有的用例是否与交互文档上一致。
  开发实现过程中,若开发遇到一些交互上的疑问,需要实时跟进、讨论、确定最终实现方案。
  测试验收阶段,需要验收最终的效果,看与交互原型是否一致,对于有出入的地方也要尽快跟进确认。
  五、搜集用户反馈阶段

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

  青溪Joanna,微信公众号-青溪札记(qingxizhaji),交互设计师一枚,喜欢体验各种App,关注社交、在线旅游、O2O、工具类产品;擅长需求分析、交互设计,有一定前端开发经验;业余时间喜欢网球、ukulele、简笔画,正在努力攒技能。
  本文原创发布于人人都是产品经理,未经许可,不得转载。



上一篇:31款轻量级开源JavaScript插件和库 快速提升效率
下一篇:NFC密钥+硬件级SSD密钥:Orwl超强安全迷你PC
wxeutzs888 发表于 2016-9-30 11:38:07
听说摇动显示器可加西瓜荡秋千好友!
回复 支持 反对

使用道具 举报

数学不好万岁。 发表于 2016-9-30 12:04:36
很好很强大。。
回复 支持 反对

使用道具 举报

黎晓彤 发表于 2016-9-30 12:59:14
哈喽,眼熟我好么?
回复 支持 反对

使用道具 举报

白开水336 发表于 2016-9-30 13:03:39
支持,赞一个
回复 支持 反对

使用道具 举报

董春梅 发表于 2016-9-30 13:03:43
西瓜荡秋千去哪儿
回复 支持 反对

使用道具 举报

赖鹏辉 发表于 2016-9-30 13:15:56
我擦!我要沙发!
回复 支持 反对

使用道具 举报

云冰 发表于 2016-9-30 13:16:06
高手云集 果断围观
回复 支持 反对

使用道具 举报

づ夏沫煙雨ゝ 发表于 2016-9-30 23:34:48
楼猪V5啊
回复 支持 反对

使用道具 举报

hhosx 发表于 2016-10-4 03:40:07
今天上网不回帖,回帖就回精华帖!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读


回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表