首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

 711网络 网页制作心得技巧

方便用户交互的网站导航完美设计

来源: 网页教学网    日期:2009-2-23
 
网页教学网核心提示:许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕。这篇文章,我们尝试就网站导航交互做一些探讨。

由Amazon购物列表页引申的讨论:

单一维度 和 多维度的导航结构

我们通常认为面包屑导航为单一维度的导航结构,如上图红色实线框所示,即它是一种线性的导航方式。不过在网页的应用中,“面包屑”导航的应用有两种:
a)“追溯来路”即跟踪用户行为,记录的用户在网站的活动足迹的一种“线性导航”,
b)用来表达内容归属关系的界面元素,也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的层级归属关系.

而改网页左侧的导航却提供多种维度的导航,且这多种维度可以组合成不同层级的面包屑结构

看到本信息说明该文是通过网页教学(webjx.com)整理发布的,请不要删掉!

如,我想买一台LCD平板电视,进到了:
Electronics › Audio & Video › TVs & HDTVs › Flat-Panel TVs › Flat-Panel LCD TVs
在这个页面上,左侧导航给我提供了品牌、供货商、价格、显示屏尺寸……等多种选择。

我可以先选品牌再选尺寸,如: 方便用户交互的网站导航完美设计_网页教学网
也可以先先尺寸再选品牌,如: 方便用户交互的网站导航完美设计_网页教学网
因此这种方式为用户提供了多种维度的导航,运行用户如在电器超市随意逛逛挑选商品,而不必考虑该先问导购员有什么品牌还是问有什么尺寸好。这一点符合用户的心理模型,值得设计中借鉴。

 网站导航设计需要注意的问题及基本原则

我们就网站组日常需求中,有关导航的交互设计工作进行了交流,总结出在网站导航设计中需要注意的几点问题及基本的原则。

看到此信息请您谅解!webjx.com为了防采集加上的!请到网页教学网浏览更多信息。
1.导航条的位置。主导航条的位置应该在接近顶部或网页左侧的位置,如果因为内容过多需要子导航时,要让用户容易地分辨出哪个是主导航条,哪个是某主题的子导航条。
2.导航使用的简单性。。导航的使用必须得尽可能的简单,避免使用下拉或弹出式菜单导航,如果没办法一定得用,那么菜单的层次不要超过两层。
3.面包屑导航。应该让用户知道现在所看的网页是什么和与现在所看网页的相关网页是什么,例如通过辅助导航“首页 > 新闻频道 >新闻全名”里的对所在网页位置的文字说明,同时配合导航的颜色高亮,可以达到视觉直观指示的效果。
4.导航内容明显的区别。导航的目录或主题种类必须得清晰,不要让用户困惑,而且如果有需要突出主要网页的区域,则应该与一般网页在视觉上有所区别。
5.导航和排序的区别。导航和排序容易混淆,需要留意(看图指出问题)

方便用户交互的网站导航完美设计_网页教学网 
这里的tab是导航还是排序?

方便用户交互的网站导航完美设计_网页教学网
 Google Reader上的处理

6.准确的导航文字描述。用户在点击导航链接前对他们所找的东西有一个大概的了解,链接上的文字必须能准确描述链接所到达的网页内容。

好了,关于网站导航交互的探讨,大致就是这些,欢迎交流:)



文章共3页:  [1] [2] [3]


更多的方便用户交互的网站导航完美设计请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 网页教学网    日期:2009-2-23   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
  友情赞助  

关于我们 | 联系我们 | 广告投放 | 留言反馈 | 免费程序 | 虚拟主机 | 网站建设 |  网站推广 |  google_sitemap baidu_sitemap RSS订阅
本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报