搜尋此網誌

2011年1月3日 星期一

書記:如何設計好網站(Don't make me think)

Steve Krug

這本書真的就像作者一開始說的,在一趟飛機的旅程時間即可閱讀完的內容。理念精闢簡潔,文字結合圖片讓閱讀整本書成為一個享受,並且能夠抓到設計網站的核心重點,推薦。

這本書的出版是在2006年,由於是翻譯書所以內容一定是更早的狀況。然而現在看起來,也許這時候的網站設計越來越精緻、美觀,但其實撥開這件外衣,裡面的資訊架構規則是不變的。人類只會越來越懶、越沒耐性,不能忍受等待與例外狀況,相信只會讓網站的設計標準越來越嚴苛。
以章節來做區分:

別讓我思考
網頁應該要能夠自我說明一切,要能夠明顯的自圓其說。當我看到一張不用思考的網站時,腦袋就會浮現出「恩,這是____,這是____。這就是我要的。」而阻礙我們馬上理解的因素包含按鍵的設計與解釋,例如一個徵才的按鍵上寫著「徵才」與「員工機會」,後者可能讓使用者思考要不要前往該連結。如何讓人一眼就看出哪些地方可以按也是需要經過設計的。

作者列出一些訪客在網站上不該浪費時間去思考的問題:
  • 這是哪裡?
  • 我要從哪裡開始?
  • 他們把______放到哪裡去了?
  • 頁面上最重要得是什麼
  • 為什麼會這樣稱呼?
想辦法讓使用者的負載越少,他們就會越覺得自在,當然就可以放入更多心力在享受服務上。


我們實際使用頁面的方式


1.我們不讀網頁,我們只會掃描
大家在閱讀網頁時,往往都只花費極短的時間。我們會掃描(或略過)網頁,找尋可以吸引我們的詞句,因為:
  • 我們通常很忙
  • 我們知道自己不需要讀完一切-大部分網站上,我們只對其中一部分有興趣,除了那些之外其他都不重要。
  • 我們精通這一套-我們對報紙、雜誌與書籍也是這樣,已經很習慣了

2.我們不會做出最好選擇,我們只會將就
我們設計頁面時,通常假設使用者會掃描頁面、考慮每個選項,然後選擇最好的一個。而事實上,通昌我們會選擇的是第一個合理的選項,這種做法稱之為「將就(satisficing)」。只要我們看到一個連結似乎會帶我們找到所需的東西,我們大概就會點下去了。作者也分析了一些原因:
  • 猜錯沒甚麼大不了-上一頁是瀏覽器上最常被使用的功能
  • 謹慎思考未必增加正確的機率
  • 猜測比較有趣

3.我們不想知道背後原理,只想含糊帶過
  • 那對我們不重要---我們只要能正確使用即可
  • 如果我們發現管用的方法,就會繼續沿用---只要我們找到某種可以產生效果的方式,不管多爛,我們幾乎不太會再去找其他方法,如果被我們不小心找到,我們會用,但是我們很少主動去尋找其他方法

布告欄設計
設計是讓人掃描的,不是閱讀的。設計重點在於建立清楚的視覺架構,例如重要的字放大、階層架構、減少無謂的線條、明確標示可以點選的東西、減少擁擠與干擾。

動物、植物還是礦物?
「不管我需要按幾次滑鼠都無所謂,只要每一次按滑鼠都不用大腦、不用思考就好」-Krug
我們在網站上隨時都要面對各種選擇,而不用大腦的選擇,正是讓網站簡單易用的重要因素。

省略贅字
把文字刪除一半是個很實際的目標,大部分的網站可以輕而易舉的刪除一半的文字而不會讓網頁失去價值。
  • 開場白該死---開場白就像是閒聊一樣沒有內容,但大部分網站使用者沒時間閒聊;他們想要趕快看到有用的東西。
  • 說明也該死---對於說明文字,根本沒有人會細讀-至少在他們重複數次「隨便猜測」失敗後,才會去讀看看。
路標與麵包屑
如果大家在您的網站上會迷路,它們就不會繼續使用。
想像在大賣場找尋物品的經驗,有時候找不到會很想放棄,乾脆直接去問店員。一個網站越來越大後,架構的問題就會浮現,使用者需要良好的導覽列,幫助他們順利的找到他們想要的。網站地圖也同樣重要,讓使用者隨時知道自己現在在哪裡,就像在森林裡有一個「你在這裡」的告示牌一樣。

善用標籤:標籤是極少數將實體概念用在使用者介面上成功的例子之一。有以下幾個原因:
  • 標籤可以自圓其說---沒有人會不知道標籤是什麼
  • 標籤很難被忽略---標籤本身的視覺特性
  • 標籤很精緻
  • 標籤讓人聯想到實體空間
復原的第一步,是承認首頁仍然在自己控制中
首頁是集所有重要資料於一身的網頁,也是使用者造訪的第一個印象,所以在設計上非常重要。
由於網站要做的事情實在太多,如果網站過於複雜,那即使是最好的首頁也無法完全做到。在設計首頁時,難免需要妥協,但是在妥協過程中有樣東西絕不能讓它消失---但卻也是最容易消失的東西,就是網站的願景

怎樣傳遞訊息
副標是一段簡潔有力的詞句,說明整個企業的特徵,簡述企業是什麼、為什麼偉大,一條好副標勝過一切。
設計首頁的導覽列,讓網站的辨識性更強。

農夫和牛仔也可以做朋友
如何知道網站到底要怎樣設計,很簡單------測試。

每天一塊錢的使用性測試
關於測試的幾項事實:
  • 如果想設計好網站,就得測試---測試可以提醒我們並非人人都認同我們的作法,也並非人人都知道我們所知道的,更不會以我們的方式使用網站。
  • 測試一位使用者,絕對比不測試要好
  • 在計劃前對一個使用者做測試,勝過到最後才抓50個人來亂測
  • 選擇代表使用者的重要性往往被高估---隨意挑選、分散取樣
  • 測試的重點並非證明事物的正確或錯誤---測試可以做到的,是將資料與您的經驗結合,提供專業的判斷,讓我們更明智、自信的在A、B之間做出選擇。
  • 測試是重複不斷的過程---測試、修改、測試
  • 實際使用者的反應最重要

沒有留言:

張貼留言