User Interface 設計備忘

1. 現時一般的表單的label都設在fields的左邊,其實將label設在fields的上方是最合適的,能令使用者更容易地看到重點。
   
   
2. 如果網站上有圖片的話,使用者將會把注意力放到圖片上,然後才會再瀏覽文字,所以圖片能引導使用者去瀏覽那一個部份的網站內容。
   
   
3. 根據統計,一般的使用者在網站首頁進行scroll的只有23%,換言之有77%的使用者,將會快速地跳過首頁,不會進行任何往下看的動作,所以網頁最主要的部份也是頂部,我們要好好利用這個部份,將最重要的訊息放於頂部。
   
   
4. 藍色是用在連結上最好的顏色,也是瀏覽器為連結預設的顏色,所以使用者已經習慣把藍色當作為連結。如果不想使用藍色作為連結顏色,也必須使用較內容顯眼或有對比的顏色。
   
   
5. 搜尋的輸入欄必須要夠闊,一般設為27,原因是一般的搜尋關鍵字可能是一個問題(eg.世界上最大的狗有多大?),我們必須有足夠的空間讓使用者輸入,並能一眼看到整個關鍵字,所以設為27是最適合的闊度。(css中可用em為單位去設定闊度)
   
   
6. 文字段落,標題和網站的內容排版,必須設定合適的行距或空間,這樣使用者才能舒適地瀏覽網站,例如一般中文字的段落行距都設為18px。
   
   
7. 如果網站是shopping cart,必須提供詳細並易讀的版面供使用者瀏覽,因為身為一個購物網站,產品的資料必須要夠詳細。
   
   
8. 大部份的使用者都會慣性地無視廣告,所以網站內容的部份,請避免使用類似廣告的設計,否則很有可能會被使用者無視。