将来比较流行的几种网站导航的方向

所属分类: 网页制作 / 应用技巧 阅读数: 1380
收藏 0 赞 0 分享

  这不仅仅是一个信息爆炸的时代,也是一个服务爆炸的时代。
  一切都是因为互联网,随着互联网技术的发展,信息的增多,服务的增多,用户需求的多样化。怎样让用户在最快地获取自己想要的东西,导航的设计显得非常重要。
  随着带宽的持续增加,互联网技术的研发,我相信,导航的形式将会更加的多样化,这种多样化带来的将不会是使用的复杂,而是更加地人性化。
  下面是我觉得将来会比较流行的几种导航的方向。
  借鉴传统软件工程的导航模式

  google靠搜索起家,却剑指微软。微软靠一个操作系统的平台整合了计算机的软件行业,google则要搭建一个新的平台来整合所有的网络服务。
  从上图可以看到,google的导航和XP的导航有着惊人的相似之处,XP左下角的快速启动,和google左上角的导航,如出一辙。google除了用纯文本没有用图标之外,没有任何的区别了。

将来比较流行的几种网站导航的方向

  再进一步看google的右上角,我做了个假设,当你点击My Account的时候,不刷新页面,而是弹出一个面板来显示里面的信息的话,是否就更加像windows的开始菜单了?可以试着去观察你身边的 google用户,很多人用google的一些服务是先进google.com,然后点击右上角的My Account来找自己想要的服务。
如果有兴趣的同学再去研究下igoogle的架构,很容易发现,俨然摆出了一个网络桌面的姿态,很是有点windows桌面的感觉。
  如果说google是整合网络服务,看看信息层面的导航吧,上一次的UCDChina书友会上,大家简单地讨论过amazon的导航的变化,amazon可以说是在网络产品导航上的鼻祖了。白鸦原来介绍过 amazon的导航的变化历史 ,直到现在导航。

将来比较流行的几种网站导航的方向

  可以从上图看到,是否很有点“开始菜单”的影子?amazon在每个子页面都有一个亮橙色按钮“Shop All Departments”你可以在任何一个子页面切换到其他的任何父、子页面。
  其实,随着技术的革新,软件和在线服务的概念将越来越模糊,交融。随着google在线产品对传统软件的冲击,从Gmail、google doc我们可以看到,颠覆的只是概念,用户体验基本上完全沿袭了传统软件的使用习惯。目录、右键菜单、拖拽、快捷键等等这些原本只有客户端产品才会出现的名词,现在在浏览器中同样开始流行起来,用户也非常容易上手。
  从用户体验的角度上讲,操作系统、软件工程经历几十年的探索,已经相对成熟,更何况培养起了几乎所有计算机用户的使用习惯。网络产品更多地应该去借鉴,模仿,就是对用户的最大的尊重了。
  没有“导航”的导航—搜索
  
导航的根源在于分类,当有100条信息的时候,我们需要类别,当有10000条信息的时候,有了tag,当有100..00条信息的时候,无论怎么分类都是难以寻找的,于是就有了搜索。
  当一个网站信息越积越多,搜索将会变得越来越重要。以至于终于有一天,当网站发现50%以上的用户来到你的网站第一件事是搜索的时候,搜索就将成为没有“导航”的导航。
  社会化导航
  
当一个用户很清楚自己需要什么的时候,他就需要寻找导航、搜索,如果当他登上互联网,不知道自己要什么,在以前,很多用户就打开QQ问朋友:最近有什么好玩的吗?现在,有了facebook那么多的中文版,可以不需要问了。
  中文网络有一道独特的风景线,那就是QQ用户,有多少用户接触互联网是从QQ开始的?在他们都还不知道什么是浏览器的时候,他们已经成为了QQ的深度用户。
  我曾经就遇到过这样的用户,QQ是他上网的第一站,自己几乎不固定登录一个网站,有一半以上的使用网页是通过朋友发的链接,常常能见到他从很深层的聊天记录里面翻出一些网址链接来看,看完立刻关闭。
  facebook最大的卖点就是follow朋友的行为,facebook是在上面QQ的用户的需求上的一次升级。很多时候当我们打开facebook第一件事是翻朋友最近干什么了,尝试一下不用facebook上面和左侧的导航我们会发现一样可以玩得转。
  当然,很多时候这些导航形态将不是孤立存在的,导航的初衷就是为了方便用户,优化体验。
将来比较流行的几种网站导航的方向
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多