“剁手族”的无底洞，商城导航栏的巧妙规划

      根据报告显现，“剁手”一族在渐渐壮大，上到精英阶层，下到一般民众，而购物网站像一个巨大的“黑洞”，你看不清、看不明，但它便是在无时无刻地吸引着你，将你拉入其间。“剁手”时的购物体会淋漓尽致，“剁手”后的懊悔心境也是五味杂陈，为什么购物商城总能让“剁手党”毫不勉强(或许说是莫名其妙)的把钱花出去的呢我仔细想了想，领会出了一丝滋味，今天从网页规划中的“导航”规划来说一说吧。

购物网站的“病”：

     “鲜血淋漓”的剁手运用让我发现了许多购物网站的“病”：首要，网站内容繁复。(真的太大了!），其次，网站没有方向感。(真的太大了!)，最终，用户找不到自己的“当时方位”。(真的太大了!)。重要的事情说三遍，网站数据太大了，这确实关于网站建造是无法避开的难点。

      那么，网站有这些天生的“疾病”，网站管理者作为“网站医生”是怎样“开药方”的呢。首要，链接点击会变色。这是针对网站内容繁复庞杂，链接众多的“病”的榜首剂药。简略的规划带给咱们的是一种现已访问了多少内容的直观感觉。其次，给用户一个“GPS”。网站没有物理上的方向，只要扁平和层级，缺少方向感，那就给用户一个GPS么，每个网站头部最明显的便是这个“GPS”— 标签，标签让我能去自己想去的当地(虽然不是精确无误精确到每一个物品)。最终，树立“路标”。在购物网站这个巨大的“富贵城市”中，路途扑朔迷离，路标和指示牌效果显而易见。那么，网站的路标长什么姿态呢它叫做“面包屑导航”(面包屑导航(BreadcrumbNavigation)这个概念来自童话故事”汉赛尔和格莱特”，当汉赛尔和格莱特穿过森林时，不小心走失了，可是他们发现在沿途走过的当地都撒下了面包屑，让这些面包屑来协助他们找到回家的路。)
网民还有一个很重要的“病”— 见困难就选择畏缩。 这也没什么奇怪，人类从远古进化到现在，可不是凭着蛮力，而是遇到困难懂得躲避的智慧。 可是这个网站规划者也带来了问题，只要略微在运用时遇到一点小困难、高门槛，用户就选择畏缩，下意识放弃行进，即使这个门槛不高，迈过之后会更好。

      这种“畏缩”体现在购物网站上，便是咱们在购物或许寻找某个商品时，咱们阅读后再次来到时不知道前次的物品在哪儿，我就不想寻找了。 所以的给网站下降门槛，简练精确的导航把这个门槛下降了一点，但仍是不行，用户缺少迈进去的“勇气”以及支撑勇气的“熟悉”。这又得开一服药，药物是：  阅读历史，购物车，历史购买等界面。(网站说：我很熟悉你，你喜欢“XXX”，我能带你找到前次自己走过的路)。

购物用户的“痛”：

      购物网站上的用户(我亲切的称呼为 剁手党)规模很广，集体许多，从事工作各不相同，可是咱们剁手党都有一些小特色：

      用户在网站，更多的记住了“页面层级”，而不是物理上的“我在哪儿”(虽然咱们想记住)。 那种详细物理国际中的实在地址带来的“踏实感”消失了。取而代之的是网站的信息扁平化带给咱们的“不踏实”。
购物网站里的用户是身处“网络版的寂静岭”，我知道这里有路，但不确认是不是安全，我走失了。
那么，网站的“病”治好了，用户的“痛”怎样抚平呢毕竟一切以用户需求为底子。

      首要，网站的标配 —“书签”。“我要给这个当地做个记号”，“我要占据这块区域”。书签让我感觉网站在我手中紧握。其次，阅读器的标配 —“后退按钮”。实在的人生多么希望有“后悔药”，可是时刻过去了便是过去了。可是虚拟网络不是，“后退按钮”便是后悔药，我知道自己能回到“本来”，那是多么可贵的一种“踏实” 。
疗伤的药，说了网站的“病”和用户的“痛”。开了看病和疗伤的药。那么，回到我想说的—“导航”。“导航”(或许说是 “面包屑”)很重要。这其实给了用户一种“得知自己方位”的感觉。 这就好比是一个身处丛林中的猎人手上的GPS，只不过你的用鼠标点击，而不是手指按。这是可贵的，看似不起眼的改动带来的是用户的心思安全感的树立。这就好比一个孤单的游览背包客，手拿GPS，腰上拴着一根“绳子”，我或许不熟悉刚进入的购物网站这个“富贵都市”，但我知道自己的方向，我知道怎样走;我有绳子拴着我，我知道怎样回。 有出路和有退路的路途似乎不“影响”，但却是“最安全”的。

导航的表面：

      导航，它的表达方式。它如同一个超市地面和货架上的标语。 超市是立体的“网”。而网站导航是平面的“锁链”。二者有立体和线性的不同体现和感触，但却有相同的功能 — 指引证户的方向。
      导航，它的字如其人。身处实际国际，我得知自己详细在哪儿，知道怎样去安全的当地 — 这是“安全感”的保证。
      导航，它的简略明晰。导航的简略明晰带来的是安全感，带来的是信赖，而信赖带来了可贵的消费。

导航的内涵：

      导航的特色我想了许多，比方简略、杰出、漂亮等。但我想，导航不是艺术品，回归到它开始的价值，导航 两个最重要的内涵特色：“明显”。明显才华杰出“线索”。不然导航就成了可有可无，乃至是“噪声”。“精确”。用户急急忙忙的来，更或许急急忙忙的走，因而需求精确简练的提示和导航。

导航的效果：

      首要，告诉用户这里有什么。 导航让我知道这里有什么，而不必花费额定力气去多想。 其次，告诉咱们怎样运用网站。 上购物网站的用户的目的性很强，购买某一种物品，导航的规划好坏决议了用户购买你而不是其他网站的东西需求跨过多大的门槛。 最终，它给了咱们关于网站建造者的决心。 导航的好坏很大程度虎让我对网站拥有者产生信赖或置疑。好的规划无疑是加分项。为用户省时刻，恰恰是购物网站树立的目的吧。那么说了这么多，可是详细怎样操作呢我想做一个网站，我该怎样规划一个好的导航呢

Web导航的那些规划小习气

      十几年的网站建造走过了绵长的路途，引证《Don’t make me think》一书中的说法，网站的那些导航经历了以下几个阶段：1995—古生代 网站由程序员规划，老式的HTML链接和按钮；2000—西部蛮荒时代 web上的各种限制，字体丑恶，下划线丑恶。难以区分什么当地可以点击。；2005—黄金时代 CSS为咱们提供了高雅的解决方案：只用色彩来表示可点击的链接。

所以网站的导航规划要注意以下几点：( 4 个元素)

      站点的名称(腾讯网，天猫，京东…)，我知道自己当时在哪儿，需求在每个页面看到站点名称或logo(通常在左上角)；实用工具(购物车…)，协助咱们运用站点；查找框；栏目(当时详细在哪儿)，主导航条；导航有统一格式。用户进入你的网站只需求学习一次就会永久运用了。那么，一下网站导航的好坏怎样测试或许评价呢。

      网站导航的规划好不好 想象一下忽然给你一个生疏的页面，看这个网页，自己问问自己：“我从这个网页中知道了下面这些内容了么”：

这是什么网站(站点id和logo)、我在哪个网页上(站点的面包屑或子一级页面名称)、这个网站首要栏目是什么(标签)、我在导航体系的什么方位(面包屑或标签想要的按钮杰出显现)、我怎样查找我怎样去我想去的当地(查找框)、那怎样测试一下我规划的导航栏怎样呢。

      “摘掉眼镜”。想像一下近视眼摘掉眼镜的苦楚，可是面临像素，这也是一个美丽的国际，细节被屏蔽掉了，完好的结构天然的出现在你面前。 “含糊的视野”让人能更好地发现自己规划的导航产品的缺乏。好的导航一目了然，清楚无误地出现，依靠整体外观，而不是看细节。
“拿在手里”。你可以打印出你规划的网页导航，换个与平常观察视点不同的方向，观察并圈出导航，看看能否快速定位当地。
       最终，一个购物网站的最伟大之处在于榜首次的翻开阅读就给了新用户一种可贵的“信赖感”。这种信赖感的来历于产品规划的专业与详尽。网站的一点小犯错，不匹配，用户的感到波折，信赖感或许会下降唉。

       精心雕刻的产品总是让人爱不释手，构思把握的那么详尽精确，有的放矢志的立异做到了精确完美。一次完美购物的体会其实是多环节共同努力的结果，产品人的不懈追求，从脑海中的构思到纸上的图画勾勒、到制作低保真原型的考虑、到高保值原型的张弛有力、到研制的艰难、到产品的推行、物流的精心磨合和客服的详尽规划等许多环节做到了全面开花。体系的全面完善是不容易的，购物网站的产品人用行动证明了自己的本事和才华，成全了用户的完美购物体会，打造了许多款融入生活的数字化产品，也成就了今天的互联网昌盛的我国。