网页剖析：14 个基本元素 [下]|书签|应用程序|文章

视频

视频并不是网页的基本组成部分，但随着 Web 开发解决方案和技术能力的进步，我们现在可以在不同类型的网站上越来越多地找到它。正如文章中提到的UX设计中的视频内容，在了解目标受众的情况下制作的引人入胜的视频是一种吸引客户注意力的工具，也是一种快速而明亮地通知他们的经过严格检查的方法。视频内容同时激活多个感知渠道——音频、视觉、动作——并且通常在讲述一个故事时做到这一点。这种因素的组合通常会使视频演示变得强烈、感性且令人难忘。

视频已成为适用于上述英雄部分的流行视觉挂钩。此外，我们还可以看到许多其他类型的视频，这些视频可以帮助用户快速了解产品的想法、营造氛围、发送所需的信息、尝试服务、演示工具、应用程序或软件的工作原理、分享来自用户的反馈，等等，等等。但是，有一些要点需要考虑，例如加载时间、对比度问题、响应能力以及在将视频集成到网页的情况下会破坏用户体验的其他缺陷。

进度指示器

进度指示器是一个小而有用的元素，可帮助访问者了解一般信息量或一组操作中的当前点。这在加载了文本内容并假设长滚动的页面上是有益的，例如长篇阅读文章或指南。由于这个指标，用户不会迷路，可以更好地估计阅读或浏览所需的时间。

此外，在需要一组步骤或操作的冗长而复杂的表单或流程的情况下，进度跟踪器为用户提供支持。看到道路的哪一部分被覆盖以及前方有什么，用户会感到更有信心。

网站上的历史名人文章页面使用页面顶部的进度指示器来帮助读者了解他们当前的位置和未来的一般内容量。

图标

Favicon，也称为 URL 图标或书签图标，是一种特殊类型的符号，在浏览器的 URL 行和书签选项卡中代表产品或品牌。它允许用户在浏览时获得快速的视觉连接。事实证明，该界面元素对于高效的网站推广和其视觉识别的良好可识别性非常有效。由于超小，它对网络可用性做出了巨大贡献。

Uplyfe登陆页面的Favicon 设计

这是二级导航级别的另一个元素，经常在具有大量同质内容的博客和网站中找到。标签带有关键字或短语，使用户可以直接跳转到用它标记的项目。标签实际上是提供对特定内容类别的快速访问的元数据片段，因此它们支持通过内容分类的附加方式进行导航。而且，标签往往是用户自己创建的元素，因此它们成为网站固定、用户无法更改的类别名称的替代品。

Design4Users 博客使用标签来加快导航速度，不仅在文章内，而且在主页上。

派对饮料品牌的明亮有趣的网站概念使用交互式标签让用户调整他们想要的饮料的选择

添加到特定网页的元素的选择应基于用户目标和其背后的业务目标的和谐组合，并且测试解决方案并根据实际交互的反馈更新它们至关重要。当然，本文只是对网页结构的介绍，因此请关注 Tubik 博客中的新帖子以深入了解更多细节。

内容转载自 5PLUS设计师平台