简单是终极的复杂，这个永恒的真理现在和几个世纪前一样公平。这种为 Web 和移动界面设计的方法导致了以人为本的产品，这些产品既令人愉悦又易于使用。毫无疑问，简单并不意味着空洞、原始或单一功能。相反，它意味着清晰、直观和有用。真正简单的产品不仅解决了用户的问题，而且在时间和精力方面做到了最优。

在谈到数码产品时，我们通常不会考虑爱和尊重。我们可以用大量其他具有外观（如美丽、优雅、有趣等）或功能（如直观、易于使用、令人困惑等）或内容（如信息丰富、一致等）的词来描述它们。但您很少能听到有人对网站或应用程序进行尊重。然而，尊重用户的时间和精力是设计师在他们工作的产品中应该努力实现的重要目标之一。这种方法是可用性和合意性的重要因素。今天，我们想分享一些可以支持这一目标的建议和技术。这些技巧不是重新发明轮子，而是为设计结果提供有用的清单。那么，让我们来看看设计师可以做些什么来为用户节省时间和精力。

将核心导航放入标题中

谈到网站，这是一个非常有用的想法，可以快速轻松地导航。唯一的问题是决定什么是核心数据，特别是对于各种数据量很大的网站，比如大型电子商务网站、新闻平台或多主题博客。标题是一个战略部分，因为人们在介绍网站的第一秒滚动页面之前就会看到它。作为邀请的标志，标题应提供有关数字产品的关键信息，以便用户可以在几秒钟内扫描它。

在我们的文章中讲述 网页标题设计 详细地，我们提供了可以包含在标题中的典型内容类型：

• 基本要素 品牌标识：标志、品牌名称字样、标语或公司声明、公司吉祥物、公司或其领导的照片、公司颜色等。
• 复制块设置所呈现的产品或服务的主题
• 指向网站内容基本类别的链接
• 链接到最重要的社交网络
• 基本联系信息（电话号码、电子邮件等）
• 多语言界面情况下的语言切换器
• 搜索栏
• 订阅字段
• 与产品交互的链接，例如试用版、从 AppStore 下载等。

这并不意味着所有提到的元素都应该包含在一个网页标题中：在这种情况下，标题部分信息过载的风险很高。吸引用户注意力的对象越多，就越难将注意力集中在重要的对象上。在这里，设计师（最好与营销专家和利益相关者一起）需要决定具有战略意义的选项，并从列表中选择它们或添加其他选项。

为什么标题如此重要？眼球追踪调查表明，无论特定用户遵循哪种扫描模式，扫描过程都将从网页的顶部水平区域开始。使用它来显示核心信息和品牌是一种支持双方的策略：读者可以快速浏览关键数据，而网站如果正确呈现，则有机会保留它们。这就是为什么标题设计对于 UI/UX 设计师以及内容和推广专家来说是一个重要问题的基本原因。

使品牌高度视觉化

就所讨论的主题而言，品牌是指通过一组显着特征创建的一种形象，可提高市场上产品或服务的知名度和可识别性。该图像可以通过多种方式创建 - 视觉、语言、可触摸等。在网络和移动设计中，品牌应该是指定义品牌风格的一组视觉元素，可以应用于徽标、排版、品牌颜色等。所有这些都是创建产品及其风格的视觉识别度的强大工具。基于对目标受众和营销/客户研究的分析，从这个意义上说，品牌在产品推广中起着至关重要的作用，因为对于大多数人来说，视觉感知非常快速和容易，比阅读文本容易得多，比听演讲更容易记住。此外，如果该品牌已经很成熟，那么在看到网站或应用程序的第一秒内观察到的标志会增加信任度。

使用数字，而不是文字

提供的用户行为调查之一 尼尔森诺曼博客分享了一个有趣的发现：基于用户浏览网页时的眼动追踪研究，数字通常会阻止游荡的目光并吸引注意力，即使它们嵌入了用户忽略的大量单词中。人们下意识地将数字与事实、统计数据、大小和距离联系起来——这对他们可能有用。因此，他们与副本中包含的数字挂钩，而在大部分文本中可能会遗漏代表数字的单词。更重要的是，无论数字代表什么，它们都比文本变体更紧凑，这使得内容更简洁，更节省浏览数据的时间。

让号召性用语 (CTA) 立即引人注目

一种 呼吁采取行动(CTA) 实际上是一个短语词，它刺激用户以某种方式并根据其设计目的与产品进行交互。CTA 元素是使用户能够执行他们被调用的操作的交互式控件。布局中此类交互元素的常见类型是按钮、选项卡或链接。在各种界面中，CTA 元素是与产品有效交互的核心因素，它在可用性和导航性方面起着至关重要的作用。当所有交互和转换路径都为用户明确构建，但 CTA 元素没有经过深思熟虑、放置或设计得很好时，用户可能会感到困惑，并且需要付出额外的努力来实现他们的目标。这给穷人带来了高风险转化率和一般的用户体验。这就是为什么这个导航元素应该引起设计师特别深的注意。在任何界面中，它都应该是最突出和最引人注目的部分之一，以告知用户该产品如何对他们有所帮助或有用。

关心一般页面的可扫描性

正如已经提到的，用户通常不会从起点开始阅读和观察页面或屏幕上的所有内容：相反，他们从快速开始 扫描了解它是否包含他们需要或想要的东西。这一重要的用户研究领域得到了以下机构的大力支持 尼尔森诺曼集团并让设计师和可用性专家更好地了解用户行为和交互。收集用户眼动追踪数据的不同实验表明，访问者通常会根据几种典型的模型来浏览网站。 

在以下常见模型中，您会发现 Z-Pattern、Zig-Zag 模式和 F-Pattern。让我们来看看他们的计划是什么。

检查图标感知

图标是在网络或移动界面中使用的象形文字或表意文字，以支持其可用性并提供人机交互的成功流程。很难高估它们在 UI 导航中的作用：它们使速度更快，因为大多数用户感知图像的速度比文字快。使用可识别和清晰的图标具有提高可用性的巨大潜力。然而，即使是最轻微的误解也可能成为糟糕的用户体验的原因，因此解决方案图标类型 应仔细测试，并在需要时提供适当的支持 复制内容.

7. 用主题图片和英雄横幅加强信息

不是什么秘密，在很多情况下，一张图片值一千字。在 web 和移动UI 中，它通常是这样工作的：图像在设置情绪或传递信息方面变得高度支持和有效。此外，图像呈现的内容既有信息性又有情感吸引力。原图，突出英雄横幅，引人入胜的照片可以满足多个目标： 

• 吸引用户的注意力
• 视觉传达信息
• 支持一般的文体概念
• 设置所需的主题、情绪或氛围
• 有效地展示核心利益或项目。

8. 用用户的语言与他们交谈

复制内容在与用户的沟通中起着至关重要的作用。其有效的视觉呈现不仅对高页面性能具有重要意义：样式、结构和词汇还应符合用户对页面的期望。在青少年娱乐应用程序中使用过于正式或商务风格的风格，反之亦然，在销售精英房地产的奢侈品网站上使用过于非正式的风格——可能有数百起文案不符合商业目标和习惯的情况和目标受众的需求。这种内容不一致可能会令人困惑，并使用户远离网站或应用程序。用户研究将有效解决这个问题，看看用户想要什么样的交流方式，而专业的撰稿人将帮助用文字的力量加强设计

使用格式塔原则的力量

格式塔是这个词的意思是“形状，形式”。它主要用于认知心理学领域，探索人们不断从似乎主要是混乱的世界中获得的数据的有意义感知规律。它适用于不同层次的感知，但对于创建界面的设计师来说，视觉部分似乎是最有趣的。它有助于更​​好地了解应用程序或网站用户的心理。当设计师知道影响视觉感知的因素时，它会使用户体验设计的过程更加熟练，从而提供更高的成功交互率并降低用户可能以这种方式获得的误解程度。

优化视觉内容

无论界面如何有趣、有吸引力和信息丰富，都有一个无形的因素可以抹去所有好处——加载速度。如果视觉内容——图片, 动画, 视频– 应用于一个界面太重或在不同设备上表现不佳，在他们了解产品的优点之前失去用户的风险很高。在竞争激烈的情况下，网站和应用程序的负载，可以肯定的是：用户不会等待，即使输了很多积分，他们也会转向更方便快捷的选择。视觉内容的优化和持续测试是尊重用户的真正标志，促进了耗时较少的交互流程。

希望此列表对那些旨在创造积极用户体验的人有所帮助。

作者：Marina Yalanska