152 1532 0505
2021-02-24 07:22:00
每天，离线和在线的大量信息流使我们不知所措。由于新技术和快速的互联网连接，人们产生的内容超出了他们实际消费的能力。在与众多网站和应用程序打交道时，用户无法逐字阅读所看到的所有内容–他们首先扫描页面以找出原因和对用户有用的方式。因此，可扫描性是当今网站可用性的重要因素之一。
什么是可扫描性？
应用于页面或屏幕时，动词“ scan”表示扫视/翻页或仓促阅读。因此，可扫描性是呈现内容和导航元素（如可以轻松扫描的布局）的方式。用户与网站进行交互（尤其是第一次交互）时，用户可以快速浏览内容以分析其是否是他们所需要的。内容的任何部分都可能在此过程中成为一个钩子：单词，句子，图像或动画。
顺便说一句，这种行为已经不是什么新鲜事了：几十年来，人们经常在开始专心阅读文章之前，通过阅读新杂志或报纸来做同样的事情。而且，从屏幕上阅读比在纸上阅读更累人，因此用户可以随时随地选择打扰他们。
为什么这么重要？大约十年前，Jacob Nielsen回答了“人们如何在网络上阅读？”这一问题。简单地说：“他们没有。人们很少逐字逐句地阅读网页。于是，他们扫描页面，挑选出各个单词和句子。” 从那时起，它并没有太大变化：如果我们不确定该网站是否符合我们的需求，我们就不准备花费时间和精力来开发该网站。因此，如果在导入的第一分钟内没有什么可捕捉的，则用户离开的风险很高。无论网站是什么类型，可扫描性都是其用户友好性质的重要因素之一。
如何检查网页是否可扫描？尝试将其视为首次使用，并回答两个问题：
–您在前几分钟内看到的内容是否与目标受众对此页面的期望相对应？
–您能了解一两分钟后页面上的信息是什么吗？
如果您不确定两个答案是否都是肯定的，那么也许该考虑如何增强网站的可扫描性了。值得投入时间，因为经过良好扫描的页面在以下几个方面变得更加高效：
流行的扫描图案
界面设计师必须考虑的至关重要的事情是眼动扫描模式，以显示用户在最初几秒钟内如何与网页进行交互。当您了解人们如何扫描页面或屏幕时，可以确定内容的优先级，并将用户需要的内容放在最可见的区域。尼尔森·诺曼集团（Nielsen Norman Group）支持 这一用户研究领域，使设计师和可用性专家对用户行为和交互有了更好的了解。
另一种方案的特点是采用锯齿形图案，通常用于具有视觉上划分的内容块的页面。同样，读者的眼睛从左上角开始从左到右，并在整个页面上移动到右上角，以扫描此初始交互区域中的信息。
尼尔森·诺曼集团（Nielsen Norman Group） 的探索活动提出了另一种模型F-pattern，该模型 表明用户经常演示以下交互流程：
改善可扫描性的技巧
基本上，视觉层次是一种以人类最自然的方式来排列和组织页面内容的方式。其背后的主要目标是让用户了解每个内容的重要性级别。因此，如果应用了视觉层次结构，则用户将首先看到关键内容。
例如，当我们在博客中看到该文章时，我们将首先获得标题，然后是副标题，然后才是复制块。这是否意味着复制块中的信息的重要性较低？好吧，不是，但是通过这种方式，用户将能够扫描标题和子标题，以了解文章对他们是否有用和有趣，而不是尝试阅读所有文本。并且，如果标题和副标题正确完成并告知用户文章的结构和内容，这将是令人信服阅读更多内容的因素。另一方面，如果用户看到庞大而又长的文本没有被分成几部分，他们将感到害怕，无法理解阅读本文需要多长时间，以及是否值得投入时间和精力。
有几个主要因素有助于建立视觉层次结构：
所有这些都可以帮助设计人员将元素，链接，图像的集合转换为页面布局的谐波可扫描系统。
所有上述提到的眼睛扫描模式都表明，特定用户遵循它们的任何一个，扫描过程将在网页的顶部水平区域开始。使用它来显示交互和品牌的关键区域是一种支持双方的策略。这就是UI / UX设计师，内容经理和市场营销专家都将网站标题设计视为必不可少的问题的根本原因。
另一方面，标头不应过载：太多的信息使其无法集中。把所有的东西放到页面的顶部会造成混乱。因此，在每种情况下，都必须分析核心目标受众的目标，他们如何与网站背后的业务目标相交叉，并基于此–最重要的信息或导航内容应放在标题中。例如，如果这是一个大型的电子商务网站，则搜索功能必须立即可见，并且经常可以在标题中找到以便从任何交互点进行访问。对于小型公司网站而言，根本不需要搜索功能，但立即可见到产品组合的链接至关重要。
负空间（或通常称为空白）是布局的空白区域，不仅在布局中的对象周围，而且在它们之间和内部都是空的。负空间是页面或屏幕上所有对象的呼吸空间。它定义了对象的极限，根据格式塔原理在对象之间建立了必要的联系，并建立了有效的视觉效果。在网站和移动应用程序的UI设计中，负空间是高度可导航性的重要因素：界面没有足够的空气，无法正确看到布局元素，因此用户冒着错过他们真正需要的东西的风险。尽管许多用户无法解决问题，但这可能是眼睛和大脑紧张的强烈原因。适当数量的负空间（尤其是微空间）可以解决该问题，并使过程更加自然。
显然，绝大多数网页都针对用户必须完成的特定操作。包含号召性用语（CTA）的元素（通常是按钮）应在几秒钟内显示，以使用户了解他们可以在此页面上执行的操作。最好的测试之一是在黑白和模糊模式下检查页面。如果在两种情况下都可以快速区分CTA元素，则它们做得很好。例如，在其他元素中，可以很容易地看到在面包店网站的网页上显示的将CTA按钮添加到列表的CTA按钮。
可读性定义了人们阅读单词，短语和副本的难易程度。易读性衡量的是用户如何快速直观地区分特定字体中的字母。这些特性应仔细考虑，尤其是对于充满大量文本的界面。背景色、空白复制块、字距、行距、字体类型和字体组合——所有这些因素都会影响快速扫描文本和内容吸引用户。为防止出现此问题，设计人员必须检查是否 遵守排版规则，以及所选字体是否支持常规的视觉层次结构和可读性。用户测试 将有助于检查用户感知文字的速度和便捷程度。
该建议基于Nielsen Norman Blog的另一项调查 。他们分享了一个重要发现：眼动追踪研究表明，在扫描网页的过程中，数字常常使徘徊的用户的眼睛停滞不前，并吸引了注视，甚至嵌入了许多数字中，这些数字如果没有数字就会被忽略。下意识地，我们把数字和事实、统计、大小、距离联系起来，这很有用。因此，包含在副本中的数字会引起读者的注意，而表示数字的单词可能会在大部分副本中遗漏。而且，数字比文本数字更紧凑，因此内容更加简洁，节省了扫描时间。
在可扫描性方面处理复制内容，请尽量不要使大量文本太长。如果信息对读者没有价值，则简短的段落看起来更易于理解，并且可以更容易地跳过。因此，当您在一个段落中提出一个想法并开始另一个想法时，请遵守规则。
使文本更易于扫描的另一个好技巧是使用带有数字或项目符号的列表。它们有助于清楚地组织数据。而且，它们引起了用户的注意，因此信息不会在文本的正文中丢失。
旧式的粗体、斜体和彩色突出都很老，但仍然有效。这样，您可能会引起注意 该段落中包含的重要概念，定义，引用或其他类型的特定数据。此外，必须在视觉上标记文本的可点击部分（指向其他页面的链接）。我们经常看到它们带有下划线，但仍然用颜色或粗体突出显示它们会更加有效。
在Web用户界面设计中，图像在设置心情或传递消息时非常有帮助。它们既内容丰富又具有情感吸引力。原始插图，醒目的英雄横幅，引人入胜的照片可以轻松吸引用户的注意力并支持一般的风格概念。此外，它们在建立视觉层次结构方面发挥着重要作用，并结合插图或照片使副本内容更易于理解。人们感知图像的速度比单词感知速度快，这是提高可扫描性的重要因素。
提高网页的可扫描性，设计师和内容创建者对网站用户表现出了真正的敬意。这样，我们可以节省用户的时间和精力，为他们提供井井有条，和谐，有价值和有吸引力的内容。
青岛网站建设，青岛网站制作，青岛网站优化，青岛网站设计，青岛网站建设公司，青岛网站制作公司，品牌网站建设，高端品牌网站建设，用户体验
如果您认为您已经准备好进行品牌建设或重塑品牌，或者想进一步了解我们的服务，请立即联系我们！
客户服务部：李经理 152 1532 0505