網站運營
上海(上海網務網絡)
Tel︰021-60498179
Fax︰021-34681226
QQ︰29011218
建站經驗 首頁 / 網站運營 / 建站經驗
Web 設計中九個常見的可用性錯誤
發布時間︰2009-02-27 16:56:20 瀏覽率︰【字體︰ 打印 DOC
收藏到︰

現在,比較牛的設計師和開發者都認識到了可用性在他們工作中的重要性。可用性好的網站會極大地提高用戶體驗,並且好的用戶體驗會讓用戶更加快樂。用聰明的設計決策取悅並滿足您的訪客,而不是阻撓和激怒他們。


1. 太小的鏈接點擊區域


設置超文本鏈接的目的是被點擊,確保它們很容易點擊才有意義。下面的示例中的鏈接實在是太小了;點擊它們的難度太高。 這些是 評論中的鏈接,Hacker News 是一個社會新聞的網站。 (點擊區域用紅色突出顯示) ︰ 


HackerNews link click areas 

下面例子中包含相同的界面元素,鏈接的評論,但是這個例子中有一個很大的可點擊區域︰ 


NewsPond link click areas 

Newspondcomments link.


為什麼我們需要一個更大的點擊區域? 很簡單。 因為我們移動鼠標並不是很準確。 一個大號的點擊區域使鼠標光標懸停在鏈接上更容易。如何能有一個大號的點擊區域呢?我們可以使整個鏈接更大,或者使用CSS “padding”屬性增加鏈接周圍的空間。 代碼如下︰






 <a href="http://www.examplesite.com"style="padding: 5px;">Example Site<a>


為了使例子簡單點,這個CSS樣式直接寫在代碼里了,但在現實生活中您可能是在您的CSS文件中添加一個樣式,給這個鏈接一個class或者是一個id,然後指向它。


在37signals上,你可以閱讀到更多關于填充鏈接以更適用于鼠標點擊的文章,的文章棉衣鏈接的目標 。文章認為,填充為用戶提供了 “舒適的感覺。真的非常容易點擊鏈接。感覺鏈接就像是在配合你工作不是和你對著干你。 ”


2. 錯誤使用的分頁


分頁指把內容分為幾頁。如果需要顯示一個很長的內容列表,這是網站上常用的方式;例如,商店中的產品或是相冊中的照片。因為這種目的使用分頁是有意義的,因為太多的項目顯示在一個頁面上將會使網頁下載和處理速度變慢。 

需求留言
您的姓名︰

您的電話︰

電子郵箱︰

標題︰

描述︰