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

2016-02-19 13:22 12 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

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

  一切都是因为互联网,随着互联网技术的发展,信息的增多,服务的增多,用户需求的多样化。怎样让用户在最快地获取自己想要的东西,导航的设计显得非常重要。

  随着带宽的持续增加,互联网技术的研发,我相信,导航的形式将会更加的多样化,这种多样化带来的将不会是使用的复杂,而是更加地人性化。

  下面是我觉得将来会比较流行的几种导航的方向。

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

  google靠搜索起家,却剑指微软。微软靠一个操作系统的平台整合了计算机的软件行业,google则要搭建一个新的平台来整合所有的网络服务。

  从上图可以看到,google的导航和XP的导航有着惊人的相似之处,XP左下角的快速启动,和google左上角的导航,如出一辙。google除了用纯文本没有用图标之外,没有任何的区别了。

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  再进一步看google的右上角,我做了个假设,当你点击My Account的时候,不刷新页面,而是弹出一个面板来显示里面的信息的话,是否就更加像windows的开始菜单了?可以试着去观察你身边的 google用户,很多人用google的一些服务是先进google.com,然后点击右上角的My Account来找自己想要的服务。
如果有兴趣的同学再去研究下igoogle的架构,很容易发现,俨然摆出了一个网络桌面的姿态,很是有点windows桌面的感觉。

  如果说google是整合网络服务,看看信息层面的导航吧,上一次的UCDChina书友会上,大家简单地讨论过amazon的导航的变化,amazon可以说是在网络产品导航上的鼻祖了。白鸦原来介绍过 amazon的导航的变化历史 ,直到现在导航。

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  可以从上图看到,是否很有点开始菜单的影子?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://www.tulaoshi.com/n/20160219/1604001.html

延伸阅读
标签: PS PS基础
学好Photoshop最好的方法之一是解构、再现设计,以此来激发自己的灵感。怀着这样的心情,让我们走近 LittleLines.com 导航,去看一下,从他们最初是如何设计出这么精致的导航栏中,我们能学到什么。 最终效果图: 步骤一 注意下面放大图像中所有的细节,边框、渐变、尺寸、颜色。在这种情况下,放大镜将是你最好的朋友。 步骤二 新...
Like运算符可以让你比较两个字符串来判断它们是否匹配,它还支持通配符。例如,星号(*)代表一个或者多个字符,问号(?)代表单个字符,而井号(#)代表单个数字。另外,通过使用左括号和右括号([、]),你可以指定一个用来匹配的字符集合。 下面的代码给出了几种可以使用Like运算符的方法。 If"(800)555-5555"Like"(###)#...
标签: PS PS基础
先看效果图。 新建文档560x300像素,背景黑色,建新层,画一白色圆角矩形。 添加图层样式。 颜色请采样我的截图,效果如下(局部) 新建图层1,调出圆角矩形选区,填充白色,把选区左挪2像素。(最后的效果里我修改了一下,挪了1像素) 删除,图层模式改为叠加,重复这个步骤,做出导航2端的亮边。 输入一些白色文...
标签: Web开发
影响网站UV指数的几种情况 UV全称为:Unique Visitors即绝对唯一访问者人数,表示访问网站的个人的数目,一般用IP数字来表示。在一段时间内,一个用户可能会多次访问,就会有多次的visits,可是只是一个Unique visitor。 要注意,这个UV的判定,是基于cookies的。 比如在过去7天内,我访问了某个网站10次,那么我就为那个网...
在大屏幕上,导航置顶或导航居左是两种典型的设计模式,然而,这两种模式在小屏幕上却遭遇挑战。在响应式设计日渐流行的今天(译者注:其实已经流行了好几年了),我们更有必要重新审视针对小屏幕环境下的导航设计模式。这些通过移动设备访问的页面导航,必须既方便用户快速访问,又不能过于突出。 以下,我列出了 7 种常见的响应式导航的设计模...

经验教程

894

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部