网页的组成部分

网页的组成部分

1. 基本分析

目前来讲，对于一个网站分析，无非是将其划分为一个一个的组件部分，并且由于Vue的单页面应用，网站点击跳转为变成了路由组件展示不同的页面。

但是大体部分还是

  1. 首页
  2. 二级页面

1.1 首页

当访问一个网站时他的根目录就是导向首页的。

在以前网站发展的前期阶段，网站并不是富媒体集合体，而是类似于一本书一样:首页如同书籍的目录，需要查看哪个子网页就点击链接即可进入。这是由于当时网速不好，避免加载过久才使用的设计。
不过目前还保留类似结构的网站也还还存在，基本都是些老项目或BBS时代留下的网站，例如tomcat

而到了现在，网站首页仍然是引导用户进入不同区域的一个“目录”，不过用了大量的图片或视频以及动态效果来使得用户观感变得更好，信息也变得更加简洁。

而目录则是一个如同列表的导航模块，用户点击对应的链接即可跳转页面,虽然在观感上各种不同样式的导航方式，但底层还是最基本的目录跳转方式。

[!TIP] 个人理解
我认为，首页的目的主要是为了展示网站能实现什么业务，设计风格的不同的目的是为了方便用户聚焦精力。
例如：

  1. 网格布局-将展示内容以橱窗方式展示，用户一眼就足以看到感兴趣的展品。
  2. 卡片式布局-将信息内聚为卡片方式，用户可以翻动卡片查看简略内容。
  3. 非对称布局-将展示内容放置显眼部位，其它次要信息放置不显眼部分。
  4. 等等其它布局

1.2 二级页面

在逻辑上首页是一级页面，从首页点击进入的页面均为二级页面，二级页面之后还有三级页面等级别。

从点击的概率上来说，自然是越靠前访问量越高，页面层级越深越不容易被用户找到。

通常页面分级都是根据URL嵌套分级确定是几级页面的。

一般网站有三级页面，就是为了避免用户迷失。为此还会在页面中加入面包屑导航。面包屑导航就是在页面第一屏出现的诸如 首页 >体育 >NBA频道 这样的超链接结构。

面包屑导航目的:让用户了解当前所处的位置，以及当前页面在整个网站中的位置。(这个概念来
自童话故事糖果屋中扔面包屑确定回家的路)

[!TIP] 个人理解
关于页面的分级展示，我认为从根目录开始不应该超过三级，第一级为功能模块，例如首页、登录页、个人中心页。
原因如下：

  1. 用户体验变差-随着层级过多，则用户需要点击更多的链接才能到达目标页面，这会增加用户的认知负担和导航时间。过深的层级结构可能导致用户迷失方向，用户将浪费额外的记忆力。
  2. 搜索引擎优化（SEO）- 搜索引擎爬虫在抓取网站内容时，也会受到页面层级的影响。过深的层级可能导致某些页面难以被搜索引擎发现，从而影响网站的排名和曝光度。
  3. 内容管理：对于网站管理员来说，过深的层级结构也会增加内容管理的难度。在更新和维护网站时，将花费更多的时间和精力确保各个层级之间的链接和内容都是准确和最新的。

1.3 总结

网站的主要目的是提供用户所需要的服务，既不可太复杂也不可太简单的展示，而且避免同质化例如别人的网站设计的好就全按着类似的写，这样子只会永远活在别人的影子下，必须有自己的亮点，不一定要保证最好，但一定要保证相似最少。

[!warning] 做好最坏打算！

  1. 用户永远是最懒惰的：花最少操作使用更多功能。
  2. 用户永远是最愚蠢的：花最少学习体验更多操作。
  3. 用户永远是最急躁的：花最少时间获得更多内容。