目录

介绍

1.最好的用户界面就是没有用户界面

2.抽象层

3.自我解释

4.最小互动次数

5. 最让人惊讶的

6.视觉模式

7.常识

结论


介绍

以下列出了七种用户界面(UI)原则:

  1. 最好的UI是没有UI:UI应该尽可能有效地解决任务,理想情况下应该没有交互。
  2. 抽象层:可见层是真实世界,隐藏层是机器,UI将它们连接起来。
  3. 自我说明:元素的作用应显而易见或至少直观。
  4. 最少的互动次数:使用组和统计信息即可轻松访问任何功能。
  5. 最让人惊讶的是:通过不破坏逻辑流程来流畅地使用。
  6. 视觉模式:独特、可识别、易于记忆的元素。
  7. 常识:颜色要引起注意,突出动作,视觉反馈,没有移动的移动扰人的东西等

在阅读了互联网上的类似文章后,我将所有这些内容都记下来了,其中大多数都包含抽象规则,例如“保持一致”或“关注用户”。它们太笼统了,无法提供任何帮助。

1.最好的用户界面就是没有用户界面

我们使用应用程序用户界面来解决现实世界中的问题。这应该尽可能有效地完成,理想情况下应该没有交互。我们希望机器能为我们提供帮助,而不是给我们带来麻烦,并且我们希望将其传递给它,因为它可以进行很多工作。即使我们谈论一个喜欢花时间的“Paint”应用程序,我们仍然需要以最有效的方式访问其功能。复杂性应该在机器方面,在底层编程算法中,UI应该保持简单。

用冷热滑块代替热源选择和温度等等怎么样?甚至更好的是,一种无需任何交互即可调节室温的服务。

2.抽象层

用户不应该了解编程内容和技术细节。他不必知道IP地址,端口号,服务器名称以及内部备份方式。用户知道的是现实世界,UI应该反映出这一点。他只是想发送消息或电子邮件,而不是调整Internet协议。

用户可能会看到带有通用名称的简短列表,而不是包含50个技术选项的页面。并保留一些高级设置的详细信息。

3.自我解释

我最近发现,尤其是在手机上,几乎不可能弄清楚按钮/界面。由于他们没有工具提示(通过将手指放在所选元素上),这甚至更加困难。如果它是一个“删除 ”按钮,则最好用X符号将其变为红色。除非它们是非常通用的通用标志,例如“汉堡”菜单或三个点选项,否则应尽可能通过图标加文字来表达其行为。工具提示应该是强制性的,至少在“难以弄清它们做什么”元素上是必需的。无需冗长的描述,因为重复使用将纠正该习惯,但仍然必须存在。

您不应强迫用户记住他正在使用的数百个应用程序/网站中的特定按钮。

4.最小互动次数

应用程序、操作系统中的应用程序或网站上的列表中都有功能,应该以最少的交互次数就可以实现。理想情况下为1-2-3次点击,触摸等。普通用户的设备最多可以安装100个应用程序。同样,应用程序功能的数量在此数量之内。人类可以轻松记住选择中的7-10个元素。

为了轻松访问100个元素,最好的办法是直接访问(快捷方式,停止图标,工具栏上的图标等)(统计上)最常用的7-10个元素,并将其余元素分组到7-10个文件夹中。在这种情况下,您最多可以单击两次(两次操作),一次访问文件夹,另一次访问应用程序。与应用程序功能相同,您需要单击一两次才能访问其中的100个。

如果从统计学上讲,用户正在大量访问特定功能,则它需要直接访问,而不是将其放置在需要滚动和单击8次的隐藏页面上。

5. 最让人惊讶的

如果出乎意料,它不会被牢记。还是不够直观。避免弹出窗口,避免破坏视觉或逻辑流程。使它是流畅的。在同一屏幕上提供有关操作的反馈。

6.视觉模式

一次又一次使用的任何用户界面都应创建一些使用模式和自动化。用户应养成一些习惯,以达到某种功能,而无需付出任何思考。如果元素不是独特的,不是固定的或太重载,则这些模式很难(或根本无法)诞生。如果所有元素都是蓝色正方形内的灰色形状,则很难记住它们,您需要每次都专注于它们以识别特定元素。

图标应具有4-5种颜色,也许是占主导地位的颜色,并具有简单但不平凡的形状。这样,记住该特征所需的大脑神经元数量将是完美的——不会太少(这会导致难以找到它),也不会太多(涉及太多的思维努力来匹配搜索)。

7.常识

这里有一些明显的东西并不真正适合一个特殊的类别。如果用户遇到麻烦,请尝试查找其他解决方案。不要重载,提供反馈,使UI易于使用。渐变、阴影、高分辨率位图应该很吸引人。不要按照主流来创建枯燥、令人沮丧、难以使用的两种颜色的用户界面。如果您找到一种更简便的方法,那么请从用户的角度考虑并进行测试,以供用户使用。这里只有很多建议,一些UI开发书籍可能会有所帮助。

结论

用户界面可能会存在很长时间,直到AI变得足够聪明以了解我们真正想要的东西为止。这很可能至少是30年。因此,在此期间,您可能需要保留一些良好、高效的用户界面。我必须在这里将一些原则归功于他们的原始作者,但是随着阅读的时间流逝,我不记得他们。我只是使事情变得简单,所以它们会被记住。

7种用户界面UI原则相关推荐

  1. 计算机画面的音乐素材,音效素材:高科技用户界面UI点触计算机数据分析全息音效合集...

    音效素材:高科技用户界面UI点触计算机数据分析全息音效合集 包含1000多组模块化用户界面音效,由最好的制造商"EURORACK"亲自录制.MODULAR UI是由世界著名的音响设 ...

  2. Android用户界面的设计方法心得,(8 Android) 用户界面UI设计

    (8 Android) 用户界面UI设计 3.1.1 Android界面视图类 Android 图形化的用户界面(Graphical User Interface , GUI) 采用了结构清晰的MVC ...

  3. unity 创建图片ui_unity用户界面UI样式创建插件 Procedural UI Image 2.2

    Procedural UI Image 是游戏用户界面UI样式创建的插件资源,可以创建无限数量的基本形状,而不需要大量的图像资源,控制动画的边界宽度和边界半径.易于理解和注释良好的代码以及PDF文档将 ...

  4. 下拉菜单,汉堡菜单,Mega menu… 学习5种常见UI导航设计

    可访问的导航将引导用户浏览 UI 中的信息流,并帮助他们完成任务.提高用户体验. Web/移动转化率.同样,如果用户无法在网站或app找到方向,那么该网站/app对他们毫无用处 -- 糟糕的导航设计会 ...

  5. 注意啦,公司注册核名需要秉承哪四种核名原则出台了

    纵观成功的企业都有一个共同的特点,那就是公司名取得特别好.那么,如何取一个便于大家记忆且有内涵深度的名字呢?公司核名要注意哪些问题呢?权鹏集团企业服务管家今天给大家分享一下公司核名注意事项,希望能够帮 ...

  6. 语音用户界面基本设计原则

    本文由作者 Sabaku_no_Gaara 于社区发布 本章为读者创建一个 VUI 系统打下了基础.以专题形式,阐述设计工具.会话信息确认.错误行为处理,以及如何处理新手用户和专家用户等基本设计原则. ...

  7. [转载]用户界面设计原则-Jakob Nielson

    "一个现代的悖论就是:创造复杂的界面很简单,因为复杂到必须简化它们"-- Pär Almqvist 正所谓:大音希声.大象无形.最上乘的设计中,你看不到华而不实的UI修饰,或是用不 ...

  8. 二十三种设计模式-六大原则

    二十三种设计模式 一.创建型: 单例模式.工厂模式.抽象工厂模式.原型模式.建造者模式: 二.结构型: 代理模式,装饰器模式.适配器模式.外观模式.组合模式.享元模式.桥梁模式: 三.行为型: 策略模 ...

  9. 队列(一种遵循先进先出原则的数据结构)

    目录: 1. 队列(Queue) 2. 队列的抽象数据类型(队列ADT) 3. 队列接口 4. 利用数组实现队列 4.1 队列的实现 4.2 利用数组实现队列的优势与缺点 5. 利用单链表实现队列 5 ...

最新文章

  1. Spring3中js/css/jpg/gif等静态资源无法找到(No mapping found for HTTP request with URI)问题解决...
  2. CV之IC:计算机视觉之图像分类(Image Classification)方向的简介、使用方法、案例应用之详细攻略
  3. mysql拼接两个字段_重拾MySQL之创建计算字段和函数
  4. 关于iis部署的一些小问题
  5. svm 支持向量机 回归 预测_机器学习:简单理解支持向量机SVM
  6. linux wine运行效率,Wine 3.0让Windows应用在Linux上流畅运行!
  7. 数组与集合转换 java
  8. 上传文件到数据库,然后下载文件
  9. windows系统中Dotnet core runtime 安装后,无法启动次程序,因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dll的解决方法...
  10. 淘宝生成器在线制作,淘宝全屏代码装修店招导航教程
  11. 使用Visio 2003画UML类图之使用实现接口图标
  12. 计算机歌曲带歌词,mp3上怎么看歌词?我的机子说是可以显示的啊
  13. c语言中万年历公历农历转换,公历农历转换,教你切换阳历和阴历生日
  14. IDE添加文件头@author信息
  15. SIP音调通话调研结果
  16. TensorFlow2.0学习笔记-3.模型训练
  17. 到底什么是JWT技术?
  18. 习题 5.11 有一行电文,已按下面规律译成密码:A-Z a-z即第一个字母变成第26个字母,第i个字母变成第(26-i+1)个字母。非字母字符不变。要求编程序将密码译回原文,并输出密码和原文。
  19. Penn Treebank词性标记集(符号说明)
  20. 关于EXCEL下载后无法打开的问题

热门文章

  1. 家族关系查询系统程序设计算法思路_七大查找算法(附C语言代码实现)
  2. idea js检查太卡_IntelliJ IDEA抑制、禁用与启用检查
  3. python查找字符串出现次数_Python搜索文本文件并计算指定字符串的出现次数
  4. 除夕年味年夜饭海报PSD素材,盛了一年的思念
  5. 设计灵感|色彩叠加在海报设计中的妙用!
  6. 国庆海报没有灵感,给你设计要点素材!
  7. python作用域顺序排列_详解Python函数作用域的LEGB顺序
  8. Linux平台上DPDK入门指南
  9. 获取设置套接字选项:getsockopt, setsockopt
  10. [GitHub]一个简单的网络驱动