定义设计原则,驱动设计决策

UX团队如何给设计原则做优先级排序?本文就此展开讨论,enjoy~这个list有优先顺序吗?


UX团队如何给设计原则做优先级排序?本文就此展开讨论,enjoy~

定义设计原则,驱动设计决策

在Salesforce公司这里有一个常见的笑话……每当产品组里面的某个人展示一个list – 它都有可能是关于任何东西:功能,研究策略,Dreamforce T恤的颜色,真的有可能会是任意的list。

所以总有人问,

这个list有优先顺序吗?

有时,这个问题会被很严肃地问道,但有时也只是随口问问。但是相信我,你不希望通过执行一个没有优先顺序的需求列表,从而成为一个房间里面,高管眼中的菜鸟。

当我们开玩笑时,我们决定要对list做优先级排序真的起到了很大的作用。因为它真的很有用,因为我们可以做的事情是无限的,但我们即将要做的事情却是有限的。清晰的列表知道整个团队前进。一个列表展示了团队的艰难决策。正如Scott Berkun所说的那样,他们是“ 进步的支柱”。

很自然地,当我们定义我们的原则来指导Salesforce Lightning的设计时,我们对需求和原则进行排序。因为……好吧,这就是我们在这里做的。给我们一个清晰、明确并且有序的原则列表,起到了非常大的作用。

一. 探索过程

Salesforce Lightning是我们在Salesforce的一个新的用户体验的设计。这是对我们的平台的重新设计,旨在最大限度地提高生产力,同时可以由客户和合作伙伴进行扩展。在此过程中,我们创建了Salesforce Lightning设计体系 – 一种在线的设计指南,展示了组件的demo和代码,并且告诉人们怎么通过这个东西去使用和构建网站。

定义设计原则,驱动设计决策

Lightning已经很多年了。我们总是在最原始,最混乱起点开始设计。

我们跟客户访谈,我们收集了用例并尝试画出了工作流程。我们用产品的线框图跟工程师门协作。我们做了任何设计团队都会做的事情来推动这个进程。当然有分歧,但有稳步的进展。

然而,当我们开始在原型和任务流中增加更多精细的细节时,发生了一些意想不到的事情。有多少人记得Sesame Street(一个游戏)?

定义设计原则,驱动设计决策

上图中,有其中一件东西跟其他三样有区别的…三种是工具,另一种是鞋子。还是三个手柄,另一个没有?你看,同样的答案,不同的理由。

这是一个游戏,你展示四个物品,然后唱一首歌的时间,接着指出哪一个是不同的,并解释为什么。这是一个非常有趣的游戏。不幸的是,在讨论我们更高保真度的设计时,同样的情况开始出现。

每次出现这种情况都会非常困扰我们设计师。指出不一致的地方很容易,找出真正的原因才是最难的的。即使我们在一开始的设计阶段就排除了所有的不一致的情况,但我们又怎么能保证真的解决了这个问题?很明显,我们缺乏一个帮助更新和加速讨论的框架。我们需一个优先级的原则来指导我们的沟通和决策。

二. 制定原则

脑暴开始了。我们收集了对于我们的客户、产品以及我们自己作为设计师来说,很重要的概念和想法。

在这个列表中,我们能够总结出四个核心原则,它们捕获了我们如何塑造我们的设计思维,并随后用以评判一个设计的价值。

这四个原则分别是:

1. 清晰

消除歧义。让人们看到,能理解,并且有信心去操作。

2. 效率

简化并优化工作流程。智能地预测到需求使得用户更好,更智能,更快捷地工作。

3. 一致

通过对同一个问题使用相同的解决方案,来创造产品的熟悉度以及加强用户的使用直觉。

4. 美观

通过深思熟虑和优雅的视觉技术,来表示对用户的时间和注意力的尊重。

三. 确定原则的优先顺序

既然我们有一系列的设计原则来表达我们的产品目标,我们想把它们放在一起。我们会把「美观」放在「清晰」的前面吗?「一致性」比「效率」更重要?我们做了一个实验 – 如果我们把每一个原则当作是最特别的并且置于其他原则之上,会发生什么呢?这是我们整理出来的想法。

1. 清晰

在我们看来这是整个用户体验的最核心指标。用户需要清晰的完成任务并达成目标。如果我们能够确保用户一次又一次地达成目标,那么我们就可以获得他们的信任,忠诚和感恩。所以我们把它放在第一位。

2. 效率

当我们在与客户交谈时,我们不断重复地听到「效率」这个词。我们几乎把它排在用户体验的第一位。但是,当我们把「效率」放在第一的时候,我们注意到了这样子做的不妥当之处。命令行操作对于专家用户而言可以是效率很高的,但对于新手而言却是懊恼的。如果我们把「效率」提到首要的位置,那么我们可以预计到有一大批用户将流失。他们在「效率」的过程中很容易犯错误,然而犯错成本很高,因此我们把它放在第二位。

3. 一致

在长期的使用过程中,「一致性」对于建立用户的直觉操作以及作为设计师们遵循已经建立好的的模式来说,非常重要。但是,如果我们将「一致性」作为最核心的原则的话,系统将如何演变?

4. 美观

虽然对我们作为设计师很重要,但却不是一个可以定义产品的象征性特征。在toB的领域,所有的设计都是关乎如何把任务完成。如果一个设计是美丽但乏味的怎么办?或者看起来很奇妙但是操作机制很难被记住怎么办?美观有非常强大的吸引力,可以激发用户对产品的喜爱,但是对我们来说,把它放在所有原则之上不太现实。所以,我们把它放在第四位。

四. 实践

在我们自己讨论设计时,我们开始使用这些原则。当我们在设计时,会自觉提醒自己,我们创造的用户体验应该是清晰,有效,一致和美观的。在走查设计的需求点时,我们也用同样的原则去判定。在实践的过程中,发现我们更容易使决策合理化并更顺利地向前推进。当与团队的其他成员讨论设计时,我们使用相同的原则。我们现在也有了一个可以促进对话的原则框架去跟我们的同行对话和交流。

围绕优先原则排列,不仅有助于UX团队塑造和描述其工作,它已经开始在整个组织中传播。市场营销人员在他们的的信息传达中会用到这些原则,而产品经理正在使用这些UX原则来作为他们的决策的基准。

我们设计师的目标是在创造产品时将这些原则优雅地组织起来。当这些原则在一起相互产生美妙的效果时, 我们所做的事获得了用户的喜爱。

那是很美妙的事情。

 

原文地址:medium.com

译文地址:http://www.jianshu.com/p/a2c51845bbf3

译者:阿拉蕾的帽子

本文由 @阿拉蕾的帽子 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-04-27 17:12
下一篇 2017-04-27 19:13

相关推荐

  • UNStudio:健康城市,基于未来的设计

    📌 编辑 |Cassi.W编者按:城市公共环境作为人们共同的“家”,需要群策群力共同营造。城市公共基础设施作为“城市家居”是人们日常生活舒适感、安全感的主要保证。第二届“衲田杯”可持续设计国际竞赛正在火热报名中,你的脑洞是否还够用?“新技术引领下的智慧城市家居”有很多可能性,需要大家去探索、去研究、去发现。本期我们将走近UNStudio事务所的智慧城市实践,为你的方案增添一点灵感!- UNStudio -Ben van Berkel本·...

    2018-03-17
  • 关于“用户体验动效”的十二项原则

    前言关于“用户体验动效“的十二项原则,本文分为四部分来引入说明:1. “用户体验动效” 不等于 “界面动画”;2. 实时与非实时交互的区别;3.  动效的四种可用性提升方式;4. “用户体验动效”的十二项原则。1.  “用户体验动效”不等于“界面动画”在用户界面设计中,大部分动态的效果被设计师理解为“界面动画”,事实却并非如此。在介绍“用户体验动效”的十二项原则之前,我们先明确一下二者之间的不同。大部分设计师认为,“界面动画”是为了让用...

    2018-04-01
  • 广告与用户体验只能二选一?

    最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

    2018-04-04
  • 关于用户体验 生活才是最好的老师

    早早起床,天下去小雨,收拾完一切,带上我的花伞出门。今天的任务是买一双早已在网上看好的球鞋![我的主要需求]来到了步行街,街上的人还不少。我的目光在细雨的缝隙间不断的寻找着我心中的那个目标。偶然,在一个个华丽的招牌旁边,我发现了一个黑色的招牌,特别显眼!黑底白字虽然单调却不失档次,门内的贴画很简单,不是某某明星,仅仅是一双鞋子,在鞋子的表面,有几滴水珠。我不禁心中发起感慨,有意思。[广告展示的对比,不光是门头还是贴画,给我视觉上的冲击和...

    2018-02-07
  • 这个按钮不简单

    Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

    2017-06-05
  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • 牛X的交互设计稿应该具备的5个特点

    在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

    2017-05-11
  • 【优秀作业展示】交互设计基础(二)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优秀作业。优秀学生作业第二期申婉彤产品设计15101高铁购票界面设计地点选择日期选择车次车座选择身份认证界面支付界面支付宝支付银行卡支付01Te...

    2018-04-22
  • 读书会第二期:《用户体验要素》(下)

    接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

    2018-04-13
  • #UX第四课 我学会了玩玩具

    在同一时间,我成为一个父亲,刚进入UX的世界我,试图弄清楚,如何让我的产品,图象,可以理解的,易于使用的,直观的。我是一个巨大的玩具风扇,还是玩弄他们之前,我的儿子回来了,不过他在家里意味着更多的玩具和更多机会和他生命中的第一个月他观察他的互动玩具。看着他让我想起了和界面设计的普遍经验在我们的生活从一开始,我们如何如果我们打算建立一个可以理解的产品从那些经验特别是学到很多。

    2014-12-28