网页设计-关于用户界面设计

不管是网页设计，还是app开发中，产品的外观有时甚至比其程序开发更重要。产品的外观由设计师决定，这个过程被称为用户界面设计。用户界面设计基本上了解用户的心理。它专注于用户的需求和愿望。

一旦确定了用户的需求，设计者的任务就是使信息和元素易于访问和理解。这是通过将视觉设计、信息架构和交互设计的概念结合在一起来实现的。

界面元素

界面元素应该易于理解和使用，因为在一点之后，用户就会习惯这个过程。一些界面元素是：

输入控制

导航组件

信息组件

容器

有时需要多个元素来完成特定任务。在这种情况下，制定战略至关重要。

用户界面设计

诀窍在于了解用户的需求和愿望至关重要。用户的技能和行为方式对于确定界面设计至关重要。以下可以是一些标题：

界面设计应该简单。减少无用的元素是一个好的计划的基本需求之一。

一致的界面元素： 如果有相对更常见的元素，那么用户对整个设置会更加满意。

在设计中使用模式也使界面一致、可用和高效。当用户对网站的一部分感到满意??时，他也更容易处理网站中的其他元素。

一个好的页面布局是有益的。尽管听起来微不足道，但网站的颜色、光线、对比度和质地是用户创造一种心态的基本要素。

通过使用不同的大小和字体，创建层次结构可以提供清晰的信息。这增加了可读性并使其更合法。

利用用户界面向用户传达信息。使用位置、操作和错误来创建数据库并与用户共享。

为用户定期带来的任务创建默认值可以减少冗余工作并节省时间。

它消除了设计师和用户为每一个进一步操作创建和理解新布局的负担。

用户界面设计原则是：

用户应该控制界面

界面和产品应该是友好的。

低认知负荷

一致性

用户应该控制界面

判断一个用户界面的好坏，首先要看用户是否舒服。

有错误的情况下的方法

顾名思义，如果用户做错了某事，他可以轻松快速地重做，而不会遇到太多麻烦。如果用户知道可以及时纠正错误，那么他就有信心更多地使用它们。

这也激励他探索移动应用程序中他可能不太熟悉的部分。

文本和图形是鼓励最多重做和撤消的元素。使用撤消帮助，用户可以对每一步进行更改，而使用重做，可以撤消已撤消的操作。

撤消成为一个非常强大的命令，因为它就像紧急情况下的退出，比如系统文件出现问题时。

一个简单的界面总是更受欢迎

用户应该永远不会遇到任何导航问题。他们应该能够自信地自由探索整个应用程序。有很多产品让用户害怕选择特定的元素或功能。

一个成功的界面会让用户放心，并让他有信心在整个应用程序中导航。这可以通过以下方式完成：

视觉提示

就像实时体验一样，视觉提示可以帮助非常有效地探索，同时为用户提供指导和参考点。视觉提示可能包括突出显示的文本、标题、特殊图形等。

可预测性

正如标题所暗示的那样，可预测性使用户能够预测特定操作的结果。在任何界面中都不应该发生用户必须猜测特定工作完成后会发生什么的情况。

承认很重要

每一个动作都应该做出反应。如果有一个特定的行动，应该有一个有意义的反应。认可反馈的系统有效地实现了其目标。每一个动作都应该有回应。例如，如果有一个按钮必须点击，完成后应该有确认。

如果没有确认，用户将继续点击，假设操作尚未完成。如果与设置密码之类的按钮单击相比，操作更复杂，则响应应该是更成熟和更好的反馈集。

系统状态应该是可见的

即使出现问题或系统需要更多时间，最好定期通知用户并给予适当的反馈。这增加了用户的信心并让他不焦虑。当用户执行了某些操作时，通常需要该状态，但计算机端的响应存在延迟。

如果用户看不到有关已完成工作量的任何指示，这不是一个好情况。因此，在设计用户界面时，进度指示器是必不可少的元素。

同样的产品，不同的技能

所有人都需要具有整体方法的产品。如果同样的效果可以吸引不同层次、不同技能的不同用户，那就是成功的产品。即使用户对复杂的设计有经验，也要使您的设计易于使用且易于查看。

产品应该对用户友好

放弃对用户没有帮助的产品。很少需要的信息集应该从界面中删除。不直接影响用户的信息应删除。

在界面中加载信息时，少即是多应该始终是口头禅。

应避免要求相同的数据

一次又一次地要求相同的数据会使工作变得多余，用户永远不会被它逗乐。同样的工作，一次又一次，让他们感到疲倦和烦躁。一个成功的界面可以通过获取最少的信息来完成最好的工作。

没有行话或面向系统的术语

产品应该有一种所有人都能理解的语言，而不是行话或面向系统的术语。不使用行话的原因是它会给用户带来不必要的焦虑并降低他们的信心。

相反，如果使用更直接的语言，它会使用户参与更加舒适。

菲特定律的应用

根据定律，到达目标所需的时间是与目标的距离和目标大小的函数。因此可以说，在设计时，对于更重要的任务，目标应该更大。

获得多个目标所需的时间是每个目标所需时间的集合或相加。从而提高效率；应该减少距离并增加目标大小。

设计可访问的界面

用户属于不同的群体，可能面临不同的困难。其中一种问题是视力低下、失明或耳朵问题等障碍。

也可能是运动问题和认知障碍等。一个成功的界面是一个人人都可以使用的界面，而不管上述所有困难。

不同种类的颜色对其他人有不同的意义，对不同的人也有不同程度的影响。也有人们无法理解所有颜色的场景。

因此，在设计过程中，必须牢记所有人都可以访问并使用它们的颜色。如果在某些情况下使用了更多颜色，那么也应该有视觉线索，这将有助于无法看到特定颜色代码的用户。

使用隐喻

现实世界和虚拟世界之间的距离可以通过使用比喻来缩小。现实世界的比喻在明确应用程序将如何工作方面做得很好。这方面的一个例子是桌面上的回收站。它描绘了一个装有垃圾的垃圾箱。

由于与现实世界的纯粹联系，图标本身使用户意识到它可能参与的动作的工作。它越是描绘现实生活中的模型，就越能与用户建立联系。

操纵错误

用户总是会出错。但是，如果这些错误处理不当，并且用户没有得到满意的响应，他们可能会感到沮丧，从而导致他们完全删除应用程序。

类似地，如果错误消息是响应式的且实用的，用户可能会变得熟悉并放弃他的对话。此错误消息是错误的通知以及由此引起的问题的解决方案。

如果用户界面可以想出消除错误的方法，那么这是最好的情况。如果界面可以通过预测可能发生的错误来提示消息，则不需要纠正错误。例如，在输入电子邮件时，如果主题部分为空，总会有提示。

用户工作保护

用户所做的工作不应该因为可以防止的错误而丢失。这些错误包括系统错误或互联网连接不良，或任何可以避免的错误。

低认知负荷

好的产品是这样的，它可以很容易地使用而不会太复杂。认知负荷是指使用特定产品时所需的脑力劳动量。

分块

分块是心理学家乔治米勒创造的理论。据他介绍，人脑一次可以处理七块信息。如果项目必须组合在一起，这很适合。例如，在输入电话号码时创建块。

电话号码通常被分成几部分以避免混淆。与整个数字阵列相比，这些创建的卡盘更容易进给和扫描。

完成任务的步骤数较少

如果用户完成一项任务并达到预期目标所需的步骤数较少，那么它对用户来说就变得极具吸引力。三击规则表明用户应该能够通过三击来收集任何信息。

视觉清晰度

设计布局时，屏幕上不应有太多信息，以免造成视觉混乱。

重要的是让事情看起来很容易并准备好工作。

应该更多地使用一般的视觉辅助工具，如分组、编号、标题。

一致性

用户界面的一致性是一个重要的属性。它还有助于使设计直观。在这方面，一致性意味着用户了解如何使用应用程序的一个部分，然后使用该知识来破译其他部分的工作。

这可以通过保持不同页面的样式相同来实现。如果相同的提交按钮在应用程序的不同部分看起来不同，那么用户可能会感到困惑和焦虑。

视觉

整个界面的颜色、字体和图标应该保持一致。如果不是绝对必要，则不应更改样式。提交按钮的相同示例可以在此处再次使用，并且在应用程序的不同位置看起来应该不会不同。

功能性

功能一致性意味着功能在整个应用程序中应该是一致的。这包括从按钮到菜单项的所有内容。这些所有元素在整个应用程序中都应该是一致的。

用户通常不喜欢外观改变，因为这又是一个学习过程。所以最好不要混淆用户并保持功能一致性。

与用户期望的一致性

用户将始终对应用程序有某些需求。设计一个违背这些需求的应用程序是实现应用程序的最糟糕的方式。

如果用户决定以特定方式查看特定应用程序，那么UI UX 设计人员为该应用程序提供的任何逻辑解释都是失败的并不重要。可以遵循的简单步骤是：

遵循平台约定

不要重新发明模式

不要重新发明术语

界面设计师

用户界面设计FAQ

用户界面设计的黄金法则是什么？

用户界面设计的八项重要规则是：一致性、使步骤更容易、共享反馈、对话设计、良好的错误处理、可逆过程、允许内部控制和低认知负荷。

在设计用户界面时有哪些考虑？

设计用户界面时考虑的因素有：开发因素、可见性因素和接受因素。

是什么让用户界面设计好？

如果用户界面设计简单，并且在提供更多功能和保持简单方法之间取得适当的平衡，则用户界面设计被认为是好的。

UI设计师需要具备哪些技能？

UI设计师必须善于沟通，无论是视觉还是正常。他们也应该是有同理心的人。

设计界面的五种主要类型是什么？

五种主要的设计界面类型是：命令行、图形界面、菜单驱动、基于表单、自然语言。

GUI 和 UI 有什么区别？

GUI代表图形用户界面，UI代表用户界面。GUI 是 UI 的一个子类别。

什么是用户界面的示例？

用户界面的一个非常常见的例子是遥控器。它的用户界面部分现在是按钮放置在遥控器的主体上。

为什么需要用户界面？

用户界面基本上就是应用程序的外观。因此，访客只需使用该应用程序并被它逗乐就可以成为买家。在设计用户界面时，必须考虑的元素是：美观、效率、可访问性等。