网站使用单页设计还是多页设计?这篇文章帮你理智分析

对于许多网页设计师而言,是选择单页面还是多页面的设计,可能会非常的棘手。随着移动端和社交媒体的兴起,简单快速响应迅速的单页网站,成为了目前网页设计的趋势。另一方面,传统的多页设计也因其广泛的认知,而被广大用户所认可。

所以,真正要在两者之间做取舍,并不容易。单页和多页式的设计哪个更好,影响因素很多。网站的内容如何铺排,导航如何运作,整体的策略和需求,出发点,都会影响到选择的决策。不过,内容始终是最核心的影响因素,从内容入手,分析哪种导航,哪种布局更合适,是一种合理的策略。

当然,具体怎么做,看下去,这篇文章会给你答案。

一、单页网站

单页网站,顾名思义,指的是网站本身并没有采用多页式的布局,而是将内容都放置在单个页面上,诸如我们常见的「关于」「联系我们」等分页都是不存在单独分页的。

正如 Awwwards 所解释的那样,单页式网站将内容完全整合在一页当中,使得整个体验更加流畅。用户借助单页内的导航同样可以快速定位,滚动浏览也很容易。

单页网站在为用户提供内容的时候,其信息和内容都是经过筛选和管控的,确保更适宜阅读和浏览。这也是为什么绝大多数的产品页面、作品集和事件相关的页面会采用单页设计。在这样的情况下使用单页设计能够最大程度降低信息噪音的影响,让用户专注于最重要的内容。

1. 单页网站设计的优点

为什么那么多人会选择单页设计呢?的确,单页网站更容易理解,拆分出来的区块也不算多,用户也很容易消化。

单页设计更容易直观地呈现整个用户历程。不需要额外的页面加持,访客可以直观而清晰地感知到整个信息流,如果呈现故事的话,起承转合是非常的顺畅的呈现。

单页设计的另外一个优点,是交互足够简单。研究表面,单页网站比多页网站的转化率要高37.5%,用户可以更快地浏览,更快地获取信息,不会因为页面和复杂的交互而分心。

单页式网站在移动端上的优势也更加明显。在小屏幕匹配上更加精简直观的内容,加上简单而自然的滚动交互,用户体验可谓是轻松而舒适。

但是,这还不是全部。设计师从中同样获得不少好处:再也不用增加来回跳转的链接和页面了,工作量没那么大,页面功能也更容易实现,也便于迭代和维护。

2. 单页网站设计的缺点

单页网站的缺点和优点同样突出。单页网站的缺陷主要体现在几个不同的方面。

单页网站在 SEO 上的优势并不大。事实上,在网站排名这个事情上,单页网站先天就竞争力不足,这也导致借由搜索引擎进入网站的打开率相对较低。由于内容较少,目标关键词在单页网站上常常会被忽略掉。

另外,单页网站也不是成长型品牌在设计网站时候的首选,因为它的扩展性是比较有限的。正如同我们所看到的那样,单页网站的关注度相对较低,不适合大量内容的、信息结构复杂的网站来使用。因此,如果你正在运营一个不大的网站,但是有计划进行多方面拓展的话,尽量选择多页网站设计。

最后,网站本身通常只会有一个 URL地址。这本身并不存在问题,可是当你需要借助诸如 Google Analytics 来分析网站数据的时候,内容并不是通过链接来区分的,这使得你所获得分析数据是非常有限的。

二、多页网站

多页网站包含有多个子页面。与单页网站不同,多页网站的设计中需要借助导航来承载不同页面的链接。

多页网站几乎能够承载所有类型的网站项目,诸如 Amazon 这样的电商网站,诸如 Atlassian 这样的仪表盘式的网站,也可以满足 Lynda 这样的在线学习网站的需求。

1. 多页网站设计的优点

和单页网站相比,多页面的网站的优点主要体现在三个方面:

首先,多页面网站有着明显更强的拓展性。根据需求创建几乎任意数量的子页面,设计师能够通过整合来创造出可用的导航系统。诸如电商网站,会采用一个大型的自定义导航菜单,搭配上搜索框,用户可以借此抵达几乎每一个页面和产品。当然,值得注意的是,导航的设计应该取决于网站的纵深,这个需要设计师仔细衡量和把控。

其次,多页面网站的导航流程,更容易遵循。多页面的网站设计早在90年代就已经形成了,用户对于这类网站的使用方式早已熟悉,它们的使用已经成为一种约定俗成的模式,遵循即可。

最后,多页面的站点在 SEO 上有着更多的功能和突出的优势。我们都能确定,多页面的网站比单页网站更容易承载更多的内容,在搜索引擎优化上也有更多的潜能可供挖掘,可以承载更加多样的营销策略。

2. 多页网站设计的缺陷

事物总是具有两面性的。多页网站的缺点也是不能回避的问题。

多页面网站需要更加频繁、工作量更大的维护,这无论是对于设计团队、开发团队还是内容团队而言,都是颇为繁重的工作。在选择单页面还是多页面的网站的时候,需要考虑内容的体量和工作量,作出合理的衡量。正如同 Undsgn 所说:「更新和维护单个页面比处理多个页面要容易得多,基本的数学规律你是违反不了的!」尤其重要的是,追求数量而轻视质量对于企业而言是极为不利的。

另外一个需要注意的问题就是网的跳出率。根据《Search Engine Journal》的统计,拥有大量内容的网站相对而言加载速度会更慢,用户注意力更容易被分散,这会导致网站的跳出率提升。虽然并非每个多页面网站都会被内容所拖累,但是内容和信息量的增加是必然会带来注意力的分散,这个是需要注意的。

最后,多页面网站设计在移动端上,也没有单页设计那么友好。和单页不同,多页面网站即使是通过响应式设计在移动端上呈现,在交互和界面上所耗费的时间也是更长的,所达到的效果却不一定理想。你会为了移动端上的一致性,而牺牲桌面端上的一些设计么?

三、最佳解决方案

其实今天的文章,我们的目标是通过阐述单页设计和多页面设计之间的差异,让你能够在设计上作出更好的决策。简单总结一下:当你的网站功能比较集中,关注度也较低的时候,单页设计会非常有用,它也是移动端网页的首选方案。如果你需要复杂的、多功能、可拓展式的网站,那么还是采用传统的多页式设计,结合合理的导航设计,并且加入可靠的 SEO策略。

选择单页还是多页,很多时候需要灵活应变,因地制宜,内容始终是网站的灵魂,多考虑用户打开网站时候的使用场景,也许整个局面就很明朗了。

最后推荐一波导航设计的好文:

《交互基础小课堂!移动端的导航设计模式》 《让APP中内容呈现更友好易用的5种常见导航设计模式》 《超实用!网页顶部导航栏设计方法总结》 《在设计流程中,通过这6种方式来运用信息架构》

优设大课堂

文章来源:

Author:陈子木
link:https://www.uisdc.com/single-page-vs-multi-page