清晰、高效、一致、美观 – 关于设计原则的优先级排序

我们在Salesforce的产品设计团队当中有个不成文的规矩: 无论谁拿出一份什么清单 – 功能列表、研究报告,或者哪怕只是体恤衫名录 – 无论什么,只要是清单的形式,肯定会有人出来问一句:“按优先级排过序吗?

有时是习惯性的,有时是认真的,但是相信我,在这样一个团队里,没人愿意像新手一样执行任何一份未经优先级排序的清单。

我们自己有时也会拿这事出来开开玩笑,但平心而论,优先级思维模式确实是值得你去执着的,因为我们要做的事情太多,而能做的事情又太过有限。重点清晰的优先级模型代表着严谨的决策过程,正如方向明确的路基一样能够为整个团队带来行之有效的行动指引。

所以很自然,我们在为Salesforce Lightning平台制定基本设计原则的时候,同样会按照优先级原则对它们进行排序。若干基本设计原则之间的权重关系是否明确,这对于我们的产品设计决策来说非常重要。

设计之旅

Lightning是Salesforce的新体验平台,面向最大化的生产效率进行设计,可以由我们的客户及合作伙伴更加自由的进行扩展。在打造Lightning的过程当中,我们同时创建了Salesforce Lightning设计系统,用于演示怎样在Lightning平台当中创建和使用页面组件。

 

01

这样一套复杂的设计系统绝非信手拈来。整个Lightning平台历经数年的打造,而最初的设计工作也是从一片混乱迷茫当中艰难起步的。

我们和客户进行交流,收集用例,勾勒功能流程,通过线框稿与产品及工程师团队进行快速协作。我们采用着任何设计团队都轻车熟路的这样一套工作模式来推动着流程向前发展,最初的进程还算稳定。

然而,当我们开始提升设计方案的保真度时,一些始料不及的问题开始暴露出来了。我们越来越多的开始问自己:

“这两个东西看上去不太一致,会给用户带来困扰吗?”

作为设计师,我们很在意一致性。指出问题是容易的,难的是怎样解决。而且,即便我们排除了当前所有不一致的地方,又怎能确保在全局范围内真正解决了问题呢。我们越发感到缺乏某种能够将问题上升一个层面去加速决策的设计框架。我们需要某种方式让团队中的所有人都能领会到正确的设计意图,让大家无论在全局还是细节层面都能保持在同一方向上前行。我们需要经过优先级排序的基本设计原则来指导我们的设计沟通及决策制定。

设计原则

我们着手归纳一些对于我们的客户、产品以及设计师本人来说最为重要的基本设计原则。

02

最终,我们提炼出了四点最核心的原则,以帮助我们塑造设计思维,进而对具体的方案进行评判,做出正确的设计决策。

清晰

消灭歧义,帮助人们更准确的理解和使用产品。

高效

让流程更顺畅,更智能化。优化功能逻辑,预判需求,让人们使用的更加轻松快捷。

一致

对于相同的问题,提供相同的解决方案,减轻用户的认知及记忆负荷,使界面操作方式更符合直觉。

美观

细心打磨界面外观,让人们感到我们的产品值得他花费时间与精力去使用。

对设计原则进行排序

列出了最基本的设计原则,接下来该对它们进行优先级排序了。“美观”是否比“清晰”更加重要?优先考虑“一致”还是“高效”?我们进行了一次思考实验:如果将每一条原则各自发挥到极致,那么它们彼此之间将产生怎样的影响作用?以下是我们得出的结论。

清晰对我们来说是体验当中的重中之重。用户需要在足够清晰的界面环境中完成任务,达成目标。如果我们能确保用户一次又一次成功的完成目标,我们就能赢得他们的信任与忠诚。所以我们将“清晰”放在第一位。

高效是我们与客户进行沟通时听到的最多的一个词。我们几乎想把它放在第一位了。但当我们将这一要素尽可能放大时,却也看到了问题。命令行模式对于专家用户来说是最为高效的工具,但对普通用户来讲就太过高深了。如果将“高效”推向极致,很大一部分用户会被吓到,他们在操作过程中只会不断的出错,对于用户来说这是一种高昂的成本。所以我们将“高效”排在第二位。

一致性对于确立设计模式、打造符合直觉的产品体验来说极其重要。但如果过分的追求一致,系统将永远得不到进化的机会。为适时适用的设计创新保留一定的空间,不要为了追求一致性而牺牲更加重要的东西。所以我们将其放在第三位。

美观,对于设计师来说固然重要,但绝非体验的核心要素。对于产品,特别是企业类型的产品,完成目标任务永远是第一位的。很多所谓美观的产品设计实际使用起来便会令人感到乏味无聊,看上去精彩绝伦的用户界面在很多时候会难以认知和记忆。美观是提升体验、激发愉悦的重要手段,但对于我们来说,不可能将它的重要性排在其他任何设计原则之前。

实战运用

接下来,我们在讨论设计方案的时候便开始运用这套经过优先级排序的设计原则进行指导。在设计过程中,我们也不断提醒着自己聚焦于清晰、高效、一致和美观的体验目标。在进行设计评审时,这套原则及其权重分配方式同样适用。当遇到需要进行多方面权衡的复杂状况时,设计原则的优先级次序也可以帮助我们做出明确的决策。在与其他相关团队进行协作的时候,我们也会宣讲和运用这套原则框架,来确保设计方案沟通工作的顺利进行。

如今,这套优先级原则不仅能够在UX团队内部发挥重要的作用,同时也在整个公司当中开始产生影响力,无论是产品还是marketing团队,都开始运用这套原则来辅助决策的制定。

作为设计师,我们的目标就是在打造产品设计方案的时候更加自如有效的运用这套设计原则。当所有这些体验要素都能合理的、有机的整合在一起发挥效用的时候,我们才能说自己真的打造出了可以为用户所爱的产品。

好设计就是好生意(“Good design is good business” – Thomas Watson,IBM)。

 

来源:beforweb | 发布者: mobileui   英文原文:medium

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/14284/

(0)
Smiler李想Smiler李想
上一篇 2016-04-25 10:45
下一篇 2016-04-26 18:01

相关推荐

  • 知乎今日最热:如何评价 Instagram 新的品牌形象和界面设计?

    原文链接:如何评价 Instagram 新的品牌形象和界面设计? 补充一个信息: 《 INSTAGRAM BRAND GUIDELINES V1.1》http://3835642c2693476aa717-d4b78efce91b9730bcca725cf9bb0b37.r51.cf1.rackcdn.com/Instagram%20G…

    2016-05-12
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 步步为营——记我们是如何将Facebook背后的图标设计的更美好

      Facebook 总部是一个神奇的地方,小吃是免费的,阳光永远明媚,每个人都满脑子好点子。来这里的第一周,我碰到的每一个人都努力让这个世界更美好。同时,我也预见到了,自己将会无比轻松得适应并融入这样的…

    2015-08-19
  • 淘宝2017设计升级

    这是手淘首次以设计为主导的版本升级,我们一步步地将公司的设计战略分解成产品体验方向,从设计概念落地到界面设计语言,在执行过程中又不断地平衡各种设计细节,才有最终的设计产出。所有的改变都是为了给用户营造更加良好体验的购物体验。

    UI设计 2017-03-14
  • 其实,设计LOGO并不难!用对工具,你也可以成为设计师!

    Logo是一个企业丶团体丶组织或独立个体的视觉识别形象代表。通常是人们一眼看见所产生的第一印象,因此如何创造出一个令人印象深刻的logo,来帮助您建立您心目中所期望塑造的品牌形象是一门大学问。一个好的logo对于一个品牌打入市场的成功与否,扮演着举足轻重的脚色。因此投入足够的时间来绞尽脑汁,设计出一个独一无二的logo是不可避免的过程。

    2016-09-18
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • 创业还没听过在线Logo生成器? 那你就落伍了!

    创业还没听过在线Logo生成器? 那你就落伍了!创业的第一步 - Logo不论是创业或创建新的网站,踏出成功的关键第一步是设计出一个易于一般社会大众识别的logo,以传达企业或服务宗旨,打造企业的视觉形象。品牌Logo可…

    2016-10-17
  • 刷爆设计师朋友圈的年度音乐《射鸡师》

    喂?有空吗?帮我做个设计!
    哎,先做几个方案看看。
    对对对,下班前给我!
    纳尼?!还要钱?
    一曲《射鸡师》道出了设计师们的心酸,点击下面音乐,一起来倾听设计师的心声。

    2016-02-03
  • 手腕上的交互,谈谈安卓与苹果可穿戴系统初体验

      作者简介:Luke Wroblewski是一个界面设计师、战略家及作家(Site-seeing: A Visual Approach to Web Usability 一书的作者 )。现在他的工作是 Yahoo! 的首席设计师(Principal Designer),以及 LukeW Interfac…

    2015-07-12
  • UI界面中搜索入口的设计

    写在前面: 我以前是学空间设计的,所以对引导性的感知比其他学设计的要更早。其实,设计总就还是一个“万法归宗”的东西。“吸引”——“引导”——“持续”——“欲罢不能”用用户的这种思维去检验自己的作品(交互/UI)是比较客…

    2016-11-07