网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的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

相关推荐

  • 四步解说,搞定吸引人的移动端详情页设计

    本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

    2017-08-04
  • 复杂性和用户体验[译]

    每一个交互设计师应该都怀有一颗追求简单的心——轻盈的操作,简易的流程,干净的界面。每每提及复杂性,必然会想到其对立面——简单。所谓简单,就是要去除不必要的干扰,让用户直达目标。优秀的产品关注简约而非复杂…

    交互设计 2015-07-22
  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 90后消费者对广告无感!90后心理研究PPT分享

      大部分企业的中高管人员都是90前出生的一代,很多CEO和传统大企业的高管,很可能还是80前。他们出生和成长的年代,根本没有手机或者互联网,接受的教育以及文化熏陶,和当下最有潜力的消费主力,也就是90后…

    2015-02-02
  • 开始自己的建筑笔记 | Sketch Journal 作品展示

    大家是否在网络时常看到精美的建筑师手绘本?是否也准备打造一本属于自己的建筑笔记?今天为大家带来笔者大一阶段的Sketch Journal。笔记虽不算精美,但却是自己一年辛勤努力后的结果,它记录的不只是这一年的想法,更是自己一年的学习历程。相信这也是大家在不断完成自己的建筑笔记时最享受的一个过程吧。建筑笔记的几点心得:慎用大尺度手绘本!笔者本科第一年的Sketch Journal选择了A3尺寸,结局是很悲惨的。你需要付出比常人多的时间去完...

    2018-04-21
  • 设计App Landing Page其实就是设计产品推销套路

      没错,就这么简单。让你自信面对设计App Landing Page这件小事! 开始思考APP LANDING PAGE设计 为方便描述和阅读,约定以下将“App Landing Page”简写为ALP。 大部分优秀的App都有自己的Landing Page。我在…

    2015-11-22
  • 【笔记】北美大公司里做UX Designer是啥体验?(附视频)

      UXRen北美社区成立至今,旨在聚集华人UX设计师群体,为提供大家一个交流的平台。此外,我们希望大家也能够能线下碰面、聊天、互相认识,分享彼此的UX设计宝贵经验。   本期撰文/Leecy 会议记录/陈若涵 整理/Leecy…

    交互专题 2017-08-07
  • 交互设计流程的“闭环”问题

    交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程分配到不同的界面,最终形成成品。设计流程不难,但是设计好的流程非常难。举个简单的例子,注册这个流程可以这么定义:

    2017-05-27
  • 浅谈iOS与Android设计规范:6类交互设计规范对比

    iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

    2017-05-03
  • 【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

    作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts’ Law / 菲茨定律…

    2015-01-27