扯丫扯产品: 网站导航设计、架构与信息的探讨

wz***

春秋时期，孔子的学生对孔子非常崇拜，也传下了很多佳话，这些故事成为后世尊师重教的典范。

我们现实中的物理产品或数字产品设计也承担着同样的一些潜在社会功效与教育等需求。较高层面的产品效用我们称之为膜拜，设计出极其优秀的产品接受膜拜也许是一个普通设计者及企业难以达到的高度，也正是这种山高人为峰的霸气与闪亮才吸引着一群群的产品设计及开发者乐此不疲，不断尝试或抄袭或创新出优秀的产品，尝试设计出独有的服务等等。

繁华似锦的互联网极大的促进了人类信息社会的构建，不管是购物网站、新闻资讯、sns网站、视频或企业网站等等，都会遇到信息构建的初级阶段，人类认知的导入，而这个时候一个网站产品的导航充当了门神的角色，带领着浏览的用户阅读网站设计者构建的一种服务，导航产品的好坏成为了重要的一个环节，称之为隐性杀手一点不为过，而这恰恰会被很多人忽略。颜渊是孔子的得意门生之一，他称赞孔子的教学方法说：“夫子循循然善诱人，博我以文，约我以礼，欲罢不能。既渴天才，如有所立卓尔。”别的弟子也附和说他们也有同感。

网站导航作为网站产品的入口首先要有吸引力，切合产品主题的吸引力，吸引力是个综合词汇如何有吸引力也许有很多种说法，但用文字可以描述定义为视知觉层面在产品主题确认后将做符合主题的创新设计，保证视知觉领先于产品世界，可能需要引入广告创意端的手法，从创意剪报到头脑风暴到视觉创意到制作这套广告已经很成熟的流程去重新酿出新酒。

说明，吸引力从何而来

严格控制导航的信息量，如果按新用户理论，每一个可能潜在的新用户都是初级用户尽量考虑他们的话那我们的导航最好在4-6个信息块最理想，按照信息的二元分类，也应该在（3-5）*2信息点之内。但现实的情况是用户也在不断成长，所以绝对考虑初级用户现在看来是待权衡的一种思路，更优秀的一种做法是从初级用户向中级用户迈进的途中寻找合理的设计点，就是我们把信息点分为二类，每个类点在3-5，保持不平等数量的状况，目前看来这是较优的处理方式。facebook优秀的样例

facebook左侧系统相关信息项右侧3个核心管理子功能其中一个下拉

导航突出重点有主次，重点是根据站点的企业应用或者产品类型决定，与信息量也是相辅相成。信息点合理才会有搭配的需要，信息点极少那就可以弱化搭配，信息点多时也可以忽略搭配，直接去找老板或者开评审会要求再加分一类出来，因为信息承载与主次在用户端及企业端都是有主次之分的，没有企业及用户会100%溺在单一的产品及需求交互之中，信息世界的开放要求人们必须学会重点展示有的放矢。twitter旧版不好的例子，主导航过于平庸淡然也稍多项

twitter旧版，右侧的重点并不重点

导航信息层次搭配合理，一个主功能后面必然支撑着一群子功能，是否体现网站的核心诉求点或者信息利益点，关切到相邻功能的共同表述与存在，就好象你家里的停车场奔驰旁边最好停的不是奇瑞而是宝马，这样它们可以相得益彰；抑或你的书橱里四大名著旁边不会放着网络小说全集，这样很卅风景。当然信息结构的相得益彰远不像车子或者书本那么简单，它关系到用户理解网站提供的产品信息结构层次这种很微妙的理解与使用，不出错快速理解有所收获成为核心递进的目标。

twitter新版导航设计 phome/rofile承载了层级的多数子功能流转

循循善诱，一种有步骤地引导，教育，导航起的作用也是这样的效果。一个产品也许成功会有千百种理由与分析文章，就像苹果的iphone，ipad；同样如果失败也会有百十种理由与分析，就像苹果的Newton掌上电脑，也许已经没有多少人记得了。为了成功的产品也许首先需要做一个成功的导航。

导航，是为浅谈。

给的主标题叫扯产品，写出来第一篇文章是循循善诱的导航设计，看完通篇也难以让人感到放心，离题了么不是，这要放高考作文得分准该放0分了，幸好已经远离高考了可以自主作文。挂的是羊头卖的是狗肉，跟中国足球一样感觉明明是职业球员去参赛，得的比分跟结果都是中学生球队的水准，陪人玩浪费时间不说还要被别人说哪来的小P孩，不好好学习来参加成人比赛。遂决定离题更近一步，紧紧围绕产品的周围展开，并从谈设计提高到谈架构，谈导航提升到架构的层面。还是离题么？可是确实已经离产品更近了丫。

互联网有无尽的资源，所有做互联网产品的人都会受到各方的影响，“有要做就做有特色的产品”、“产品成功几大要素”、“优秀互联网产品xx秘笈”，诸如此类的声音不绝于耳。架构这2个字眼给人无尽的压力，当然不会比当代高房价高通胀的中国子民鸭梨大，产品架构、系统架构、程序架构、交互架构这么多的架构自然各有分工，到底我们需要研究哪个方面呢，抛开以上的细致分工从用户层面分析，用户会感受到架构么？常规用户使用应该不会感受到架构2字，或者说不会感受到架构的确切内容，他会觉得产品有吸引力，结构简单或者结构有条理，系统效率很高很自然等等，这些就是我们工作分工的各类架构整合设计出的产品给用户的产品体验。

产品架构对应的是一个产品或它的体系给用户的吸引力，你的内容是否有足够的吸引力，能否解决用户的某种核心产品应用需求等，典型的就是苹果构建的产品生态体系，产品加app商店的方式解决用户一体化的产品使用消费；系统架构对应的是结构的简单，也就是认知的简易化结构有条理，快速理解产品，也许我们可以从最近在Android、iPhone和黑莓平台都非常火爆的Kik Messenger找到一些影子，它是一个社交短信服务利用网络而不是运营商发送短信的软件，其速度非常快且完全免费，非常简洁和易用；程序架构对应的就是系统使用效率很高快速无延时等等，这里还要考虑到硬件的服务器效率也就是所谓的环境，比如你的一次执行经过程序执行到服务器中转反馈整个网络流程的效率；交互架构对应的是条理和自然，让用户轻易的就实现功能及非功能性的交互，体验到产品核心。

气势磅礴的架构是一种产品的自信，需要一个设计者从开始就站在一个高度理解构建产品，并根据产品的生命周期进行相应类型层级的架构，单个产品的产品架构可能相较系统性的产品构建会稍微简单一点，但市场及互联网的发展会让单一产品创新的空间趋小，用一个产品征服一大群人或者获得一大帮人的热捧越来越成为难题。

首先要让用户看起来很快理解产品，复杂了就不可能让用户青睐研究你的架构，气势磅礴的架构用户使用感觉更不可求了，简单而又丰富的产品架构是笼统而又实用的一句话。

雅虎的shopping频道，简单明了

其次产品有大小甜头恍惚，多方位的诠释你的产品，让核心有辅助，辅助功能能带用户到核心，如此交错引领用户在产品中遨游。当然大小功能交错会带来细微的差异很容易就搞砸变成复杂受埋怨的产品，多一分则多少一分则少，象春秋早晚温差大不好控制衣量，但我们依然还是要按这种路径与目标去设计。

成长率1000%的人力资源相关软件公司，从各种维度来解读人力

再次视知觉层面的优秀引领，视觉冲击在设计匮乏的年代会一次次吸引用户，而且是大批量的制造设计最大效应的效果，发展到最后这种效应效果会趋弱，但是设计逐渐会成为标配，你必须达到一定水准，一定就是产品所处类型及时代它对产品视觉的要求。

PriceGrabber，把导航设计演绎到另一个高度的风格设计