阿里交互新手小记 | 交互工作流程的梳理

头疼就是脑子里有什么正在激烈地进行改变,可能就是你从困难上学会的东西。—— 写这篇文章的人


头疼就是脑子里有什么正在激烈地进行改变,可能就是你从困难上学会的东西。—— 写这篇文章的人

阿里交互新手小记 | 交互工作流程的梳理

大公司都存在一种现象,那就是人多。在人多之后,就导致更加细致的工作分工,即专业化分工。这种专业化的分工就像工厂流水线上的工人一样,不同模块的工人负责自己模块的操作,大大提升了工作效率。因此,目前所在UED团队的构成,就将用户研究、交互设计、视觉设计以及前端开发等职能独立出来,不仅提升了设计方案的质量,也提高了效率(这效率的保证是基于PD不改需求。

那么,作为流程一环的交互设计师在工作中的流程会是怎样的呢?

第一步:与PD沟通需求

作为资源方的UED团队,流程的第一步就是与PD沟通。这部分的沟通非常重要,因为这涉及到要了解产品需求的背景(因为经常拥抱变化,所以负责的产品也会经常变动。因此,换了产品之后需要及时了解产品的比较全面的背景)。在这个阶段,最重要的是要了解产品经理为什么要做这个产品需求,即背后的用户需求以及业务需求是什么?

要了解用户需求是要知道,产品经理所提的产品需求究竟是要解决用户什么问题。比如,用户想在墙上有个挂钩,一些人想的是给他锤子和钉子自己做一个,但还有些人想了可以粘在墙上的挂钩,用户一粘就有挂钩了。两者看来,后者更简单,所以应该这样满足用户需求比较好。但是,还忽略了一点,就是用户用这个挂钩做什么事情?如果这个挂钩是用来挂重物的,那这就超出了粘在墙上挂钩的承重能力了,所以这时反而应该用锤子和钉子来做一个牢固的挂钩更合适。这才是真正解决了用户的问题。

而要了解业务需求,则是要明白当下公司需要的是什么。因为,需求的背后带着公司的考量,常常带着很重要的商业目的。比如,最近业务上有个需求要凸显新功能。因此,这就要在比较明显的位置将这个功能呈现给用户,使其在一进入到产品内就可以清楚的知晓新版本有了这样一个新的功能。但是,问题在于依据用户正常的使用逻辑,该新功能应该是属于原有功能之下的一个子功能。这样单独展示甚至与原有功能并列展示,并不符合架构逻辑。这个矛盾的出现就引出了一个很好的问题,交互设计师该如何平衡用户和业务,甚至是技术。简单讲,就是优先从用户角度思考(to c和to b的用户考虑的点是不同的),然后在不伤害用户体验的情况下将业务需求尽可能地体现,最后才是技术问题的妥协(毕竟很多技术问题是时间问题)。这里就不展开讲了。

第二步:梳理需求

从用户体验五要素的角度来讲,第一步是了解战略层和范围层,知道面对的用户是谁,公司要做的是什么事,要帮助用户解决什么问题。而第二步就是确定结构层,这里就包含了两类:一是内容型,要明确放哪些内容类型;二是功能型,要明确功能操作的逻辑顺序。这些都要以用户为中心去思考。举例来说,微博是一个典型的内容型例子。其“我的首页”包含两大类主要类型内容:一是关注的信息;二是推荐的信息。关注的信息呈现在页面中间的主信息流当中,占据了主信息流当中99%的内容;推荐的信息则又大致分为两类:

  • 一是推广
  • 二是推荐

推广就是广告,也是呈现在页面中间的主信息流当中,夹杂在用户关注的信息流当中。这里商业价值较大。而推荐则呈现在页面右侧,主要从全网热门以及朋友关注的角度来进行内容推荐,这里的内容又有所细分,如电影、话题等。这样的内容选取一方面保证是用户感兴趣的,另一方面可以拓宽用户更多感兴趣的内容,让其更加动态地去获得信息内容。而淘宝下单支付就是一个功能型的例子,用户挑选好商品之后立即购买,进入到订单信息填写页面,提交后进入到支付宝支付,支付完成就等待卖家发货,之后收货、退款、维权等都是一系列功能。这些都有非常明确的操作路径,而且是有非常明确的任务目的。

那么,如何对这些进行梳理呢?

基于前面与PD的讨论,以及自己对相关竞品的参考,心里会大致有些想法。所以,要做的是将这些想法具体描述出来。对于内容型的梳理,我会用脑图将内容分层级进行罗列,这样会有一个明确的类别结构图。而对于功能型的梳理,则画出简单的页面逻辑图,整个流程就会非常明确。

第三步:产出交互稿

这一步是把前面两步的想法具体表现出来,以能够让人理解的方式进行表述。可以是手绘稿、可以是低保真、也可以是高保真,只要能够让PD、视觉以及开发等明白你的意思就好。

在这一步,会进行反复的修改。不同的人会有想到一些问题,包括极限情况(貌似开发以及测试最喜欢这么做了)。得到最终版本之后,就进入了视觉和开发阶段。

第四步:跟进

其实这一步跟进包含两块内容:对开发情况的跟进,因为在产品真正在开发时,会出现一些问题,如一些极限条件下的错误情况的处理、时间因素导致技术不能按时完成原有方案等等。所以会对方案进行修改,这时就要及时跟进,提出新的更为合理的解决方案。上述的变动就产生了第二块内容的跟进,即对交互稿的跟进,因为方案的变动要及时对交互稿进行修改、补充以及一些说明。这样才能完整地记录整个产品迭代或项目开发的过程。

跟进到产品迭代版本或项目上线,这整个阶段就暂时告一段落了。

后面,就是自己对之前所做的事情的一个回顾。从中获得了什么,有所反思才能有所成长。

上述工作流程只是我较为普遍的工作状态。当然也有一些特殊情况,比如自发项目,可能就需要自己即作为PD的角色又要充当交互设计师的角色。另外,有时候自己也并没有完全做到上述的一些事情,有时也会没有及时跟进交互稿的更新。在这也算是对我自己的一次提醒,以后尽量要做的这一点。

以上~

 

作者@祭酒1990

来源@简书

本文由 @祭酒1990 授权发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29191/

(0)
CatherineCatherine
上一篇 2017-05-23 10:26
下一篇 2017-05-23 12:36

相关推荐

  • 一波三折,卢卡斯叙事艺术博物馆方案的前世今生

    📌 编辑 | Ann3月14日MAD建筑事务所卢卡斯叙事艺术博物馆动工卢卡斯叙事博物馆效果图(洛杉矶)©MAD“ 这是一家艺术博物馆,但我更把她定位成关于人类的博物馆。流行艺术可以洞察社会,反映人们想变成什么,要什么,和自己真正是什么——这就是关于人的故事、历史和信仰体系的叙事艺术。我经常笑说,需要有博物馆去支持那些人们少闻但乐见的罕见艺术。这座博物馆就是我达成这个愿望的梦想。谢谢马岩松,我欣赏的天才建筑师。我心里一直想着这应该是一个极...

    2018-03-17
  • 怎样做出引人入胜的用户体验

    发布者: mobileui 设计师 Irene Pereyra 总结了10大技巧帮助你实现令人惊叹的交互式用户体验。 近来,设计一款能够吸引并留住用户的web和App越来越成为一门学问。 由于很多人对于计算机数字领域不是很很了解,我会…

    2015-04-20
  • UED沉思录

    Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

    2018-03-15
  • 交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

    这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

    2017-05-26
  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 用户体验设计中最常见的误解

    UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来,为各位设计从业者做参考,避免依赖个人的主观经验来做判断。建议你阅读完之后,还是应该结合自身的经验来审视你的设计是否满足用户的需求。

    2017-05-25
  • APPLE WATCH 中文手册:通知--自定义通知界面

    自定义通知界面含有两个独立的界面:一个静态界面,一个动态界面。动态界面显示了完整的自定义通知内容样式,并且它可以包含由 WatchKit 扩展提供的定制内容和图形。静态界面是一个简单的界面,它仅仅只含有通知的…

    2015-06-15
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

    时光穿梭回到2012年,第一代ThinkPadX1 Carbon发布的时候的心情我清晰的记得。Think的意志清晰而明确,效率大屏+高强度轻薄+黑色商务气质。对于未来移动办公的理解,高端ThinkPad是什么样?如今的ThinkPad X1 Carbon 2018(Gen6)便是答案。Yonemochi San曾经坦言,曾经打造的ThinkPad X300正是如今X1 Carbon系列的“祖父”。碳纤维材料的应用,如出一辙的轻薄,不一味...

    2018-03-10