对付许多网页设计师而言,是选择单页面还是多页面的设计,可能会非常的棘手。随着移动端和社交媒体的兴起,大略快速相应迅速的单页网站,成为了目前网页设计的趋势。另一方面,传统的多页设计也因其广泛的认知,而被广大用户所认可。
以是,真正要在两者之间做取舍,并不随意马虎。单页和多页式的设计哪个更好,影响成分很多。网站的内容如何铺排,导航如何运作,整体的策略和需求,出发点,都会影响到选择的决策。不过,内容始终是最核心的影响成分,从内容入手,剖析哪种导航,哪种布局更得当,是一种合理的策略。
当然,详细怎么做,看下去,这篇文章会给你答案。

一、单页网站
单页网站,顾名思义,指的是网站本身并没有采取多页式的布局,而是将内容都放置在单个页面上,诸如我们常见的「关于」「联系我们」平分页都是不存在单独分页的。
正如 Awwwards 所阐明的那样,单页式网站将内容完备整合在一页当中,使得全体体验更加流畅。用户借助单页内的导航同样可以快速定位,滚动浏览也很随意马虎。
单页网站在为用户供应内容的时候,其信息和内容都是经由筛选和管控的,确保更适宜阅读和浏览。这也是为什么绝大多数的产品页面、作品集和事宜干系的页面会采取单页设计。在这样的情形下利用单页设计能够最大程度降落信息噪音的影响,让用户专注于最主要的内容。
1. 单页网站设计的优点
为什么那么多人会选择单页设计呢?的确,单页网站更随意马虎理解,拆分出来的区块也不算多,用户也很随意马虎消化。
单页设计更随意马虎直不雅观地呈现全体用户进程。不须要额外的页面加持,访客可以直不雅观而清晰地感知到全体信息流,如果呈现故事的话,起承转合是非常的顺畅的呈现。
单页设计的其余一个优点,是交互足够大略。研究表面,单页网站比多页网站的转化率要高37.5%,用户可以更快地浏览,更快地获取信息,不会由于页面和繁芜的交互而分心。
单页式网站在移动端上的上风也更加明显。在小屏幕匹配上更加精切实其实不雅观的内容,加上大略而自然的滚动交互,用户体验可谓是轻松而舒适。
但是,这还不是全部。设计师从中同样得到不少好处:再也不用增加来回跳转的链接和页面了,事情量没那么大,页面功能也更随意马虎实现,也便于迭代和掩护。
2. 单页网站设计的缺陷
单页网站的缺陷和优点同样突出。单页网站的毛病紧张表示在几个不同的方面。
单页网站在 SEO 上的上风并不大。事实上,在网站排名这个事情上,单页网站先天就竞争力不敷,这也导致借由搜索引擎进入网站的打开率相对较低。由于内容较少,目标关键词在单页网站上常常会被忽略掉。
其余,单页网站也不是发展型品牌在设计网站时候的首选,由于它的扩展性是比较有限的。正犹如我们所看到的那样,单页网站的关注度相对较低,不适宜大量内容的、信息构造繁芜的网站来利用。因此,如果你正在运营一个不大的网站,但是有操持进行多方面拓展的话,只管即便选择多页网站设计。
末了,网站本身常日只会有一个 URL地址。这本身并不存在问题,可是当你须要借助诸如 Google Analytics 来剖析网站数据的时候,内容并不是通过链接来区分的,这使得你所得到剖析数据是非常有限的。
二、多页网站
多页网站包含有多个子页面。与单页网站不同,多页网站的设计中须要借助导航来承载不同页面的链接。
多页网站险些能够承载所有类型的网站项目,诸如 Amazon 这样的电商网站,诸如 Atlassian 这样的仪表盘式的网站,也可以知足 Lynda 这样的在线学习网站的需求。
1. 多页网站设计的优点
和单页网站比较,多页面的网站的优点紧张表示在三个方面:
首先,多页面网站有着明显更强的拓展性。根据需求创建险些任意数量的子页面,设计师能够通过整合来创造出可用的导航系统。诸如电商网站,会采取一个大型的自定义导航菜单,搭配上搜索框,用户可以借此抵达险些每一个页面和产品。当然,值得把稳的是,导航的设计该当取决于网站的纵深,这个须要设计师仔细衡量和把控。
其次,多页面网站的导航流程,更随意马虎遵照。多页面的网站设计早在90年代就已经形成了,用户对付这类网站的利用办法早已熟习,它们的利用已经成为一种约定俗成的模式,遵照即可。
末了,多页面的站点在 SEO 上有着更多的功能和突出的上风。我们都能确定,多页面的网站比单页网站更随意马虎承载更多的内容,在搜索引擎优化上也有更多的潜能可供挖掘,可以承载更加多样的营销策略。
2. 多页网站设计的毛病
事物总是具有两面性的。多页网站的缺陷也是不能回避的问题。
多页面网站须要更加频繁、事情量更大的掩护,这无论是对付设计团队、开拓团队还是内容团队而言,都是颇为繁重的事情。在选择单页面还是多页面的网站的时候,须要考虑内容的体量和事情量,作出合理的衡量。正犹如 Undsgn 所说:「更新和掩护单个页面比处理多个页面要随意马虎得多,基本的数学规律你是违反不了的!
」尤其主要的是,追求数量而轻视质量对付企业而言是极为不利的。
其余一个须要把稳的问题便是网的跳出率。根据《Search Engine Journal》的统计,拥有大量内容的网站相对而言加载速率会更慢,用户把稳力更随意马虎被分散,这会导致网站的跳出率提升。虽然并非每个多页面网站都会被内容所拖累,但是内容和信息量的增加是一定会带来把稳力的分散,这个是须要把稳的。
末了,多页面网站设计在移动端上,也没有单页设计那么友好。和单页不同,多页面网站纵然是通过相应式设计在移动端上呈现,在交互和界面上所耗费的韶光也是更长的,所达到的效果却不一定空想。你会为了移动端上的同等性,而捐躯桌面端上的一些设计么?
三、最佳办理方案
实在本日的文章,我们的目标是通过阐述单页设计和多页面设计之间的差异,让你能够在设计上作出更好的决策。大略总结一下:当你的网站功能比较集中,关注度也较低的时候,单页设计会非常有用,它也是移动端网页的首选方案。如果你须要繁芜的、多功能、可拓展式的网站,那么还是采取传统的多页式设计,结合合理的导航设计,并且加入可靠的 SEO策略。
选择单页还是多页,很多时候须要灵巧应变,因时制宜,内容始终是网站的灵魂,多考虑用户打开网站时候的利用场景,大概全体局势就很明朗了。
原文作者 : Justinmind
译者/编辑 : 陈子木
译文地址:https://www.uisdc.com/single-page-vs-multi-page
本文由 @陈子木 授权发布于大家都是产品经理,未经作者容许,禁止转载。
题图来自 Pexels,基于 CC0 协议