美文网首页建站相关
Web导航设计学习

Web导航设计学习

作者: amanda_feng | 来源:发表于2015-10-12 09:01 被阅读261次

导航:信息分类汇总目录的超链接集合。

1、导航的重要性:快捷、清晰、易理解,使用户知道何去何从。

2、(1)对网站信息进行分类:通过分类可为用户提供便捷清晰和易于理解的路径,从而能尽快找到所需内容。

(2)告知用户浏览位置,通过不同导航栏不同颜色、形状的改变指示。

(3)提供信息分类见切换:浏览某类信息时,想切换到相关信息或主页时,导航提供最快捷便利的方法。

(4)为用户推荐重要的浏览信息。

3、主要导航和次要导航

(1)主要导航,是对整个网站信息的分类划分,可以从各站点的各类层次栏目的网页上进行访问。一般以相同样式在相同位置出现于所有页面。

(2)次要导航,是对某一个栏目的信息分类划分。一般以相同样式在相同位置出现于所有该类的页面中。

4、导航体系:由网站导航(主、次要导航)、被引导的导航、浏览器导航、站点地图、搜索引擎及其他引导导航等共同组成。

网站信息体系:站点有分支,根据每个分支支持的内容形成不同的深度。

网站导航:

(1)通过网站导航应可找到任何页面,避免出现孤立页面。

(2)网站3次点击规则:获取信息入口点通过导航点击应该不超过3次,避免用户迷失。

被引导的导航:

引领用户一步步按照步骤完成某种任务,需提供一定的必要信息后进入相应页面。如各种购物、登录注册页面。

浏览器导航:

浏览器可跟踪用户在web上的位置,帮助用户找到所需位置。例:前进、后退、URL地址域、URL下拉菜单、历史记录、收藏夹、状态条。

站点地图:网站体系的结构图形,显示不同部分的层次和联系。

搜索引擎

其他导航:颜色、图像、超链接颜色、导航指示符号(如,首页、上一页、下一页、末页等箭头符号、按钮等指示)

5、导航规则:

(1)3此点击规则

(2)不需“独具匠心”,规则也不是绝对的

(3)结构清晰、逻辑性强:链接名称词能答意;按钮组合清晰明辨;页面标题语义清晰、导航元素一致;导航系统可包含多种导航;导航名称规范化。

相关文章

  • Web导航设计学习

    导航:信息分类汇总目录的超链接集合。 1、导航的重要性:快捷、清晰、易理解,使用户知道何去何从。 2、(1)对网站...

  • Web导航设计

    Web导航基础,导航设计的框架,特殊情境下的导航 1.导航的作用:提供获取信息的途径,显现站内的位置,显现网站的“...

  • 【锦绣蓝图—读书笔记】

    本书给我印象最为深刻的地方在于对于Web页面的分类。 Web设计一共有三类页面 1、导航.导航页面帮助用户确定自己...

  • WEB导航栏设计思考

    网站的导航多为一栏、二栏、三栏,原来所做的业务系统,在这方面不太关心,而最近在做的数据看板,尝试了几种方式,了解了...

  • WEB端导航交互设计原则

    自己从事B类产品web端交互设计3年来,设计过各式各样的导航。导航是用户从A移动到B完成任务的重要指引,体验良好的...

  • Web元素设计之导航菜单

    1. 横向导航菜单 导航菜单实际上相当于一个列表,自然地,我们可以选择HTML中的列表元素ul来进行实现: HTM...

  • ToB web后台产品设计:导航设计

    背景:最近在做B端的上门电商、餐饮的web后台设计,想把其中导航设计遇到的问题、思考点总结一下,也仅作讨论吧,抛砖...

  • don't make me think

    这本书主要是从5各方面:用户模式、为浏览而设计页面、导航设置、主页布局、可用性测试,揭示网站web设计过程重要且容...

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • 第二十七谈:案例

    本节课我们来开始学习做几个案例:导航栏设计、轮播展示、主题内容。 一.导航栏设计 首先,复制上一节代码,清理掉,在...

网友评论

本文标题:Web导航设计学习

本文链接:https://www.haomeiwen.com/subject/bococttx.html