阅读 595

设计系统Sprint 4:设计原则

原文链接: mp.weixin.qq.com

Marcin Treder @UXPin的CEO。

UX设计师,认知心理学家,企业家。专注于产品开发的未来:http://uxpin.com

作者介绍:我是Marcin,现在是全栈式UX设计平台-UX Pin的共同创始人兼首席执行官。在本系列文章中,我将汇报UXPin创建设计系统的历程和原因,我们构建了设计系统、设计控件库,公用调色板,规定了管理基本设计风格属性的方法。

· 今天,我们将回顾一下,如何以设计原则为基础加强我们设计系统。

·如何在不同的设计模式中选择正确的样式,使它在不同功能模块中扮演同一角色?

·如何使设计决策在设计系统的不同模式和部分之间保持一致?

·如何在不依赖系统后续版本发布的情况下,最大程度地保持正在进行的项目的一致性?并将这种需求传达给产品团队?

我们越纠结于这些基本问题,我们就越开始感到不知所措。

这种受限于设计决策的感觉让我想起了2015年末我们为UXPin带来全新视觉美感的努力。

2015/2016年UXPin采用了的一套美学规范,作为新的设计原则

· 确立设计原则 - 过程 

2015年开始使用UXPin的新版本过程中带来了大量的设计挑战。我们必须协调多个设计师和开发人员,同时提供多个反馈源(可用性测试,客户服务反馈,销售反馈,数据分析,多变量分割测试),当然还有利益相关者的不同意见。

我们的设计团队很快就协商出想要做出哪些架构变更。基于广泛的用户研究,我们确切知道我们期望在新界面中看到什么。这个新界面的美学规范讲述的是完全不同的故事。

该项目的主要视觉设计师和我有不同的审美感觉。在每一次设计评审中,我们自始至终都对审美进行主观讨论,可是它并没有给我们带来任何效果。为了克服这个问题,我们决定把我们的讨论提升到更高的层次--谈论原则。采用一个简单的过程来建立我们的设计原则:

1.    查找产品进行类比。

首先通过参考您的产品类别之外的熟悉产品来讨论原则(例如,不要让你的SaaS(Software as a Service )应用程序引用其他SasS应用程序 - 这会触发无意识的抄袭而不是设计)。你想让你的产品感觉像是一辆白色的保时捷,还是一辆红色的法拉利?你想让它看起来像经典的布劳恩音响系统吗?或者你觉得它应该更像是飞机的驾驶舱?开始列出这些类比产品,并思考每个选择背后的原因。

2.    在类比产品中查找设计原则。

通过查看你的类比产品清单,想想是什么让这些产品成为现在的样子?他们是否带来熟悉感?直觉?还是他们也许通过丰富的选择表明了无尽的可能性?列出你认为每种类比产品都是正确选择的原因。

3.    通过现有的用户研究使类比产品方案变得真实。

查看你选择的原因列表,并标记可以连接到现有用户研究结果的内容。用户抱怨界面臃肿,并且您希望您的产品与原始iPod一样简单吗?用户是否指出并非所有关键特征都很容易使用,并且你正在考虑构建一种能够带来空战驾驶舱品质的东西?标记用户研究的参考资料(最好链接到研究结果和来源)。

4.    建立价值声明。

将你分析出的类比产品和整理的原因,从用户研究中最常提到的内容开始进行分类,消除那些没有被用户提及的因素(如果你十分关心研究中没有提到的内容那就保留它)。尝试通过制定价值声明来重写清单:我们希望我们的产品像[ 您的类比产品 ],因为它[ 分析出的原因 ],对[ 我们的用户/我/我们很重要]。 例如:“我们希望我们的产品像80年代的白色保时捷911一样,因为它带来了永恒质量的感觉,对我们非常重要”,或者“我们希望我们的产品像HarmanKardon Soundstick Speakers一样,因为它们现代和简约,我们的客户经u常提到我们的产品看起来过时了,界面臃肿,带有不必要的功能“。你就明白了这种方。

5.概括你的原则

现在,简单地拿出所有的价值陈述并删除参考的类比产品(你可以将其保留在说明中),以使设计原则更具说服性。

完成这五个简单步骤之后,我们的设计原则就准备好了!

. UXPin设计原则

1. 没有分心。界面上的每一个冗余部分(线条,按钮,阴影,动画)都是分心的来源。因此,应该消除这个问题,以便为用户创造出具有良好架构和鼓舞人心的设计工具。

2. 以设计为中心。UXPin的设计应该以为用户设计为中心。我们的界面应该像是有透明度一样不引人注意。

3. 自适应的界面。UXPin的界面应该根据使用情况而操作。所有'非灵活性'功能都应该保持完全隐藏状态,直到用户可以使用它们(没有不活动的按钮和链接!)

4. 空间。UXPin的界面应该营造平静的氛围,引发用户的创造力。这种氛围可以通过在每个界面周围留下很多空间来塑造。杂乱的界面是产生皮质醇和肾上腺素的压力的来源,都会阻碍我们的创造力。

5. 灵感。UXPin设计应该有创造性,同样的,不能成为其他SaaS应用程序设计的衍生物。我们应该通过最好的类比产品带给我们的灵感,来创造出原创美学系统(我们的一些灵感来源:钢笔试点消失点亚光黑色,扬声器的HarmanKardon音响棒,电唱机宝碟音响公司,音箱DALI Zensor)。

6. 交互 一致性。界面组件,图标,字体应该都是一致的,以创建可预测的用户体验。

7. 可预测的体系结构。UXPin的架构必须是可预测和自然的。功能应放置在正确的环境中,以便新用户轻松发现。可预测体系结构示例:页面的设置应放置在页面旁边。

我们开始将这些设计原则作为我们设计决策的基准,并且是在设计评审期间衡量自己的工具。例如,我们会问自己,从架构的角度来看,特定的界面解决方案是否足够可预测,以及它是否会以负面方式干扰用户的设计项目。设计原则在整个设计过程中提供了快速反馈。

我们也使用这些原则向整个团队和利益相关者解释我们的决定。设计原则对于奠定设计决策基础而不涉及太多令人困惑的细节非常有用。Luke Wroblewski之后引用:

“设计原则是任何软件应用的指导。他们将产品的关键特征定义并传达给广泛的利益相关者,包括客户,同事和团队成员。设计原则阐明了所有决策都可以衡量的基本目标,从而使项目的各个部分朝着一个整体迈进。”

“Design principles are the guiding light for anysoftware application. They define and communicate the key characteristics ofthe product to a wide variety of stakeholders including clients, colleagues,and team members. Design principles articulate the fundamental goals that alldecisions can be measured against and thereby keep the pieces of a projectmoving toward an integrated whole.”

我们的原则对于为UXPin带来新的审美非常重要,并且这些原则很快成为我们思考UXPin界面方式不可分割的一部分。随后的所有项目都反映了我们的原则所表达的思路,即使我们在设计评审期间没有直接提及它们。

设计原则开始在潜意识层面上工作,直到我们必须做出更基础明确的设计决策--将影响整个产品界面的决策。在这个新的背景下,我们开始面对熟悉的问题分歧。然而,潜意识过程在项目工作中运行良好,在设计系统工作期间却失败了。

面对这个新的挑战,我们必须将设计原则带回到我们的意识中,并用它提醒我们的团队。我们必须集中我们的设计原则,并确保它们不仅在所有项目中占据优势,而且在我们的设计系统的所有部分也占据优势。

如何实现?这很简单 -  设计原则必须成为设计系统的一部分。

UXPin的设计原则被提供给我们设计系统的其他部分

. 设计系统中的设计原则

现在你可以说我们我们热爱设计原则。在UXPin中,它是一种经过验证的武器,可以解决以下问题:

·无尽的主观讨论

·设计要求不明确

·在最基本的层面不一致

但不知何故,大多数设计系统根本不包含设计原则。根据我们的研究,略高于40%的公开可用系统包括都包含设计原则。

在这40%中,我们有一些最全面的设计系统:

Salesforce Lightning设计系统包含一套通用的高级设计原则:

·明晰

·效率

·一致性

·美观

Salesforce照明设计系统的设计原则

 Google材质设计原则的设计方法非常简约,主要关注材质设计如何与通用设计系统一样独特。他们的原则是:

·采用材质比拟设计

·醒目的,图形,有策划性的设计

·给动效提供意义

Google材料设计  - 设计原则

Apple iOS有一套非常详细和特定的原则:

·审美的完整性

·一致性

·有导向性的操作

·反馈

·隐喻

·用户控制

Apple iOS设计原则

从Material Design设计真正属性的一系列规则中,到SalesforceLightning 系统中的一系列鼓舞人心的声明,再到iOS人类指南中对优秀设计的精确和严格定义。正如你所看到的,构建一套设计原则的方法各不相同。

UXPin的一些原则指出了我们所有界面所期望的特定设计决策(例如,可预测的架构原则,要求在相似的情况下采取相对应的行动),其他则具有更普遍的特质,旨在启发设计灵感(例如原则的灵感)。

那么,哪种设计原则才是正确的呢?

. 什么是好的设计原则? 

不存在一种规范制作设计原则的方法,良好的原则是对团队使用有意义的原则。由任何组织或由设计运营团队管理的设计原则存在的理由是为用户和产品提供服务。如果你的团队从根本上拒绝使用这套原则,或者简单地忽略它们,他们就失去了整个价值。在处理设计原则时,您必须与团队核对并测试您准备的内容的实用性。

如果您和您的团队对于值得采用的总体方向感到不确定, Joulee创建了一套巧妙的启发式方法,以达到一套完整的设计原则:

“另一方面,一套很好的设计原则可以做到以下几点:

1.有助于解决有关具体设计决策的实际和现实问题。

2.适用于整个设计决策阶段,我们今天可以想到的甚至将来会出现的问题。

3.赋予人们“为什么”的人性化意识,让每个人都很容易理解,包括非设计师。

4.即使是持有不同观点的理性的人都可以同意的有优先级的观点

5.它通常与有说明性的例子结合在一起,说明该原则如何适用于特定的决策。“

概要

虽然设计原则并不是设计系统中最典型的部分,但我强烈建议您考虑它们。拥有更好的理论基础,并通过一系列设计原则可以更有意义地指导团队创建和持续实践设计系统。

原文链接: https://medium.com/@marcintreder/design-system-sprint-4-design-principles-8efb22d8a208

译者:Sumayezi

微交互翻译小组翻译,如有任何问题,请指正!

·End·

微交互   ∣细节设计成就卓越产品

长按,识别二维码,加关注

分享文章,让更多的人知道微交互

文章分类
阅读