用户体验

用户体验设计的现状

0
登录或者登记去做吧。

用户体验设计的现状  ——2015年数字产品设计的思考

自90年代设计大师唐纳德·诺曼创造了用户体验设计这个词后,用户体验设计已有很长一段历程。 仅在用户体验设计提出的一年后,它就从深奥的行业术语成为科技行业最受欢迎的学科之一。“用户体验设计师”成为十大最受欢迎的职业之一,而这在用户体验设计概念提出的5年前几乎是不存在的,并且自2008年以来,呈22倍爆炸性的增长。随之用户体验设计师的就业市场需求似乎一直在增加,全世界成千上万的工作设置此职位。

毋庸置疑,在2015年用户体验设计依然饱受欢迎。那么何时能够退一步并评估用户体验设计的状态呢?

什么是真正的用户体验设计?

近年来,用户体验社区里可以看到很多关于用户体验设计的定义和界限的讨论。

一方面,普遍看来大家似乎是专注“用户体验设计”这一术语在用户研究和信息架构。这具有重大意义,在确保一个良好的用户体验,这两大学科在数字产品设计中扮演不可或缺的角色。此外,这些学科与大量的工具和方法及用户体验设计师都密切相关:角色、用例、线框图等等。

另一方面,我们偶然发现用户体验设计一词与用户界面(UI)设计几乎可以互换使用。虽然这种趋势被完全批判,但我个人可以很容易理解此想法:如果实际的界面和数字产品的交互对用户体验并不是关键,那又是什么呢?

尽管我个人可以认同这两个关于用户体验设计的定义,但我也认为它们具有着相同的缺陷:即都在尝试将 “用户体验设计”这一术语的约束还原到在一定的工具或某一设计阶段的一部分。

事实是,用户体验设计并不是一个学科。 用户体验设计是一个用来设计数字产品且包含了多个学科的综合学科,如信息架构、交互设计、界面设计、可用性等等,是属于用户体验设计的界定内的并与数字产品用户体验相关的任何学科。所以“用户体验设计”是一个涵盖性术语。

the State of UX 02

用户体验设计作为一种理念体系

操作一个字段像用户体验一样广泛的领域是令人叹服的。许多学科涵盖在了用户体验设计中,甚至是最专业的人都有能力不足的感觉。那什么样的能力者可以掌握这些技能呢?那么为了更清晰地交流哪些是体验的学科,我们每个人都被专业化了,我们已经看到了过多的用户体验的头衔出现在“用户体验设计”中:用户体验架构师,用户体验顾问,用户体验专家,用户体验研究员,用户体验开发人员等等。

或许有人会说这种对用户体验相关职位转变只是一个营销的问题——例如“用户体验”是趋势,大家都想分一杯羹。另一个非常有说服力的论点甚至可以“用户体验设计”这一术语仅仅是一种时尚,被标注上信息架构师,设计研究员,视觉设计师或交互设计师将是一个更好的方法来进行分门别类。

针对这一批评肯定会有很多道理。但对我来说,快速上升的流行术语“用户体验设计”(和与它相关的工作职位)也是高度积极趋势的征兆,数字产品设计的专业人士越来越意识到自己在整个设计过程中的重要性。

相比于太关心角色、标题和责任,用户体验设计师开始关注更重要的事情:用户和他们的经验。为我们的用户设计伟大的产品,我们不能仅仅是轮子中的齿轮——我们必须关心和参与整个设计过程,从研发到设计开发。对我来说,用户体验设计作为一个支持这种发展的学科领域。作为一个用户体验设计师不仅仅是一套套的特征、工具。 我们打破了筒仓的心态,译共同的理念体系在一起。

UX学科之间的桥接

用户体验的理念体系是创建一个更少的“筒仓”, 在我们的社区出现更多的流体设计过程,在很多的讨论和发展过程中产生。新方法和新工具的几乎每天都可能出现,一些正迅速成为行业标准。在我看来,所有这些新东西都是导致稳步缩小之间用户体验的伞的各种学科的差距。

示例1:Sketch,APP成为线框图和UI设计之间的桥梁

毫无疑问,Bohemian Coding开发的Sketch正迅速成为界面设计的行业标准,提供一些(更多需求?)与Adobe Photoshop的竞争。虽然已经说过很多Sketch作为UI设计工具的优点,但另一个重要方面是其潜在的为各种用户体验规程之间的鸿沟搭建桥梁。

最近我跟我的在一个数字公司的用户体验架构师的朋友交谈。她告诉我,她们从草图过渡到使用Sketch,因为之前的交接线框图UI设计对于她们来说是个复杂的过程。用户体验架构师通常使用Axure画线框图,然后UI设计师在Photoshop进行返工。但随着Sketch的使用,他们发现它可以弥补这一差距,并允许他们进行更接近和更多的迭代工作。

相对于Photoshop,Sketch简单、直观,并提供基于矢量的合适的工具,这使得它更适合画线框图,用户界面设计师也能够在同一文件进行协同工作来完成视觉设计和细节,而这一切是Axure不能够完成的。对于我的朋友,这是一个重大的工作流程改进, 在她的用户体验团队之间,它创造了一个更好的协作,并最终产生更好的用户体验。

很显然,我的朋友和她的团队并不是唯一一个使用Sketch来改善他们的用户体验流程:简而言之,这是一个应用程序,一个拥有着处理用户体验,线框图和最终设计的精简系统。

示例2:原型工具成为用户界面设计和交互设计之间的桥梁

用户界面应具有响应和过渡性——这意味着它们应该以充分理解和有用性的方式来清晰的反应用户的交互。设计交互是提高整体用户体验的关键。因此,交互设计是产品设计的主要组成部分,并且设计动画和过渡界面的重要性目前成为了用户体验社区中的一个热门话题,这在产品领域是很明显的。在使用着有意义的动画和过渡同时,大公司正在建设他们的设计语言和原则,,比如谷歌的设计规范或IBM的设计语言。

the state of UX03

设计交互和转换的新工具在用户界面设计和交互设计之间搭建了桥梁。 如Invision和Marvel工具能够让用户体验设计师很容易地进行原型设计和测试的交互与UI的流程。Sketch或Photoshop相关的文件自动同步和变化的更新,允许快速和真正的迭代工作流程。对于更复杂的交互和动画设计, Pixate或Form等工具提供了所需的细粒度控制。

示例3:代码设计在UX和前端开发之间搭建桥梁

数字产品都有交互和转场。 因此,为了创造一个最佳的用户体验,无论是显示还是通知都需充分;用户体验设计师应该能够想象和测试用户如何体验实际的产品。在FFW,我们的用户体验过程中,我们经常使用上面提到的各种工具来实现这一目标,但如有可能,我们宁愿设计代码。

在用户体验社区,代码设计越来越受欢迎。通过跳过静态模型,直接在代码中创建设计和原型,设计师能够在各种媒介和平台中设计和测试用户体验的所有细节,包括用户流,转换,状态和交互性。编码原型允许用户体验设计师来测试他们的每一个实际用户的假设设计。 人们可以看到点击、滑动、点击、滚动和体验产品是如何工作和行为的。

the State of UX 03

在实践中,代码设计越来越受到用户体验设计师欢迎。

在代码设计和在浏览器中创建原型时,有大量很好的开源框架,如Headstart, Roots或 Web Starter Kit,但另一种选择显然是“执行自己的代码”。

所有这些框架汇集大量的最佳实践和有用的前端工具来快速创建一个理想的原型起点。这不仅有助于在UI设计和交互设计之间搭建桥梁,也很可能成为用户体验和前端开发的桥梁。开发人员可以跟随在整个体验过程中,并可以重用所有(或大部分)最终产品中的代码。

但是这些并不精通代码用户体验设计师呢?

幸运的是,许多新工具的出现使得设计师能够创建语义、很好地编码原型——不必编写任何代码。这些“代码设计”(代码+设计)工具给用户体验设计师一个熟悉的视觉界面工作,管理响应断点和添加动画及交互性,然后自动生成相应的代码。在FFW,这些不理解代码的用户体验设计师已经广泛的使用Webflow,并取得巨大的成功,另外还有Macaw和FROONT工具。

那么,2015年的用户体验设计是什么状态呢?

“用户体验设计”作为字段和术语可以被指控为模糊界限并难以区分学科,尽管如此,我认为它能够将如此多的学科聚集一起,也该为此鼓掌。

用户体验设计是一个多学科领域,有一些用户体验设计师跨越了整个领域,但多学科也允许我们具有打破竖井的心态,以此建立一个共同的理念体系。

2015年,我想我们真的看到了这种影响。尽管出现各类不同“UX 某某”之类的头衔和不同的个人领域的焦点,但在用户体验的大范围内,新的工具和方法连接着这些不同学科间的缝隙。信息架构、视觉设计、原型及编码的工具使得用户体验设计师更容易协作,这些工具也正在创造更加快速和迭代的工作流。

在用户体验领域和用户来说,这些无疑是好消息。我已经等不及要看看未来会发生什么。

作者:Morten Christoffersen

 

交互设计丛书分享:《瞬间之美:Web界面设计如何让用户心动》
UED研究如何应用到产品设计中