DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計案例分析:關於鏈接的文字描述
用戶體驗設計案例分析:關於鏈接的文字描述
編輯:關於網頁技巧     

你肯定有過這樣的經歷,希望你的用戶點擊你提供的鏈接,但卻不知道要怎麼吸引他們這麼做。某些人在碰到這個問題時,會傾向於在他們的鏈接上放上“點擊此 處”四個字。但是,在你屈服於這樣的誘惑之前,你應該要知道,使用這類詞匯可能會影響到用戶的界面體驗。提供鏈接時,比“點擊此處”更好的說法是什麼?

“點擊”這個詞過度強調了鼠標的動作

在 你的鏈接上放上“點擊”這個詞,容易將用戶的注意力從你的界面和內容轉移到鼠標上。用戶知道一個鏈接是什麼,也知道怎麼去使用鼠標。所以,用戶在點擊鏈接 時,你沒有必要再強調這一動作機制。而且,這句話也會讓用戶顯得很傻,因為實際你是在暗示用戶不知道鏈接是什麼,或者鼠標怎麼用。

那麼,假如不用“點擊”,我們還可以用什麼詞呢?其實你可以考慮尋找一個跟用戶的任務相關的動詞。比如下面的例子,“查看演示”中的查看一詞就把用戶的注意力放到了任務本身,使得用戶可以更加專注於內容和界面的使用,而非鼠標的使用。

“此處”隱藏了用戶實際點擊的內容

有 些鏈接不用“點擊”這個詞,改用“此處”這個詞。使用“此處”這個詞也有一個問題,就是用戶不能一眼發現自己點擊的是什麼內容。你可能會在鏈接的周圍附上 文字描述,而這就意味著用戶需要花額外的時間去閱讀這些文本,以確定鏈接的內容,但這實際上阻礙了用戶直接點擊鏈接的這一行為。而且,假如用戶需要閱讀很 長的文本才能發現自己點擊的是什麼,那麼情況就更糟了。

不 僅如此,假如你有好幾個鏈接,然後你一律用上“此處”,“此處”,“此處”,那麼用戶就有可能無法區分不同“此處”背後的內容。那麼用戶就可能需要打開每 個鏈接,才能確定不同鏈接代表的是什麼。最後,假如用戶在打開某個內容鏈接之後想回到某個信息源,他們還要花時間去想,到底哪個“此處”才是這個內容的 源。所以,你應該這樣,在標記一個鏈接時,用上一些能代表鏈接內容的描述性詞匯,來方便用戶區分不同的鏈接。

用正確的方式標記鏈接

你的鏈接是否表情達意,實際對你的網站還是有一定的影響。下面是一些小技巧僅供參考:

把鏈接鏈到名詞上

你應該把鏈接鏈到一個句子上那些具體的名詞或者專有名詞上。這些具體名詞往往是最好的選擇,因為用戶可以通過自己的感官實際感受到這些名詞,這樣他們就更加清楚點擊鏈接之後自己能獲得什麼。專有名詞也很好,因為專有名詞實際代表的就是一些特定的實體,非常容易脫穎而出。

但是要避免只把鏈接鏈在動詞上,因為動詞往往模糊抽象,用戶很難一眼知道自己能獲得哪些內容。把鏈接放到名詞上,用戶通常都不用讀完整個句子,就能知道自己能看到哪方面的內容,看下面的例子:

具體說明你的鏈接內容

把你的鏈接內容說清楚,越清楚越好。舉個例子,假如你要鏈接到一篇文章或者一本書裡,不要把鏈接只鏈在“文章”或者“書”這個字眼上。你應該是把鏈接鏈在文章名或者書名上。

鏈接應該是在句子尾端

你需要注意你的句子結構,保證你需要加鏈接的名詞是放在句子尾端。這樣,鏈接被注意的概率要大一些:因為用戶在讀完一個句子之後就自然而然能看到你的鏈接,而且讀完句子之後也可以馬上打開鏈接,而不是又重新回溯一個句子尋找句子中間的鏈接。

結語

關於鏈接的文字描述,實際是非常小的細節,但是你的用戶卻可能由此獲得更好的界面體驗。你可以選擇繼續使用“點擊此處”以圖省心,也可以花些功夫,想想如何給這些鏈接加上表情達意的文字描述。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved