我从比我聪明的家伙们那里偷来了9个UI设计的秘密

译者按:都说设计重要,但是好设计的标准似乎一直都没个定数。学苹果的拟物、学谷歌的material design、学微软的metro风,学到的似乎都只是皮毛和表象。设计师应该是整个公司里思考得最深最细的人,是重要的产品驱动力之一,而不是单纯的美工或执行者。


译者按:都说设计重要,但是好设计的标准似乎一直都没个定数。学苹果的拟物、学谷歌的material design、学微软的metro风,学到的似乎都只是皮毛和表象。设计师应该是整个公司里思考得最深最细的人,是重要的产品驱动力之一,而不是单纯的美工或执行者。

我从比我聪明的家伙们那里偷来了9个UI设计的秘密

跟大多数人一样,我总觉得自己品味不俗。不过假如我的品味真的还过得去,那肯定是因为我对于一件事情总是不遗余力——从比我聪明的家伙们那里各种偷师,窥视他们的秘密和思路。

在UX(用户体验)界,我算是个菜鸟,但是我挺幸运,能看到那些世界级的设计公司(比如说Ideo、谷歌、CapitalOne之类)和设计师是怎么思考和工作的。

其中有些人我当面见过,有些则是通过书和活动。无论他们有没有意识到,我总是仔细聆听,并且把他们关于设计的最棒的想法偷过来。下面就是我的“盗窃”成果:

一、观察人们创造的东西

——来自CapitalOne 设计副总裁Dan Makoski

从Makoski那里,我知道了理解人们的方式一共只有三种:听他们说了什么,看他们做了什么,以及观察他们创造的东西。传统的研究方式基于人们所说的内容,比如通过问卷、面聊、焦点小组(找一组人来群聊)之类的。但是问题在于,人们所说的与他们所做的往往大相径庭。

比起聆听他们的言语,观察人们的行为能让你有更深的了解,但是这些都比不上直接考察他们创造了什么。任何动物都能消耗身边的资源,但只有人类才具备创造能力。

Makoski教会了我要把普通人引入到设计流程中,并且给予他们所需的材料,创造出他们心中的最优解决方案。而所谓的“材料”,其实只是纸张、便利贴、记号笔和橡皮泥而已。

这是Makoski用来设计微软Surface平板、摩托罗拉Moto X手机和谷歌Project Ara模块化手机的秘密武器。等你看到人们为复杂问题创造的解决方案,你会大吃一惊的。

二、优先为移动端做设计

——来自iOS投票应用Polar创始人、用户体验专家Luke Wroblewski

Wroblewski教会了我移动端设计的重要性。在美国,78%的Facebook月活用户都是在移动平台上的,Twitter的这个数据则是75%。所以对它们来说,“移动驱动”对塑造用户体验很重要。

自2010年以来,全世界的电脑销量都在下降,而智能手机和平板电脑的销量却一路飙升。而且在美国,在电视、广播、纸媒、电脑和移动端这些类别里,唯一目前还在成长的媒体形式,就只有移动端。

许多人觉得移动端就是个玩玩手游、搞搞在线社交的娱乐工具。但是Wroblewski称作“实用工具”的那类app也在日益增长,比如指尖购物、出行规划、掌上理财等等。

所以当今社会,还以桌面端为优先的设计思路肯定是落后于时代的,我们必须事事以移动端为导向。当你做这样的切换时,其实有很多基本的事情都必须改变:你的设计流程、设计中使用的工具、给甲方看的效果图和你设计的方法论。这些都要变。

三、用同理心为设计添柴加火

——来自创意咨询公司Ideo首席创意官Paul Bennett

从Bennett那里,我学会了换位思考,试着感受他人的感受,然后用从中得到的信息来寻找解决方案。他说,有很多时候,那些显而易见的办法我们却视而不见。我们看不见,是因为我们还是以局外人的视角在观察,而不是从实际用户的角度出发。

在他的一个TED演讲中,他举了个例子,是一个医院希望Ideo能描述它的病人的用户体验。提案说明会当天,Bennett的团队向客户播放了一个长达五分钟的视频,内容只有一个——病房的天花板。医院的管理团队一开始没明白过来,但是后来他们懂了。当你在医院的病床上躺一天,你能做的也就是长时间盯着天花板。这就是病人在他们医院里住院的感受。

医院的管理团队这才意识到,改进病人的用户体验并不需要对他们现有的系统做什么重大改变。他们只要修正一些细节,就能带来很大的优化。所以他们立马行动,做了一些小改进。

比如说,他们重新装饰了天花板。然后他们换掉了病房里原本看起来冷冰冰的地板,让病房的地板与公共空间的地板不一样,使病人更有“家”的感觉。他们还在墙上装了一块巨大的白板,好让来探视的人们能给这个房间里的病人写点鼓劲加油的话。

想想看,在你的产品用户体验里,有哪些小地方可以被改动,从而带来巨大的改善?

四、用户体验无法被设计

——来自俄亥俄州立大学设计系教授Liz Sanders

Sanders教授被认为是“参与式共同设计”之母。从她那儿学的东西有点争议性,即在创意过程中,设计师应该把自我抽离出来。在一篇论文里她写道,“用户体验设计这玩意儿压根就不存在”。

她的理论一开始让我既有点懵又有点恼,直到我明白了她对用户体验的定义是不一样的。她认为“用户体验”是某个用户在某个时间点那一瞬间的全部感受。这东西在我们每个人的心中,模糊不清,就好像梦里久远的回忆。

我们也许要花上数周、数月甚至数年才能理解生活中发生的一件事给自己的感受。既然如此,那我们又何德何能去设计他人的感受?我们做不到。

但是Sanders教授也说了,虽然我们无法直接设计用户体验,但是我们能渐进性地为更好的用户体验去改善设计。

五、你的娃也许很丑

——来自网站优化公司SiteTuners创始人Tim Ash

Ash让我意识到我与用户沟通得越少,我就越会变的自大和盲目,并且会做出一堆各种各样的错误假设。一旦我开始做创意项目,我就会变得鼠目寸光,就像总觉得自己的娃漂亮而又完美的父母。

但是父母的视角是不客观的。他们“创造”并且抚养了那个孩子。他们花在这孩子身上的时间比任何人都多,就像我在自己的项目上已经投入了大量精力。

我可能会觉得我的设计又漂亮又完美,但是最终结果必须是用户的意见说了算。我学会了尽可能频繁地从用户那里汲取反馈,然后一遍遍地基于用户反馈修正改进我的设计。

六、尽早测试你的设计

——来自移动网站测试服务平台UserTesting的研究总监Marieke McCloskey

在UserTesting工作以前,McCloskey是用户体验咨询公司Nielsen Norman集团的一名UX专家。她教会了我尽早测试对于设计的重要性。

不管我在做的是什么设计,完美总是一个无法企及的目标。但是由于用户们肯定不会这么体谅设计师,所以我总是不可避免地会碰到各种各样的设计上的问题——功能不好用啦,看不懂啦,或者就直接让用户恼羞成怒了。

但是,要是不做真实的用户测试,你永远也不知道问题会在什么地方。如果在开发初期我就能得到用户反馈,那就能在不浪费大量推广资源的前提下把问题修补好。

七、探究人类的内心世界

——来自商业媒体Social Triggers创始人Derek Halpern

从Halpern那里,我学到了要做设计,理解人类的内心是最重要的技能。人脑由数千年的演化而来,就算当今技术再怎么日新月异,人脑的工作方式依旧不变。

他教会了我,可以用“隐形的力量”,以一种合乎道德的方式让用户在不知不觉的情况下被说服和影响。如果你想成为一个更好的设计师,研究人类吧,研究什么能让他们在意,和他们做某事背后的某个理由。

当你开始使用心理学理论探寻人心时,也要想想如何能把这些现象应用到你的设计上。你对人类行为背后的动机理解得越透彻,你的设计也会变得越卓有成效。

八、为了更好的生活而设计

——来自技术与市场调研公司Forrester Research分析师Leah Buley

Buley向我展示了,现阶段我们与软件和硬件之间的互动质量比历史上任何时候都更重要。技术本身不再是魔法,技术所带来的生活改变才是。

所以,我能问自己的最重要的问题是:我的产品是否真正解决了一个用户在意的问题?我要如何才能让用户在互动时感觉简单、相关,甚至有“魔法”的感觉?

九、为“瞄一眼”而设计

——畅销书《Don’t Make Me Think》作者Steve Krug

从Krug这里我认识到,我以前主观“认为”人们使用网站的方式与现实中人们使用网站的方式是完全不同的。每每当我的脑海中冒出一个页面设计的想法时,我总倾向于认为人们将会慢慢地把所有信息都读完,而且一旦他们考虑了所有选项,他们肯定会为自己做出一个最好最理性的选择。

不幸的是,事实并非如此。大多数时间内,用户只是瞄一眼网页,看进去了只言片语,然后点击第一个吸引到他们注意力的,或者那个看起来是代表了他们在寻找的东西的按钮。

所以说,如果人们只会“瞄一眼”而不是正儿八经地阅读,那我们就应该为此而设计。比如把页面分成定义明确的区域,或者把可点击的内容表示得醒目些。你要建立一个视觉分级表,把属于最高优先级的元素列出来,然后重点把用户往这些上面引导。

你应该使用辅助线来对齐页面元素。无论什么东西,只要没啥实际用途的,就删掉。文本排版也要做得
更适合“瞄一眼”式的用户:用很多显眼的标题、不要有长段落、使用列表式清单。

 

本文原载于UserTesting,由ONES Piece任宁编译。ONES Piece是一个由ONES Ventures发起的非营利翻译计划,聚焦科技、创投和商业。

本文由 @ONES Piece翻译计划 原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/30197/

(0)
CatherineCatherine
上一篇 2017-05-27 10:20
下一篇 2017-05-27 12:52

相关推荐

  • 交互设计师入门文章大集合

    由于新手童靴们在群中咨询交互入门的问题较多,所以小编耐心地将咱们网站的所有关于交互设计师入门相关文章汇总,便于大家了解和学习。愿大家做出自己的选择后,风雨兼程,早日入门或转行交互成功! 《交互设计的背…

    交互设计 2016-03-29
  • 交互干货必收 | App界面交互设计规范

    在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧!

    2017-06-04
  • 关于用户体验,我有6点零星想法

    提升用户体验不是单方面的事情,它有多重影响,本文主要从六个方面来探讨关于如何提升用户体验。用户体验是指用户的主观感受(无法量化,因时而异,因人而异,因产品而异),它不仅仅是用户对产品本身的感受。产品所有可以延伸涉及的一切事件都可以是用户的判断基准,它所涵盖的范围很大,甚至对产品背后公司法人形象的认知都会影响到用户对产品的用户体验。提高用户体验不单单是靠交互、视觉、又或是产品,它还需要运营、市场、策划、客服等等部门的共同参与,用户所有能接...

    2018-03-16
  • MacBook Pro 真机上手:Touch Bar 究竟是不是好设计?

    9 年前,iPhone 的诞生,多点触控开始成为一种全新的人机交互方式。 4 年前,当一票“超极本”不加思索地把触控移植到电脑屏幕上,时任苹果工业设计师的 Jonathan Ive 说: 多点触控放在笔记本的显示屏上……不太适合。…

    交互设计 2023-03-03
  • 交互设计:谈谈那些极具争议的设计方法

    作者:中大yzh全文共 2556 字,阅读需要 6 分钟———— / BEGIN / ————交互设计是一门有关设计学、用户心理学、图形学和计算机理论的综合型新兴领域,由于其及其复杂的学科交叉性,以及在不同的情景下,对同一类组件的要求经常会有所不同,导致目前在该领域内有时会出现一些看似正确其实极富争议的设计方法。在这里,我们就讨论一下这些具有争议的设计方法。争议方法1:在线填表时应该标注“可选填”的填表项在线填表时,需要在表格上面注明“...

    2018-02-01
  • 虚拟现实产品是更棒的交互体验吗?

    2016年12月,携程UED大会把虚拟现实技术作为论坛的核心主题,邀请了方方面面的专家,从技术,硬件,体验等各个方面来剖析VR这种创新的趋势。

    2017-05-09
  • 帮你创造优质移动端UI的7项最佳实践

    在几年前,关于网页和APP谁做主导的话题还很热,但是现在看来,APP无疑已经是为用户提供内容和服务的主流了,它是用户最信赖的内容和功能的呈现方式。于是,随之而来的问题就是如何在竞争无比激烈的市场中,让你的APP在诸多同类中脱颖而出,并且让用户留在你的APP当中。留白常常被认为是一个活跃的元素,而非被动存在的间隙和背景。—— Jan Tschichold小贴士:有效的移动端APP信息推送策略是采用多种类型的信息推送机制,推送通知,电子邮件,应用内通知,新闻Feed等。多样化的信息推送通过合理的协调,创造良好的用户体验。

    2017-05-15
  • 超出预期的才叫用户体验

    什么是用户体验?我认为,用户体验其实就是一种心理感觉。拿最简单的吃饭这件事来打一个比方。我在饭店,吃饭付账,这个过程叫作体验吗?肯定谈不上。用户体验,肯定是特殊的,肯定是不正常的,肯定是在你的预期之外的。超出预期才形成用户体验如果做跟别人一样的东西,那这些功能并不叫体验。很多人在抄袭别人产品的时候,经常说某某公司做了什么功能,老板说照着做一个,但是你想没想过,如果做得跟别人一样,是没有机会的。当年我们做的是免费杀毒。当时所有其他品牌的杀...

    2018-04-08
  • 交互设计的本质是什么?

    行为逻辑的认知,让我们在设计数字世界的产品时,把注意力放在用户上、放在用户的动机和行为上,以及发生这些行为的媒介和场景。从这个层面去思考数字世界的产品,也许更贴近交互设计的本质。

    2017-04-29
  • 9个关于设计的关键要素,帮你设计出更加优秀的作品

    之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

    ——Source: SuperDryCleartrip is a very good example of what I am talking about……

    2017-05-17