建站常识
良好位置感的设计
2007-08-07 23:24:00
好的设计和不好的设计，就像是一块硬币的正反面。之前我们看到的都是硬币的反面，只要翻转一下，就可以看到正面了。
上次我评论了上网四大郁闷事，很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道，网站就像是一个信息群岛，岛屿和岛屿间是相连的，差别在于你是用独木桥还是高速公路，桥边（路边）是美女的诱惑还是指示牌。良好位置感的设计，主要解决三个问题：我从哪里来（为什么我在这里）？我在哪里（这里是哪里）？我将去哪里（下一步怎么走）？就像是一个迷宫，你所处位置正面有三条路，背面有三条路，你可能一下子就迷失了，忘了从哪条路来，也不知道下一步该走哪条路。
在不同的情境中，这三个问题的主次不同。但大部分情况下，第二个问题（我在哪里）更重要一些。
一种设计是在国外被叫做 Breadcrumb 的东西（延伸阅读：Breadcrumb Navigation: Further Investigation of Usage），就是童话里利用面包屑找到回家路的聪明小孩的故事。这个设计不仅仅用在资讯类网站的分类层级导航，也常常被延伸到那些“下一步、下一步”的交互过程中。比如：
亚马逊网站导航栏的变迁史），即当前所在的分类作为当前的 Tab，突出显示（动态 Tab 设计的创意应该来自于利用 headings 级别文字表示当前页面，这一点 Amazon 仍然在使用）：
利用 Tab 作位置导航有很大的优势，结合 Breadcrumb 和 Tab 还产生了一种 变体 ，在 Yahoo! 的一些频道中已有运用：
另一个问题是，对于资讯类网站，用户（访客）可能并不是从首页进入的，可能通过搜索引擎或者外部链接。这种情况下如何是好呢？除了以上方式的综合运用，我曾看到过在页面上给出搜索框，并给出来路的关键词，提示用户可以再次进行站内搜索的。比如：
以上可能更多侧重于信息架构方面，举的例子也估计是见多不怪，但我想说的是创新永远不会是凭空产生的。所以我们可以通过追根溯源的方式去学习，来增强我们的思考能力。我赞同一个观点：设计师应该是发明家。在产品设计上，你应该比他人想的更前，也要比他人想的更后。
欢迎针对本话题进行补充，谈谈你所见过的优秀的导航、信息指引方面的设计 。
近期更新
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感？
- [2022-08-09 15:57:48] 以“产品”思维搭建网站！
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容？
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块？
- [2022-07-04 15:58:06] 网站首页设计的好看，这个网站就成功了一大半！
- [2022-05-20 09:34:19] 网站后台管理系统是什么？有什么作用？
- [2022-05-17 11:29:32] 作为消费者，应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 高端网站定制与模板化网站应该怎么选择？
- [2022-04-22 16:00:41] 现在高端的网站设计都有哪些新的趋势？
