主要内容
导航设计 最后更新: | 文章数: 40
网站要做的事情就是更好的引导用户完成任务,并保证用户完成任务的过程有着好的体验。
某种意义上可以说:网站从头到尾做的事情都是在做“导航”,只有最终的那个结果才是“内容”。
-
40. 页面导航设计的快速验证方法 2012-09-02 22:14
著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划,将面包屑撒在来时的路上,虽然当月亮升起时,面包屑被鸟吃掉了,但是现在的互联网设计师们从这个故事中找到了灵感,设计出不会被鸟吃掉的固定“面包屑”。 图1:互联网上各种各样的面包屑 汉赛尔和格莱特为了在森林中找到回家的路,撒下了面包屑,这是一种导航方式,如果没有被鸟吃掉,无论走到森林的 ... ...
-
39. Web导航设计二三事 2012-07-05 10:22
导航在Web中扮演一个回答用户“我是谁?”“我从哪里来?”“我到哪里去”的角色。好的导航是一个网站的主要基石。而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战。 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前 ... ...
-
38. 导航 – 让用户“务入其途” 2012-04-12 19:40
导航到底有多重要?它只是简单的指路牌吗?当然不是。导航在网站架构中占据重要的位置,它决定了网站的信息范围、分类及获取路径。好的导航设计将直接提升网站的可用性,进而提升品牌形象和网站的可信度。所以如何让进入网站的用户顺利地甚至是不知不觉地”务入其途“一直是我们不断探寻的目标。 导航的种类众多,扮演的角色自然会略有不同,有的可拓展信息,有的则做信息收拢,笔者初步将常见的 ... ...
-
37. 关于网页导航的一些建议 2012-04-10 22:56
网页导航是设计网站时需要考虑的一个最重要的方面。网页导航的首要的目的是让访客在你的网站简单迅速地找到他们想要搜寻的内容。高效的导航可以引导浏览者在你的网站尝试搜寻其他内容。在本文中,我们将探讨一些设计网页导航的基本准则。 有效的网页导航 在设计网页导航时,你需要将以下几点铭记于心: 1. Organized Links 组织良好的链接 确保你的链接按照重要性有序排列 ... ...
-
36. 直达电梯-导航 2011-11-03 10:13
超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。 国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中/洋;东/西,界面感受果然不同。 今天只说导航,只对比了新闻类站点: (娱乐类,设计类,个人站点导航形式多样,逻辑复 ... ...
-
35. 左侧导航条 2010-07-21 22:53
原文地址:http://developer.yahoo.com/ypatterns/navigation/bar/leftnav.html 用户为了完成任务需要找到必须的内容和功能.左侧导航条在垂直的紧凑的空间内提供给用户快速访问已分类内容的入口. 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 分类至少有4个 ... ...
-
34. 顶部导航条(Top Navigation B... 2010-07-19 16:23
这个可能是最简单也最常用的组件了,所以内容也不多……. 原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 2-12个分类的时候 分类的标题相对较短 ... ...
-
33. 手风琴导航(Accordion)_Yahoo... 2010-07-14 23:07
最近事情很多,工作,生活,感情,亲情…..每个人在每个方面或多或少都会收到过挫折和困难,但是请享受并面对,因为这样才是完整的生活…… 从Yahoo Pattern中学到不少东西,看这块中文信息比较少,所以打算开始翻译一下.同时因为手风琴导航这个组件在新版的客户端中也开始使用,所以先写这个. 原文地址: http://developer.ya ... ...
-
32. 优化网站导航设计 2010-06-16 22:57
——让用户更容易地找到需要的信息3 之前已经介绍过为了让用户更容易地找到需要的信息,可以对网站的信息架构和站内搜索进行分析和优化,而另一个能对用户起到很好引导作用的就是网站的导航功能,所以这篇文章主要分析用户对网站导航功能的使用情况,并在此基础上合理地优化网站的导航设计。 网站导航的作用 网站导航的最终目的就是帮助用户找到他们需要的信息,如果说得详 ... ...
-
31. 多维度导航探秘II 2010-06-08 10:13
本次薯片会一改以往低调、沉稳之作风,先瑜伽团美女show上阵,再是以臭为首的吃喝团上阵,两轮下来大家情绪Hight到了极点,自然讨论的时候思维也是相当的敏捷,O(∩_∩)O! 本次薯片会以QQ商城网站为例,对多维度导航进行了深入探讨…… 我们所说的多维度导航 主要是指:能够引导用户通过不同纬度:运营维度、商品自然属性维度、搜索等维 ... ...
-
30. 说说那些商城的导航 2010-05-15 10:44
本文主要想表达的内容是:如果某个组件具有某个属性,那就把这个属性发挥到极致;如果某个组件不具备某个属性,那么就不要把它伪装 成具备这个属性,并用这个属性来诱奸用户。 简单说,设计就是要解决问题,这是设计的本质与落脚点。 电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是,告诉用户如何快速准确的到达他想要去的任何地方。 在所有电子商务网站中,Amazon ... ...
-
29. 新颖网站导航设计趋势案例 2010-01-05 23:04
在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容,这里整理了当前网站设计中流行的特色导航设计案例,这也表明了网站导航设计的一个未来趋势。 3-D 导航 3-D 风格的导航菜单可以表现的更突出,能在整个页面的设计中凸显导航功能,并且向 ... ...
-
28. 翻转页面导航 2009-11-10 10:26
在UItrends上看到一个新的导航趋势的应用:翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法,就像kate曾经提到过的,这种效果仅仅用来代表视觉隐喻,没有什么实际内容。 早期由于这种设计只有一种固定的模式,缺乏动态效果,另外冗余的样式对页面的加载速度也有不小的影响,其应用并不广泛。后来随着带宽的提升和web应用的多样化 ... ...
-
27. 网站导航栏的过去与现在 2009-10-11 13:02
原文作者:smileycat原文链接:Website Navigation Then and Now译者:言 午 一 郎 转载请注明: 言午一郎 原文地址: 网站导航栏的过去与现在 我最近回想起几年前的一份网站导航栏的收藏。我不解但是我却很想知道今天的这些网站的导航栏是怎样的?还有导航栏对这些网站的成长、重设计、品牌提升等等有着多大的影响。 下面是 ... ...
-
26. 从Vista地址栏到网站导航菜单 2009-09-04 23:43
在Windows vista之前的微软操作系统的地址栏与浏览器的地址栏是一样的,也是面包屑般的自上而下的线性等级形,如果想从D盘跳到C盘是不大可能直接到达的,所以微软在vista上重新设计了地址栏,使其脱离了自上而下的线性等级形式,而是成为了多功能形的导航菜单。用户即可以直观的通过路径知道自己当前所处的位置,同样也可以快速的跳转到硬盘里的其他地方。 一般情况下 ... ...
-
25. 网站导航设计杂谈 2009-08-12 11:20
“网站策划中百分之七十的工作是围绕网站导航开展的”——这句话是错的。许多优秀的网站成功在导航设计,许多糟糕失败在导航设计,这个现象的确存在,但这并不意味着导航设计占有网站策划工作的绝对重心。 不是所有的网站都需要导航 策划这类思维活动,一旦形成了惯性也就失去了创造力。很多从事网站策划的朋友,总是把着眼点放在了网站的导航,殊不知很多网站 ... ...
-
24. 博客导航的用户体验 2009-05-02 00:41
看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航?”的文章,在Google Reader里做备注,发现要写的东西过多了,于是结合一下我的博客导航部分设计的思路和SEO,放在这里作为一篇日志。 我的博客的导航的内容主要分为以下几种:博客分类导航(即放在页面顶部或者左侧/右侧的导航)、标题、翻页/分页导航、其他导航(文章内链接、关键字、友情链接、文 ... ...
-
23. 左侧导航还是右侧导航? 2009-05-02 00:03
记得很久以前在上一家公司有一次会议上讨论博客的导航问题,大概就是”导航是放在左侧还是放在右侧?”基本上大家在会议上都达成了共识就是博客的导航应该是放在右侧,因为内容比较重要,放在左侧可以让用户可以更加注意内容。 最近在看《Web的导航设计》,其中有一部分也提到了关于导航的位置的问题. 在2002年对奥迪网站(www.audi.com和www.audi.de ... ...
-
22. Wordpress后台的导航设计 2009-04-21 22:13
前一阵子升级了博客系统,由原来的wp2.6升级到wp2.7,而升级以后最大的改变就是全新的后台管理界面了。 在我用了一会发现,wp2.7的后台左侧导航越用越熟悉,突然打开dwcs4一看,哈哈,这不是一模一样吗,adobecs4系列全面升级了界面,而左侧导航的处理方式也全新的,下面我们来看看dwcs4的导航设计。 三种状态: 第一种区块全部展开,可以收缩,这一点和普通的软件没有什么 ... ...
-
21. 怎样的面包屑导航更能体现整站架构 2009-04-08 21:27
在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向,而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样,前者为用户做一个大概的结构介绍,而后者则是在大架构之后的细节延伸。 面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接,这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地,面包屑导航是 ... ...