現在,比較牛的設計師和開發者都認識到了可用性在他們工作中的重要性。可用性好的網站會極大地提高用戶體驗,並且好的用戶體驗會讓用戶更加快樂。用聰明的設計決策取悅並滿足您的訪客,而不是阻撓和激怒他們。
1. 太小的鏈接點擊區域
設置超文本鏈接的目的是被點擊,確保它們很容易點擊才有意義。下面的示例中的鏈接實在是太小了;點擊它們的難度太高。 這些是 評論中的鏈接,Hacker News 是一個社會新聞的網站。 (點擊區域用紅色突出顯示) ︰
下面例子中包含相同的界面元素,鏈接的評論,但是這個例子中有一個很大的可點擊區域︰
Newspondcomments link.
為什麼我們需要一個更大的點擊區域? 很簡單。 因為我們移動鼠標並不是很準確。 一個大號的點擊區域使鼠標光標懸停在鏈接上更容易。如何能有一個大號的點擊區域呢?我們可以使整個鏈接更大,或者使用CSS “padding”屬性增加鏈接周圍的空間。 代碼如下︰
| <a href="http://www.examplesite.com"style="padding: 5px;">Example Site<a> |
為了使例子簡單點,這個CSS樣式直接寫在代碼里了,但在現實生活中您可能是在您的CSS文件中添加一個樣式,給這個鏈接一個class或者是一個id,然後指向它。
在37signals上,你可以閱讀到更多關于填充鏈接以更適用于鼠標點擊的文章,的文章棉衣鏈接的目標 。文章認為,填充為用戶提供了 “舒適的感覺。真的非常容易點擊鏈接。感覺鏈接就像是在配合你工作不是和你對著干你。 ”
2. 錯誤使用的分頁
分頁指把內容分為幾頁。如果需要顯示一個很長的內容列表,這是網站上常用的方式;例如,商店中的產品或是相冊中的照片。因為這種目的使用分頁是有意義的,因為太多的項目顯示在一個頁面上將會使網頁下載和處理速度變慢。
