|
3. 重復(fù)的網(wǎng)頁(yè)標(biāo)題
每個(gè)網(wǎng)頁(yè)上的標(biāo)題都是非常重要的。網(wǎng)頁(yè)標(biāo)題就是HTML代碼<head>區(qū)段中我們寫(xiě)在<title>標(biāo)記里面文本。 有時(shí)，人們?cè)诰帉?xiě)他們網(wǎng)站模板時(shí)設(shè)定一個(gè)通用名稱(chēng)——例如其網(wǎng)站的名字——然后在整個(gè)網(wǎng)站反復(fù)使用相同的名稱(chēng)。 這樣做是錯(cuò)誤的，因?yàn)闉槊總�(gè)頁(yè)面設(shè)置單獨(dú)的標(biāo)題有幾個(gè)關(guān)鍵的好處。
第一個(gè)好處是，一個(gè)好的標(biāo)題能向您的訪客傳達(dá)很多信息，解釋這個(gè)頁(yè)面的內(nèi)容是什么。人們可以迅速知道他們是否在正確的地方。請(qǐng)記住，標(biāo)題不僅僅顯示在瀏覽器窗口頂部，它也顯示在搜索引擎結(jié)果頁(yè)上 。 當(dāng)人們?cè)贕oogle的時(shí)候看到一個(gè)搜索結(jié)果列表，他們會(huì)去閱讀那些網(wǎng)頁(yè)標(biāo)題來(lái)了解每個(gè)網(wǎng)頁(yè)的內(nèi)容。僅僅因?yàn)檫@個(gè)，你也應(yīng)該花一些時(shí)間來(lái)優(yōu)化你的網(wǎng)頁(yè)標(biāo)題。
第二個(gè)好處是SEO。 搜索引擎需要不同的信息來(lái)為一次特定的查詢(xún)排序搜索結(jié)果。 網(wǎng)頁(yè)標(biāo)題是重要的信息之一，它們用來(lái)衡量您的網(wǎng)頁(yè)與一個(gè)特定的搜索關(guān)鍵字的相關(guān)程度。這并不意味著你應(yīng)該在標(biāo)題里添加許多關(guān)鍵字——這與第一個(gè)好處相矛盾——但你應(yīng)確保每個(gè)標(biāo)題簡(jiǎn)明扼要地介紹了網(wǎng)頁(yè)的內(nèi)容，其中包括幾個(gè)你覺(jué)得人們會(huì)用來(lái)搜索這篇文章的關(guān)鍵字。 下面是一個(gè)好網(wǎng)頁(yè)標(biāo)題的例子。這是一個(gè)Smashing Magazine網(wǎng)頁(yè)標(biāo)題在Safari中瀏覽的樣子：
例子里，我們可以看到文章標(biāo)題，類(lèi)別和文章的網(wǎng)站名稱(chēng)。 把網(wǎng)站名稱(chēng)放在最后，更強(qiáng)調(diào)的是網(wǎng)頁(yè)本身的內(nèi)容 ，而不是網(wǎng)站的品牌。 下面是標(biāo)記中HTML代碼的樣子:
<title>Vintage and Blues WordPress Themes | Freebies | Smashing Magazine</title>
Google搜索結(jié)果中這個(gè)頁(yè)面的樣子：
4. 內(nèi)容難以掃描
為了確保您的網(wǎng)站易用性，您不僅需要有一個(gè)好的設(shè)計(jì)，你還需要良好的Copy（文案）。 Copy（文案）是一個(gè)術(shù)語(yǔ)，用來(lái)描述網(wǎng)站上所有的文本內(nèi)容。 是的，好的設(shè)計(jì)能引導(dǎo)您的訪客瀏覽您的網(wǎng)站，將其注意力集中在重要的事情上，幫助他們理解信息塊，但訪客仍然需要閱讀文字來(lái)處理信息。這意味著Copy是你整體網(wǎng)站設(shè)計(jì)中的一個(gè)重要組成部分。
在你能寫(xiě)出一份好的文案之前，你需要了解人們實(shí)際上如何瀏覽你的網(wǎng)站。不要以為你的訪客會(huì)從頭到尾閱讀所有的文字。 那樣當(dāng)然很好，但是不幸的是，根本事實(shí)不是這樣滴。 人們被Web上的信息狂轟亂炸，而且我們中的大部分人在盡力去消化那些信息。這就導(dǎo)致非常瘋狂的瀏覽行為：我們從一塊內(nèi)容跳躍到另一塊，從一個(gè)網(wǎng)站網(wǎng)站跳到下一個(gè)。人們往往不能從頭到尾閱讀一個(gè)網(wǎng)站；他們從最先吸引他們注意力的那一塊內(nèi)容開(kāi)始，然后移動(dòng)到下一個(gè)捕獲他們興趣的地方。 這個(gè)模式看起來(lái)有點(diǎn)像這樣：
The Basecamp 的到達(dá)頁(yè)面。
紅圈表示訪客目光聚焦的區(qū)域，數(shù)字表示他們看那些元素的順序。用戶(hù)的視線在頁(yè)面上的興趣點(diǎn)之間跳躍，想要充分利用這種混亂的瀏覽模式，你需要用一種特定的方法組織你的文案。下面是幾個(gè)重點(diǎn)：
- 設(shè)置幾個(gè)“關(guān)注點(diǎn)”（Points of focus）。這些部分吸引訪客的注意力，你可以用粗體，高對(duì)比度的顏色和較大的字體來(lái)實(shí)現(xiàn)這個(gè)目的。你也可以使用圖片，例如圖標(biāo)，把圖標(biāo)放在文字旁邊，給這區(qū)域帶來(lái)更多的視覺(jué)吸引力。
- 每個(gè)“關(guān)注點(diǎn)”應(yīng)該伴隨一個(gè)描述性的標(biāo)題。在進(jìn)一步閱讀文案之前，訪客可以了解到一點(diǎn)內(nèi)容概要。不要做“標(biāo)題黨”，標(biāo)題應(yīng)該簡(jiǎn)單明了。人們希望迅速獲得信息，藏著掖著只會(huì)惹惱他們。
- 任何文字都應(yīng)該簡(jiǎn)短并容易消化。只提供要點(diǎn)，把其余的都刪去。在大多數(shù)情況下，文案撰寫(xiě)者想補(bǔ)充說(shuō)明觀點(diǎn)的文字只是增加了網(wǎng)站的負(fù)載。人們將只閱讀小塊小塊的文字，并且忽視大段的文章。把你的文案刪減到不能再減的地步吧。
“為什么你應(yīng)該使用的 OpenOffice;;; ”網(wǎng)頁(yè)肯定可以改進(jìn)。除了頂部的大橫幅之外沒(méi)有設(shè)置明確“關(guān)注點(diǎn)”；并且，文案聚在一起成了一個(gè)大疙瘩，閱讀起來(lái)相當(dāng)困難。
Things 軟件的功能頁(yè)，每個(gè)功能都是一小段文字，包含一個(gè)自己的圖標(biāo)和標(biāo)題。這使得這個(gè)列表非常容易被掃描。為了使文案給人印象更深，列出實(shí)際的好處，而不是功能的名字。
出處：iamsure
責(zé)任編輯：bluehearts
上一頁(yè) 9個(gè)Web設(shè)計(jì)中常見(jiàn)的可用性錯(cuò)誤 [1] 下一頁(yè) 9個(gè)Web設(shè)計(jì)中常見(jiàn)的可用性錯(cuò)誤 [3]
|
第 1 頁(yè) 
第 2 頁(yè) 9個(gè)Web設(shè)計(jì)中常見(jiàn)的可用性錯(cuò)誤 [2]
