以訪客至上的網頁設計（三）

閱讀過Steve Krug 所著的《Don't make me think》-訪客至上的的網頁設計祕笈，從中學到了不少交互設計方面的知識，在這裏和你們分享。

以前寫過一章，「咱們是如何使用Web」的，今天咱們來講一下廣告牌/banner設計的要點。上次講了第一個：在每一個頁面「創建清楚的視覺層次」，此次繼續「儘可能利用習慣用法」

 

廣告牌設計101法則

未掃描設計，不爲閱讀設計

 

若是用戶們都是一覽而過，那麼，你須要注意如下5個重要方面，來保證他們儘量地看到了，並理解了你的網站：

l  在每一個頁面創建清楚地視覺層次

l  儘可能利用習慣用法

l  把頁面劃分紅明肯定義的區域

l  明顯標示能夠點擊的地方

l  最大限度的下降干擾

 

 

 

習慣用法是你的好幫手

 

在咱們小的時候，不須要人教，咱們就學會了看報紙。不是由於識字，而是由於習慣用法的緣故。

                       

例如，咱們知道，字體很大的一個短語一般是一個標題，他歸納了旗下的新聞故事；一張照片下面的文字要麼是一個解釋這張照片的內容的說明，要麼，若是字體很是小那是照片拍攝者的署名。

 

咱們知道，瞭解報紙版面的佈局和格式的不一樣習慣用法能讓咱們更快、更容易地掃描報紙，找到咱們感興趣的新聞故事。還有，當咱們到別的城市旅行時，咱們知道全部的報紙都採用差很少的習慣用法（略有差異），所以，瞭解這些習慣用法能夠很容易的閱讀任何報紙。

 

每一種出版媒體都在發展本身的習慣用法，並不斷地改進這些用法，造成新的習慣用法（想一想幾年前你在電視屏幕一角看到的表示正在收看的頻道的標誌，他如今已經隨處可見了。可是，電視纔出現幾十年而已。）Web上延續過來的，而新的習慣用法也在不斷涌現。

 

全部的習慣用法都是從某我的靈光一現的想法開始的，若是這個想法至關不錯，其餘站點就會效仿，最終，會有足夠多的人在足夠多的地方見到它，讓它變得不言而喻。這個採用過程是須要時間的，可是和其餘食物同樣，放在因特網上，它會發展得很是快。例如，如今不少人都熟悉電子商務，站點上的購物車及其餘使用方法，所以，設計師們能夠放心的使用一個購物車圖標，而不及加上「購物車」的文字說明。

 

關於Web上的習慣用法，有兩點很是重要：

 

l  它們很是有用。一般，習慣用法由於有用纔會成爲習慣用法。適當應用的習慣用法，會使用戶在網站之間的訪問更容易，不須要花費額外的努力來獲得背後的工做原理。

 

這樣保證了一種熟悉感，例如，如今看到頁面左邊直達底部彩色背景區域上，有着網站分類清單的連接時，哪怕有時候這種熟悉感也會讓你感到某種似曾相識的單調乏味。

 

l  設計時一般不肯意利用他們。和使用習慣用法相比，設計師們都面臨着很大的誘惑，想要從新發明輪子很大程度上是由於他們以爲（這樣以爲沒錯）網站是請他們來作一些嶄新的、不同凡響的設計，而不是使用那些原有的東西。（更不用說，來自同行的讚賞、各類獎勵和高級職位不多會由於「習慣用法用的最好」而得到。）

 

有時候，用在從新發明輪子上的時間足以製造一種全新的滾動設備，可是有時候，這隻會讓用在從新發明輪子上的時間又增長了而已。

 

 

 

若是不打算使用一種已有的web習慣用法，你必須確認你再試試用一種：

1-       一樣清楚，一樣不言而喻，沒有學習曲線的方法，這就跟習慣用法同樣好了；

2-       帶來很大的價值，所以值得用戶付出一點努力來學習的方法。若是打算創新，那麼你必須理解你準備換用的方法的價值，而不少設計師都低估了習慣用法的價值。

 

個人建議是，在你清楚本身有一個更好的想法（每一個看的的人都會驚呼「哇！」）時進行創新，不然請儘可能利用習慣用法。