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

相关推荐

  • 动画进度指示器的最佳实践:好的交互设计会提供反馈

    系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时,用户想要感觉一切都在掌控之中,这意味着在任何特定时间下,他们想要知道并了解他们当前的处境,尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时,一个等待动画进度指示器是向用户展示系统状态最为常见的形式。

    2017-05-03
  • 从京东注册优化谈如何做到细节设计

    作者: 厚江   京东注册优化是来京东后第一个相对完整的设计项目。毕业后初涉交互设计工作,导师对我的第一个要求就是在设计过程中,重视对细节的设计。本文即从京东注册优化项目的一些方面谈谈对细节设计的体会。 …

    交互专题 2017-08-07
  • 用户体验测量的工具:可用性度量

    说到用户体验度量就不得不说用户体验,用户体验即用户在使用产品、系统、服务的过程中建立起来的主观心理感受、因为它是纯主观的,就带有一定的不确定因素;而个体的差异也决定每个用户的真实体验无法通过其他途径来完全模拟或再现。

    2017-05-30
  • 交互设计师的60日计划之第五天

    你好,8月。7月份的尾巴喜欢上一个人,花了太多心思,8月份一来终于知道不会有结果,所以要赶紧忘记,把心思花回自己身上。 2015/08/01 职场其实很可怕 今天一整天都去帮同事搬家了,虽然没干什么大的体力活,但是…

    交互专题 2015-08-20
  • 产品经理如何有效学习产品课程?

    很多想要成为或者刚刚成为互联网产品经理的人会自己学习一些大牛分享的课程,阅读一些推荐书籍,但是学完之后经常会有好像很有收获但是却又不知道收获了什么的感觉,产品经理如何有效学习产品课程呢?以下是我自己在进行产品学习时的一些经验。1、多体验产品一个好的产品经理首先自己一定是一个好的用户,只有多体验产品,多思考产品背后的设计理念和价值,自己才能设计出优秀的产品。我们公司有个资深产品经理,他设计的产品日活已经上亿,公司当时还奖励公司员工每日一盒...

    微信热点 2018-03-06
  • 百度UED:让上帝讲真话——聊聊用户访谈几个细枝末节的问题

    来源:百度UED由于商业产品的特殊性,我们的用户是我们的客户,就是我们常说的上帝。那么,与上帝沟通需要注意哪些技巧呢?本文所讨论的技巧并非访谈技巧类的“技术流”文章,也非方法论,主要讲获取客户真实情况的访谈准备、数据收集及数据整理过程。我们在做调研时,希望了解上帝沟的目标、需求及行为。但在我们的调研中,往往发现这样的现象:1. 客户不配合我们的调研,不愿意跟我们讲话?2. 客户跟我们聊,却发现,答非所问,无论如何我们都没法在同一个平面对...

    2018-01-31
  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • 百货类微信服务号改版:一个“失败”的设计案例?

    整理了一个售前项目的案例,重新绘制了36个原型页面,1张思维导图,3张流程图,2张对比图,1张结构图,介绍一家百货购物中心微信服务号改版的设计。

    2017-05-07
  • 探讨:对话式交互会成为未来主流的交互方式吗?

    本文详细分析了对话式交互的优缺点和应用场景,适合产品经理、UI设计师和交互设计师来阅读。

    2017-05-07
  • 目标导向设计法02:如何确定设计目标?

    上一篇文章《目标导向设计法01:如何才能让交互方案更靠谱?》说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足欲望。某理财应用要做一个续约的功能,主要针对购买的理财产品将要到期的用户,提醒他们可以续约。提供的续约信息包括用作续约的本金,续约方式(本息续约),预期增加收益,续约期限,续约后的到期日,续约说明。续约操作后需要审核,审核一般需要1~2小时,通过后会有短信通知。由于续约能够给公司带来不少收益,因此希望用户在操作上比较流畅,保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。”

    2017-05-07