<P>春秋时期，孔子的学生对孔子非常崇拜，也传下了很多佳话，这些故事成为后世尊师重教的典范。</P>
<P>我们现实中的物理产品或数字产品设计也承担着同样的一些潜在社会功效与教育等需求。较高层面的产品效用我们称之为膜拜，设计出极其优秀的产品接受膜拜也许是一个普通设计者及企业难以达到的高度，也正是这种山高人为峰的霸气与闪亮才吸引着一群群的产品设计及开发者乐此不疲，不断尝试或抄袭或创新出优秀的产品，尝试设计出独有的服务等等。</P>
<P align=center><IMG height=293 alt=天安门孔子像 src="http://www.chinaz.com/upimg/allimg/110711/1008450.jpg" width=400 border=0></P>
<P>繁华似锦的互联网极大的促进了人类信息社会的构建，不管是购物网站、新闻资讯、sns网站、视频或企业网站等等，都会遇到信息构建的初级阶段，人类认知的导入，而这个时候一个网站产品的导航充当了门神的角色，带领着浏览的用户阅读网站设计者构建的一种服务，导航产品的好坏成为了重要的一个环节，称之为隐性杀手一点不为过，而这恰恰会被很多人忽略。颜渊是孔子的得意门生之一，他称赞孔子的教学方法说：“夫子循循然善诱人，博我以文，约我以礼，欲罢不能。既渴天才，如有所立卓尔。”别的弟子也附和说他们也有同感。</P>
<P><STRONG>网站导航作为网站产品的入口首先要有吸引力</STRONG>，切合产品主题的吸引力，吸引力是个综合词汇如何有吸引力也许有很多种说法，但用文字可以描述定义为视知觉层面在产品主题确认后将做符合主题的创新设计，保证视知觉领先于产品世界，可能需要引入广告创意端的手法，从创意剪报到头脑风暴到视觉创意到制作这套广告已经很成熟的流程去重新酿出新酒。</P>
<P align=center><IMG height=92 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008451.jpg" width=600 border=0></P>
<P align=center>说明，吸引力从何而来</P>
<P><STRONG>严格控制导航的信息量</STRONG>，如果按新用户理论，每一个可能潜在的新用户都是初级用户尽量考虑他们的话那我们的导航最好在4-6个信息块最理想，按照信息的二元分类，也应该在（3-5）*2信息点之内。但现实的情况是用户也在不断成长，所以绝对考虑初级用户现在看来是待权衡的一种思路，更优秀的一种做法是从初级用户向中级用户迈进的途中寻找合理的设计点，就是我们把信息点分为二类，每个类点在3-5，保持不平等数量的状况，目前看来这是较优的处理方式。facebook优秀的样例</P>
<P align=center><IMG height=78 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008452.jpg" width=510 border=0></P>
<P align=center>facebook左侧系统相关信息项右侧3个核心管理子功能其中一个下拉</P>
<P><STRONG>导航突出重点有主次</STRONG>，重点是根据站点的企业应用或者产品类型决定，与信息量也是相辅相成。信息点合理才会有搭配的需要，信息点极少那就可以弱化搭配，信息点多时也可以忽略搭配，直接去找老板或者开评审会要求再加分一类出来，因为信息承载与主次在用户端及企业端都是有主次之分的，没有企业及用户会100%溺在单一的产品及需求交互之中，信息世界的开放要求人们必须学会重点展示有的放矢。twitter旧版不好的例子，主导航过于平庸淡然也稍多项</P>
<P align=center><IMG height=158 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008453.jpg" width=510 border=0></P>
<P align=center>twitter旧版，右侧的重点并不重点</P>
<P><STRONG>导航信息层次搭配合理</STRONG>，一个主功能后面必然支撑着一群子功能，是否体现网站的核心诉求点或者信息利益点，关切到相邻功能的共同表述与存在，就好象你家里的停车场奔驰旁边最好停的不是奇瑞而是宝马，这样它们可以相得益彰；抑或你的书橱里四大名著旁边不会放着网络小说全集，这样很卅风景。当然信息结构的相得益彰远不像车子或者书本那么简单，它关系到用户理解网站提供的产品信息结构层次这种很微妙的理解与使用，不出错快速理解有所收获成为核心递进的目标。</P>
<P align=center><IMG height=78 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008454.jpg" width=510 border=0></P>
<P align=center>twitter新版导航设计 phome/rofile承载了层级的多数子功能流转</P>
<P>循循善诱，一种有步骤地引导，教育，导航起的作用也是这样的效果。一个产品也许成功会有千百种理由与分析文章，就像苹果的iphone，ipad；同样如果失败也会有百十种理由与分析，就像苹果的Newton掌上电脑，也许已经没有多少人记得了。为了成功的产品也许首先需要做一个成功的导航。</P>
<P>导航，是为浅谈。</P>
<P>给的主标题叫扯产品，写出来第一篇文章是循循善诱的导航设计，看完通篇也难以让人感到放心，离题了么不是，这要放高考作文得分准该放0分了，幸好已经远离高考了可以自主作文。挂的是羊头卖的是狗肉，跟中国足球一样感觉明明是职业球员去参赛，得的比分跟结果都是中学生球队的水准，陪人玩浪费时间不说还要被别人说哪来的小P孩，不好好学习来参加成人比赛。遂决定离题更近一步，紧紧围绕产品的周围展开，并从谈设计提高到谈架构，谈导航提升到架构的层面。还是离题么？可是确实已经离产品更近了丫。</P>
<P>互联网有无尽的资源，所有做互联网产品的人都会受到各方的影响，“有要做就做有特色的产品”、“产品成功几大要素”、“优秀互联网产品xx秘笈”，诸如此类的声音不绝于耳。架构这2个字眼给人无尽的压力，当然不会比当代高房价高通胀的中国子民鸭梨大，产品架构、系统架构、程序架构、交互架构这么多的架构自然各有分工，到底我们需要研究哪个方面呢，抛开以上的细致分工从用户层面分析，用户会感受到架构么？常规用户使用应该不会感受到架构2字，或者说不会感受到架构的确切内容，他会觉得产品有吸引力，结构简单或者结构有条理，系统效率很高很自然等等，这些就是我们工作分工的各类架构整合设计出的产品给用户的产品体验。</P>
<P>产品架构对应的是一个产品或它的体系给用户的吸引力，你的内容是否有足够的吸引力，能否解决用户的某种核心产品应用需求等，典型的就是苹果构建的产品生态体系，产品加app商店的方式解决用户一体化的产品使用消费；系统架构对应的是结构的简单，也就是认知的简易化结构有条理，快速理解产品，也许我们可以从最近在Android、iPhone和黑莓平台都非常火爆的Kik Messenger找到一些影子，它是一个社交短信服务利用网络而不是运营商发送短信的软件，其速度非常快且完全免费，非常简洁和易用；程序架构对应的就是系统使用效率很高快速无延时等等，这里还要考虑到硬件的服务器效率也就是所谓的环境，比如你的一次执行经过程序执行到服务器中转反馈整个网络流程的效率；交互架构对应的是条理和自然，让用户轻易的就实现功能及非功能性的交互，体验到产品核心。</P>
<P>气势磅礴的架构是一种产品的自信，需要一个设计者从开始就站在一个高度理解构建产品，并根据产品的生命周期进行相应类型层级的架构，单个产品的产品架构可能相较系统性的产品构建会稍微简单一点，但市场及互联网的发展会让单一产品创新的空间趋小，用一个产品征服一大群人或者获得一大帮人的热捧越来越成为难题。</P>
<P>首先要让用户看起来很快理解产品，复杂了就不可能让用户青睐研究你的架构，气势磅礴的架构用户使用感觉更不可求了，简单而又丰富的产品架构是笼统而又实用的一句话。</P>
<P align=center><IMG height=537 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008455.jpg" width=510 border=0></P>
<P align=center>雅虎的shopping频道，简单明了</P>
<P>其次产品有大小甜头恍惚，多方位的诠释你的产品，让核心有辅助，辅助功能能带用户到核心，如此交错引领用户在产品中遨游。当然大小功能交错会带来细微的差异很容易就搞砸变成复杂受埋怨的产品，多一分则多少一分则少，象春秋早晚温差大不好控制衣量，但我们依然还是要按这种路径与目标去设计。</P>
<P align=center><IMG height=456 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008456.jpg" width=600 border=0></P>
<P align=center>成长率1000%的人力资源相关软件公司，从各种维度来解读人力</P>
<P>再次视知觉层面的优秀引领，视觉冲击在设计匮乏的年代会一次次吸引用户，而且是大批量的制造设计最大效应的效果，发展到最后这种效应效果会趋弱，但是设计逐渐会成为标配，你必须达到一定水准，一定就是产品所处类型及时代它对产品视觉的要求。</P>
<P align=center><IMG height=456 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008457.jpg" width=510 border=0></P>
<P align=center>PriceGrabber，把导航设计演绎到另一个高度的风格设计</P>
<P><STRONG>根据过往的人生经验，年末与年初是过得特别快的</STRONG>。不管你一年的收获是平淡还是丰盛，年就摆在那里，不会被删除只会重置，一年的末与初总会有总结、表彰和各类宴聚，通常都是气宇轩昂的进行总结展望为主旋律，就像CCAV节目的一贯气场国内形势一片大好但经济转型有阵痛，国外战火纷飞且老欺负中国。年末年初这个时候的领导通常需要做出领袖的风范，有多少不悦也不能轻易表露出来，可以回家跟他自家的“领导”一哭二闹三上吊、男儿有泪也轻弹都没问题，只是不能在万众瞩目的总结展望盛宴上表露出来低落与渺茫。为了向领导看齐，以配合新年旋律，通常职业人要表现出决心，遂决定也信心满满的写下扯丫扯产品3-笔柔性开放的信息，新年进行新的一系列扯。</P>
<P><STRONG>上一年度进行的扯丫扯产品系列，导航，架构，试欲从各个维度来浅显的研究产品</STRONG>，谈导航说架构不亦乐乎，骚了个产品的皮毛。现在把柔性开放的信息加进来想想实在是把题目越扯越大了，信息的三大类文字、图片，以及一些或表意符号元素涵盖了产品的边角。但是信息作为人类沟通的介质，你不理它它就在那，怎么绕也绕不开，那干脆敞开胸怀去迎接它。实际上构建柔性的信息犹如剥洋葱，一层一层简而有致，不同的是剥到最后你才知道洋葱是没心的，你要三刀两刀切下去那就呛鼻落泪了；亦犹如美国的影片分级制度杂而不乱，最低的G级至成人的NC-17级，是否暴力粗俗俚语，情爱裸露等等等等，当然这是美国影协1968以后不断完善至今的。属于产品层面的柔性信息如何开展？我们可以从信息条目传达的两个维度-发起与接收来分析。发起端是否表达自身想表达的意思，接收端是否接收到信息的核心意思，忽略其中不可预估性及认知偏差，在这个基础上柔性开放的信息才有建立的可能。</P>
<P align=center><IMG height=303 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008458.jpg" width=403 border=0></P>
<P align=center>-需求理论中著名的理解偏差漫画-</P>
<P><STRONG>1开箱体验</STRONG></P>
<P>在数字电子产品领域，要提供出色的UX，重要的是“开箱体验（Out of Box Experience：OOBE）”，也就是最初的使用体验，包括你打开包装盒的瞬间映入眼帘的说明书/配件/托架结构/快速入门/各类标签，如此等等构成了产品的开箱体验，也可以说是围绕一个产品的品牌体验塑造，品牌信息细节的塑造。作为一个数字软件产品同样也会遇到开箱体验-映入眼帘的那个网站logo或广告词所体现的信息等等，比如腾讯微博产品：与其在别处仰望不如在这里并肩，直指新浪主要是依靠名人效应的微薄产品-加入微薄分享新鲜。这是一种微妙的信息表达方式，后发制人的产品设计与推广，从信息内容而言有暗指或贬低用户之意，后半句掷地有声，呼出了QQ用户的超大群体，并肩QQ好友这是很有实际吸引力的用户诉求诱惑。实际信息策略而言是带有激将和打感情牌方式的用户信息沟通。这方面可以参照很多优秀的电视广告，广告学等等，言简意赅的单句，言简意赅的小片段信息聚合，都能使产品带来深度的柔性信息构建体验。</P>
<P align=center><IMG height=283 alt="" src="http://www.chinaz.com/upimg/allimg/110711/1008459.jpg" width=510 border=0></P>
<P align=center>-开箱体验对用户的影响巨大-</P>
<P><STRONG>2持续影响</STRONG></P>
<P>在开箱体验过后，用户怀着忐忑的心情接近你的产品，这时需要符合您的产品的持续信息影响用户。比如我们当我们打开iphone，它用方形结构的信息方式突破了同时期QVGA智能手机的9宫格信息传达方式，也许界面结构与信息不完全相等，但信息确实在受到界面结构的比例大小及方位等等形式元素的影响；同时iphone的设置将用户最核心的一些繁琐设置化解，它只有一个设置的入口，让用户对设置的信息记忆从原来本机设置、背景设置、时间设置、连接设置等等当中撤离出来，以往混杂在通信录/短信/音乐/拍照界面中那些乱78糟的各类设置功能真的不见了，剩下的界面功能按钮真的都是可以玩的功能入口，用户兴奋的一个个按过去退出来，很方便很幸福。再辅以iphone IOS移动系统 Core animation出色的动画渲染切换过渡，让使用者的体验持续高昂，激动者甚至能感觉到从未有过的与机器连为一体操作，形成持续完整的信息为主的使用者体验摄入。</P>
<P><STRONG>3开放与封闭</STRONG></P>
<P>数字产品的生命周期发展与科技融为一体。持续开放的数字产品才是现代企业的利益之源，它可以依靠自身产品的生命力来拉伸生命周期，靠自身产品的宽度来拓展产品的外延。信息结构的开放与封闭显然与产品息息相关，开放的信息意味着可以根据你的信息脉络找到产品的一致与延展，简单的比喻如ipad，iphone，itouch等等产品名称信息，再如一听音乐（1ting.com），导航主要是做歌手与地域的区分，外加曲风及聆听，而顶部主导航是作为排榜及原创及舞曲等辅助信息，实际上较为完整的传达了其整体丰富的音乐产品，相较百度mp3要更为清晰及层次，未来的产品扩展也可以更为开放，当然其中百度mp3产品更倾向于搜索，并不同于1听的单一音乐产品网站构建。</P>
<P align=center><IMG height=283 alt="" src="http://www.chinaz.com/upimg/allimg/110711/10084510.jpg" width=510 border=0></P>
<P align=center>-1ting与百度信息的差异-</P>
<P><STRONG>为了生存在这个新的高效的数字产品世界</STRONG>，您必须做更多的沟通客户你必须与他们一起验证你的设计，验证你的导航、架构、以及信息设计。同时你必须有一个有视野的产品设计师与设计团队，否则他们会没有信息设计产品设计的概念，变成煮酒论英雄，锅里逞能，验证的只是个人英雄主义的产品开发，当然也有苹果乔布斯在演绎一种群体支撑式的英雄主义，因为有无数的优秀设计师在提供给他决策支撑。回过来看产品信息层面可以肯定的是-永远只有柔性的信息才能扯出让用户感动的产品。</P>
<P>作者：二水贰东</P>
<P>文章来源：<A href="http://www.goodue.com/" target=_blank>西岸好体验</A> 转载请注明出处链接。</P>