浅谈网站前端导航功能的设计要点

用户对导航的三种行为 1.适应

人们对导航会逐渐适应

2.预测

导航提供的信息气味的线索,使人们可以预测下一步是什么

3.重定向

到达一个新网页,人们会让自己重新熟悉它

网站的导航设计大致类型 超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。

国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中/洋;东/西,界面感受果然不同。

今天只说导航,只对比了新闻类站点:

(娱乐类,设计类,个人站点导航形式多样,逻辑复杂,暂来不及铺开)

Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 腾讯新闻 / 新浪

首先关注首页横向主导航:

(常规纵向导航通常配合横向主导航试用,且在商务型,大型信息类站点主页中单独使用频率不高,通常在次级页面出现,且一定是信息内容量大,分类繁琐的站点。)

可见基本导航条模式如下:

1. 对于信息统一,归纳性强的站点,通常会使用简单模式:

浅谈网站前端导航功能的设计要点

2. 对于有丰富次级信息的,通常会使用以下两种模式:

a. 鼠标hover下拉

浅谈网站前端导航功能的设计要点

b. tab展开

浅谈网站前端导航功能的设计要点

a 型导航方便快捷预览, b 型导航直接展开次级信息,也有站点把a/b模式合并。

3. 特别案例,盖浇饭类型的,把所有信息都铺出来,比如s浪:

浅谈网站前端导航功能的设计要点

(与其说导航,不如说是归纳过的标签)

 

导航设计的一些注意点 导航上的迷失有多方面的原因:

1.当人们不理解资料的时候可能会感到迷惑

2.人们在查寻过程中迷失,不知道下一步做什么

3.人们可能会在网站中偏离方向感,无法回到以前的页面,甚至是首页

4.人们在信息系统中偏离方向、分散了注意力。

导航操作性: 一个完美的导航,最基本最重要的是随时随地,快速引导用户去相关页面,而且能及时返回,方便跳转到其他页面。

有意思的是,去容易,反而找到来时路就千差万别了。

比如:用户很可能是从首页任何一个兴趣点,误入了详情页面,去的容易,1步到~!但从详情页面返回到其他模块或想去其他分支类别页面,就要仰赖导航了。

为了提供必要引导,当用户进入到足够深的详细页面,各种索引,面包屑都配合导航条应运而生。

做一个反向测试,看哪种导航配套设置更便捷。

导航路径的确定: 1.以最终目标为起点

2.确定导航的需求

3.选择适当的机制

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:SEO优化专员,转转请注明出处:https://www.chuangxiangniao.com/p/894633.html

(0)
上一篇 2025年1月4日 00:06:59
下一篇 2025年1月4日 00:07:24

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 做管理对员工的要求就是,干活必须带脑子

    我自己做管理这么多年,从来不鼓励员工埋头苦干、必须加班。因为这些根本没有卵用,纯粹都是*。我对员工的要求之一,就是干活必须带脑子。但就是这么一个简单要求,相当一部分人,根本做不到。 举个简单例子:某客户要的一批货,出库时候那边没有捣鼓好,弄…

    创业动态 2025年1月4日
    100
  • 电商网站设计要注意这几点

    电商网站设计要注意这几点 电商网站设计要点 随着人们生活方式的转变,电子商务在社会零售中所占的比例逐步上升,电商网站成为企业和小卖家以及站长群体关注的热点,也成为大家的主要致富门路之一。 虽然马云占据着主要的市场份额,但事情的发展变化是很快…

    建站经验 2025年1月4日
    100
  • 经验分享:电商网站设计方案

    电子商务是未来企业主要的商业运营方式,而设计电商网站 是开展电子商务的第一步,也是至关重要的一步。你可能会问,为什么这样子说呢?因为,电商网站的设计关乎网站的受欢迎程度,也直接影响网站的整体设计。 古人云:“知己知彼,百战百胜”,多方面了解…

    2025年1月4日
    100
  • 浅谈电商网站设计的突破点

    我参考了很多有关电商网站设计的讨论和目前国内电商网站界面特点,写出了这篇文章,希望能对朋友们有些许的帮助。 每次网购完后,总是快速的关闭页面,一刻也不想停留,这是我的真实感受,也是大多数消费者的感受。在我看来大多数的电商网站会让我窒息。 在…

    2025年1月4日
    100
  • 电商网站设计未来的几大趋势

    电子商务是巨大的生意这已经不是什么秘密,这个行业持续增长。当然,电子商务高度依赖于用户期望,趋势和新技术。如果您的电子商务网站设计不合理并且与客户对其外观和工作方式的看法不符,那么您的业务就注定失败了。 当然,电子商务设计的最大趋势是无缝的…

    2025年1月4日
    100
  • 电商网站设计注意细节要点

    电商行业茁壮成长,在互联网发展时代得以更迅猛的发展。而作为电商行业,尤其是目前现状,更加需要注重O2O的发展。电商O2O的发展,侧重点在于线上与线下的结合,整合营销做到利益最大化。而线上营销的侧重点却在于网站的营销力,那么,尤为电商行业网站…

    2025年1月4日
    100
  • 电商网站设计的注意要点

    随着人们生活方式的转变,电子商务在社会零售中所占的比例逐步上升,电商网站成为企业和小卖家以及站长群体关注的热点,也成为大家的主要致富门路之一。目前国内几大口碑好的电商网站占据着主要的市场份额,但事情的发展变化是很快的,也是难以预料的。电商网…

    2025年1月4日
    100
  • 电商网站设计一定要注意这几点

    在互联网不断发展的当前,一个企业如果没有网站,那就意味着即将被淘汰,随着电子商务的发展,建设电子商务网站已经是一个公司不可或缺的事情了。同时电子商务网站开发也迎来了其发展的黄金期。 下面小编普及一下, 电子商务网站开发需要注意的事项有哪些?…

    2025年1月4日
    100
  • 12个启发灵感的电子商务网站设计

    设计一个电子商务网站是一项很大的工作。对一个初创公司来说,现在推出网上商店比以前容易了。 像Shopify这样的软件,拥有令人惊叹的可定制模板库,可以轻松地打造漂亮而且高度沉浸式的电子商务网站体验。这里有12个吸引我们眼球的网站设计,你可以…

    2025年1月4日
    100
  • 20个激发灵感电商网站设计,赶紧Mark起来!

    一组国外的电商网站,气质简约清爽,高雅大方。布局、模块的排版、色彩的惊艳、留白的呼吸感。节奏安排得不紧不慢,让我们一起去学习下其中的精华吧。 一个设计干净且具有现代感的电商网站总是比普通网站更吸引消费者。因为,简单的设计可以防止消费者迷失在…

    2025年1月4日
    100

发表回复

登录后才能评论

联系我们

156-6553-5169

在线咨询: QQ交谈

邮件:253000106@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

联系微信