重庆快乐十分走势图时时彩
知识改变命运 学习成就未来!

北京博雅环球教育科技集团|大学生就业创业培训|云计算|大数据|人工智能|java|Python人工智能|H5全栈|安卓开发|青少年人工智能编程|学历提升

010-53652048

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

文章来源:博雅环球教育      浏?#26469;?#25968;:次      更新时间:2018-05-18 14:55:28
摘要:有好多交互新人或尚未跨进交互设计大门的同学,会经常问的一个问题:交互设计师需要具备怎样的技能和能力?

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

 

1. 产品意识

设计师有时候会收到用户的反馈,如:

哎?你们易信的颜色是不是太亮了,能不能调整一下?

这时候作为交互新人的小饼,他的第?#29615;?#24212;是:

哦,好吧,既然用户有这样的反馈,那么我们就去调整方案。

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

首先,要思考一下用户的这些反馈或需求,是“真需求”?#25925;?ldquo;伪需求”?

福特曾经说过:

如果我最初问消?#39068;?#20182;们想要什么,他们会告诉我:要一匹更快的马!

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

 

2. 以用户为?#34892;?/h2>

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

“哎?#31354;?#20010;APP到底怎么来用啊?怎么我完全看不懂该如何去操作?”

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

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

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

这些是交互设计师经常遇到的问题,没有以用户为?#34892;?#21435;思考和设计。什么叫以用户为?#34892;?#30340;设计方法?具体讲,就是我们?#26377;?#27714;产出,到整个需求的细分,以及我们方案的产出和验证都是围绕着以用户为?#34892;?#30340;。如果需要分析用户,我们就会走到用户的生活场景里去看他们怎么使用产品的。比如,站在用户的身后,从他们的视角去观察以及如?#38382;?#29992;使用。同样我们也会对用户进行一些细分,对人群进行组合或抽离出某个具体概念,这叫“用户画像”。

当设计师以用户为?#34892;?#30340;方法进行设计时,往往会要考虑三件事情:

  1. 用户是谁?
  2. 他是在什么场景下去使用产品?
  3. 他希望通过产品去解决什么问题?

 

3. 逻辑思维能力

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

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

作为一名交互设计师,当我们的?#20064;?#21521;我们提出“最近的支付率很低”或者“我们的用户量很低,怎样去优化它?”这里就涉及到我们的逻辑分析能力。让我们一起来看网易云阅读的支付环节优化的例子:它的整个流程(如下图),我们称之为“交互流程图”,会把用户在使用产品的每个接触点都列举出来,然后再去分析用户在每个接触点都会遇到怎样的问题。

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

可以进行如下三种处理:

  1. ?#22659;?/span>:?#22659;?ldquo;web结算页面”,之前的页面已经有了,再次出现属于重复信息。
  2. 合并:“购买结算页面”,将统一操作流程的页面合并在一起,去除不必要的页面。再看余额充值的环节,“确认充值”、“选择充值方式”、“充值金额”这三个流程都可以放到一个页面里,以减少用户在页面间的跳转,避免在此流程中造成用户流失。
  3. 修改:“购买成功”页面提供更好的反馈体验通过砍掉不必要、合并相同和修改体验不好的页面,这样整个流程的优化完,支付比例有了非常显著的提升。

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

 

4. 页面排版能力

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

  • 产品同学会说: “哎?小饼同学,你这块的逻辑不太?#22253;。?#36825;些信息明明是一起的,为什么你设计方案里看起来不像是一起的呢?”;
  • 视觉同学会说:“哎呀,交互设计师,为什么你们的交互一定要做得这么丑,?#35757;?#23601;不能做得漂亮一点么?”

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

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

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

设计师常?#38376;?#29256;的原则:

  • 隐藏:如果有很多信息,但是用户又不太常见,那么可?#22253;?#23427;隐藏起来,就“众筹红包”?#30097;?#35282;这里的问号,这里是关于众筹红包的解释说明,对于用户而言是不需要经常去关注的,所?#22253;?#23427;隐藏起来。
  • ?#22659;?/span>:一些额外的信息对整个页面是不太重要的,就可?#22253;?#23427;?#22659;?#25481;。
  • 合并&组织:如果很多信息的逻辑关系是在一起的,我们可?#22253;?#23427;们合并或者进行重新组织,把它们放得近一点,也可?#22253;?#23427;们打?#20197;?#37325;新去整合。

 

5. 细节处理能力

小饼同学又遇到了问题。

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

小饼一头雾水:“哎?#35838;也?#27809;有觉得我遗漏任何细节啊,那不就是?#19994;?#29420;的一个发送方把页面发给另?#29615;劍?#23545;方看完之后就消失掉了。就这么简单的一个方案。”

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

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

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

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

  • 发送方如何选择?#35745;?#21333;张?#25925;?#22810;张?
  • 发送方发送后,自己是否能够查看,可以看几次
  • 接收?#35762;?#30475;消息时,是否有时间和次数限制
  • 接收?#35762;?#30475;消息?#26657;?#26159;否有防止截屏的机制?

以上这些细节你都想到了么?可?#36816;?#35774;计不是凭空脑补YY,而是要以用户为?#34892;?#21435;观察和思考,用户在使用这些功能时都有产生哪些流程或行为。

?#23616;?#31934;华

重庆快乐十分走势图时时彩 万象彩票网 二十一点如何必胜 模拟投注 领航计划软件 体彩排列三万能六码 安徽时时走势图百度百度贴吧 香港本港台4肖3期必出 pk10全天人工计划网站 稳赚家园是做什么任务啊 斗牛看四张牌抢庄辅助