网站首页
手机版

导航设计怎样才好

更新时间:2022-03-31 17:00:45作者:佚名

导航设计怎样才好

导航设计好的方法是: 

  1、保持(导航结构)的连贯性和一致性

  

  连贯性的产生也需要经过内容的筛选,不是所有的导航项目都需要展示其子页面链接,亦或者全都不展示;而是要展示那些会让用户误以为不展示其子页面链接,就没有更多内容的导航项目。

  

  如果子页面链接没有在一级导航结构中展示,那么就要确保其在各个板块的次级导航结构中的使用始终保持一致(不要在这个版块是一级导航结构中展示,而到了另一个版块却是在二级导航结构中展示)。

  

  同样,所有的一级导航项目要么都是跳转到落地页的链接,要么都是作为二级导航链接的标题。如果一部分是跳转到落地页,另一部分则是二级导航链接的标题,那么用户就会在点击时产生疑惑。

  

  2、设计清晰易懂的交互方式

  

  视觉元素的变化,可以帮助用户搞清楚网站有哪些可能的交互形式。例如:把关闭状态的按钮滑至开启意味着某个设置改变了,并且知道如何反置。当icon没有改变,那么用户可能就无法预知操作结果。

  

  3、设计扁平的导航结构

  

  为了设计一个很好的导航结构,好的网站信息架构和层级才是关键。当网站的信息层级结构图已经出来时,此时就要尽力去设计一个扁平的导航结构,这种扁平的结构要能让用户只需要点击一两次就可以去到最底层的页面。

  

  尽管扁平的导航结构固然是最理想的,但是仅仅因为短时记忆的局限,而把菜单设计得很简短也是错的。

  

  4、考虑响应式设备的兼容性

  

  一个好的导航结构可以很好的适应手机和平板电脑,设计导航结构时应该考虑到多端通用,或者考虑使用两种相似的导航结构,这种结构不会让用户去切换思维模式去适应移动端和PC端的不同。

本文标签: 网站建设  标签  简介  网站  

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27