7种用户界面UI原则

寒冰屋

于 2020-07-08 21:53:32 发布

阅读量468

点赞数

分类专栏：管理/方法/理论文章标签： UI原则

原文链接：https://www.codeproject.com/Tips/5272061/7-User-Interface-UI-Principles

版权

管理/方法/理论专栏收录该内容

174 篇文章 1 订阅

订阅专栏

介绍

以下列出了七种用户界面（UI）原则：

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

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

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开发书籍可能会有所帮助。