• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 超实用!UX团队如何给设计原则做优先级排序?

超实用!UX团队如何给设计原则做优先级排序?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含UX设计,经验分享,设计优先级等相关知识,希望在学习及工作中可以帮助到您

@拉瓦不下100就不换昵称?(译者):在Salesforce公司这里有一个常见的笑话…每当产品组里面的某个人展示一个list – 它都有可能是关于任何东西:功能,研究策略,Dreamforce T恤的颜色,真的有可能会是任意的list。

所以总有人问,“这个list有优先顺序吗?

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

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

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

一.?探索过程

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

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

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

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

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

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

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

二.?制定原则

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

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

这四个原则分别是:

清晰:

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

效率:

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

一致:

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

美观:

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

三. 确定原则的优先顺序

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

清晰:

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

效率:

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

一致:

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

美观:

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

四.?实践

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

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

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

那是很美妙的事情。

「设计师的辅技手册」

  1. 《腾讯ISUX丨写给设计师的全面辅助技能手册(一)》
  2. 《腾讯ISUX丨写给设计师的全面辅助技能手册(二)》

原文地址:medium.com
译文地址:jianshu

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

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

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

优设大课堂

您可能想查找下面的文章:

  • 这个帮你改善睡眠的APP,是这样设计出来的
  • 什么决定了设计师的职业高度?来看资深UX的思考!
  • 设计实战!扁平风的手机赛车游戏UI界面是这样设计的
  • 一个针对女性用户的照片编辑软件,要如何设计UI?
  • 这个APP的UX设计,把订购汉堡玩出花来了
  • 沪江UED团队出品!用户体验设计师进阶实战指南(下)
  • 沪江UED团队出品!用户体验设计师进阶实战指南(上)
  • 如何判断你的产品“好不好”?来看高手的角度!
  • Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 设计实战!健身应用Mannva的UX/UI设计流程是怎样的

相关文章

  • 2018-08-23一看就懂!详解大厂UI设计规范制作步骤
  • 2017-08-06网站标准之Flash页面如何通过校验的方法分享
  • 2018-08-23设计师该如何带团队?来看高级设计师的总结!
  • 2018-08-23让移动端用户体验出类拔萃的5种技巧
  • 2018-08-23网页中这10种字体的运用方式,不会让人觉得Low
  • 2018-08-23最后一个月,这3个设计趋势是网页设计师的最爱
  • 2017-08-06搜索引擎免费收录网站入口小集
  • 2017-08-06网站设计经验 建设网站常犯错误汇总
  • 2017-08-06条件注释判断浏览器(ie系列)
  • 2018-08-23学会CTA 设计方法后,按钮的点击率高了49%!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于favicon.ico的两三事(最好就是放根目录)
    • 用一个实战案例,教你学会复杂界面的布局设计
    • 如何审度一个东西的工艺和设计?深泽直人给出了5个维度
    • 辣眼睛?这种粗粝但有趣的设计风格正悄然流行
    • AI教程!手把手教你绘制线条装饰风格海报
    • 想要用好留白?这篇文章帮你从头开始梳理
    • 无印良品是怎么做设计的?来看看背后的流程!
    • 揭秘一场重大发布会的全方位视觉包装过程
    • 给登录界面做视觉设计?这儿有4个方法+4个案例(附PSD打包)
    • 想设计按钮?先来看这份超全面的按钮使用场景总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有