9個網站經常面臨的可用性問題

來源:互聯網
上載者:User

By Dmitry Fadeyev

現在,比較牛的設計師和開發人員都認識到了可用性在他們工作中的重要性。可用性好的網站會極大地提高使用者體驗,並且好的使用者體驗會讓使用者更加快樂。用聰明的設計決策取悅並滿足您的訪客,而不是阻撓和激怒他們。下面是9個網站經常面臨的可用性問題 ,以及對於這些問題的推薦解決方案:

1. 太小的連結點擊地區

設定超文本連結的目的是被點擊,確保它們很容易點擊才有意義。下面的樣本中的連結實在是太小了;點擊它們的難度太高。 這些是 評論中的連結,Hacker News 是一個社會新聞的網站。 (點擊地區用紅色反白) :

下面例子中包含相同的介面元素,連結的評論,但是這個例子中有一個很大的可點擊地區:

Newspondcomments link.

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

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

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

本文由網頁教學網(http://www.webjx.com)整理髮布!轉載請註明出處,謝謝!

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

2. 錯誤使用的分頁

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

FeedMyApp以正確的方式使用分頁:把其海量的應用服務列表以合適的量顯示。

但是現在還有人用另一種方式在Web上使用分頁。 .內容網頁上,比如部落格的一篇文章,有時也會分成若干頁。 為什麼這樣做? 有什麼好處嗎?不太可能是文章實在太長了,因此需要分頁; 在大多數情況下, 這樣做是用來提高頁面瀏覽量的 。因為很多部落格和雜誌通過廣告獲得收入,獲得更多的頁面瀏覽量(即單獨網頁的載入數量)來提高他們的瀏覽統計資料,使他們能夠在每個廣告上獲利更多。

Wired 上的文章《Google的Logo》 分為8頁,非常難以閱讀。

雖然這可能看起來像是一種簡單的方法,讓您可以從廣告中擠壓出更多的錢,但它也帶來了兩個主要的問題。

首先,這樣做真的,真的非常討厭。 閱讀一篇文章不得不載入好幾頁一點也不好玩。 您給您的訪客設定了一個完全沒有必要的障礙

第二個原因是SEO(搜尋引擎最佳化) 。 搜尋引擎使用您網頁上的內容理解它是關於什麼的,然後相應地進行索引。 如果內容分成若干頁,內容就被稀釋了,每個頁面更難理解並且其中和主題相關的關鍵字也更少了 。 這可能會對文章在搜尋引擎中的排名產生不利影響。

3. 重複的網頁標題

每個網頁上的標題都是非常重要的。網頁標題就是HTML代碼<head>區段中我們寫在<title>標記裡面文本。 有時,人們在編寫他們網站模板時設定一個通用名稱——例如其網站的名字——然後在整個網站反覆使用相同的名稱。 這樣做是錯誤的,因為為每個版面設定單獨的標題有幾個關鍵的好處。

第一個好處是,一個好的標題能向您的訪客傳達很多資訊,解釋這個頁面的內容是什麼。人們可以迅速知道他們是否在正確的地方。請記住,標題不僅僅顯示在瀏覽器視窗頂部,它也顯示在搜尋引擎結果頁上 。 當人們在Google的時候看到一個搜尋結果列表,他們會去閱讀那些網頁標題來瞭解每個網頁的內容。僅僅因為這個,你也應該花一些時間來最佳化你的網頁標題。

第二個好處是SEO。 搜尋引擎需要不同的資訊來為一次特定的查詢排序搜尋結果。 網頁標題是重要的資訊之一,它們用來衡量您的網頁與一個特定的搜尋索引鍵的相關程度。 這並不意味著你應該在標題裡添加許多關鍵字——這與第一個好處相矛盾——但你應確保每個標題簡明扼要地介紹了網頁的內容,其中包括幾個你覺得人們會用來搜尋這篇文章的關鍵字。 下面是一個好網頁標題的例子。這是一個Smashing Magazine網頁標題在Safari中瀏覽的樣子:

例子裡,我們可以看到文章標題,類別和文章的網站名稱。 把網站名稱放在最後,更強調的是網頁本身的內容 ,而不是網站的品牌。 下面是標記中HTML代碼的樣子:

<title>Vintage and Blues WordPress Themes  Freebies  Smashing Magazine</title>

Google搜尋結果中這個頁面的樣子:



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。