网易资深高手:交互设计师必备的9种能力(上篇)

网易UEDC – 杨杰 : 有好多交互新人或尚未跨进交互设计大门的同学,会经常问的一个问题:交互设计师需要具备怎样的技能和能力?

网易资深高手:交互设计师必备的9种能力(上篇)

网易UEDC – 杨杰 : 有好多交互新人或尚未跨进交互设计大门的同学,会经常问的一个问题:交互设计师需要具备怎样的技能和能力?

本文将以「小饼」一个交互新人的成长过程以及工作中遇到的问题,来跟大家分享交互设计师必备的9种能力。

1. 产品意识

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

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

网易资深高手:交互设计师必备的9种能力(上篇)

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

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

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

2. 以用户为中心

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

  • 哎?这个APP到底怎么来用啊?怎么我完全看不懂该如何去操作?
  • 这个提示为什么会在这里?
  • 为啥分享结束后,不能自动返回到之前的页面?还傻傻地留在原来的页面?

网易资深高手:交互设计师必备的9种能力(上篇)

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

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

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

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

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

3. 逻辑思维能力

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

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

网易资深高手:交互设计师必备的9种能力(上篇)

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

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

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

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

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

4. 页面排版能力

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

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

网易资深高手:交互设计师必备的9种能力(上篇)

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

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

网易资深高手:交互设计师必备的9种能力(上篇)

设计师常用排版的原则:

  • 隐藏:如果有很多信息,但是用户又不太常见,那么可以把它隐藏起来,就“众筹红包”右上角这里的问号,这里是关于众筹红包的解释说明,对于用户而言是不需要经常去关注的,所以把它隐藏起来。
  • 删除:一些额外的信息对整个页面是不太重要的,就可以把它删除掉。
  • 合并&组织:如果很多信息的逻辑关系是在一起的,我们可以把它们合并或者进行重新组织,把它们放得近一点,也可以把它们打乱再重新去整合。

5. 细节处理能力

小饼同学又遇到了问题。

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

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

 

网易资深高手:交互设计师必备的9种能力(上篇)

网易资深高手:交互设计师必备的9种能力(上篇)

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

  • 发送方如何选择图片,单张还是多张?
  • 发送方发送后,自己是否能够查看,可以看几次?
  • 接收方查看消息时,是否有时间和次数限制?
  • 接收方查看消息中,是否有防止截屏的机制?

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

后续还有更加精彩的内容~敬请期待《交互设计师必备的9种能力 -下篇》。

欢迎关注作者「网易UEDC」的微信公众号:

网易资深高手:交互设计师必备的9种能力(上篇)

「交互新手学习之路」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34456/

(0)
震天下震天下
上一篇 2017-11-29
下一篇 2017-12-04

相关推荐

  • 用户体验对于SEO而言有多重要?

    用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键的位置,也是现在最具潜力的网络营销方式之一。我们先来了解一下:在百度算法中,如何判定一个页面是否有价...

    2018-02-28
  • 设计效果检验之道

    作者:Hahn   设计效果检验,即针对设计师的设计方案进行数据验证,通过客观的数据来量化一部分设计方案中较为主观或存在争议的地方,以此判断设计方案的优劣,从而得出检验结论。 众所周知,每个人对设计的评判是…

    交互专题 2017-08-07
  • 分享两个交互设计作品

    今天跟大家分享的是二两童靴的两个交互设计作品,第一个是平安保险产品配置后台交互设计,第二个是台州银行客户经理移动办公App交互设计,希望大家多多交流。如果你也有好的作品想在我是UE网上展示,可以加学习群15…

    2015-07-02
  • 一次虚拟项目练习:支付宝到位-Redesign

    大家好,其实,我是一个视觉设计师。嗯,没错,因为对交互设计的兴趣使然,这次我想在此放一篇交互设计类的文章,以总结我这段时间的思考与设计过程,仅供交流。请多多指教。

    2017-05-11
  • 临时框这种交互方式,产品经理请慎用

    临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。

    2017-05-14
  • 交互设计中如何求最优解?来看这篇超全面的分析!

    hey熙:今天想探讨的主题有三个关键字:交互设计、最优解、理性。设计就是解决问题——原研哉《设计中的设计》

    2017-10-20
  • 5个2016年UI/UX设计趋势

    随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

    2017-05-26
  • 浅谈“效率导向”的交互设计

    作者: 欢童鞋 周二下午,送妈妈上车后,去奈雪点了杯奶盖,坐在面对门口的位置,看着络绎不绝的人流队伍,除了感叹生意好以及好奇心使然查阅奈雪的开店背景之外,不由的思考“效率”在这里的重要性,店员需要高效为…

    交互专题 2017-12-05
  • 用户体验是建立在牺牲员工利益之上的

    这事发生在国外,其实真实情况未知。纽约时报出了一篇报道,称亚马逊逼流产员工立刻回来上班,很不人道有没有?

    2017-06-04
  • 平面设计里怎样提高作品的视觉冲击力?

    提高视觉冲击力的方法非常非常多,我将结合下我的平面设计经验,总结归纳一下我所学习到的平面设计理论。我一直觉得学习平面设计不能只着眼于平面,应该让眼光开阔些,所以我下面的一些例子会从传统平面海报,绘画,建筑,电影等各个方面来分析设计原则。

    2017-05-17