阿里设计师教您快速的提升设计创新力

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:阿里37.2度

关键词

设计师在工作中除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值。但是我们有时冥思苦想也无法有所创新,我在这里整理了一些方法,希望可以对大家有一点点启发。

我将设计师所需要的设计创新能力划分为两种:发现问题和解决问题。如何提升这两种能力呢?

一、发现问题的能力

我们在设计时很容易只靠已有经验来找寻设计机会点,一般而言,这个技能就可以让大部分设计问题被轻松发现。但我们其实可以利用更多的方法来发现别人没有发现的问题,从而产生更多创新。

阿里设计师教您快速的提升设计创新力

1. 询问、观察、参与

该方法适用于当遇到不熟悉的领域,自己的设计经验不足或者很难利用同理心去模拟的情况。

(1)询问。直接和用户沟通。不要过于依赖PD或者业务方整理筛选过的问题,试着与用户聊天,发现问题后再和别人讨论似乎更好。

(2)观察。观察用户的操作行为,以了解用户真正的想法。因为很多时候用户说的和实际做的是不一致的。

(3)参与。参与用户的实际操作,最大化的以用户视角感受其操作的所有环节,这样也许能发现一些新的问题。

概括起来就是要多听,多看,多做。具体的操作细节可以参考 IDEO 的 Method Card,里面介绍了相当多类似的发现问题的方法。

阿里设计师教您快速的提升设计创新力

2. 整理分析

该方法适用于流程链路较为复杂的使用场景。通过体验地图或者服务蓝图来整理分析整个流程,能帮我们尽可能地不漏掉任何环节的问题。网上关于这些方法的介绍很多,大家可以自行展开研究。(下图是优化欧洲铁路系统的体验地图)

阿里设计师教您快速的提升设计创新力

总之,设计创新的起点绝不是在明确问题的情况下找寻最创新的解决方案,,而是要去发掘别人都忽略的重要问题。这样一来,你就完成了设计创新的一半,比别人多了更多的创新抓手。

二、解决问题的能力

问题发现后,接下来就是如何创新地去解决。这里会介绍思考的几种方法,并且这些方法不仅适用于小组头脑风暴,也适合设计师独自思考。

1. 多问几个为什么?

通过多问为什么可以帮我们把问题放大以寻找更多解决方案。具体来说,问题无法解决往往是因为我们被限定在了一个很小的范围内。如果这时一步步倒退,问一个比原来更大更宽泛的问题时,你会发现解决方案变多了。

举个例子:海底捞经常面临顾客排队严重的问题,现实是海底捞并不能通过加桌或者催促顾客用餐来减少排队时间。来开始问为什么:为什么排队严重是个问题?因为排队时间长让我们很痛苦。为什么会痛苦?因为无聊。一旦退回到这个问题,就很容易找到解决方案。于是,海底捞通过提供小食饮料、电视节目、电脑游戏、美甲护理等服务让每一位用户在等待的时候都不至于很无聊。这就大大缓解了排队顾客抱怨的问题。

再举一个互联网产品的例子:当我们发现输入框的错误提示很不明显的问题时,我们可以先不思考如何加强错误提示的展示,而将问题退回到为什么用户需要输入。仔细想想,为什么不能从系统调取信息或利用之前的信息帮用户自动填入呢,是吧?

相信我,多问为什么真的非常有用,它可以帮你从更高更全面的层次开始思考,而不是一上来就陷入考虑这个输入框如何把提醒做得更明显这样的细节中。

2. 奔驰法

在经过了上述多个为什么的提炼之后,我们就可以针对最终的问题展开具体解决方案的思考了。在这里推荐一种由美国心理学家罗伯特·艾伯尔创作的思考方法-奔驰法(SCAMPER,1971)。

奔驰法含有7个重要思路,我将通过7个对应的设计实例来帮助大家理解。

(1)替代(Substituted, S)。在设计中我们可以考虑替代某个功能、环节或者原有细节来达到创新的目的。介绍一个使用这个思路的 App,叫《be my eyes》。通过这款 App,视障用户可使用移动设备上的相机来拍摄任何他们需要识别或者明白的内容,另一端的志愿者可以根据拍摄内容描述给视障用户,比如牛奶的保质期、路标、过马路以及药物说明书等等。这个设计就是用志愿者的眼睛替代了视障者的眼睛从而帮助他们解决问题。

阿里设计师教您快速的提升设计创新力

(2)结合(Combined, C)。把不同的想法、功能、步骤结合,产生新的创意和解决方案。还记得 Path 里添加内容的「加号」变「叉号」的动画吗?这个设计将功能的入口和出口结合成一个按钮,并巧妙地利用旋转动效来回切换,最终形成了一个经典设计,并被之后的很多 App 借鉴。

阿里设计师教您快速的提升设计创新力

(3)调试适应(Adapt, A)。设计时往往需要调整细节以适应某些特殊的需求。用 iPhone 内置 Safari 浏览网页的时候,当用户向上滑动页面,浏览器地址栏会从输入态变成展示态并缩小字号,底部功能区会自动隐藏。这样调整变化是为了扩大网页的浏览区域,从而更好地满足用户滑动浏览网页的需求。

阿里设计师教您快速的提升设计创新力

(4)修改(Modify, M)。通过改变原有功能的操作形式或表现形式来获得设计创新。Twitter 当初开启了无线端下拉刷新的风潮,更改了原有按键刷新的传统方式。他们发现用户在浏览按时间降序排列的 Feed 流的时候是通过向上滑动查看之前的 Feed 的,那么要看最新的 Feed 采用相反的操作向下拉动很符合用户的心智。Twitter 就是抓住了这一点,用下拉刷新大大提升了操作效率。

阿里设计师教您快速的提升设计创新力

(5)用作他用(Put to other uses, P)。设计时可以把别的领域的概念或处理方式拿来借鉴。其实拟物化就是用作他用的典型代表。它是在 UI 层面模拟实物的形态材质,从交互层面模拟实物的物理特性,最终运用在图标界面设计、动效设计等方面。还有一个我喜欢的例子就是 iMovie 里的图标细节。在用户将一段视频快速或慢速播放的时候,iMovie 分别会用一只兔子和一只乌龟的图标代表快播或者慢播。设计师从人们熟知的动物世界里寻找了「快」和「慢」的代表,并将它们运用在了图标上,让人会心一笑。

阿里设计师教您快速的提升设计创新力

(6)去除(Eliminate, E)。思考是否可以去除一些复杂或者不必要的流程或者功能。在互联网产品中注册流程曾经一直是所有设计师苦心研究的课题,如何减少注册流程步骤,降低流失率一直很让人头疼。联合登录的出现解决了这一问题,当我们只要一键授权微博或者微信就可以登录各种产品的时候,注册的确没啥必要。

阿里设计师教您快速的提升设计创新力

(7)重组(Rearrange, R)。重组流程的顺序,寻找可能的创新点。现在新闻和视频类 App 都有了离线下载的功能,这个功能的创新就是一个重组的案例。之前我们看新闻或者视频都是实时加载数据的,但当没有 Wi-Fi 信号或者流量不够的时候阅读或观看就会受到影响。离线下载功能就是将流程重组,把加载的过程提前了,从而让挤地铁公交的上班族也可以舒舒服服看剧刷新闻了。

阿里设计师教您快速的提升设计创新力

3. 多积累多练习

解决问题的方法再好但缺乏积累,还是会在设计创新上无法突破。为此设计师也要保持大量优秀设计案例的收集,并做到多思考多运用。

(1)关于积累

设计师可以去 Dribbble、Behance等网站吸收别人设计的思路和方法,然后用花瓣、Pinterest 等聚合软件将这些方案按分类收集整理,方便以后查看学习。在这里还推荐一个叫 Ember 的图片采集管理软件,它可以自动联网收集各个著名设计门户里的图片,并且支持用户分类收集和添加注释,还可以按标签颜色迅速查找,是离线整理收集uimaker.com/uimakerdown/">素材的一大利器。

还有一个收集设计思路的方法就是定期下载 App 排行榜 Top 的 App,分析它上榜的原因。用非国内的账号(比如美国账号)登录的话更好,因为外国的榜单相对纯净一些。如果你觉得不够方便还可以直接参考「最美应用」这样的 App,他们的小编会定期测评并推荐优秀的 App 给你。

(2)关于练习

俗话说熟能生巧,设计师需要反复练习掌握的创新方法。不仅仅是工作中的项目,平时生活中遇到的任何问题都可以尝试用创新方法解决。

最近我们设计组内发起了一个创新活动《工作园区里的创新设计》,鼓励大家发现我们工作环境中不合理的地方并使用创新的方法去解决。这里分享两个我发现的例子。我发现园区食堂很大而同事很难找到彼此,所以我建议食堂可以在餐桌上标上编号,就和我们的工位一样,这样小伙伴找人就方便多了。这里用到的就是「调试」和「用作他用」的创新方法。还有一个例子,比如茶水间的瓶瓶罐罐里装满了各种泡茶的材料,很多同事都不知道每种材料有什么功效,以及如何搭配冲泡。因此我建议可以将多种材料打包成一个茶包并标明用处。这样比如上火的同事,只要去对应标签茶罐里找到组合好的茶包就好了。这里用到的就是「重组」和「组合」的方法。

阿里设计师教您快速的提升设计创新力

设计创新的方法介绍完了,但设计师们除了掌握方法,平时还需要时刻保持创新的意识。记得老罗在《罗辑思维》的一期中提到:现实生活中的创新需要我们坚持地做,持续地做,系统地做,并保有匠人的精神。希望我们设计师在未来的设计工作中都能做到匠心独运,独出心裁。

 收藏