快好知 kuaihz

用户界面设计的一些方法和原则

当今工作的大多数UI设计原则都围绕着简单的导航和基本的联系表单;另一方面,设计界正变得越来越富有新标准和技术,这意味着设计师将创造更多定制和动态体验。

写在前面

什么是UI设计

每当你告诉非设计人员你的工作是什么,就会出现这个问题。

当今工作的大多数UI设计原则都围绕着简单的导航和基本的联系表单。另一方面,设计界正变得越来越富有新标准和技术,这意味着设计师将创造更多定制和动态体验。

什么是用户界面设计

该术语包含为机器和软件创建的所有界面设计,例如网站和移动应用程序的外观,以及它们的方向和易用性。一些界面设计师还将UI设计定义为创建图形界面的艺术,不包括用户语音和自然界面。

由于软件是无形的,因此GUI设计用户与应用程序或网站的交互方式中起着至关重要的作用,这意味着唯一良好的UI设计是实现简化和无缝体验的设计

因此,两个主要的设计基础是效率和可用性,因此界面将使用户能够完成他们的任务,甚至没有注意到设计如何工作。

基本上,最好的用户界面设计示例是那些“隐形”的,并且它们如此有效地描绘现实,以至于用户不会认为是他生成了屏幕上发生的变化。

然而,有了这么多优秀的UI设计,依靠效率来创建功能性产品已经不够了,界面也应该是美观和愉快的,就像聊天应用和游戏一样。

大多数时候,UI界面设计出现在服务上,用户需要进行交互才能完成任务,并且应该包括执行所需操作所需的所有工具和按钮。GUI设计决定了用户对软件和硬件的方法,并通过使这些操作尽可能无摩擦来提高可用性。

UI设计者需要满足用户的功能和美学期望。他可以使用纸和笔,使用任何专用的可视化程序进行草图绘制,甚至可以使用任何材料直接构建他的设计。他还可以创建模拟界面,以在发布之前测试其最终产品的效果。

重要的是区分用户体验设计用户界面设计 – 它们既复杂又多面,但具有不同的作用。创建用户界面设计是为了将产品的布局,内容甚至开发转换为用户愉快和有效的体验。因此,它代表了严格的数字化任务。

UI设计师的主要职责如下:外观,感觉,市场和客户分析,研究,图形开发,品牌推广,导航指南,故事情节,响应性,交互性,原型设计,动画。

二、适用于所有设备和不同的屏幕尺寸

1. Web开发实施和调整

创建良好的用户界面意味着任何交互式设计的世界,它通常定义最终客户如何看待和欣赏品牌。设计师显然不是唯一负责品牌推广的人,但将品牌转化为产品将是他的责任。

要创建一个可靠的用户体验体验不需要编码,但设计人员也应该了解当前趋势和技术。

通过这种方式,用户体验设计对每个有兴趣创建优秀产品的人都很重要,而且还要了解客户真正想要的东西。

另一方面,如果您进入界面设计,您应该对数字设计的基本原则更感兴趣,并考虑向用户呈现产品的方式,包括输入反应性和显示质量。

三、UI设计基础

1. 知道你在为谁创造

你不会总是喜欢你正在设计的东西,但是你必须与这个想法和平相处。你应始终将目标与客户的目标保持一致,并全面了解他们需要什么以及他们想要什么。

从他们喜欢的界面中学习,并与趋势和调整保持一致。是的 – 模仿竞争对手的趋势设计无助于您实现这些目标!

2. 小心模式

用户有宾至如归的感觉!您的界面不会是客户第一次遇到此类设计,特别是现在人们使用各种网络和移动应用程序时。

因此,您不需要重新发明轮子,而是简化这些过程,并解决问题而不是创建问题。出于此目的,尝试坚持常见和熟悉的模式,您的用户将不会有任何问题了解您的工作。

3. 一致性很重要

保持工作一致。当用户了解如何在您的设计中执行某些操作时,他们希望再次执行相同的操作。一致性对布局和语言都很重要,并且仅适用于在所有实例上必须保持相同的少数主要元素。这样,您和您的客户都会更有效率。

4. 以可视层次结构排列元素

不要浪费财产来向客户解释什么是重要的,而是使用界面设计来告知订单。元素的位置,大小和颜色可以帮助您创建可视层次结构,并为用户提供明确的跟踪路径。请注意:成功显示的层次结构也会使您的设计不那么复杂。

5. 给予反馈

接口都是关于交互的,这意味着您应该与用户保持联系,让他们知道他们正在做的是对还是错。使用消息和可视提示来评估操作,通知更改并建议解决方案,您的用户将很容易理解您的工作。

6. 期待错误

对于某些人来说,即使真正为他们服务,技术也是一种负担。这告诉我们的是UI设计应该容忍错误和误解,并且总是想出一种方法让用户撤消他们的行为(你是否因为出生日期错误而开始填写应用程序?)。同时,用户应该确切地知道他们搞砸了哪里,这样他们就不会再让它发生了。

7. 为用户转移电源

只要用户了解如何使用您的设计,就可以将力量转移到他们的手中。让他们独立工作,将他们的行动切割成消耗单位,这样他们就不会在途中分心。完成任务的抽象方法也应该是该过程的一部分,例如使用键盘快捷键。

8. 保持对话基调

即使在最好的界面中,文案也很常见,因为设计师并没有试图引起轰动。相反,他们用简洁明了的标签和说明走在他们的用户的脚下。用户喜欢这样,即使它不是花哨的,因为它感觉不像是在听别人而是自己。

9. 简单一点

许多人无法回答“什么是UI设计”的问题,并且有充分的理由。他们中的大多数甚至都没有看到界面,因为它是一个向前移动的静音引擎,但仍然可以脱颖而出。在对设计进行任何更改之前,请估计用户是否真的需要它以及他们是否能够使用它。这是对你来说唯一重要的事情。

10. 保持下去

开发接口不是一次性任务,而是需要频繁迭代的持续过程。错误会发生,但不要让他们劝阻你!学习和练习,并尝试创建用户甚至不会注意到的无缝界面。

11. 最佳用户界面设计实践

什么是UI设计

在了解更多信息时,您的第一课应该是了解您的用户,并清楚地估算他们能做什么或不能做什么。您还需要发现他们的兴趣,偏好,倾向和技能。

以下是最重要的用户界面设计实践:

少即是多;界面越不可见,它就越成功。因此,摆脱无用的元素,并使用清晰的标签和消息。

保持一致性并仅使用熟悉的元素和模式;这样做可以提高您网站的舒适度和信心,并帮助用户在不到一时的时间内完成工作。一致性是指布局,语言和许多其他设计元素,最好的方法是教会用户如何优化设计的功能。

通过排版提高清晰度;做出智能型决策,明智地使用字体,大小和文本排列。这样,您的文本将更易于阅读和理解。

四、您必须遵守的用户界面设计

1. 清晰的法则

导致混淆和误解的所有因素都会留在阴影中,这个规则也不例外!

您是Gmail用户吗?

如果是这样,您会记得Google更改顶部的导航面板,您可以在其中轻松访问云端硬盘、日历、表格或其他服务。

然而,该公司提出了这样的想法:他们可以通过将所有这些元素隐藏在抽象图标后来简化导航,因此许多Gmail用户无法找到它的方式。后果是什么?问Google的支持团队!

忽略您不理解的内容绝对是人类,因此请确保您的界面不会导致此问题。

2. 背景法则

如果您邀请用户控制设计中的某个对象,请将界面控件尽可能靠近它。用户希望看到接口控件靠近他想要控制的对象。

这种尝试的成功在LinkedIn上显而易见,您可以通过单击旁边的小铅笔轻松更改所需的所有数据(以及您的名字!)。另一方面,Facebook允许你这样做,它有一个非常漫长而复杂的过程。

UI设计中的上下文要求让人联想到现实生活中的背景 – 准备爆米花,将其放入微波炉并打开设备。

如果您被要求跑到电箱并切换按钮使其工作,您是否仍然会被鼓励这样做?可能不是,这也是大多数用户改变他们的Facebook名称的原因。

用户希望操作流畅简单,让他们成功!

3. 指示行为的法则

大多数用户因为被要求而在网站上执行操作。原因很明显,因为每个人都感到害怕采取了一步他没有任何线索。

为了了解我们所说的内容,想想LinkedIn – 因为他们引入了Endorsements功能,他们并不依赖于用户会知道它是什么的假设。

相反,他们在个人资料页面上提出了大型号召性用语横幅,并将该功能转变为最佳更新之一。

规则很简单:如果他们需要做某事,请他们去做。

4. 及时反馈的法律

为了让用户感到自信,请给予他持续而明确的反馈。您可以按照Gmail的示例 – 您在此处执行的每项操作都会收到通知,并且人们会觉得他们完全可以控制服务。

5. 简化法则

用于完成复杂任务的Web设计应分为几个可管理的操作。没有人喜欢复杂和冗长的形式,因为它们是压倒性的,并且总是必须仔细检查插入的信息是否正确。

然而,如果你采用这种形式并将其分成更小的步骤(理想情况下有进度条),人们就不会觉得它很无聊。

这就是所谓的简化和宽松法则,它告诉我们人们宁愿经历5个简单步骤而不是单个大步骤。你恐吓他们越少,他们就越有能力完成他们追求的任务。

写在最后

UI设计可以通过许多不同的方式进行解释,因为它可以组合动作的融合,帮助创建者在功能和形式上优化其服务。

简而言之,UI设计决定了用户如何与产品/服务进行交互,以及他们对产品/服务的感受。现在您可以获得什么是UI设计问题的答案。

 

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:用户界面设计的一些方法和原则  用户界面  用户界面词条  原则  原则词条  一些  一些词条  方法  方法词条  设计  设计词条  
设计

 验证码的故事

老网民们大概都记得,刚开始上网的时候,是不存在验证码(capcha)这么一种东西的。这造成的结果是,垃圾评论和垃圾邮件可以轻松通过任何一个网站的注册程序,通过各...(展开)

设计

 如何系统学习功能图标(二)

由于最近的工作原因对图标有了更加全方位的认知,虽然之前写过《如何绘制功能图标基础篇?》《如何系统的学习功能图标?》这两篇文章,但里面还是缺少了理论依据和系统做图...(展开)