您现在的位置是:网站首页>内容内容
浅谈网站前端导航功能的设计要点_建站经验_网站运营_
2024-05-09 14:52:31 【512953070@qq.com】 279人已围观
简介 浅谈网站前端导航功能的设计要点_建站经验_网站运营_
用户对导航的三种行为
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.选择适当的机制
热评
- 深入分析PayPal对Node.js的应用和开发案例_建站经验_网站运营_
- 如何让你的网站网页更加吸引人?增强网页设计吸引力的方法_建站经验_网站运营_
- 选择Node.js作为服务器端运行环境的优势解析_建站经验_网站运营_
- Google Container Engine上申请和使用Docker容器的教程_建站经验_网站运营_
- 盘点那些年个人站长使用过的网站模板_建站经验_网站运营_
- 架设网站初期的一些成本和备案方面的经验建议_建站经验_网站运营_
- 想知道你的企业网站值多少分?来测试一下吧_建站经验_网站运营_
- 探究AWS所提供的针对Docker的EC2容器服务_建站经验_网站运营_
- 使用七牛云存储的镜像功能和免费流量来加速网站_建站经验_网站运营_
- 全面剖析eBay的Hadoop集群应用及大数据管理_建站经验_网站运营_
点击排行
- 如何让你的网站网页更加吸引人?增强网页设计吸引力的方法_建站经验_网站运营_
- 选择Node.js作为服务器端运行环境的优势解析_建站经验_网站运营_
- Google Container Engine上申请和使用Docker容器的教程_建站经验_网站运营_
- 盘点那些年个人站长使用过的网站模板_建站经验_网站运营_
- 架设网站初期的一些成本和备案方面的经验建议_建站经验_网站运营_
- 想知道你的企业网站值多少分?来测试一下吧_建站经验_网站运营_
- 探究AWS所提供的针对Docker的EC2容器服务_建站经验_网站运营_
- 使用七牛云存储的镜像功能和免费流量来加速网站_建站经验_网站运营_
- 全面剖析eBay的Hadoop集群应用及大数据管理_建站经验_网站运营_
本栏推荐
-
如何让你的网站网页更加吸引人?增强网页设计吸引力的方法_建站经验_网站运营_
-
选择Node.js作为服务器端运行环境的优势解析_建站经验_网站运营_
-
Google Container Engine上申请和使用Docker容器的教程_建站经验_网站运营_
-
盘点那些年个人站长使用过的网站模板_建站经验_网站运营_
-
架设网站初期的一些成本和备案方面的经验建议_建站经验_网站运营_
-
想知道你的企业网站值多少分?来测试一下吧_建站经验_网站运营_
-
探究AWS所提供的针对Docker的EC2容器服务_建站经验_网站运营_
-
使用七牛云存储的镜像功能和免费流量来加速网站_建站经验_网站运营_
-
全面剖析eBay的Hadoop集群应用及大数据管理_建站经验_网站运营_