对于许多网页设计师而言,是选择单页面还是多页面的设计,可能会非常的棘手。随着移动端和社交媒体的兴起,简单快速响应迅速的单页网站,成为了目前网页设计的趋势。另一方面,传统的多页设计也因其广泛的认知,而被广大用户所认可。所以,真正要在两者之间做取舍,并不容易。单页和多页式的设计哪个更好,影响因素很多。网站的内容如何铺排,导航如何运作,整体的策略和需求,出发点,都会影响到选择的决策。不过,内容始终是最核心的影响因素,从内容入手,分析哪种导航,哪种布局更合适,是一种合理的策略。
一、单页网站
单页网站,顾名思义,指的是网站本身并没有采用多页式的布局,而是将内容都放置在单个页面上,诸如我们常见的「关于」「联系我们」等分页都是不存在单独分页的。正如 Awwwards 所解释的那样,单页式网站将内容完全整合在一页当中,使得整个体验更加流畅。用户借助单页内的导航同样可以快速定位,滚动浏览也很容易。
单页网站在为用户提供内容的时候,其信息和内容都是经过筛选和管控的,确保更适宜阅读和浏览。这也是为什么绝大多数的产品页面、作品集和事件相关的页面会采用单页设计。在这样的情况下使用单页设计能够最大程度降低信息噪音的影响,让用户专注于最重要的内容。
1. 单页网站设计的优点
为什么那么多人会选择单页设计呢?的确,单页网站更容易理解,拆分出来的区块也不算多,用户也很容易消化。
单页设计更容易直观地呈现整个用户历程。不需要额外的页面加持,访客可以直观而清晰地感知到整个信息流,如果呈现故事的话,起承转合是非常的顺畅的呈现。单页设计的另外一个优点,是交互足够简单。研究表面,单页网站比多页网站的转化率要高37.5%,用户可以更快地浏览,更快地获取信息,不会因为页面和复杂的交互而分心。单页式网站在移动端上的优势也更加明显。在小屏幕匹配上更加精简直观的内容,加上简单而自然的滚动交互,用户体验可谓是轻松而舒适。
但是,这还不是全部。设计师从中同样获得不少好处:再也不用增加来回跳转的链接和页面了,工作量没那么大,页面功能也更容易实现,也便于迭代和维护。
2. 单页网站设计的缺点
单页网站的缺点和优点同样突出。单页网站的缺陷主要体现在几个不同的方面。单页网站在 SEO 上的优势并不大。事实上,在网站排名这个事情上,单页网站先天就竞争力不足,这也导致借由搜索引擎进入网站的打开率相对较低。由于内容较少,目标关键词在单页网站上常常会被忽略掉。另外,单页网站也不是成长型品牌在设计网站时候的首选,因为它的扩展性是比较有限的。正如同我们所看到的那样,单页网站的关注度相对较低,不适合大量内容的、信息结构复杂的网站来使用。因此,如果你正在运营一个不大的网站,但是有计划进行多方面拓展的话,尽量选择多页网站设计。最后,网站本身通常只会有一个 URL地址。这本身并不存在问题,可是当你需要借助诸如 Google Analytics 来分析网站数据的时候,内容并不是通过链接来区分的,这使得你所获得分析数据是非常有限的。
二、多页网站
多页网站包含有多个子页面。与单页网站不同,多页网站的设计中需要借助导航来承载不同页面的链接。多页网站几乎能够承载所有类型的网站项目,诸如 Amazon 这样的电商网站,诸如 Atlassian 这样的仪表盘式的网站,也可以满足 Lynda 这样的在线学习网站的需求。
1. 多页网站设计的优点
和单页网站相比,多页面的网站的优点主要体现在三个方面:首先,多页面网站有着明显更强的拓展性。根据需求创建几乎任意数量的子页面,设计师能够通过整合来创造出可用的导航系统。诸如电商网站,会采用一个大型的自定义导航菜单,搭配上搜索框,用户可以借此抵达几乎每一个页面和产品。当然,值得注意的是,导航的设计应该取决于网站的纵深,这个需要设计师仔细衡量和把控。其次,多页面网站的导航流程,更容易遵循。多页面的网站设计早在90年代就已经形成了,用户对于这类网站的使用方式早已熟悉,它们的使用已经成为一种约定俗成的模式,遵循即可。最后,多页面的站点在 SEO 上有着更多的功能和突出的优势。我们都能确定,多页面的网站比单页网站更容易承载更多的内容,在搜索引擎优化上也有更多的潜能可供挖掘,可以承载更加多样的营销策略。
2. 多页网站设计的缺陷
事物总是具有两面性的。多页网站的缺点也是不能回避的问题。多页面网站需要更加频繁、工作量更大的维护,这无论是对于设计团队、开发团队还是内容团队而言,都是颇为繁重的工作。在选择单页面还是多页面的网站的时候,需要考虑内容的体量和工作量,作出合理的衡量。正如同 Undsgn 所说:「更新和维护单个页面比处理多个页面要容易得多,基本的数学规律你是违反不了的!」尤其重要的是,追求数量而轻视质量对于企业而言是极为不利的。另外一个需要注意的问题就是网的跳出率。根据《Search Engine Journal》的统计,拥有大量内容的网站相对而言加载速度会更慢,用户注意力更容易被分散,这会导致网站的跳出率提升。虽然并非每个多页面网站都会被内容所拖累,但是内容和信息量的增加是必然会带来注意力的分散,这个是需要注意的。
最后,多页面网站设计在移动端上,也没有单页设计那么友好。和单页不同,多页面网站即使是通过响应式设计在移动端上呈现,在交互和界面上所耗费的时间也是更长的,所达到的效果却不一定理想。你会为了移动端上的一致性,而牺牲桌面端上的一些设计么?
三、总结
其实今天的文章,我们的目标是通过阐述单页设计和多页面设计之间的差异,让你能够在设计上作出更好的决策。简单总结一下:当你的网站功能比较集中,关注度也较低的时候,单页设计会非常有用,它也是移动端网页的首选方案。如果你需要复杂的、多功能、可拓展式的网站,那么还是采用传统的多页式设计,结合合理的导航设计,并且加入可靠的 SEO策略。选择单页还是多页,很多时候需要灵活应变,因地制宜,内容始终是网站的灵魂,多考虑用户打开网站时候的使用场景,也许整个局面就很明朗了。
优网科技,优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。