导航的流行趋势_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:邻居确实很重要(页面设计全局观)
朋友发了一个比较幽默的图片文章,说的是“邻居的重要性”呵呵,相当的搞笑,一会我把URL写在下面。看这个图片文章标题的时候,让我想起了我在最近两天画产品

  这不仅仅是一个信息爆炸的时代,也是一个服务爆炸的时代。

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

  借鉴传统软件工程的导航模式


  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上面和左侧的导航我们会发现一样可以玩得转。

  当然,很多时候这些导航形态将不是孤立存在的,导航的初衷就是为了方便用户,优化体验。

  原文:http://ucdchina.com/blog/?p=369

分享:用户特征描述对设计的影响
这是一个挺长命的问题,至少从用户体验、可用性、用户研究在国内兴起以来,公司里同行间就一直听到类似的争论,相信这个问题在设计界也是一个常论常青的问题。

来源:ucdchina.com//所属分类:网页设计教程/更新时间:2007-12-21
相关网页设计教程