网页导航设计所学所想---不要让我思考-(酷简100--张小兵)

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

纲要导航概述1如何设计真正需要导航2网站导航的分类3网站导航设计技巧4如何判断一个网站导航5生活中导航地铁、街头路标、商场、图书馆指示牌、页码、章节标题网站中导航导航作用网站的导航是网站内容架构的体现,网站导航是否合理是网站易用性评价和用户体验的重要指标之一为了更好的提升用户体验,更好的对用户进行引导和消费转化,导航设计的科学性成为网站框架构成的重中之重导航作用企业所需用户所想0102纲要导航概述1如何设计真正需要导航2网站导航的分类3网站导航设计技巧4如何判断一个网站导航5先回答3个问题内容如何组织?A用户希望做什么?B你希望用户做什么?C内容如何组织?A先回答3个问题内容是网站的精髓,是灵魂,导航依赖于信息架构按内容的组织的方式,确保用户找到想要的东西先回答3个问题用户希望做什么?B用户使用导航是要找到自己需要的内容,用户其实不关心导航是否存在,他们只有在当前页面找不到自己需要内容的情况下,才会去寻找导航以用户设计为中心,根据用户使用场景、用户角色、网站特征来设计。网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,达到有效传递帮助用户做他们想做的事会让用户感到满意成功之路先回答3个问题你希望用户做什么?C引导用户行为,实现利益的转换满足用户所需时,兼顾企业所需成功之路纲要导航概述1如何设计真正需要导航2网站导航的分类3网站导航设计技巧4如何判断一个网站导航5网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计又称主导航,它是出现在网站的每一个页面上一组通用的导航元素,以一致的外观出现在网站的每一页,扮演着对用户最基本的访问方向性指引无论用户目前在哪里,通过全局导航用户可以访问网站上的任何位置网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计好处:将页的的余下的部分全部聚焦于内容;简洁、容易查找不足:水平空间有限,不适合分类很多的网站。水平填满了,如何做呢?适用:5-12个的导航项的网站网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计水平式导航填满了,如何做呢?在最右边增加一个【更多】的下拉菜单,如下面的百度网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计好处:占用面积大,视野好,可以有效填空网页空间不足:限制局部导航以及页面内容的可用空间适用:导航项较多的分类,如电商类网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计全局导航元素的5元素:1、站点LOGO2、首页3、搜索4、实用工具5、栏目网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO3、搜索2、首页4、栏目网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO2、搜索3、实用工具4、栏目网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO位置处于页面的左上方每一页都应该出现区别于其他文字与图片图形加文字(突出显示)网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO避免使用花哨词汇,如:QuickFind(快速查找)、QuickSearch(快速搜索)注明搜索选项——搜索什么?注明搜索范围——整个站点?部分站点?整个web?网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO激活的栏目应给人在前面的感觉默认设置已有一个标签被选中,更易引起注意网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计1、站点LOGO关于我们联系我们隐私声明站点地图常见问题人才招聘购物车下载注册登录论坛帮助顾客转化网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计又被称作“面包屑路径”或层级菜单、页面名称作用是无论用户身处站内何处,均不会迷路,尤其当网站的栏目层次较多的时候,正确的辅助导航的设置尤为重要。它从另一个层面反映了网站的结构层次,是对全局导航的有效补充网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计通常放在全局导航的“下面”,也强调了内容的组织方式:子类在类别的下面,把相关性最强的链接放在最接近用户需要的位置与全局导航不同,用户到其他页面去访问时,首先查找就是局部导航网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计层次菜单•改变文字的颜色或按钮的颜色•使用粗体或颜色反白网站导航的分类全局导航局部导航站点地图定义|放在哪里|元素设计面包屑路径•注明从主页到达当前页面的路径•使用文字链接,并用“”隔开•最后一个元素用不同颜色区分开(或加粗),表示“你在这里”纲要导航概述1如何设计真正需要导航2网站导航的分类3网站导航设计技巧4如何判断一个网站导航505扁平化的导航越有效网站导航设计的技巧很多网站策划师喜欢使用多级导航,有的甚至按照逻辑关系把导航细分到3级甚至4级,这样做是极其不合理的。在此我们引入一个维度的概念,如果每增加一级导航就增加一个维度,那么增加的这一级将使整个导航系统复杂度增加数倍,而用户的操作将呈几何数量级的增加。05扁平化的导航越有效-让用户更快找到自己所需要的内容网站导航设计的技巧无论横向导航还是纵向导航,假如入屏幕足够宽或足够长,那么只需要一级导航就可以了。这也就是说,需要把一个多维的纵深导航系统压扁,这样做的代价是打破网站栏目之间明确的从属逻辑,而得到的好处是让用户更快的找到自己需要的内容。扁平结构的导航,正在逐渐成为网站导航的主流,这就是为什么那么多门户网站将一级的栏目在导航区以多行出现05扁平化的导航越有效-让用户更快找到自己所需要的内容网站导航设计的技巧二级菜单一次性显示出来05扁平化的导航越有效-让用户更快找到自己所需要的内容网站导航设计的技巧二级菜单一次性显示出来01设计简单,一目了然,突出重点03导航栏目不能随意修改,那样会让搜索引擎认为你站不稳定,会降权02要用文字描述,不要纯用图片04根据用户行为、网站的特征选择合适的导航类型网站导航设计的技巧例如头部横向导航,侧栏竖向导航文字搜索排名中获取好的靠前位置06横排和坚列设计技巧网站导航设计的技巧我们知道,阅读习惯都是从左到右、从上到下(以“F”结构)逐行进行,那么在横排导航中,左边的项目一定比右边的项目重要么?这也未必,因为越来越多的用户将导航与段落区别开来,进行跳跃式阅读,出现了“金箍棒”状态,那么就意味着在横排导航中,最后一个元素会有一个小的跃升;所以,有经验的网站策划师会把最重要的项目放在横排导航的第一位,而次要项目放在横排导航的最后一位,其它项目从第二位依次排列开最重要的项目放在横排导航的第一位,而次要项目放在横排导航的最后一位06横排和坚列设计技巧网站导航设计的技巧06横排和坚列设计技巧网站导航设计的技巧纲要导航概述1如何设计真正需要导航2网站导航的分类3网站导航设计技巧4如何判断一个网站导航5网站导航测试每一种导航设计要根据网站的实际情况来进行考虑,有的网站不适宜搜索、标签导航,没有绝对定义,主要还是要满足用户快速查找和企业利益的快速转换所需。从一般性可以从如下5个方面测试网站导航:1、这是什么网站?-------站点LOGO2、这是网站主要栏目有哪些?-------栏目清单3、我在网页有哪些选择,我从哪里来,可以到哪里去?--本页局部导航、面包屑路径4、我怎么搜索?-------搜索

1 / 43
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功