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

书名译者：Bogdan Sandu

书名门牌号：https://www.designyourway.net/blog/author/bogdanel/

01

写在后面

甚么是UI结构设计？每每你说非结构设计相关人员你的组织工作是甚么，就会再次出现那个难题。

现今组织工作的绝大多数UI结构设计准则都紧紧围绕着单纯的导航系统和基本上的联络配置文件。再者，结构建筑界正显得愈来愈富于新标准和控制技术，这意味著结构雕塑家将缔造更多订制和静态新体验。

甚么是界面结构设计？该名词包涵为电脑和应用软件建立的大部份界面结构设计，比如中文网站和终端插件的外形，和它的路径和可用性。许多界面结构雕塑家还将UI结构设计表述为建立GUI的表演艺术，不主要包括使用者音频和自然现象面。

由于应用软件是无形的，因此GUI结构设计在使用者与插件或中文网站的交互方式中起着至关重要的作用，这意味著唯一良好的UI结构设计是实现简化和无缝新体验的结构设计。

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

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

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

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

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

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

UI结构雕塑家的主要职责如下：外形，感觉，市场和客户分析，研究，图形开发，品牌推广，导航系统指南，故事情节，响应性，交互性，原型结构设计，动画。

02

适用于大部份设备和不同的屏幕尺寸

建立良好的界面意味著任何交互式结构设计的世界，它通常表述最终客户如何看待和欣赏品牌。结构雕塑家显然不是唯一负责品牌推广的人，但将品牌转化为产品将是他的责任。

要建立一个可靠的使用者新体验新体验不需要编码，但结构设计相关人员也应该了解当前趋势和控制技术。

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

另一方面，如果您进入界面结构设计，您应该对数字结构设计的基本上准则更感兴趣，并考虑向使用者呈现产品的方式，主要包括输入反应性和显示质量。

03

UI结构设计基础

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

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

让使用者有宾至如归的感觉！您的界面不会是客户第一次遇到此类结构设计，特别是现在人们使用各种网络和终端插件时。

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

04

一致性很重要

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

05

以可视层次结构排列元素

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

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

对于某些人来说，即使真正为他们服务，控制技术也是一种负担。这说我们的是UI结构设计应该容忍错误和误解，并且总是想出一种方式让使用者撤消他们的行为（你是否因为出生日期错误而开始填写插件？）。同时，使用者应该确切地知道他们搞砸了哪里，这样他们就不会再让它发生了。

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

06

保持对话基调

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

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

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

甚么是UI结构设计？在了解更多信息时，您的第一课应该是了解您的使用者，并清楚地估算他们能做甚么或不能做甚么。您还需要发现他们的兴趣，偏好，倾向和技能。

以下是最重要的界面结构设计实践：

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

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

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

07

您必须遵守的界面结构设计法

导致混淆和误解的大部份因素都会留在阴影中，那个规则也不例外！

您是Gmail使用者吗？如果是这样，您会记得Google更改顶部的导航系统面板，您可以在其中轻松访问云端硬盘，日历，表格或其他服务。

然而，该公司提出了这样的想法：他们可以通过将大部份这些元素隐藏在抽象图标后来简化导航，因此许多Gmail使用者无法找到它的方式。后果是甚么？问Google的支持团队！

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

背景法则

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

这种尝试的成功在LinkedIn上显而易见，您可以通过单击旁边的小铅笔轻松更改所需的大部份数据（和您的名字！）。再者，Facebook允许你这样做，它有一个非常漫长而复杂的过程。

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

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

使用者希望操作流畅单纯，让他们成功！

指示行为的法则

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

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

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

规则很单纯：如果他们需要做某事，请他们去做。

及时反馈的法律

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

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

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

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

写在最后

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

简而言之，UI结构设计决定了使用者如何与产品/服务进行交互，和他们对产品/服务的感受。现在您可以获得甚么是UI结构设计难题的答案。

1

END

1

福利时间

观后感留言点赞结果已出

留言点👍第1名

小X将给这位积极分享的小伙伴送出

米家声波电动牙刷