您好!欢迎登陆845建站营销推广平台!

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

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

阅读  2022-08-27 编辑:845.net.cn​

用户对导航的三种行为 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.选择适当的机制

你看到此篇文章的感受是:

已经有 人表态:

本站资讯·版权声明

本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

本网站所提供的信息,只供参考之用。本网站不保证信息的准确性、有效性、及时性和完整性。本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误,对用户或任何其他人士负任何直接或间接责任。在法律允许的范围内,本网站在此声明,不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。

文章网址: https://www.845.net.cn/news/2642.html

网站
建设

网站
建设

网络
推广

网络
推广

在线
客服

在线客服服务时间:9:00-18:00

选择下列产品马上在线沟通:

客服
热线

13715268808
7*24小时客户服务热线

微信
咨询

加微信咨询聊天

返回
顶部