网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

交互设计师的三阶段:有美感、有逻辑、有sense


交互设计师的三阶段:有美感、有逻辑、有sense

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师对交互设计理解的不同阶段。

由于活动需求来得急,策划给到交互的就直接是线框图了。左边是策划方案,右边是第一版交互。

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

可以发现,交互只是单纯地把策划内容复制到了交互稿,用标准的交互控件替换了下,排了个版。甚至原本策划里稍稍显露出一点端倪的红包样式也被一个按钮样式给替代了。

这是交互的第一阶段,你就是个排版的

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

这是很多交互新人的状态,会觉得策划文档就是定了的东西,自己要做的就是把这些东西排排好。当然排版也是一门博大精深的学问(真的有很多交互连这项基本技能都不过关的哦),这个以后单独再写一篇。

不会排版,你很难做好交互,但只知道排版,你的工作很快就会遇到瓶颈。

交互的第二阶段,你会给策划文档挑刺儿

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

策划也是人,也会出错。团队中多一类人的存在,就是为了多一点不同的观点碰撞。交互可以说是整个项目组里面唯一一个会仔细看策划文档的人(其他人一般都直接看交互稿),所以这个翻译和纠错的过程尤其重要。

在这个过程中你需要将自己带入情境,不断地自问和追问策划,发现问题、分解问题和解决问题。

我们再来看一遍策划方案。

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

进入这个活动首页的第一感觉——有一大段文字等着我去阅读。

在这个页面上我希望用户做什么?

点击领取红包(设计目标)。

什么会对这个目标造成干扰?

这个页面上的其他东西(发现问题)。

具体是哪些东西?

活动标题、操作步骤、活动规则(分解问题)。

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

这上面的每一类信息都是必要的么?

我觉得是的。

这上面的每一类信息都是你希望用户在点击领取之前要看的?

不是。操作步骤”输入手机号blabla…“,在输入手机号的界面再讲也不迟;活动规则,希望用户知道,但也不是非看不可。

剩下的信息能再精简一点么?

感觉活动标题信息有重复,可以精简;活动规则,相当于免责声明,感觉精简的空间不大。

如果不能再精简,能通过设计让它看上去再简单一点么?

第一屏的留白可以更多一点,活动规则少露出来一点。

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

第二版交互方案,看上去简洁了不少,但只是机械地精简了文案,没有感觉,一些重要的信息也没有突出。

交互的第三阶段,你除了会梳理逻辑和使用流程,你还有Sense

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

可以看到在交互的前两个阶段中,无论是排版还是给策划文档挑刺儿,如果仅仅靠的是逻辑,很容易把一些不该去掉的东西给去掉了。

逻辑正确保证了用户在使用过程中不产生困惑,能顺利完成任务。但是否能给用户留下好的印象,就是一些逻辑之外的东西了。

关注用户体验和情感,能帮助你超脱策划文档本身,直接去思考问题的本质。

什么是一个好的活动设计?

我知道文案应该简洁有力,在去粗存精的过程中,我该如何取舍?

那么就应该考虑,无论是在产品内部还是产品外部看到这个活动,用户是否都能正确理解:中国电信4G(只有电信4G用户才能参加该活动)、网易云音乐(我们产品里才有的活动)、免费送流量(活动的本质)、猴年(节日期间投放的活动,有助于烘托氛围)。

除了做减法,是否还缺了什么?

从众感,稀缺感……等等。

我需要传达给用户怎样的情感?

这个活动所处的时间段,需要营造什么样的氛围,文案、配图有什么讲究,有哪些元素是需要突出的……不要吝啬在交互稿中传达出这些信息。

进一步优化方案:

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

交互设计师的三阶段:有美感、有逻辑、有sense

第一阶段是基本技能。不懂得排版,你连一份看得过去的交互稿都产出不了。

第二阶段是思维能力。始终思考自己作为一个交互在团队中存在的价值是什么。

第三阶段是一种素养。我们常说,逻辑是没啥问题,但就是不够有感觉。而sense就是这样一种介于理性和感性之间的能力。

#专栏作家#

俞静,微信公众号:听音乐做设计,人人都是产品经理专栏作家,网易云音乐交互组负责人。熟悉交互设计、产品设计,喜欢听音乐、看剧,很宅的INTP。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-18 11:48
下一篇 2017-05-18 14:08

相关推荐

  • 在设计功能时,怎样的交互才是合理的?

    或许在本文中,你不会得到所谓的干货。但小编相信,一旦你读完了,你的思想认知会更上一层的。具体想了解关于《从这四个点,正确完善地拆解一款 App》的,可以看下这篇文章,要从多角度去看文章去分析。

    2017-05-07
  • UI设计案例分析:现代互联网和移动应用中出现的一些优秀的用户界面模式

    在这篇文章中,来自UXPin(一款用户体验设计的应用程序)的Chris Bank为我们带来了最近在现代互联网和移动应用中出现的一些优秀的用户界面模式,并将通过实例展示如何将这些出色的UI设计模式应用到其他的网站和应用中。

    2017-06-05
  • 通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

    不单是视觉扁平,交互层级也更加扁平啦~

    2017-05-09
  • 史上最完整交互设计基本原则|推荐收藏

    下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快…

    2017-08-01
  • 做好用户体验,掌握这些要素就够(一)

    我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。

    2017-05-19
  • 平庸的产品和伟大的产品中间只隔了一个:微交互

    微交互,听起来很生疏的这个词,实际上却出现在我们每天的日常生活中,甚至可能早上起床后我们做的第一件事就是一次微交互操作的典型案例。

    2017-05-20
  • 扁平化设计的8个实用小技巧

    「材料设计」方兴未艾,扁平化 仍是主流设计风格。今天@正越升 同学总结了扁平化设计 的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。

    2017-05-31
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • 聊聊蒙版引导的应用场景以及设计建议

    蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。

    2017-05-11
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26