为 Web 设计优化的内容密集页面的技巧
已发表: 2018-05-22在线内容的呈现对于网站的可用性至关重要——如果用户不能立即找到他所寻找的信息,他很可能会离开。 由于这个事实,许多网页设计师和用户体验专业人士坚持认为每个页面都应该包含有限数量的内容,但在许多情况下这根本是不可能的。 一些网站旨在展示大量内容,设计师别无选择,只能应对额外的挑战。
值得庆幸的是,有一些技术可以在这方面有所帮助。 虽然每个网站都是独一无二的,成功的设计不能盲目复制,但可以依靠 UX 行业的集体经验来获得更好的结果。 以下提示可以提供一些指导,如何在不压倒访问者的情况下处理内容繁重的页面:
研究什么有效——什么无效用户体验设计可能不是一门精确的科学,尽管用户反应的某些模式比你想象的要稳定。 这就是为什么每个优秀的用户体验设计师都会花费大量时间来探索竞争对手在做什么。 你永远不知道在哪里可以找到一点灵感,因为有时在另一个网站上看到的一个细节可以引发一个原创的想法。 研究反面例子同样重要,这样你就知道要警惕哪些类型的错误以及要避免哪些组合。 当然,上下文很重要,因此有必要权衡示例的来源以及它将如何在您所针对的特定利基市场中发挥作用。
使用内容框和边框使内容更易于管理的最明显方法是将其分成更小的块。 如果这些内容单元通过边界线、内容框或类似的设计技术在视觉上与页面的其余部分分开,它们将更容易处理和理解。 这与不同类型的内容有关——文本的关键段落应该放在一个单独的框中,而这或多或少是对所有图像进行的标准操作。 注意为视觉分隔符使用兼容的样式,否则多样性可能会混淆并否定积极效果。 每个内容框都应该有它的标题和/或描述,这样一目了然就可以更容易地了解它的真正目的。
为每种内容类型创建单独的部分一个组织良好的页面将引导读者从上到下进行旅程,以精心挑选的顺序提供结构化信息。 但是,一些访问者只是跳过页面,寻找特定条目或试图快速了解内容。 由几个明确标记的部分组成的页面在这两种情况下都更加用户友好,可以加快快速搜索并为需要深入解释的专用用户提供更好的内容流。 理想情况下,每个部分应主要由同质内容组成——例如,文本部分后跟数据表,但这并不是一成不变的,取决于可用内容的性质。 这种模型的例子可以在各个行业中找到。
突出显示关键信息和链接即使在拥挤的页面上,智能设计也会找到方法来表明内容的哪些部分最值得关注。 这可以通过多种方式实现,从使用颜色突出显示到分层内容放置。 此过程的第一步是识别最重要的元素及其在整个内容结构中最自然的位置。 一旦明确了需要传达的内容,设计师就可以搜索适当的视觉语言,将访问者的注意力引导到选定的部分。 所选择的技术将取决于所传达信息的类型——数字数据可能最适合放在表格中,而描述性文本可以以项目符号列表的形式呈现。
适度使用多媒体我们都知道多媒体内容比纯文本更具表现力,但这也是在单个页面上放置大量内容时要非常小心的另一个原因。 太多的图像或视频在没有任何分类的情况下挤在一起可能会阻止用户寻找他们可能感兴趣的内容。 对于经常发布大量照片或视频的网站,保持适当的平衡并提供清晰的分类和上下文描述非常重要。 交互元素应该谨慎使用,并且只有在有意义时才使用——在每个部分的顶部放置一个调查问题只会让用户感到厌烦。
不要忘记空的空间处理大量内容的设计人员通常很想将其包装得非常紧密以节省空间,但这在几乎所有情况下都是一个严重的错误。 当视觉元素彼此过于靠近时,它们会干扰用户的感知并降低单个元素被注意到的机会。 在每个文本框或图像周围留出足够的可用空间可能会增加页面的滚动长度,但如果访问者仍然感兴趣,这将不是问题。 在阅读大量文本时,间隔布局还可以减少疲劳,这是提高可读性和优化页面以面向大众受众的另一种方式。
像用户一样思考每个 UX 设计指南都会告诉你,如果对用户不实用,最漂亮的布局就毫无意义。 要创建一个真正引起观众共鸣的页面,您应该设身处地为用户着想,并从该角度考虑每个设计功能。 导航系统应该以这种思维方式开发,允许从一个关键区域快速直观地跳转到另一个关键区域。 为了进一步帮助用户,可以根据要求通过鼠标悬停文本和“阅读更多”链接等工具提供附加说明。 页面上的标题和副标题应该简单直观,因为过于复杂或模糊的语言可能会阻止一些用户进一步查询。 最后,页面应该具有清晰可辨的可操作元素,以便用户本能地知道在哪里单击以启动操作。