网站设计:单页还是多页好?别争了,看这里

当你的设计是为了追随时尚潮流,而不是为了满足用户的目标为目的,那你的设计就出现问题了。接下来,我们分析下单页面和多页面网页的UI设计,以便于做出更好的设计选择。


当你的设计是为了追随时尚潮流,而不是为了满足用户的目标为目的,那你的设计就出现问题了。接下来,我们分析下单页面和多页面网页的UI设计,以便于做出更好的设计选择。

网站设计:单页还是多页好?别争了,看这里

现在,网页设计整体趋向于单页网站设计。这种趋势是由于对追求简单和速度的推动。简单的单页网站也是一种很好的响应式设计,并且可以适应所有设备。当然,也有很多情况下需要用到多页设计。比如,快餐网站Chipotle为了便于快速浏览菜单,使用的就是多页面设计。

网站设计:单页还是多页好?别争了,看这里

但面对很多相关的利益,很容易落入添加额外的素材或者忽略必要的内容这样的纠结中。

所以,这个很难决策是使用单页还是多页设计网站。

一些小提示

大型的网页设计由于有子网站以及经常变化的内容变得很复杂。当然,单页设计的网站也会遇到类似的问题,因为你必须消化掉复杂的内容,展示给用户简洁的内容并且不让用户感到困惑。

网站设计:单页还是多页好?别争了,看这里

在设计用户体验时,请考虑适用于任何网站的以下基本要求:

  • 你是要提供给多少个用户?(信息,产品,或者场景)
  • 在网站的层级结构上哪个是最重要的元素?
  • 如何才能让用户尽可能简单的使用你的网站?
  • 如何让用户更愉悦的使用你的网站?

单页网站

单页网站设计有助于让用户保持在一个舒适的网络环境中。

如果所有的内容都只适应一个页面,还要怎样添加内容?有时候甚至很少的内容需要跳转几个页面。一个优秀的UX或UI设计师需要了解设计的网页所需要的正确尺寸。在这里会了解到但也网站的优势或劣势。

优势

单页网站最直接的好处是以简单,容易和可操作的方式展示给用户。

单页站点可以让用户沉浸在简单的线性体验。整个页面有简单的头部,中部,尾部。事实上,单页网站的滚动特性使得它们非常适合于习惯了该手势的移动用户。

网站设计:单页还是多页好?别争了,看这里

有些专家认为,与较大的多页网站相比,单页网站的转化率更高。

当然,单页导航对于服务于单一目的的网站来说比大型的复杂网站更直接些。如果你的目标是讲故事,那么单页网站也是视觉叙事的最好选择。

网站设计:单页还是多页好?别争了,看这里

单页网站的好处是:简单的滚动比点击无限链接可以更容易和更连续的操作。如果用户开始滚动,那么您可能发现它们更可能继续滚动,而不是停下来点击击链接。

劣势

单页网站最大的劣势就是陷入把过多的内容放置在一个页面里。因为一个页面不可能容纳所有的一切。而是需要有视觉层次和大量的规范制约。

随着内容类别的增加(例如博客,新闻,服务,产品),单页网站的可用性越高。从技术的角度来看,单页网站的搜索优化比多页网站少。当一个页面上的内容和图像很多时,他们会加载很慢。

网站设计:单页还是多页好?别争了,看这里

对搜索的内容查询。虽然单页网站可能会提高您的主要关键字的相关性,但更有可能会稀释其在自己的网页上排名更高或次之的子主题和字词的相关性。

多页网站

多页网站通常由拥有广泛产品或服务的大公司所有。 他们的用户也可能是相当多样化。

这些网站的要点是:

  • 需要尽可能大容量;
  • 由于内容的数量,他们需要层次分明;
  • 很多时候,它们由许多微型网站和子部分组成,以分解信息和内容,并提供多个入口点;
  • 它们提供对多个页面和改变内容的SEO的更好控制。

优势

多页网站对于需要传统导航的用户来说很有意义。他们需要给用户提供更多的信息。

例如,对于电子商务网站,用户不想花费一个页面了解您公司的故事或员工。而是想要找到想要的产品,付费然后使用。在这种情况下,到不同页面的导航栏就会非常有效。

网站设计:单页还是多页好?别争了,看这里

事实上,混合的单页网站(如上面的Hell’o Baby)出现给设计师提供了一个很好的方向。单页结构可以优化转换。另一方面,顶部导航可以给用户更多的操控比纯滚动体验更好。

劣势

如果设计的网站越复杂,传统导航就越难展示和查找。

网站设计:单页还是多页好?别争了,看这里

有些人认为,导航可以舒适地适应前三个级别。

  • 导航必须扩展,最终占用更多的屏幕空间
  • 信息架构中的更深的页面不再会出现在导航中。 如果用户在网站内部深处,他们将丢失他们的位置的上下文,因为他们没有看到当前页面有合适的导航在网站中。

随着网站的扩展,我们需要考虑所有不同切入点产生的问题。如果网站有多个入口点,则必须使用户能够很容易的通过导航回到主页或其他感兴趣的页面

总结

  • 采取内容优先的方法。 找出用户关心的内容,然后相应地设计您的界面。
  • 确保你的网站适合纯粹的单页体验。 如果你不能把所有内容简洁的放入一个页面,请考虑混合网站。 如果需要用户知道多个类别,请使用多页网站。
  • 不要忽视SEO, 可以用单页网站建立搜索引擎优化。
  • 用户不总是喜欢阅读, 这就是为什么信息图表和视频是新用户体验的一部分。 任何大小的网站都需要使用户可以快速浏览。
  • 把事情简单化, 设计的一致性实际上对用户来说操作更简单。
  • 网站的清晰度很重要。

 

原文作者:Speider Schneider

原文地址:https://www.uxpin.com/studio/blog/single-page-vs-multi-page-ui-design-pros-cons/

译者:小船,微信公众号【渔夫和Ta的灵魂】

本文由 @小船 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22908/

(0)
CatherineCatherine
上一篇 2017-05-03 06:18
下一篇 2017-05-03 08:18

相关推荐

  • 用Axure写PRD:虎扑app产品需求文档(附下载链接)

    需求文档是产品经理的基本功,产品小白入门的必经之路,但对于小白来说,没经历过一个完整的项目,自然也没有产品可以写,所以倒推产品是一个练手的好方法。Axure也是产品经理的基本功,画原型图的利器,但axure不止是能画原型,还可以用来写prd,正如臻龙大神说的做这样一个一体化产品需求文档出于的目的就是传统的方式产生的文件过多,过于杂乱,不易整理和回溯。如果把每个版本的内容都整理在一个html中,这样无论是团队协作还是文档回溯都能大大提高效...

    2018-03-15
  • Axure RP软件安装教程

    Axure RP各种版本软件安装教程及下载地址:链接:https://pan.baidu.com/s/1AUHDQmeQejc9OMg7t2gmzQ密码:n29o

    2018-04-29
  • 苹果旧金山字体的秘密

    iOS 9如今已公开发布。带来了一些细微的变化,但iOS 9的系统字体变成了苹果新推出的旧金山字体,代替了之前用的Helvetica Neue。

    2017-06-03
  • 用户体验是紫光物联智能家居的第一要义

    智能家居成为一匹黑马,在这个互联网与物联网互联互通的时代,智能家居是否能够代表物联网,引领我们的居家生活走进一个新纪元呢?从用户出发,打造稳定易用的智能家居产品首先,智能家居产品目前正处于井喷阶段,发展是大势所趋。我们做的就是改善和提高我们的生活质量和生活方式。目前,大多数居民都处于一个快节奏的生活环境当中。在这个快节奏的生活中,方便、快捷、健康、环保变成了目前智能家居行业发展的主题。紫光物联多年致力于打造高标准、高品质的智能家居产品,...

    2018-05-04
  • 为什么扁平化设计辣么火?它会过时么?

    很多时候,设计本身最核心的东西一直都没变,即更好的解决问题,风格什么的都是为解决问题而服务的

    2017-05-09
  • 搜索结果页优化的10条最佳实践方法【UXRen译#175】

    作者:Nick Babich   |  翻译:猫猫DE爪,校审:兔兔瑶   搜索就像是用户和系统之间的对话:用户键入他们的信息需求作为问询关键词,系统则展现出它的回答作为一组结果。搜索结果页是搜索体验的一个重要部分:它提…

    交互专题 2023-03-03
  • 进入第四个模块——用户体验。

    之前三个模块,我们希望解决的问题是你能够情绪纠偏、认知纠偏,不再只从原生感受上来看问题。接着我们讲的是建设系统的能力的用户体验。厚积薄发,“厚积”是系统能力,“薄发”是表面的呈现,就是用户体验。同维度竞争的时候,用户体验更是最核心的竞争力。用户体验第一课用户体验的五层要素《用户体验要素》这本书里提到:“用户体验的要素,来自5个层次的层层选择与叠加建设。”这五层分别是:感知层;角色框架层;资源结构层;能力圈范围层;战略存在层。1、最核心的...

    2018-02-05
  • 汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

    从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。

    2017-05-11
  • 用户体验设计师是做什么的

    用户体验设计师的责任UX设计师如何每天工作?这个问题的答案,正如许多问题一样,是:这要看情况而定。用户体验设计师的职责从公司到公司,甚至同一公司不同项目各不相同。尽管角色各不相同,但有一些职能是期望用户体验设计师去做的,这与他们所工作的公司无关。下面为总结的用户体验设计师的6个主要职责:1.产品研究产品研究(包括用户和市场研究)是每个用户体验设计师的用户体验设计项目的出发点。它为伟大的设计提供了基础,因为它允许设计师避免假设和做出信息驱...

    2018-03-03
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20