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

相关推荐

  • 在Sketch中直接画流程图?现在你可以梦想成真了

    静电说:许多小伙伴对Sketch的期许是更多的,他们不仅希望Sketch是一个绘图工具,更希望它能变成一个交互工具,一个动效设计工具。比如这样一个需求:“在Sketch中画流程图箭头”,之前是不可以的,但插件为我们带来了无限可能性。今天静电就要来介绍这款User Flows插件。User Flows可以来创建图层到页面(Artboard)之间的连线,也可以用它来导出设计流程图,User Flows提供多种语言选择,为我们提供了不少方便。...

    2018-04-17
  • 应届生在简历中如何描述自己的交互设计项目经验?

    应届生和社招的项目展示核心区别在于,应届生的项目大多数是虚拟的、小型的,或者失败的。大部分可能是校园网站项目,公众号运营,轻量化 App 等,用户数量不会太多、很少或基本不盈利。描述、呈现自己项目经历的前…

    2015-10-14
  • 求职指南 | 阿里巴巴2018春季实习生招聘-中科大站

    阿里巴巴2018春季实习生招聘技术高校行中国科学技术大学站从全世界规模最大的电商双11安全级别最高的支付金融到全球领先的云计算覆盖全球的智能物流……今天的阿里巴巴正在从商业模式创新的引领者逐渐成为科技创新的引领者在技术高校行现场有资深的技术大牛和亲分享阿里重点技术有各级学长们和亲聊一聊这一年的成长有亲切的HR带领亲领略阿里的企业文化本硕场同学们提前将简历投递到官网相应职位报名,将有机会获取交流会名额、免笔试、现场面试、进入快速Offer...

    2018-03-23
  • 抛砖引玉——VR应用UI设计心得

    “2016是VR元年”,这一观点早已在计算机互联网行业中流行开来,与VR相关的各种分析研究也是层出不穷,包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及,VR使用成本也在不断降低。因此在未来,VR技术对于日常生活的影响,也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体,而是将平台选定为保有量大、技术成熟的手机作为硬件平台。而UI作为应用中一个重要组成部分,其对于用户体验和产品推广的重要性可想而知。笔者想借此机会简单分享一下个人对于VR应用UI设计的心得和体会。(注:笔者在下文中所指的VR模式指用户已经带上VR体验设备,双眼通过分屏已经进入沉浸式体验情况)

    2017-05-28
  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • Axure 8.0手机页面拖动弹回效果

    Axure RP8.0教程 手机页面的拖动和弹回效果 。用户向上拖动页面,页面向上滑动。用户向下拖动页面,页面向下滑动。当用户拖动页面到最底部时,页面弹回显示第一屏。当用户拖动页面到最顶部时页面弹回显示最后一屏。步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下...

    2018-03-10
  • 设计师应不应该培养“审丑”能力?

    作者:TanghuiDesign   “审丑能力”是指 克服“与心理预期不符而产生的情绪抵触”的能力 无法审丑 几乎是所有设计师都难以治愈的毛病 或者说短板   没错,你如果是看到标题进来的,想必是“审丑”二字吸引了你。 关于设…

    交互专题 2017-08-07
  • Web产品的交互说明文档应该怎么写?

    本文是作者的一篇随笔,适合交互设计师阅读,希望能给正在学习交互的朋友一些帮助。也希望朋友们,可以提出更多很好的建议。

    2017-05-23
  • 【干货·基础】字体单位 pt如何换算成 px?或者px如何换算成pt?

    px:相对长度单位。像素(Pixel)。 pt:绝对长度单位。点(Point)。 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5…

    交互设计WiKi 2015-09-09
  • 隐藏在今日头条百亿市值背后的算法:巨大可能与现实困境

    文/余亮 无论2016年科技圈热门的噱头有多少,对数据基础设施方面的耕耘仍然是决定实力的关键。阿里之类电商数据帝国自不待言,今日头条、一点资讯等在资讯数据领域的开拓更加值得注目。比起电商的物流数据,资讯算…

    2016-01-27