網(wǎng)站的結(jié)構(gòu)應(yīng)該是可以理解的
一個(gè)網(wǎng)站就是一個(gè)小小的世界,這個(gè)世界應(yīng)該是可以理解的。
我們都試圖去理解自己所身處的世界,是嗎?
為什么要去理解?因?yàn)槲覀兿M谶@個(gè)世界中更好的生活。這是積極的,如果不,那大概就得想著怎么自殺了。試圖去弄明白,這是人們有意無意間都在做的,也許有時(shí)候你沒意識(shí)到,但是你確實(shí)是在不斷的去了解,學(xué)習(xí)。
“為什么后面的幾張菜單比前面的矮些呢?”在味千拉面餐桌上有一個(gè)小盒子,可以用作插新菜宣傳單??拷哪敲纯ㄆ容^高,遠(yuǎn)離她,她一眼看不到的 那面的紙片比較矮。她轉(zhuǎn)過盒子,“哦,短的是餐巾紙?!?/p>
這是IKEA的導(dǎo)航圖,你會(huì)關(guān)注上面的哪些信息?“您當(dāng)前的位置”也就是圖中的橙色原點(diǎn)是一定會(huì)看的,是嗎?通過這個(gè)橙色的點(diǎn),虛擬的地圖和顧客真實(shí)的位 置產(chǎn)生了聯(lián)系,顧客清楚了自己當(dāng)前在這個(gè)環(huán)境中所在的位置,進(jìn)而知道自己下一步該如何走了。
在一個(gè)step by step的網(wǎng)站流程中,用戶需要知道現(xiàn)在是第幾步了,后面還有幾步。甚至是,之前已經(jīng)完成幾步了。這也是在了解狀態(tài)。
載入頁面或者動(dòng)畫時(shí)的loading也是類似的。
在一個(gè)網(wǎng)站中,狀態(tài)可以分為兩類:
1. 對(duì)于step by step流程,流程中的第N步;
2. 在正常的頁面中,當(dāng)前頁面在整個(gè)導(dǎo)航中的位置。
這兩類與現(xiàn)實(shí)生活中的時(shí)間與空間有些類比關(guān)系。
是這樣嗎?
“用戶不在乎你網(wǎng)站的結(jié)構(gòu)是什么樣的,只是在看頁面上的信息,按照信息的提示去點(diǎn)擊?!笔堑模?jīng)常有這樣的觀點(diǎn)。
我們來假設(shè)一下,在一個(gè)現(xiàn)實(shí)的購物中心里,你和朋友要吃午飯了,會(huì)看到一家飯館想也不想就進(jìn)去吃嗎?你要買一件衣服,會(huì)看見一件不錯(cuò)的,直接就買下 來嗎?
類似上面的問題,有些時(shí)候答案是肯定的,會(huì)直接就進(jìn)去吃,會(huì)直接就買下來。但那通常并不是你最滿意的處理方法。是你不想帶著朋友再花半個(gè)小時(shí)尋找、 對(duì)比其他飯館了。是你不愿花費(fèi)更多精力去選擇更合適的衣服了。也就是說,如果可以,你不會(huì)那樣做。
用戶因?yàn)猷]件中的一個(gè)宣傳單,因?yàn)榕笥训慕榻B,因?yàn)榭吹侥称獦尭宓耐扑],或者其他什么原因,來到了一個(gè)網(wǎng)站中,這個(gè)時(shí)候,他對(duì)這里的環(huán)境是陌生的, 第一反應(yīng)是按照最可靠的(他看的到的,看的懂的)信息去操作。這是一個(gè)不良狀態(tài),暫時(shí)的狀態(tài)。當(dāng)他下一次再來的時(shí)候,他會(huì)對(duì)當(dāng)前的環(huán)境了解的更清楚,盡量 搞清現(xiàn)在是在網(wǎng)站的什么位置,什么狀態(tài)。
這個(gè)說法對(duì)嗎?我們來用一個(gè)更實(shí)際的例子對(duì)比一下,當(dāng)你第一次進(jìn)入一個(gè)陌生的環(huán)境中,比如去一家公司上班入職的第一天,如果有人給你個(gè)表格要你填 寫,你會(huì)斷然拒絕嗎?應(yīng)該不會(huì)吧。當(dāng)你在這家公司工作了1,2年后,再有人要你填一個(gè)表格的時(shí)候,你就會(huì)先做判斷,“這個(gè)人是做什么的?”“他為什么要我 填這個(gè)表格?”“填這個(gè)表格是我該做的事情嗎?”這些判定是需要的,是有價(jià)值的,能做這些判斷來自與你對(duì)這個(gè)公司組織框架的了解,能清楚這個(gè)公司的組織框 架取決于這個(gè)公司的組織框架是可以學(xué)習(xí)的。如果框架原本就是混亂的……
好的設(shè)計(jì)應(yīng)該是可以理解的,不信你試試…
設(shè)計(jì)出色的web產(chǎn)品都是可以理解的,yahoo是個(gè)好例子,如果你還不太了解yahoo,可以做一個(gè)簡單的實(shí)驗(yàn):打開yahoo.com,隨意瀏覽十分 鐘,然后在紙上簡單的畫一畫整個(gè)yahoo網(wǎng)站的組織構(gòu)架。
能畫出來嗎?大概就是下面這樣的:
簡單吧~ yahoo將所有的信息組織成一個(gè)最簡單的框架,易學(xué),易理解,易記憶。
Amzon也是個(gè)好例子,我們可以重復(fù)一下上面的方式,瀏覽幾分鐘,然后畫畫簡單的結(jié)構(gòu)圖:
很簡單?沒啥技術(shù)含量?那你再試試開心網(wǎng),先瀏覽上十分鐘,然后試著畫畫,你能畫出來什么來?反正我是畫不出啥來。
來源:http://isd.tencent.com/?p=2129
- 目前還沒評(píng)論,等你發(fā)揮!