交互设计师必备的9种技能

一:产品意识

如果我最初问消费者他们想要什么,他们应该是会告诉我,‘要一匹更快的马!’”——亨利·福特

100多年前,福特公司的创始人亨利·福特先生到处跑去问客户:“您需要一个什么样的更好的交通工具?”几乎所有人的答案都是:“我要一匹更快的马”。很多人听到这个答案,于是立马跑到马场去选马配种,以满足客户的需求。但是福特先生却没有立马往马场跑,而是接着往下问。

 福特:“你为什么需要一匹更快的马?”

 客户:“因为可以跑得更快!”

 福特:“你为什么需要跑得更快?”

 客户:“因为这样我就可以更早的到达目的地。”

 福特:“所以,你要一匹更快的马的真正用意是?”

 客户:“用更短的时间、更快地到达目的地!”

 于是,福特并没有往马场跑去,而是选择了制造汽车去满足客户的需求。

客户需求有显性需求和隐性需求两大类。我们通过市场调查得知的往往都是一些诸如“我要一匹更快的马”这类显性需求。客户的显性需求并不是客户真正的需求。企业需要根据所收集的显性需求信息进行深度挖掘和捕获,以了解客户的隐性需求是什么,进而分析出客户的真正需求是什么(例如:用更短的时间、更快地到达目的地)。这就是一个需求分析的过程。

 乔布斯所言:“我们的任务是读懂还没落到纸面上的东西。”实际上就是客户隐性需求的深度挖掘,就是客户需求分析。

所以当我们面对用户的反馈时,要去思考需求的真伪。我们不可能一味满足用户的需求而不顾产品目标,所以需要在用户需求和产品目标中找到平衡点。最近在设计某个产品支付系统的退款功能,从产品角度来说不希望过多用户选择退款。那么最终的设计方案是,将退款的入口做的很隐蔽,而且流程比较繁琐(没错,就是故意的)。这样就满足双方需求了,达到产品目标和用户需求的平衡。所以交互设计师要有产品意识,不能只去满足用户,也要顾虑到产品和商业目标。


设计师有时候会收到用户的反馈,如:哎?你们易信的颜色是不是太亮了,能不能调整一下?

这时候作为交互新人的小饼,他的第一反应是:哦,好吧,既然用户有这样的反馈,那么我们就去调整方案。

首先,要思考一下用户的这些反馈或需求,是「真需求」还是「伪需求」?

福特曾经说过:如果我最初问消费者他们想要什么,他们会告诉我:要一匹更快的马!

每位设计师应该都知道,当用户表示需要「要一匹更快的马」时,他真实的想法其实要一个更快的交通工具。所以当我们面对用户的反馈时,要去思考需求的真伪。我们不可能一味满足用户的需求而不顾产品目标,所以需要在用户需求和产品目标中找到平衡点。最近在设计某个产品支付系统的退款功能,从产品角度来说不希望过多用户选择退款。那么最终的设计方案是,将退款的入口做的很隐蔽,而且流程比较繁琐(没错,就是故意的)。这样就满足双方需求了,达到产品目标和用户需求的平衡。所以交互设计师要有产品意识,不能只去满足用户,也要顾虑到产品和商业目标。

2. 以用户为中心

什么叫以用户为中心的设计方法?具体讲,就是我们从需求产出,到整个需求的细分,以及我们方案的产出和验证都是围绕着以用户为中心的。如果需要分析用户,我们就会走到用户的生活场景里去看他们怎么使用产品的。

比如,站在用户的身后,从他们的视角去观察如何使用。同样我们也会对用户进行一些细分,对人群进行组合或抽离出某个具体概念,这叫「用户画像」。

当设计师以用户为中心的方法进行设计时,往往会要考虑三件事情:

用户是谁?

他是在什么场景下去使用产品?

他希望通过产品去解决什么问题?

小饼同学的设计方案常常会受到用户的一些质疑:

哎?这个APP到底怎么来用啊?怎么我完全看不懂该如何去操作?

这个提示为什么会在这里?

为啥分享结束后,不能自动返回到之前的页面?还傻傻地留在原来的页面?

这些是交互设计师经常遇到的问题,没有以用户为中心去思考和设计。

什么叫以用户为中心的设计方法?具体讲,就是我们从需求产出,到整个需求的细分,以及我们方案的产出和验证都是围绕着以用户为中心的。如果需要分析用户,我们就会走到用户的生活场景里去看他们怎么使用产品的。

比如,站在用户的身后,从他们的视角去观察如何使用。同样我们也会对用户进行一些细分,对人群进行组合或抽离出某个具体概念,这叫「用户画像」。

当设计师以用户为中心的方法进行设计时,往往会要考虑三件事情:

用户是谁?

他是在什么场景下去使用产品?

他希望通过产品去解决什么问题?

3. 逻辑思维能力

随着小饼的不断成长,他开始接受更多更复杂的任务。有一天,老大给他了一个大活:哎?小饼啊,我们云阅读的支付成功率很低,你研究下如何优化?

那怎么去优化呢?小饼一头雾水。

作为一名交互设计师,当我们的老板向我们提出「最近的支付率很低」或者「我们的用户量很低」,怎样去优化它?

这里就涉及到我们的逻辑分析能力。网易云阅读支付环节的整个流程,我们称之为「交互流程图」,会把用户在使用产品的每个接触点都列举出来,然后再去分析用户在每个接触点都会遇到怎样的问题。

在这个案例我们进行了如下三种处理:

删除:删除「web结算页面」,之前的页面已经有了,再次出现属于重复信息。

合并:「购买结算页面」,将统一操作流程的页面合并在一起,去除不必要的页面。再看余额充值的环节,「确认充值」、「选择充值方式」、「充值金额」这三个流程都可以放到一个页面里,以减少用户在页面间的跳转,避免在此流程中造成用户流失。

修改:「购买成功」页面提供更好的反馈体验通过砍掉不必要、合并相同和修改体验不好的页面,这样整个流程的优化完,支付比例有了非常显著的提升。

关于逻辑分析能力,不仅体现在我们对于交互流程和业务流程上的梳理,同时也体现在我们对数据的解读和分析上。上面的例子中,我们通过「数据漏斗模型」来分析每个环节用户的流失情况,然后针对性地提出解决方案。

4. 页面排版能力

作为交互新人难免会收到同事的反馈建议,比如:

产品同学会说: 哎?小饼同学,你这块的逻辑不太对啊,这些信息明明是一起的,为什么你设计方案里看起来不像是一起的呢?

视觉同学会说:哎呀,交互设计师,为什么你们的交互一定要做得这么丑,难道就不能做得漂亮一点么?

所以交互设计师需要怎样的排版设计能力呢?线框图是交互设计师的主要产出物,它包含了所有页面流程和单页面的信息布局。

就像如下图所示,如果欠缺思考的随意布局可能给下游的同学造成很大的困扰。比如,没有认真对待信息间距而造成的误导,错误的提示色也会给视觉同学造成干扰。所以建议交互设计师通过简单的黑白灰样式来表达页面优先级以及重要程度的区分。如果觉得某个信息很重要,可以颜色重一点,也可区域更大一些。这些格式塔心理学的知识对我们页面排版能力的提升很重要。

设计师常用排版的原则:

隐藏:如果有很多信息,但是用户又不太常见,那么可以把它隐藏起来,就「众筹红包」右上角这里的问号,这里是关于众筹红包的解释说明,对于用户而言是不需要经常去关注的,所以把它隐藏起来。

删除:一些额外的信息对整个页面是不太重要的,就可以把它删除掉。

合并&组织:如果很多信息的逻辑关系是在一起的,我们可以把它们合并或者进行重新组织,把它们放得近一点,也可以把它们打乱再重新去整合。

5. 细节处理能力

小饼同学又遇到了问题。

boss:哎?你这个阅后即焚的方案,为什么细节漏掉那么多!

小饼一头雾水:哎?我并没有觉得我遗漏任何细节啊,那不就是我单独的一个发送方把页面发给另一方,对方看完之后就消失掉了。就这么简单的一个方案。

上图是小饼同学做的交互方案。上面是发起方,有一个「阅后即焚」的功能,点击之后发给另外一方,这时接受方就会看到这条信息,并点击进行去查看。仔细看一下,他到底遗漏了那些信息?

发送方如何选择图片,单张还是多张?

发送方发送后,自己是否能够查看,可以看几次?

接收方查看消息时,是否有时间和次数限制?

接收方查看消息中,是否有防止截屏的机制?

6. 用户研究能力

有一天突然被老大问到: 你的方案到底靠不靠谱,你有没有验证过?

小饼突然间就蒙圈了:哎?没有验证过。我觉得挺好的。

老板暴跳如雷:你觉得就可以了吗?拿出证据来!

这里说的的验证或证据,就是通过用户研究来验证设计方案。那么用户研究有什么好处呢?

低成本:在线上前的快速验证,避免提升开发成本和对用户体验的伤害。

高效:不需要上线版本,有时候几张纸面原型就能让用户体验,发现设计的问题。

设计能力提升:通过用户的反馈来验证设计思路,培养和提升设计师的设计能力和自信心。

简单高效的用户验证,往往能够把我们从设计困惑中解救出来。

举个例子,当初易信2.0改版时希望把主tab页面改成「发现」,但是碍于「过于同质」的压力,迟迟不肯做决定。后来当我们进行用户测试时,用户未觉得有什么不妥。有时候,设计师过于从自身角度去思考问题,而忽略真实用户的体验,设计师纠结的「设计洁癖」,对于真实用户而言也许并不重要,甚至都不会注意到。 初级设计师都会在纠结在抄袭与创新之间,都会经历三个阶段:

为了借鉴而借鉴。

为了避免借鉴而差异化设计。

为了用户习惯而设计。

当我们不再关心是不是抄袭或者借鉴,而是关注产品能不能满足用户的使用场景时,才是回到设计师的「初心」了。

7. 沟通能力

随着设计师的一个不断成长,常会去跟产品沟通需求和方案,小饼又遇到了哪些难题呢:你这个方案太伤害用户体验了,可不可以不要这样做?

产品说:不可以的。这个方案是销售提出来的,我完全没有办法改变他们。

此时小饼作为设计师,就暴跳如雷地说:这么蛋疼的需求!我不做了!

我不做了,真的就能解决问题吗?设计师在工作中会遇到一些不太靠谱或不太善于合作的需求方,那该怎么办呢?我们需要学会如何沟通。

在产品设计中,产品和交互设计师是绑在一起的,应该共同为整个产品的体验和产品的将来去负责。我们应该怎样帮助小饼去呢?首先,与产品经理明确当前不是最优方案,但是最为简单高效;其次,如果有机会方案会进行优化;最后,明确产品和交互应该共同去推动产品前进而非相互摔锅。最终目的是让产品理解到产品和交互是并肩作战的。

所以看来沟通对交互设计师是非常重要的能力,它不仅局限于和产品的沟通,也牵涉到视觉,开发,测试甚至销售去沟通,与大家共同实现产品方案,并最终落地。

8. 执行力

我们有多少次,因为跟进不到位而导致需求搁浅?就像上面的故事一样,缺乏执行力,对设计师是很致命的问题。为什么说执行力对于交互设计师特别重要?

下图非常好地展示了我们的需求功能不断被「干掉」的过程,真正能实现并上线的却很少。在开发过程中,开发也会因为周期问题不能完成,测试也会说没时间测,导致功能精简。在每个环节,我们的功能都会被砍掉部分,最终到用户能使用的,永远都是一小部分。纵观整个方案,从交互到视觉,到开发、测试,然后上线,最终到市场,每一步都要执行下去。

作为交互设计师,设计的功能只有最终上线才能体现价值。所以我们关注的不仅仅是我们做方案阶段,我们还要关注这个方案能不能去执行,能不能去落实,能不能让用户去体验。

9. 学习能力和好奇心

设计是关于解决问题的方法论,这套方法论可以适用在不同的产品或者领域里。为了解决各种复杂问题,我们要保持一个好奇心,去学习新东西,去体验新东西。跨界的经验背景,跨界的思维方式,对于交互设计师的发展非常重要。跨界的经验和思维方式,可以给我们带来全新的视角去看待问题,所以好奇心和学习能力是很重要的。

题外话,我在面试时偶尔会问个问题:能不能看一下你的手机啊?或者你最近都在玩什么好玩的App?

这个问题看似轻描淡写,但实际上我能通过面试者手机里都装了什么样的App知道他平时都关注些什么。

怎么做永远怎么说的更真实。我们看一个人的时候,如果只看他怎么说,往往会有很多修饰性。但是如果看他的习惯的时候,就很难去掩饰。我们每个设计师也都是这样,你不仅要很好奇的去涉猎其他产品,也要关注自己的产品,要保持好奇心,去体验不同的产品,去发现不同的领域和商机。

总结

交互设计师必备的9种能力已经梳理完毕,其实这9种能力并非科班教育的要求,而是多年工作经验积累总结的结果。再来回顾一下这几点:

产品意识:交互设计师要懂挖掘需求,衡量产品目标和理解用户。以用户为中心去思考我们的需求,进行逻辑分析,去绘制流程图,去关注用户在产品中的每个接触点,并将落实到整个页面布局和流程设计上。

细节决定成败:在设计的整个过程中我们应该注意到哪些细节,哪些是设计师必须要考虑的问题。

用户研究能力:设计师要有很好的用户研究意识

内容来自于网易云课堂-杨杰/交互设计师必备的9种技能



©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • 目录导读 1.交互设计概念 2.交互设计输出物 3.交互设计相关理论 4.交互设计流程及方法 5.交互设计常见案例...
    纪同学说阅读 7,379评论 2 133
  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,026评论 4 31
  • “专职”给父亲做饭,已经让我能很熟练地做米饭剁肉丸子蒸蒸肉熬粥熬鱼汤煲骨头汤,我充分体验到妻传递给我的不...
    冯俊龙阅读 562评论 1 7
  • 感恩早晨儿子起床上画画班没有拖延,谢谢!谢谢!谢谢! 感恩隔壁电脑店老板帮我修电脑,谢谢!谢谢!谢谢! 感恩前来就...
    晓筱竹阅读 91评论 0 0
  • 人之将走,其心也善。所以拜托请不要以怀疑的心来寒了老员工的心,希望到老了回忆起来心还是暖的。 可老板不同,...
    anne007阅读 97评论 0 0