当你的设计是為(wèi)了追随时尚潮流，而不是為(wèi)了满足用(yòng)户的目标為(wèi)目的，那你的设计就出现问题了。接下来，我们分(fēn)析下单页面和多(duō)页面网页的UI设计，以便于做出更好的设计选择。

     现在，网页设计整體(tǐ)趋向于单页网站设计。这种趋势是由于对追求简单和速度的推动。简单的单页网站也是一种很(hěn)好的响应式设计，并且可(kě)以适应所有(yǒu)设备。当然，也有(yǒu)很(hěn)多(duō)情况下需要用(yòng)到多(duō)页设计。比如，快餐网站Chipotle為(wèi)了便于快速浏览菜单，使用(yòng)的就是多(duō)页面设计。

     但面对很(hěn)多(duō)相关的利益，很(hěn)容易落入添加额外的素材或者忽略必要的内容这样的纠结中。

     所以，这个很(hěn)难决策是使用(yòng)单页还是多(duō)页设计网站。

一些小(xiǎo)提示

     大型的网页设计由于有(yǒu)子网站以及经常变化的内容变得很(hěn)复杂。当然，单页设计的网站也会遇到类似的问题，因為(wèi)你必须消化掉复杂的内容，展示给用(yòng)户简洁的内容并且不让用(yòng)户感到困惑。

     在设计用(yòng)户體(tǐ)验时，请考虑适用(yòng)于任何网站的以下基本要求：

• 你是要提供给多(duō)少个用(yòng)户？（信息，产品，或者场景）

• 在网站的层级结构上哪个是最重要的元素？

• 如何才能(néng)让用(yòng)户尽可(kě)能(néng)简单的使用(yòng)你的网站？

• 如何让用(yòng)户更愉悦的使用(yòng)你的网站？

   

   

单页网站

     单页网站设计有(yǒu)助于让用(yòng)户保持在一个舒适的网络环境中。

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

优势

     单页网站最直接的好处是以简单，容易和可(kě)操作的方式展示给用(yòng)户。

     单页站点可(kě)以让用(yòng)户沉浸在简单的線(xiàn)性體(tǐ)验。整个页面有(yǒu)简单的头部，中部，尾部。事实上，单页网站的滚动特性使得它们非常适合于习惯了该手势的移动用(yòng)户。

     有(yǒu)些专家认為(wèi)，与较大的多(duō)页网站相比，单页网站的转化率更高。

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

     单页网站的好处是：简单的滚动比点击无限链接可(kě)以更容易和更连续的操作。如果用(yòng)户开始滚动，那么您可(kě)能(néng)发现它们更可(kě)能(néng)继续滚动，而不是停下来点击击链接。

劣势

     单页网站最大的劣势就是陷入把过多(duō)的内容放置在一个页面里。因為(wèi)一个页面不可(kě)能(néng)容纳所有(yǒu)的一切。而是需要有(yǒu)视觉层次和大量的规范制约。

     随着内容类别的增加（例如博客，新(xīn)闻，服務(wù)，产品），单页网站的可(kě)用(yòng)性越高。从技术的角度来看，单页网站的搜索优化比多(duō)页网站少。当一个页面上的内容和图像很(hěn)多(duō)时，他(tā)们会加载很(hěn)慢。

     对搜索的内容查询。虽然单页网站可(kě)能(néng)会提高您的主要关键字的相关性，但更有(yǒu)可(kě)能(néng)会稀释其在自己的网页上排名更高或次之的子主题和字词的相关性。

多(duō)页网站

     多(duō)页网站通常由拥有(yǒu)广泛产品或服務(wù)的大公司所有(yǒu)。 他(tā)们的用(yòng)户也可(kě)能(néng)是相当多(duō)样化。

     这些网站的要点是：

• 需要尽可(kě)能(néng)大容量；

• 由于内容的数量，他(tā)们需要层次分(fēn)明；

• 很(hěn)多(duō)时候，它们由许多(duō)微型网站和子部分(fēn)组成，以分(fēn)解信息和内容，并提供多(duō)个入口点；

• 它们提供对多(duō)个页面和改变内容的SEO的更好控制。

   

优势

     多(duō)页网站对于需要传统导航的用(yòng)户来说很(hěn)有(yǒu)意义。他(tā)们需要给用(yòng)户提供更多(duō)的信息。

     例如，对于電(diàn)子商(shāng)務(wù)网站，用(yòng)户不想花(huā)费一个页面了解您公司的故事或员工。而是想要找到想要的产品，付费然后使用(yòng)。在这种情况下，到不同页面的导航栏就会非常有(yǒu)效。

     事实上，混合的单页网站出现给设计师提供了一个很(hěn)好的方向。单页结构可(kě)以优化转换。另一方面，顶部导航可(kě)以给用(yòng)户更多(duō)的操控比纯滚动體(tǐ)验更好。

     劣势

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

有(yǒu)些人认為(wèi)，导航可(kě)以舒适地适应前三个级别。

• 导航必须扩展，最终占用(yòng)更多(duō)的屏幕空间

• 信息架构中的更深的页面不再会出现在导航中。 如果用(yòng)户在网站内部深处，他(tā)们将丢失他(tā)们的位置的上下文(wén)，因為(wèi)他(tā)们没有(yǒu)看到当前页面有(yǒu)合适的导航在网站中。

     随着网站的扩展，我们需要考虑所有(yǒu)不同切入点产生的问题。如果网站有(yǒu)多(duō)个入口点，则必须使用(yòng)户能(néng)够很(hěn)容易的通过导航回到主页或其他(tā)感兴趣的页面

总结

• 采取内容优先的方法。 找出用(yòng)户关心的内容，然后相应地设计您的界面。

• 确保你的网站适合纯粹的单页體(tǐ)验。 如果你不能(néng)把所有(yǒu)内容简洁的放入一个页面，请考虑混合网站。 如果需要用(yòng)户知道多(duō)个类别，请使用(yòng)多(duō)页网站。

• 不要忽视SEO， 可(kě)以用(yòng)单页网站建立搜索引擎优化。

• 用(yòng)户不总是喜欢阅读， 这就是為(wèi)什么信息图表和视频是新(xīn)用(yòng)户體(tǐ)验的一部分(fēn)。 任何大小(xiǎo)的网站都需要使用(yòng)户可(kě)以快速浏览。

• 把事情简单化， 设计的一致性实际上对用(yòng)户来说操作更简单。

• 网站的清晰度很(hěn)重要。