網站的結構應該是可以理解的

一個網站就是一個小小的世界，這個世界應該是可以理解的。

我們都試圖去理解自己所身處的世界，是嗎？

為什麼要去理解？ 因為我們希望在這個世界中更好的生活。 這是積極的，如果不，那大概就得想著怎麼自殺了。 試圖去弄明白，這是人們有意無意間都在做的，也許8630.html">有時候你沒意識到，但是你確實是在不斷的去瞭解，學習。

「為什麼後面的幾張功能表比前面的矮些呢？ 」在味千拉麵餐桌上有一個小盒子，可以用作插新菜宣傳單。 靠近她的那麼卡片比較高，遠離她，她一眼看不到的 那面的紙片比較矮。 她轉過盒子，「哦，短的是餐巾紙。 」

這是IKEA的導航圖，你會關注上面的哪些資訊？ 「您當前的位置」也就是圖中的橙色原點是一定會看的，是嗎？ 通過這個橙色的點，虛擬的地圖和顧客真實的位 置產生了聯繫，顧客清楚了自己當前在這個環境中所在的位置，進而知道自己下一步該如何走了。

在一個step by step的網站流程中，使用者需要知道現在是第幾步了，後面還有幾步。 甚至是，之前已經完成幾步了。 這也是在瞭解狀態。
載入頁面或者動畫時的loading也是類似的。

在一個網站中，狀態可以分為兩類：
1. 對於step by step流程，流程中的第N步；
2. 在正常的頁面中，當前頁面在整個導航中的位置。
這兩類與HTTP://www.aliyun.com/zixun/aggregation/38214.html">現實生活中的時間與空間有些類比關係。

是這樣嗎？
「使用者不在乎你網站的結構是什麼樣的，只是在看頁面上的資訊，按照資訊的提示去點擊。 」是的，經常有這樣的觀點。

我們來假設一下，在一個現實的購物中心裡，你和朋友要吃午飯了，會看到一家飯館想也不想就進去吃嗎？ 你要買一件衣服，會看見一件不錯的，直接就買下 來嗎？

類似上面的問題，有些時候答案是肯定的，會直接就進去吃，會直接就買下來。 但那通常並不是你最滿意的處理方法。 是你不想帶著朋友再花半個小時尋找、 對比其他飯館了。 是你不願花費更多精力去選擇更合適的衣服了。 也就是說，如果可以，你不會那樣做。

使用者因為郵件中的一個宣傳單，因為朋友的介紹，因為看到某篇槍稿的推薦，或者其他什麼原因，來到了一個網站中，這個時候，他對這裡的環境是陌生的， 第一反應是按照最可靠的（他看的到的，看的懂的）資訊去操作。 這是一個不良狀態，暫時的狀態。 當他下一次再來的時候，他會對當前的環境瞭解的更清楚，儘量 搞清現在是在網站的什麼位置，什麼狀態。

這個說法對嗎？ 我們來用一個更實際的例子對比一下，當你第一次進入一個陌生的環境中，比如去一家公司上班入職的第一天，如果有人給你個表格要你填 寫，你會斷然拒絕嗎？ 應該不會吧。 當你在這家公司工作了1，2年後，再有人要你填一個表格的時候，你就會先做判斷，「這個人是做什麼的？ 」「他為什麼要我 填這個表格？ 」「填這個表格是我該做的事情嗎？ 」這些判定是需要的，是有價值的，能做這些判斷來自與你對這個公司組織框架的瞭解，能清楚這個公司的組織框 架取決於這個公司的組織框架是可以學習的。 如果框架原本就是混亂的......

好的設計應該是可以理解的，不信你試試...
設計出色的web產品都是可以理解的，yahoo是個好例子，如果你還不太瞭解yahoo，可以做一個簡單的實驗：打開yahoo.com，隨意流覽十分 鐘，然後在紙上簡單的畫一畫整個yahoo網站的組織構架。
能畫出來嗎？ 大概就是下面這樣的：

簡單吧~ yahoo將所有的資訊組織成一個最簡單的框架，易學，易理解，易記憶。

Amzon也是個好例子，我們可以重複一下上面的方式，流覽幾分鐘，然後畫畫簡單的結構圖：

很簡單？ 沒啥技術含量？ 那你再試試開心網，先流覽上十分鐘，然後試著畫畫，你能畫出來什麼來？ 反正我是畫不出啥來。

來源：HTTP://isd.tencent.com/?p=2129