|
現(xiàn)在，比較牛的設(shè)計師和開發(fā)者都認(rèn)識到了可用性在他們工作中的重要性。可用性好的網(wǎng)站會極大地提高用戶體驗，并且好的用戶體驗會讓用戶更加快樂。用聰明的設(shè)計決策取悅并滿足您的訪客，而不是阻撓和激怒他們。
下面是9個網(wǎng)站經(jīng)常面臨的可用性問題 ，以及對于這些問題的推薦解決方案。 您可能還對下面的文章感興趣：
- 10 Usability Nightmaters That You Should Avoid
- 30 Usability Issues To Be Aware Of
- 12 Useful Techniques For Good Interface Design
- 10 Useful Web Application Interface Techniques
1. 太小的鏈接點擊區(qū)域
設(shè)置超文本鏈接的目的是被點擊，確保它們很容易點擊才有意義。下面的示例中的鏈接實在是太小了;點擊它們的難度太高。 這些是 評論中的鏈接，Hacker News 是一個社會新聞的網(wǎng)站。 （點擊區(qū)域用紅色突出顯示） ：
下面例子中包含相同的界面元素，鏈接的評論，但是這個例子中有一個很大的可點擊區(qū)域：
Newspondcomments link.
為什么我們需要一個更大的點擊區(qū)域？ 很簡單。 因為我們移動鼠標(biāo)并不是很準(zhǔn)確。 一個大號的點擊區(qū)域使鼠標(biāo)光標(biāo)懸停在鏈接上更容易。如何能有一個大號的點擊區(qū)域呢？我們可以使整個鏈接更大，或者使用CSS “padding”屬性增加鏈接周圍的空間。 代碼如下：
<a href=”http://www.examplesite.com”style=”padding: 5px;”>Example Site<a>
為了使例子簡單點，這個CSS樣式直接寫在代碼里了，但在現(xiàn)實生活中您可能是在您的CSS文件中添加一個樣式，給這個鏈接一個class或者是一個id，然后指向它。
在37signals上，你可以閱讀到更多關(guān)于填充鏈接以更適用于鼠標(biāo)點擊的文章，的文章棉衣鏈接的目標(biāo) 。文章認(rèn)為，填充為用戶提供了 “舒適的感覺。真的非常容易點擊鏈接。感覺鏈接就像是在配合你工作不是和你對著干你。 ”
2. 錯誤使用的分頁
分頁指把內(nèi)容分為幾頁。如果需要顯示一個很長的內(nèi)容列表，這是網(wǎng)站上常用的方式；例如，商店中的產(chǎn)品或是相冊中的照片。因為這種目的使用分頁是有意義的，因為太多的項目顯示在一個頁面上將會使網(wǎng)頁下載和處理速度變慢。
FeedMyApp以正確的方式使用分頁：把其海量的應(yīng)用服務(wù)列表以合適的量顯示。
但是現(xiàn)在還有人用另一種方式在Web上使用分頁。 .內(nèi)容網(wǎng)頁上，比如博客的一篇文章，有時也會分成若干頁。 為什么這樣做？ 有什么好處么？不太可能是文章實在太長了，因此需要分頁; 在大多數(shù)情況下， 這樣做是用來提高頁面瀏覽量的。因為很多博客和雜志通過廣告獲得收入，獲得更多的頁面瀏覽量（即單獨網(wǎng)頁的加載數(shù)量）來提高他們的瀏覽統(tǒng)計數(shù)據(jù)，使他們能夠在每個廣告上獲利更多。
Wired 上的文章《Google的Logo》 分為8頁，非常難以閱讀。
雖然這可能看起來像是一種簡單的方法，讓您可以從廣告中擠壓出更多的錢，但它也帶來了兩個主要的問題。
首先，這樣做真的，真的非常討厭。 閱讀一篇文章不得不加載好幾頁一點也不好玩。 您給您的訪客設(shè)置了一個完全沒有必要的障礙。
第二個原因是SEO（搜索引擎優(yōu)化） 。 搜索引擎使用您網(wǎng)頁上的內(nèi)容理解它是關(guān)于什么的，然后相應(yīng)地進(jìn)行索引。 如果內(nèi)容分成若干頁，內(nèi)容就被稀釋了，每個頁面更難理解并且其中和主題相關(guān)的關(guān)鍵字也更少了 。 這可能會對文章在搜索引擎中的排名產(chǎn)生不利影響。
出處：iamsure
責(zé)任編輯：bluehearts
上一頁 下一頁 9個Web設(shè)計中常見的可用性錯誤 [2]
|
第 1 頁 9個Web設(shè)計中常見的可用性錯誤 [1]
第 2 頁 
