首页 > 经验 > 关键词 > 网站设计最新资讯 > 正文

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

2017-04-14 16:47 · 稿源:渔夫和Ta的灵魂
文章目录

现在,网页设计整体趋向于单页网站设计。这种趋势是由于对追求简单和速度的推动。简单的单页网站也是一种很好的响应式设计,并且可以适应所有设备。当然,也有很多情况下需要用到多页设计。比如,快餐网站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的灵魂】

  • 相关推荐
  • 大家在看
  • SEO网站排名,现在如何重新规划与设计?

    对于百度搜索而言,并不是一个“平凡”的一年,可谓是“波澜不惊”,百度搜索引擎算法,几乎每天都在不断的调整与修正。

  • 反复搜索并点击自己网站,对SEO排名影响有哪些?

    ​在做SEO的过程中,我们总是会有一个小习惯,那就是当我们刚开始做网站排名的时候,总是习惯性的去搜索自己的关键词,并且去点击相关的页面。  

  • 美疾控中心网站删除部分疫情数据 美疾控中心网站网址

    美疾控中心网站删除部分疫情数据是怎么回事?据央视新闻援引美国有线电视新闻网(CNN)报道,当地时间 7 月 16 日,在特朗普政府决定「接管」新冠肺炎疫情数据后,美国疾病控制与预防中心网站上的一些数据已被删除,包括相关医院数据。

  • 携程回应比价搜索网站 Skyscanner 裁员:将进行组织结构优化

    针对裁员问题,携程方面回应称,由于全球疫情的冲击,天巡(Skyscanner)计划采取一系列措施加以应对,其中包括组织结构的优化。在此过程中,天巡还将产生约 60 个新工作岗位,并优先考虑现有的员工。此前,网传携程旗下机票比价搜索网站 Skyscanner 宣布至多20%,将近 300 人的裁员。

  • 除了SEO,还可以这样提高企业博客网站流量和价值

    在制定网络营销策略时,让企业最头疼的问题之一就是如何处理他们的博客,因为维护博客可能既烧钱又耗时。很多专业的营销人员通常会告诉企业,他们需要创建一个博客获得自然搜索流量。然而,许多商业博客几乎没有流量。

  • 微博:除了这四类网站 其他网址均不再支持跳转

    7月8日消息,微博管理员官微发布《微博平台实施外链白名单机制的公告》,公告称,8月初将上线微博外链白名单机制。所谓微博外链白名单,就是把目前免费的短链服务调整为受限制的免费服务,仅对

  • 轻松4步搭建一个有用的教育网站

    现在各行各业都纷纷转线上发展业务,教育行业也不例外,纷纷搭建起了网站。但是对于教育行业来说,一般不会配备一支技术团队在学校,因此搭建网站,对于教育行业来说,显然有些困难。而且,教育网站的要求比较多,需要充分地展示学校的风貌,还需要有相应的课程内容、购买功能等。那教育行业究竟怎么才能够很好地搭建完成一个教育网站,并且能够利用这个网站带来更多的生源呢?今天就以兴华国际教育控股公司为例,让大家也可以快速搭建好教育网

  • 宅家无聊?这个网站可以让你“窥视”别人家窗外景色

    尽管全球部分地区正在慢慢重新开放,但国外旅行仍受到广泛限制。不过有了这个新网站,你可要愉快的看着别人家窗外有美丽的“风光”了。

  • 为什么大家都爱用这款网站推广软件

    最近很多朋友都跟我推荐一款网站推广软件,总说因为这款软件,现在连竞价词也不用做了!其实朋友说的这款网站推广软件,是由耐思智慧自主研发的【千站推智能推广软件】,帮助中小企业和个人推广网站,让网站可以霸屏搜索引擎首页。今天就为大家分享一下这个朋友的案例,让大家看看究竟有什么吸引人的地方。今天要为大家分享广州米枫网络有限公司赵总的真实故事,看看赵总为什么会这么喜欢这款网络推广软件。顺势而为 突破困境赵总是80后,在

  • 国内版N号房网站被查处

    今天,全国“扫黄打非”办公室 9 日公布“净网2020” 专项行动上半年数据:全国共查处网络“扫黄打非”案件 1800 余起,处置淫秽色情等有害信息 840 余万条。网传所谓“国内版N号房网站”“滴滴司机直播性侵女乘客”“五一宜家门”等多起网上突发传播案事件被查处。通过严厉打击淫秽色情及低俗信息,在网络直播、短视频、社交群组、网络文学等领域开展专项整治,“净网”行动取得明显效果。根据两部门交办的线索,重庆市沙坪坝公安

  • 做网站推广最害怕的是花了钱还没效果

    各行各业现在都希望能够借助互联网帮助企业做推广,让更多的人能够关注到自己的企业。这个方向显然是正确的,但是,企业最担心的并非推广的途径和费用,而是担心花了钱去帮助网站推广,但没有效果。根据网站推广的常用方式,我计算了一些数据,看到这些数据,真让人细思极恐。现在就给大家看看两组数据,让大家看看企业常用的网站推广方式,到底要花费多少钱,以及效果如何。常用的网站推广方式企业一般为网站做推广的方法有两种,

  • 国内版N号房网站查处进展:某大一学生架设网站传播淫秽视频 充值会员近万人

    【TechWeb】7月9日消息,全国扫黄打非办公室今日公布“净网2020”专项行动上半年工作情况,其中提到快速处置网传所谓“国内版N号房网站”、“滴滴司机直播性侵女乘客”“五一宜家门”等多起网上突发传播案事件。通报显示,对网传所谓“国内版N号房网站”相关线索情况,全国“扫黄打非”办公室联合公安部治安局开展核查。经研判,涉案网站传播方式、组织架构与韩国“N号房”存在明显差异,属于日常打击的一般性境外淫秽色情网站。?

  • 慧博和发现报告哪个更好用?研报网站全对比

    资料收集是一件相当繁琐的事。看研报的人都想要一个研报非常全、数据非常多、查询还方便的研报网站。我用的是【慧博投研】和【发现报告】。【慧博投研】作为国内第一批诞生的研报平台,有着多年运营研报平台的经验。研报多,性价比也不错,APP与客户端使用起来也相对便捷。凭着多年来的投研数据,吸纳了大量用户。【发现报告】则是我同事推荐给我的,去年才入坑【发现报告】。据我了解,它是近三年才诞生的互联网研报网站。一个免?

  • Cloudflare宕机导致大量网站和服务无法访问

    在Cloudflare的部分网络服务出现故障后,官方发布事故报告,称骨干网络的配置错误导致了持续 27 分钟的宕机。

  • AI抢饭碗 微软对MSN网站编辑团队大裁员

    微软公司旗下MSN新闻网站正在进行备受争议的转型,把此前由人工编辑做出的内容决定交给自动化和人工智能(AI)。现在,据科技网站Geekwire报道,微软公司打算进一步缩减MSN团队。

  • 一个超良心的字体网站,让你彻底摆脱用字困扰 不看后悔!

    对于字体,大家是否曾出现过以下疑问呢?电脑上的字体太少了?找不到合适的字体?字体不好看?用这个字体会不会侵权?

  • 微软发布新的Windows Insider计划网站

    微软今日发布了改版后的Windows Insider计划网站。新网站经过重新设计,更加方便用户访问和参与,新的Windows Insider网站将为测试者了解该计划提供一站式服务。Windows Insider计划是一个由数百万Windows最忠实的粉丝组成的社区,他们可以第一时间看到Windows接下来的变化。

  • Xbox One X产品页已经从微软澳大利亚网站上撤下

    微软计划在今年晚些时候推出最新的游戏机Xbox Series X,作为Xbox One的继任者,旧版游戏机必然会在某个时间点被淘汰。然而,澳大利亚网站Press Start的一份报告表明,这一切可能会早早发生。

  • 牛商网站神:低成本、高转化快速建站智能转化系统

    网站是企业第一张网络名片,是开展网络营销的第一步。随着公司业务变动与扩增,这张“名片”可能也会需要更新。 牛商网有位老客户,一家专注于RFID无线射频技术的开发和应用的企业就面临着这种困境,因公司业务发生变动,老网站营销力不足,关键词不精准,花费多且没效果急需新建一个官网。 该公司负责人石总很快就找到了权衡网站效果与预算的选择。基于信任他还是找到牛商网,最后通过牛商网的站神-快速建站智能转化系统顺利换上

  • AI取代微软MSN网站人工编辑 几十名员工被裁

    站长之家(ChinaZ.com) 7月14日 消息:AI开始对编辑下手了!据外媒报道,近日,微软公司旗下MSN新闻网站正在进行备受争议的转型,开始用人工智能(AI)取代人工编辑。在此前裁员了几十名MSN合同工后,微软现在又在裁减数量不详的微软新闻全职员工,包括MSN编辑团队的一些高层领导。上周,前MSN财经频道编辑布莱恩路乔伊纳在Motherboard网站上发文,详细介绍了他是如何被算法所取代的。乔伊纳是MSN的一名合同工,和几十名全职记者一样在

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签