預設用途在網站的設計中同樣重要..

 [ 2006-02-20 14:05:54 | 原作者: 白鴉 ]  

有不少朋友在說“產品設計的很多易用性原則不適用於網頁設計”..
最近有朋友在跟我訴苦說 網站易用性無法開展的問題 或者是無從著手...

昨天有朋友問我“覺得網站連結的設計方式怎麼表現更合理更好看？”，他說現在領導們過於注重“設計的好看不好看”，導致他們發現自己做出來的網站使用者在使用過程中用起來有點雲山霧罩.
最近一段時間我也成天在網上轉悠，同樣發現了很多這樣的問題。比如，很多網站上邊一些LINK的表現方式現在就是千奇百怪讓使用者不知道哪裡是可點那裡是不可點的，出現了很多不合理或者不符合使用者習慣的設計。
於是我跟他談到了“預設用途”，個人覺得：“預設用途在網站的設計中同樣重要，特別是在視覺的設計中。”
　

首先來說說什麼是預設用途：
　
記得 Norman 在“設計心理學” 一書中提到過（應該是第一章，我只記得大致內容）：
預設用途是產品被人們認為具有的效能及其實際上的效能，主要是指那些能夠決定產品可以用來幹什麼的基本效能。
還舉了一個英國鐵路候車棚剛開始採用強化玻璃作外板時經常被砸碎，後來採用了三合板，結果破壞行為明顯減少（沒人去砸了， 但卻開始有人在上邊寫上一些字）。
然後還說到了一些基本的常見預設線索：比如平板的是用來推的、圓的是用來轉的、狹長的方孔是用來插的，球是用來拋擲或者彈跳的..

並總結道：如果產品的預設用途在設計中可以有合理的體現和利用，使用者就很容易理解如何使用而無需看什麼圖解和說明。

接下來他在概念性模型中還說到了：產品的表面結構特別是他的預設用途和限制條件可以很好的讓使用者瞭解物品的使用方法。
又說到了剪刀的預設用途就很好，使用者一看就明白怎麼去用。 而電子錶的預設設計就不行，側面的兩個調節鈕使用者一下子根本不明白怎麼去用或者這個鈕在使用的過程中到底會產生什麼樣的後果。

並幽默的給了一個很有趣的例子，如：
諾曼雙人單車 ——

　
　
　
　
當然我們更應該能夠想到，濫用預設用途一樣會給使用者帶來危險..　　
　
　　
　

　
再看看網站中的一些設計：
　

文字連結——

首先請看看這個　http://www.cctv.com/program/dialogue/01/index.shtml　
（開啟）。
兩個問題：1、不要動你的滑鼠，猜一下這個頁面那些地方是有連結的那些地方是沒有連結的。如果你的答案超過80%正確，說明這個網站當初是你做的。
　　　　　2、你知道點哪裡可以回去CCTV的首頁嗎？如果你說知道，那你一定是在扯淡！
　　
　

一看就明白了，有底線的是LINK，那個沒有底線的是沒有連結的
　
　
　

猜猜看，“【草根堂】” 這個地方是有連結的還是沒有？ 答案：有。
（至少我自己一眼沒有猜出來，是把滑鼠放上去之後才知道這個地方也有連結的）
　
　
　
　
更多的預設設計——
　

基本上大部分使用者都知道這是一個標籤，現在預設是“網頁”這個選項，將來的搜尋會是“網頁”的結果，點擊“新聞”那麼將來的搜尋結果就會是“新聞”的結果。
　
　
　

你知道在這裡“新聞”兩個字點下去的結果嗎？　答案：是蹦到了另外一個網頁！
　

點已給“公司庫”你知道會是什麼樣嗎？　答案：跑到了另外一個網頁！
　
要是沒有那個功能就別做成那種設計嘛，這樣玩很危險地！長期下去每個地方都得想想後果再點，我會成精神分裂的..（就跟每次進肯德基我都要“小心地滑”一樣：滑不滑都告訴我地滑，天天去肯德基你將來肯定會精神分裂！）
此行為屬於明顯的迷惑觀眾，簡直比張柏芝在無極中用三個墊胸的行為還要還對不起觀眾！　
　
　

　

這個“其他功能”是能用的，雖然俺字是黑的，但俺整個控制項是可用的狀態呀。起碼我還有點東西在呢，你看下邊這個才XX呢..

你知道這個google的搜尋能不能用嗎？ 答案：能用。
你要敢說他不能用人家一定會跟你狡辯：雖然俺是灰色的，雖然俺長的好像不能用，其實俺能用，點一下就知道了...　
　　

　

這是以前為某公司組織的一次適應性評估中， 臭魚給我提交的報告。摘取其中兩個和此話題有關的條目。
　
　
　

我想我需要繼續解釋：首先——“天空下載和“速度極快”是同一個連結，還有——“天空下載 速度極快”和“搜尋”雖然挨得那麼近但是他們沒有任何近親關係甚至連親戚都不是，一個是搜尋功能，一個是文字廣告！ （別問我問什麼在這個地方放這個一個廣告！“我的地盤我做主”！ 而且放在這裡會勾引很多人去點，點錯的人越多我收的錢不就越多嗎？）
　
　
　

　
你知道上邊那個類似箭頭的“﹥”是什麼嘛？
答案：不是什麼路徑導航！　人家是一個小裝飾而已，　
kao！這年頭無極那種垃圾都能算去奧斯卡丟中國的人，這個小箭頭我還不是想放哪裡就放哪裡嘛！
　　
　
　
　　
　
舉例到此為止，再說該有人砍我了..
　
　
其實我想說的這有這麼幾句：
1、好的預設用途設計可以讓使用者很清楚的知道產品用法。
2、利用不好預設用途你就需要寫說明檔案或者得讓使用者多走彎路。（諾曼說過：當產品必須貼上使用說明時，那麼他的設計很糟糕。）
3、亂用預設用途就是謀殺使用者。
4、哪些才算是預設用途？有沒有什麼判斷標準？ 這個俺也不知道，還是想辦法問使用者好了 。
5、產品的細節設計一樣重要，不是只有使用者流程才重要。
6、網站的設計和所有的設計一樣都需要遵循一些易用性原則。易用性是在所有領域通用的。因為使用者在用你的產品時需要的是“很爽的完成任務”。