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

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

2018/07/11 6962评论区

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

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

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

一、单页网站

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

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

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

1. 单页网站设计的优点

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

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

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

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

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

2. 单页网站设计的缺点

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

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

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

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

二、多页网站

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

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

1. 多页网站设计的优点

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

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

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

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

2. 多页网站设计的缺陷

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

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

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

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

三、最佳解决方案

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/single-page-vs-multi-page

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里