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

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

这不仅仅是一个信息爆炸的时代,也是一个服务爆炸的时代。
一切都是因为互联网,随着互联网技术的发展,信息的增多,服务的增多,用户需求的多样化。怎样让用户在最快地获取自己想要的东西,导航的设计显得非常重要。
随着带宽的持续增加,互联网技术的研发,我相信,导航的形式将会更加的多样化,这种多样化带来的将不会是使用的复杂,而是更加地人性化。
下面是我觉得将来会比较流行的几种导航的方向。
借鉴传统软件工程的导航模式
将来会比较流行的几种导航的方向_脚本之家jb51.net转载
google靠搜索起家,却剑指微软。微软靠一个操作系统的平台整合了计算机的软件行业,google则要搭建一个新的平台来整合所有的网络服务。
从上图可以看到,google的导航和XP的导航有着惊人的相似之处,XP左下角的快速启动,和google左上角的导航,如出一辙。google除了用纯文本没有用图标之外,没有任何的区别了。
将来会比较流行的几种导航的方向_脚本之家jb51.net转载
再进一步看google的右上角,我做了个假设,当你点击My Account的时候,不刷新页面,而是弹出一个面板来显示里面的信息的话,是否就更加像windows的开始菜单了?可以试着去观察你身边的google用户,很多人用google的一些服务是先进google.com,然后点击右上角的My Account来找自己想要的服务。
如果有兴趣的同学再去研究下igoogle的架构,很容易发现,俨然摆出了一个网络桌面的姿态,很是有点windows桌面的感觉。
如果说google是整合网络服务,看看信息层面的导航吧,上一次的UCDChina书友会上,大家简单地讨论过amazon的导航的变化,amazon可以说是在网络产品导航上的鼻祖了。白鸦原来介绍过 amazon的导航的变化历史 ,直到现在导航。
将来会比较流行的几种导航的方向_脚本之家jb51.net转载
可以从上图看到,是否很有点“开始菜单”的影子?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上面和左侧的导航我们会发现一样可以玩得转。
当然,很多时候这些导航形态将不是孤立存在的,导航的初衷就是为了方便用户,优化体验。
更多精彩内容其他人还在看

网页设计技巧:iframe自适应高度的问题

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像
收藏 0 赞 0 分享

网页色彩性质的分类

任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

这篇文章向大家介绍一套免费的Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等
收藏 0 赞 0 分享

CSS使用技巧总结

偶尔看到一篇CSS常用技巧的总结文章,本人整理了一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

到目前为止,我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”,这些设备能为用户呈现更细腻、平滑和高质量的图片效果,提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别以及在什么场合下使用进行详细介绍看了下面的内容后你可能会有了自己的结论
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程,开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间为了更好的开发,我们做了一下总结
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我是一名还不算特别优秀的UI工程师;这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用;今天就给大家分享8款非常出色的CSS工具,这些工具都是很出名的,能够解决开发当中常见的棘手问题,希望对你开发有所帮助
收藏 0 赞 0 分享
查看更多