为什么说设计中的一致性原则至关重要

什么是一致性设计

一致性是设计的DNA分子之一。一致性的设计是直观设计。

总之,当元素具有相似的外观和功能时,可用性和可学性会得以改善。当一致性出现在你的设计中时,人们可以将知识转移到新的环境中,并且不会有痛苦地快速学习新事物。通过这种方式,他们可以专注于执行任务,而不是在每次切换背景时学习产品UI的工作原理。

人类也是默认一致性。我们的身体在不断寻求平衡,所以我们能够健康。我们需要感觉到事物的一致性,感到安心的和安全。

一致性的优势

一致性设计让用户感到便捷和舒适。想象一下,你设计的一致元素是字母表中的字母。一旦用户学习了字母表,他就可以去到产品的任何地方并且仍然能够与界面进行沟通而无任何障碍。

不具有一致性的界面尝试以多种语言与用户进行交流。这是只有高级用户才能完成的任务。要保持简化和一致性。

一致性能消除混乱!我们不希望用户感到困惑时,下一步就会感到沮丧。

一致性设计节省金钱和时间!一致的设计经常由预设定义的组件构成。这使得设计师和利益相关者能够快速做出决策,且不用花费宝贵的时间来讨论。这还节省了可用于构建产品并进行渐进式改进的时间。

四种一致性

我们来看看设计时要注意的四种一致性。

视觉一致性

相似的元素以相同方式构成视觉一致性。它增加了产品的可学习性。字体、尺寸、按钮、标签等相似元素需要在整个产品中保持一致,以保持视觉一致性。

功能一致性

功能相同的类似控件构成功能一致性。它增加了产品的可预测性。可预测性让用户感到安全可靠。例如,流程中的返回步骤在整个产品中的运行方式是相同。

内部一致性

这是产品设计中视觉和功能一致性的组合。它提高了产品的可用性和可读性。即使在引入新功能/页面时,只要保持内部一致性,用户就能够轻松使用。

外部一致性

这种一致性在跨多个系统/产品时,是可实现的。一个产品的用户知识可以在另一个产品中重用。这有助于消除大量的冲突,并提供良好的用户体验。

外部一致性的良好例子是Adobe产品的用户界面。一旦了解Photoshop,就可以轻松地重复使用相同的知识来开始使用Illustrator等等。

实现这四种一致性将有助于设计获得更好的可用性和更快乐的用户。

如何保持一致

一致的本质是能够多次复制相同的动作或元素,并且仍然能够支撑用户实现任务。

视觉效果

排版,颜色,空间,网格,大小和位置。这些元素需要在一个中心位置定义,然后在你正在设计的系统中使用。

定义强大的视觉层次,最重要的事情要比不那么重要的事情要大。在产品上使用相同的调色板。所有类似元素(按钮,卡片等)中的填充和边距都必须一致。一切都应该在你选择的网格中进行,从而允许以美观的方式安排所有组件。

具有一致的视觉效果将使用户能够快速学习系统并获得平稳的体验。当你使用一致性的视觉效果时,你的设计将获得不错的 Feng Shui。

这里有一个很好的来源,包括样式指南的示例:

http://styleguides.io/examples.html

提示信息的声音和语气

你在整个用户流程中使用的声音和语调会影响用户对产品的认知。保持声音和语调的统一,让用户感知到自始至终都是一个声音在跟他对话。

如果你想在产品设计中保持有趣和友好的声音,错误提示和失败消息也应该是这样。MailChimp是一个关于声音和语调一致性的很好的例子。

http://styleguide.mailchimp.com/voice-and-tone/

使用熟知的模式

一些经验丰富的人会将我们的设计数字化,这意味着他们已经很熟悉其他的设计,并且熟知其使用模式。

http://www.mobile-patterns.com/

我们应该充分利用这一点,将熟悉的模式融入到我们的设计中。用户的旅程会更加顺畅,人们甚至不会停下来想,“嗯,我该怎么用?”,他们会直接使用它。

这里有两个可以查看很多的模式的很不错的来源,:

http://www.mobile-patterns.com/

http://ui-patterns.com/patterns

设计一致性的变化

你会认为一致性也可能会侵蚀用户。如果我们总是保持一致,就几乎没有任何的创新。

在做出改变之前,首先需要学习规则。改变并不是去破坏他们!破碎的一致性等于破碎的设计和用户体验。

这对用户和组织来说都是一种痛苦。设计过程变慢了。就会花费大量金钱以支付那些在会议室争论什么颜色最适合该按钮的人。每个人都失去了宝贵的时间,他们需要对已决定的重新进行决定。

设计师应尽可能的保持,建立一致性。

保持一致性意味着变化将会放缓。不过,我们需要产品是愉快和开心的。我们需要它们发展到更好的版本。

那么,我们如何保持一致性并且仍然能到达我们想要的地步,推动变革?

“secret”是理解你的用户。你的所有设计决策都应来自对此的理解。只有当用户的需求通知你时,才能对已建立统一的设计系统进行调整。这些小的变化将会使产品进化到更好的版本,并保持一致性。

最后的思考

户期望。了解用户如同了解你的伴侣。能够透过他们的眼睛感知他们的心灵。与他们成为一体。

结合对设计基础知识的深刻理解,如视觉层次,排版,可用性模式等。记住,没有什么变化是好的,更多的变化也并不一定更好!

原文发布于微信公众号 - BestSDK(bestsdk)

原文发表时间:2017-07-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

惊爆:各大 App 可直接打开小程序!微信收割移动互联网的时间开始了

没错,你没看错,说的就是通过 App 打开小程序。据说它会是配置在其它 App 里的基础能力,也是微信广布在线上各个角落的海量据点,跟微信线下的二维码、小程序码...

13330
来自专栏灯塔大数据

干货|互联网运营数据分析必须掌握的十个经典方法

? 眼花缭乱的东西很多,真正派上用场的,却不见得是那些看起来炫酷的。很多方法朴实无华,却解决大量的问题。 下面十个方法都是我这么多年做互联网运营分析时一定会用...

33240
来自专栏DevOps时代的专栏

中国银行 DevOps 历程、 效果及展望

? 讲师 | 张新 编辑 | 白凡 作者简介: ? 个人简介:张新,曾从事中国银行软件设计开发工作,熟悉银行业务系统和开发过程;现作为中国银行软件中心DevO...

48240
来自专栏大数据文摘

聊聊身份欺诈和窃取那些事

13820
来自专栏JAVA高级架构

如何在三年内快速成长为一名技术专家

清英, 蚂蚁金服技术专家,支付宝架构师,《JAVA并发编程的艺术》作者,10年+软件开发和架构经验,并发编程网(http://ifeve.com/)创始人。

15430
来自专栏ThoughtWorks

开源软件那么多,我们该如何选择?|洞见

当我们说起开源软件的时候,想必大家都有丰富的使用经历,小到Node.js的一个组件库,大到一套办公软件如LibreOffice,再如Linux操作系统,可以说无...

33450
来自专栏全栈工程师成长之路

浅谈iOS进阶路线

519120
来自专栏腾讯位置服务

微信小程序地图升级 – 个性地图,我的Style

微信6.7.2发布你造吗?小程序能力再次得到提升,其中地图组件支持多套地图模板,开发者可根据使用场景选择自己喜欢的风格样式,打造专属你的Style。

31610
来自专栏灯塔大数据

干货|互联网运营数据分析的十大经典方法,朴实却能解决问题

导读 眼花缭乱的东西很多,真正派上用场的,却不见得是那些看起来炫酷的。很多方法朴实无华,却解决大量的问题。 下面十个方法都是我这么多年做互联网运营分析时一定会...

29650
来自专栏敏捷开发&项目管理

章节 2.1 可靠的软件 – 灵活,可靠的软件 使用设计模式和敏捷开发

可靠性和测试 学习目标 学习使软件变得可靠,对于想成为具有竞争力和成功的开发人员是非常重要的。本书大部分将致力于使软件不会失败的开发习惯,技能和实践。本章节的目...

34980

扫码关注云+社区

领取腾讯云代金券