UI设计中一致性为什么这么重要?自古以来关于UI设计一致性的重要性已经有很多论述,这是有充分理由的。不一致的用户界面通常会丧失用户体验对用户粘性也会造成极大的损失,甚至会对产品前途和本质产生不可估量的影响。

  但是,UI设计的一致性到底是什么?UI设计的一致性涉及确保用户界面中的元素统一。它们的外观和行为方式相同。这有助于不断证明用户对用户界面权限的假设,从而产生一种控制感,熟悉度和可靠性。

  为了提高UI设计的一致性,您应力求与UI规范和行为,其他类似的应用程序(竞品)以及您自己的设计保持一致。

  用户界面准则和行为

  在设计时,不同的平台具有不同的UI和可用性准则。例如,如果要设计iOS应用程序的用户界面,则应熟悉iOS人机界面指南,并努力遵守它们。

  竞品一般做法

  您的用户会花时间在其他应用(竞品)上已经不是什么秘密了。结果,他们将熟悉并习惯于它们或其他地方使用的流行模式,规则和交互。考虑到这一点并考虑到它们对设计进行建模是增加可用性的好方法。您可以“带回”用户从以前的经验中积累的知识,而不必担心新的或不熟悉的用户界面会使他们感到迷茫。

  这并不意味着剽窃别人的设计。您也不是临摹其他应用。您想使自己熟悉使用了哪些UI模式以及在其他地方进行了哪些操作来改进自己的设计。

  考虑一下电子商务网站及其上购物车的位置。我们通常会在下面查看要购买的商品,如果要设计电子商务网站的用户界面,则需要考虑将购物车放在类似的位置。

  UI设计一致性

  布局,样式,类型选择和布局只是在整个用户界面中应保持一致的一些元素。如果您已将导航元素放置在屏幕A的应用程序标题中,请不要将其放置在屏幕B的页脚中。移动,更改或丢失元素不仅会让你的用户感到迷茫,甚至可能激励他们放弃使用自己的产品。

  但是,嘿,如果我给产品加点情感化的设计呢?有策略地这样做。适度使用不一致之处以改善设计或增加用户界面的可用性。如果至关重要的是,用户必须注意用户界面中的某个特定元素,或者您需要引起注意,UI设计中一致性为什么这么重要https://www.aaa-cg.com.cn/ui/2873.html?seo1请使其与众不同。想要打破繁琐的设计吗?使用适度的不一致来增加视觉兴趣,只要它们不会影响操作。

  UI设计一致性的好处

  那么,在与UI准则和行为,其他类似应用程序/网站,您自己的设计为应用程序和用户所做的目标是什么?一些主要好处是:

  可用性提高

  一致性使您的用户可以更轻松地浏览和使用您的应用程序,因为他们不必学习新的知识。他们知道会发生什么,因为他们之前已经在您的应用程序或其他地方学到了它。自然,这将使您的用户感到愉悦,并激发他们继续与您的应用互动。

  消除混乱

  一致的用户界面可促进通信。使用视觉一致性来确定内容的优先级,使其可导航或突出显示其中的重要部分。通过使用一致性来创建逻辑结构并明确定义用户可以在哪里找到的内容,您可以减少用户的考虑时间,提升用户体验。

  引起情绪反应

  我们已经提到过,UI设计的一致性可以使用户更轻松地浏览和使用您的应用程序。这将使您的用户对自己管理拇指下的内容的能力充满信心,并会因愉快的体验而引起积极的情感反应。

  实践中的一致性

  如果您不熟悉UI世界,那么其中许多概念可能很难形象化。为了更好地理解在实践中可以转化为一致性的内容,请查看以下完全具有一致性的应用示例。

  出色的应用程式:清除

  我不记得有多少次我引用或使用 Clear作为一个示例示例,该示例示例了UI设计中要达到的许多优秀品质。如果您不了解,可以去AAA教育官网查看相关文章!

  从一致性角度来看,它所做的不只是外观相同。我已经在几种不同的设备上使用了该应用程序,并且喜欢在所有这些设备上导航所需的简单手势几乎都相同,即使在Mac上也是如此。它使我在如何使用该应用程序方面积累的知识可以转移到所有设备上,从而提高了可用性。

  如Duolingo APP

  Duolingo是一款有趣的应用程序,宗旨是帮助任何人学习一种新语言。它不仅使学习变得有趣,而且还展示了如何在用户界面中实现有益的样式一致性。

  应用程序中的按钮,字体,导航元素甚至插图均经过精心设计,目的是彼此视觉上保持一致。颜色,灯光和形状的设计旨在使整个应用程序以及围绕应用程序的所有材料(例如其网站)保持一致。它不仅使该应用程序易于浏览,而且使其具有品牌感和专业性。

  Duolingo在视觉上令人愉悦且易于使用,使该应用程序能够唤起强烈而积极的情感反应。

摘自:https://www.aaa-cg.com.cn/ui/2873.html?seo1

UI设计中一致性为什么这么重要相关推荐

  1. android弹窗设计,想印:UI设计中弹窗设计的五条基本原则

    原标题:想印:UI设计中弹窗设计的五条基本原则 :当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素.它们能帮助用户快速且便捷地达成目标.然而当错误使用时,弹窗却会困扰你的用户.学会如 ...

  2. UI设计中图标设计的有几大原则

    本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 UI设计中图标设计的有几大原则?一款简练的图标比起同样大小的文字符号,可以表达更多的意义,根据界面的需要,控制图标的 ...

  3. UI设计中最重要的元素和原则是什么

    UI设计中最重要的元素和原则是什么?虽然现在有很多小伙伴们从事着UI设计职位,但是很少有人注意UI设计中的元素和原则问题.导致很多小伙伴的设计技能一直原地转圈得不到提升,所以今天胡老师和大家分享一下U ...

  4. UI设计中的一致性原则

    为什么一致性在UI设计中很重要,我们平常挂嘴边的一致性原则到底是什么?一致性原则如何影响用户行为?价值在哪里? 今天我就带大家探讨我们在处理界面的时候,如何遵循一致性原则,该如何去做? 一致性原则的优 ...

  5. 在UI设计中如何正确使用颜色

    在我们进行UI设计时,颜色往往是我们表达理念重要的一点,但也是我们常常会忽视的一点.颜色其实如同语言一样,我们可以通过颜色的变化组合,来表达不同的情绪. 正确使用颜色不单能让我们吸引到客户,也能更好地 ...

  6. ui设计中的版式设计_设计中的版式-第3部分

    ui设计中的版式设计 and how not to suck at it 以及如何不吸吮它 This is the 3rd and last part of the series. Here we t ...

  7. [css] ui设计中px、pt、ppi、dpi、dp、sp之间的关系?

    [css] ui设计中px.pt.ppi.dpi.dp.sp之间的关系? QQ20150717160352 做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: ...

  8. 中剪取一种颜色的板块_不知道UI设计中APP界面版式如何排版?来看这个!

    UI设计中APP的界面看似只有几个简单的元素组合起来, 所有元素的绘制可以说比较简单: 然而,当一个产品原型出来后,设计师如果单纯按原型来进行设计而不考虑信息化规则, 那么很多时候就会出现不协调的效果 ...

  9. Ui设计中的动画如何应用,你知道吗?

    UI设计中的动效 站在用户的立场对每段动画做出决断,"挺好看的"可不是正确答案. 保持每段动画时间不超过300ms. 避免使用线性动画,它使得动画看起来迟缓.无趣且机械. 99%的 ...

最新文章

  1. convert(varchar(10),字段名,转换格式)
  2. 通达信指标转python_通达信转势买入指标公式
  3. 1.VMware Workstation 12 中安装CentOS
  4. DL之PanopticFPN:Panoptic FPN算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
  5. django-重写登录认证(可以使用用户名或手机号登录)
  6. [js插件]JqueryUI日期插件
  7. 485通讯转换器产品功能特点介绍
  8. IdentityServer4
  9. Win32 控件篇(2)
  10. 增加一行减少一行_【第2171期】一行 CSS 代码的魅力
  11. 二叉树的迭代遍历(JavaScript)
  12. snapmix与Bi-Tempered Logistic Loss(自制数据集纯度不高效果好)
  13. 自动化测试如何保持登录状态_自动化测试po模式是什么?自动化测试po分层如何实现?-附详细源码...
  14. 软件项目管理原则谈-转自51testing
  15. 支持树莓派的路由器系统_真香!国产64位树莓派系统上手评测
  16. linux+usb串口驱动安装ch341ser,U7编程器USB转串口驱动程序CH341SER
  17. python 脚本 将一个文件夹下的所有文件遍历替换某些内容(将简体变为繁体)
  18. 5个国内优秀网站设计案例分享
  19. linux内核虚拟内存之slub分配器
  20. 【编译原理】词法分析(正规式与自动机)

热门文章

  1. Java 后端开发实践 - 项目模板(16 步)
  2. 路由与交换技术-18-热备份路由选择协议HSRP
  3. 【记录】使用在线KMS激活Office系列
  4. 原生Android平板,Remix OS 深入动手玩,这是一个改变 Android 平板使用体验的好系统...
  5. CSDN验证不了手机
  6. Word2003删除空白页的方法汇总
  7. Bilibili 视频下载 Python 实现
  8. 解决Circular reference问题
  9. JAVA:实现一个CircularQueue循环队列算法(附完整源码)
  10. Chrome 谷歌浏览器 闪黑屏 问题