“剁手族”的無底洞，商城導航欄的巧妙規劃

      根據報告顯現，“剁手”一族在漸漸壯大，上到精英階層，下到一般民眾，而購物網站像一個巨大的“黑洞”，你看不清、看不明，但它便是在無時無刻地吸引著你，將你拉入其間?！岸缡帧睍r的購物體會淋漓盡致，“剁手”后的懊悔心境也是五味雜陳，為什么購物商城總能讓“剁手黨”毫不勉強(或許說是莫名其妙)的把錢花出去的呢我仔細想了想，領會出了一絲滋味，今天從網頁規劃中的“導航”規劃來說一說吧。

購物網站的“病”：

     “鮮血淋漓”的剁手運用讓我發現了許多購物網站的“病”：首要，網站內容繁復。(真的太大了!），其次，網站沒有方向感。(真的太大了!)，最終，用戶找不到自己的“當時方位”。(真的太大了!)。重要的事情說三遍，網站數據太大了，這確實關于網站建造是無法避開的難點。

      那么，網站有這些天生的“疾病”，網站管理者作為“網站醫生”是怎樣“開藥方”的呢。首要，鏈接點擊會變色。這是針對網站內容繁復龐雜，鏈接眾多的“病”的榜首劑藥。簡略的規劃帶給咱們的是一種現已訪問了多少內容的直觀感覺。其次，給用戶一個“GPS”。網站沒有物理上的方向，只要扁平和層級，缺少方向感，那就給用戶一個GPS么，每個網站頭部最明顯的便是這個“GPS”— 標簽，標簽讓我能去自己想去的當地(雖然不是精確無誤精確到每一個物品)。最終，樹立“路標”。在購物網站這個巨大的“富貴城市”中，路途撲朔迷離，路標和指示牌效果顯而易見。那么，網站的路標長什么姿態呢它叫做“面包屑導航”(面包屑導航(BreadcrumbNavigation)這個概念來自童話故事”漢賽爾和格萊特”，當漢賽爾和格萊特穿過森林時，不小心走失了，可是他們發現在沿途走過的當地都撒下了面包屑，讓這些面包屑來協助他們找到回家的路。)
網民還有一個很重要的“病”— 見困難就選擇畏縮。 這也沒什么奇怪，人類從遠古進化到現在，可不是憑著蠻力，而是遇到困難懂得躲避的智慧。 可是這個網站規劃者也帶來了問題，只要略微在運用時遇到一點小困難、高門檻，用戶就選擇畏縮，下意識放棄行進，即使這個門檻不高，邁過之后會更好。

      這種“畏縮”體現在購物網站上，便是咱們在購物或許尋找某個商品時，咱們閱讀后再次來到時不知道前次的物品在哪兒，我就不想尋找了。 所以的給網站下降門檻，簡練精確的導航把這個門檻下降了一點，但仍是不行，用戶缺少邁進去的“勇氣”以及支撐勇氣的“熟悉”。這又得開一服藥，藥物是：  閱讀歷史，購物車，歷史購買等界面。(網站說：我很熟悉你，你喜歡“XXX”，我能帶你找到前次自己走過的路)。

購物用戶的“痛”：

      購物網站上的用戶(我親切的稱呼為 剁手黨)規模很廣，集體許多，從事工作各不相同，可是咱們剁手黨都有一些小特色：

      用戶在網站，更多的記住了“頁面層級”，而不是物理上的“我在哪兒”(雖然咱們想記住)。 那種詳細物理國際中的實在地址帶來的“踏實感”消失了。取而代之的是網站的信息扁平化帶給咱們的“不踏實”。
購物網站里的用戶是身處“網絡版的寂靜嶺”，我知道這里有路，但不確認是不是安全，我走失了。
那么，網站的“病”治好了，用戶的“痛”怎樣撫平呢畢竟一切以用戶需求為底子。

      首要，網站的標配 —“書簽”?！拔乙�給這個當地做個記號”，“我要占據這塊區域”。書簽讓我感覺網站在我手中緊握。其次，閱讀器的標配 —“后退按鈕”。實在的人生多么希望有“后悔藥”，可是時刻過去了便是過去了?？墒翘摂M網絡不是，“后退按鈕”便是后悔藥，我知道自己能回到“本來”，那是多么可貴的一種“踏實” 。
療傷的藥，說了網站的“病”和用戶的“痛”。開了看病和療傷的藥。那么，回到我想說的—“導航”?！皩Ш健?或許說是 “面包屑”)很重要。這其實給了用戶一種“得知自己方位”的感覺。 這就好比是一個身處叢林中的獵人手上的GPS，只不過你的用鼠標點擊，而不是手指按。這是可貴的，看似不起眼的改動帶來的是用戶的心思安全感的樹立。這就好比一個孤單的游覽背包客，手拿GPS，腰上拴著一根“繩子”，我或許不熟悉剛進入的購物網站這個“富貴都市”，但我知道自己的方向，我知道怎樣走;我有繩子拴著我，我知道怎樣回。 有出路和有退路的路途似乎不“影響”，但卻是“最安全”的。

導航的表面：

      導航，它的表達方式。它如同一個超市地面和貨架上的標語。 超市是立體的“網”。而網站導航是平面的“鎖鏈”。二者有立體和線性的不同體現和感觸，但卻有相同的功能 — 指引證戶的方向。
      導航，它的字如其人。身處實際國際，我得知自己詳細在哪兒，知道怎樣去安全的當地 — 這是“安全感”的保證。
      導航，它的簡略明晰。導航的簡略明晰帶來的是安全感，帶來的是信賴，而信賴帶來了可貴的消費。

導航的內涵：

      導航的特色我想了許多，比方簡略、杰出、漂亮等。但我想，導航不是藝術品，回歸到它開始的價值，導航 兩個最重要的內涵特色：“明顯”。明顯才華杰出“線索”。不然導航就成了可有可無，乃至是“噪聲”?！熬�確”。用戶急急忙忙的來，更或許急急忙忙的走，因而需求精確簡練的提示和導航。

導航的效果：

      首要，告訴用戶這里有什么。 導航讓我知道這里有什么，而不必花費額定力氣去多想。 其次，告訴咱們怎樣運用網站。 上購物網站的用戶的目的性很強，購買某一種物品，導航的規劃好壞決議了用戶購買你而不是其他網站的東西需求跨過多大的門檻。 最終，它給了咱們關于網站建造者的決心。 導航的好壞很大程度虎讓我對網站擁有者產生信賴或置疑。好的規劃無疑是加分項。為用戶省時刻，恰恰是購物網站樹立的目的吧。那么說了這么多，可是詳細怎樣操作呢我想做一個網站，我該怎樣規劃一個好的導航呢

Web導航的那些規劃小習氣

      十幾年的網站建造走過了綿長的路途，引證《Don’t make me think》一書中的說法，網站的那些導航經歷了以下幾個階段：1995—古生代 網站由程序員規劃，老式的HTML鏈接和按鈕；2000—西部蠻荒時代 web上的各種限制，字體丑惡，下劃線丑惡。難以區分什么當地可以點擊。；2005—黃金時代 CSS為咱們提供了高雅的解決方案：只用色彩來表示可點擊的鏈接。

所以網站的導航規劃要注意以下幾點：( 4 個元素)

      站點的名稱(騰訊網，天貓，京東…)，我知道自己當時在哪兒，需求在每個頁面看到站點名稱或logo(通常在左上角)；實用工具(購物車…)，協助咱們運用站點；查找框；欄目(當時詳細在哪兒)，主導航條；導航有統一格式。用戶進入你的網站只需求學習一次就會永久運用了。那么，一下網站導航的好壞怎樣測試或許評價呢。

      網站導航的規劃好不好 想象一下忽然給你一個生疏的頁面，看這個網頁，自己問問自己：“我從這個網頁中知道了下面這些內容了么”：

這是什么網站(站點id和logo)、我在哪個網頁上(站點的面包屑或子一級頁面名稱)、這個網站首要欄目是什么(標簽)、我在導航體系的什么方位(面包屑或標簽想要的按鈕杰出顯現)、我怎樣查找我怎樣去我想去的當地(查找框)、那怎樣測試一下我規劃的導航欄怎樣呢。

      “摘掉眼鏡”。想像一下近視眼摘掉眼鏡的苦楚，可是面臨像素，這也是一個美麗的國際，細節被屏蔽掉了，完好的結構天然的出現在你面前。 “含糊的視野”讓人能更好地發現自己規劃的導航產品的缺乏。好的導航一目了然，清楚無誤地出現，依靠整體外觀，而不是看細節。
“拿在手里”。你可以打印出你規劃的網頁導航，換個與平常觀察視點不同的方向，觀察并圈出導航，看看能否快速定位當地。
       最終，一個購物網站的最偉大之處在于榜首次的翻開閱讀就給了新用戶一種可貴的“信賴感”。這種信賴感的來歷于產品規劃的專業與詳盡。網站的一點小犯錯，不匹配，用戶的感到波折，信賴感或許會下降唉。

       精心雕刻的產品總是讓人愛不釋手，構思把握的那么詳盡精確，有的放矢志的立異做到了精確完美。一次完美購物的體會其實是多環節共同努力的結果，產品人的不懈追求，從腦海中的構思到紙上的圖畫勾勒、到制作低保真原型的考慮、到高保值原型的張弛有力、到研制的艱難、到產品的推行、物流的精心磨合和客服的詳盡規劃等許多環節做到了全面開花。體系的全面完善是不容易的，購物網站的產品人用行動證明了自己的本事和才華，成全了用戶的完美購物體會，打造了許多款融入生活的數字化產品，也成就了今天的互聯網昌盛的我國。