如何设计可扫描的网页界面

niloyhossain111

在设计界面时，我们必须考虑用户如何“阅读”其内容。这超出了所述内容的属性，更多地与我们如何构建内容有关，以便用户更快地访问他们需要的信息。 有关如何设计可扫描 Web 界面的文章插图 我们拥有越来越多的信息，无论是线上还是线下，因此我们必须使用搜索引擎在需要时找到我们需要的信息。 由于消费者习惯了大量信息，我们不再“阅读”网站，而是扫描它们，即浏览文字。这就是为什么我们必须通过我们开发的网站来促进这种行为。 如何扫描网站？ 根据UX Planet 的说法，当用户第一次访问一个网站时，他们会广泛地寻找他们需要的东西，这就是为什么我们必须确保为眼睛提供各种“挂钩”，这些“挂钩”可以是固定图像、移动设备、单词、句子或符号将有助于用户留在我们的网站上。 这并不是什么新鲜事，因为杂志、小册子和书籍多年来一直通过突出显示文本、索引和封面图像来做到这一点。然而，电子媒体和有形媒体之间的唯一区别是屏幕使眼睛疲劳，因此文本应该是矮得多。 扫描模式 首先要了解的是人们如何浏览网站，这将使我们能够优先考虑将放置在公众可见的地方的元素。 模型有多种，但Nielsen Norman Group使用的模型是可用性专家和设计师使用最多的模型之一。 通过眼动追踪，检测到不同的阅读模式： 扫描阅读模式的表示 Z 模式：这是最常见和传统的，眼睛从左到右扫描屏幕，然后沿对角线向下移动到最后一行，然后再次开始循环。 这是内容层次结构较差的页面的读者应该使用的模式，因此他们倾向于“对角”阅读以更快地阅读。

前一种非常相似，但当段落相距较远时使用此模式。它的优点是比前一种更加动态。 F 模式：当读者从顶部从左到右阅读最重要的元素（例如标题、副标题和第一段）时，就会出现这种情况，但随后快速向下滚动文本左侧，直到找到引起他们注意的段落，形成 F。 如何确定内容 WhatsApp 数据 的优先级以改进扫描？ 按视觉层次排列内容的优先级 视觉层次表示 这是通过以自然理解其重要性的方式组织内容来完成的，因此最重要的内容应该放在开头。 重要的是，标题清晰，并附有一个讨论文本内容的链接，目的是，如果公众感兴趣，他们会阅读它，如果不感兴趣，他们会继续搜索同一个地方。 这种层次结构不仅应该在内容方面，还应该得到图形元素的支持，例如大小、颜色、对比度、接近度、段落之间的“空气”和重复。 因此，通过将这些元素组合在一起，设计人员将能够跨站点创建和谐的可扫描部署系统。 将导航菜单置于顶部 导航菜单图 由于视觉站点扫描总是从顶部开始，因此我们需要确保这是站点的主要交互区域。 当然，这个区域不应该超载，否则会适得其反。建议网站的目标与所需受众保持一致，以提高网站的影响力和转化率。 让空气流通 有空气的场地的表示我们必须留下空气，以便公众能够以良好的方式感知内容及其对象。



这个空间不仅是元素之间的空间，也是段落内部和段落之间的空间，是良好可视化的关键。 不要忽视号召性用语 号召性用语的表示 许多网站都有这些类型的呼叫，这些呼叫必须高度可见才能有效。测试其有效性的方法之一是在黑白或模糊模式下测试页面时仍然看到号召性用语。 测试文本的可读性 具有排版问题的文本的表示 很多时候，我们关注的是内容本身，却忽略了它与网站其他部分在对比度、大小甚至字体类型方面的关系。所有这些参数都必须由设计人员进行审查，并在其手册中应用所有排版规则，以避免出现易读性问题。 使用数字代替文字 以数字和文字表示数据。 眼球追踪研究表明，数字比用字母写的数字更有能力停止在文本中搜索并更能吸引读者的注意力。 通过将数字与硬数据联系起来，我们的大脑会无意识地赋予它更多的重要性，因为数字信息可能是有用的。此外，它们还具有使用较少字符的优点，因此扫描速度更快。 每段一个想法 段落比较 如果你想获得更多可扫描的文本，应该避免长文本。这可以避免读者感到无聊，此外还可以让他们更容易地跳过目前不感兴趣的段落，因此保持每段一个想法的规则是呈现信息的绝佳方式。 使用数字和列表 编号列表的表示 使文本更易于浏览的一个好技巧是将其与数字和列表分开，因为它们有助于清晰地组织信息。