最近一直在思考这样一个问题：信息架构与用户体验到底是什么样的关系？

　　这两个都是非常熟悉的概念，维基百科是这样介绍信息架构的：是在信息环境中，影响系统组织、导览、及分类标签的组合结构。信息架构会影响信息的可用性和可寻性（Findability），除此之外，仍有许多因素会影响，例如设计经验的累积、图形的设计、人机间的互动、知识内容的管理……

　　可以用一句话来概括他们的关系：信息架构是骨骼，用户体验则是肌肤与情感。

信息架构注重结构

　　信息架构这一概念远远早于互联网，而互联网则将之重要性提到了前所未有的高度。信息架构把复杂的信息经过有效的组织后更好的呈现给用户，通常可采用以用户为中心的设计方法来实现，譬如可用性测试、角色研究、用户流程图等（嗯……貌似这些也是些用户体验设计的方法）。优秀的信息架构将使产品拥有健壮的骨骼。

用户体验设计注重情感

　　用户体验设计比信息架构更进一步，它让产品更易用。为了对目标受众产生有凝聚力的、可预见性的、可取的影响，逐渐形成了以用户为中心的设计方法。通过分析用户的上下文情境以及自然行为的背景和故事，在用户情感的层面上做出设计。让产品在健壮的骨骼上上生长肌肉，甚而赋予产品情感。

　　优秀的信息架构让产品简单易用，而优秀的用户体验设计让产品具有生命力并对用户留下持续的深刻印象。比如，SketchBox与Paper，相同的功能给人的感觉却是不一样的。面对SketchBox你可能会说，它挺好用的，而面对Paper你可能会说，这个产品够酷。

　　国外会有专门的信息架构师来进行信息架构的工作，国内很少有公司专门设立这样的职位，更多的由交互设计师进行。交互设计经常会陷于对某些细节的纠结与反复，而信息架构也是一个交互设计师分内的事情。

　　一个好的产品必将有骨骼、有血肉、有情感。

　　前几天在围脖上看到下面这样一张图。图中用语言通俗的表达了桌面图标的用途，这对于父辈级的用户来说，学会使用鼠标便能够使用这台电脑以及附带的网络，易于使用且大大的降低了挫败感，操作起来不用畏首畏尾缩手缩脚。

　　面对中国众多的互联网用户（更通俗一点网民，总觉得这个词不够友好），很多人没有计算机基础，这就很好解释为什么hao123类的网址导航网站能占据众多互联网用户的主页。《About Face》中，Alan Cooper认为现有的众多人机交互系统，有很多东西用户根本没有必要知道。譬如文件系统，呈树状组织的各种文件以及文件夹让很多人云里雾里，如果将文件系统再进一步包装让用户很容易找到想要寻找的应用或者各种文件，那么目的便达到了。

　　不过，大环境是在不断发展的，相信不久的将来这种局面将会有所改善，而懂得用户则是一门必修的课程。

　　交互设计、UX、UED、用户体验、UI、UE、产品经理、PM……只要打开RSS阅读器这些概念便铺满了屏幕。虽然用户体验是个很宽泛的概念，到底什么才是真正的用户体验呢？
　　说个小事，前一阵子在三里屯闲逛。从三里屯village一路走过去不时地看见有拿着纸袋包装煎饼的路人，遂猜想这家店铺的煎饼味道肯定不错。一路寻过去，在附近的京客隆超市看见了这家山东煎饼铺。和右撇子童鞋各点了绿豆与荞麦煎饼，看着薄薄的面糊慢慢变熟，贴上鸡蛋，嗯，口水已然奔涌而出。这样摊好饼后，店主将其铺在旁边的案板上。待摊上下一张饼后，再熟练的将案板上的煎饼涂上甜面酱、辣椒酱，撒上葱花和香菜，最后加上薄脆折好装入纸袋。从店主手上接过煎饼，本想吹一下再吃，但是发现温度正正好，塞入口中味道极好。
　　这是为什么呢？原因在于摊好饼后在案板上晾了一段时间，当时没注意到。后来才想，很多煎饼铺子，不管味道如何，摊好饼后加入调料的后续步骤都是在持续加热的过程中完成，装入薄塑料袋甚是烫手，根本无从下口。
　　其实，仔细想来山东煎饼铺店主的做法不仅能解决煎饼烫手的问题还能提高制作效率。
　　用户体验有两种，一种是本来存在的需求去满足、去改进，另外一种是创造出需求（比如乔布斯的ipod等）且具备非凡的体验。无论哪种都必须实实在在的从细节中着手，细节决定成败。

　　本文翻译自Curing the Navigation-itis Syndrome。

　　网络中每天都有海量的内容被发布，随之而来的问题是如何对这些内容分类，而内容和分类最终将导致导航问题。有时，当导航有太多选项时将会是个令人头疼的问题。

　　所以，治疗导航栏综合症（cure the navigation-itis syndrome）是非常重要的，使得导航栏对用户友好并容易操作。

　　本文提供了一些设计导航栏的技巧。帮助你解决导航问题并体统清晰的用户体验，并用真实的例子教你如何治愈导航炎综合症。

　　但首先，是这些技巧。

设计导航栏的技巧

　　当我们撰写这篇文章之前，Jon (SpyreStudios founder) 和我交换了一些想法，总结出了关于导航栏应该如何放置、如何作用和表现。

1.坚持一个导航菜单

　　通常一个导航菜单就足够了。不要增加不必要的导航条，而用下拉菜单代替。

2.清晰、简单、明显的菜单选项

　　使用清晰、简单易懂的文本，尽可能简单并能表达清楚。这样用户不会感到困惑，且知道他们点击的是什么。

3.保持导航看起来是菜单

　　一个导航菜单应该看起来像一个导航菜单。没有必要重新发明轮子。如果没坏，就不要修。基本上，你的创意应该来自内容，而不是如何呈现内容。相比如何到达内容人们更关心内容本身。所以让人们通过一个不用大惊小怪、可立即识别的过程来得到它。

4.不要使用多于两级的下拉菜单

　　不要使用多于两级的下拉菜单，除非特别必要。如果你需要使用多于三层的下拉菜单，那你可能需要重新返回绘图板。减少菜单项目——大胆裁员。你是否真的需要那两个分类或者页面，也许合二为一更好？这都是关于如何对你的内容做出更好的分类。

5.下拉菜单中不要多于10-12个选项

　　切勿在下拉菜单中放置多于10-12个选项。如果这样打不到你的要求，请重回绘图板，像第4条中那样。

6.最小化下拉菜单

　　将下拉选项保持在最小状态。如果可能，避免使用大型的下拉菜单。更多的选择往往意味着更少的动作。别让用户不知道如何如何在菜单中选择，结果导致用户离开网站。

7.不要只往菜单上放一个图标

　　图标是很重要的，但是如果菜单上只有图标的话，不是每个人都了解图标的含义。三十岁的人会知道闪存的图标代表“保存”。而小孩儿可能会不明白这个含义。

8.不要设计垂直导航栏

　　虽然设计一个垂直的导航栏没有那么难，但是在网页上使用水平导航栏是更加容易并且司空见惯的。垂直导航栏会很不方便，会让一部分用户望而却步，而且会浪费宝贵的屏幕空间。水平导航栏会为网页锦上添花，而垂直导航栏会给你的用户带来麻烦。另外，垂直导航栏会需要更多的空间来让自身变得醒目。这也因项目而异。

9.让你的设计方便触摸屏用户使用

　　触摸屏技术已经被广泛采用，所以你要让自己的导航栏方便触摸屏电子产品（比如IPAD）用户的使用。尤其对于下拉菜单而言，让它们更加容易被点击，而不是只能使用光标停留。

治愈“导航栏迷恋症”：一个实例

　　看看美国国家地理的网站，数一数这个网页有几个导航栏呢？

　　有三个，是的！对于访客是不是有点多呢？如何避免在一个网页上使用三个导航条呢？事实上，把三个导航条合并成一个导航条也是可能的！

1.设置下拉菜单

　　最最重要的是，这个三级菜单的次级菜单（第二级菜单和第三级菜单）可以放到下拉菜单中。这样既可以节省空间，又可以让用户的选择更加明了。比如说如果你对摄影感兴趣的话，你将鼠标悬浮便可以看到关于摄影的所有内容。

2 把搜索框放入现有的导航栏

　　把搜索框单独拉出来是不合理的做法。如果把搜索框放进导航栏，可以节省更多的空间。这样做，呈现给用户单一又实用的导航栏。

3 减少给用户的选择

　　从菜单中砍掉一部分内容会让你的导航栏既方便又实用。如果点击logo可以转到主页的时候还需要再单独做一个主页的链接吗？做次级菜单的时候也要考虑到这一点。

解决导航问题，提供清晰的用户体验

　　如果用户不能访问到，有再好的内容也只是一文不值。好吧，他们最终将找到并访问它。但是很多用户会变得沮丧或者放弃并离开网站，如果他们不能轻易的找到或者因不必要的选择而不堪重负。所以，为什么不更好的提供便利。

　　让用户方便使用和分享内容是治疗导航栏综合症的最好方法。解决了网站的导航问题能给用户提供更清晰的用户体验，让更多用户阅读使用并分享网站的内容而使你快乐。

　　到你了：你学会如何治愈导航栏综合症了么？如果你有更好的技巧和准则，欢迎在下面的评论区域中分享。