歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)站建設的界面內容優(yōu)化

作者:佚名      發(fā)布時(shí)間:2009-06-16      瀏覽:1560

62.9K




所謂產(chǎn)品其實(shí)最終展現在用戶(hù)面前的只是界面而已,所謂界面絕大多數時(shí)候只包括兩個(gè)部分:圖片、文字。
重視界面上的每一個(gè)像素和每一個(gè)文字是UED的基本素質(zhì),關(guān)于如何設計好界面上的文字(一般在UED里面我們把這個(gè)職位叫做“內容優(yōu)化”)我以前寫(xiě)過(guò)創(chuàng )業(yè)團隊的界面文字優(yōu)化和用戶(hù)在每個(gè)情景中的角色感,這一期的話(huà)題中其他伙伴也說(shuō)到了很多。

這個(gè)話(huà)題討論到這里,已經(jīng)讓很多人意識到了界面上文字的重要性:界面的文字就好像一個(gè)人的談吐,文字給用戶(hù)的感覺(jué)不單單只是一個(gè)“信息”的傳達,他還關(guān)乎用戶(hù)對于產(chǎn)品的情感印象和“產(chǎn)品氣質(zhì)”的理解。

那么,我應該說(shuō)點(diǎn)什么呢?在今天寫(xiě)這個(gè)話(huà)題之前我就一直在思考:能否系統化的把“內容優(yōu)化”像“體驗”一樣分層次的理解?

1,界面上的文字應該做到:清楚而準確的向用戶(hù)傳達信息。
其實(shí)這是內容優(yōu)化的最基本要求,本應該是所有產(chǎn)品都可以做到的。但往往是越熟練的人越容易在這里出現問(wèn)題。常見(jiàn)表現:過(guò)份的向非專(zhuān)業(yè)用戶(hù)展示專(zhuān)業(yè)詞匯、信息提示本身誤導了用戶(hù)。

比如,某視頻網(wǎng)站突然蹦出來(lái)一個(gè)“bps超出,鏈接失敗?!保ú榱速Y料我才明白bps大概是每秒鏈接數的意思)
比如,有些網(wǎng)站用戶(hù)沒(méi)有注冊也去登錄的時(shí)候反饋提示為“密碼錯誤”。其實(shí)直接提示沒(méi)有此用戶(hù),然后給個(gè)鏈接“注冊此用戶(hù)”,你會(huì )發(fā)現轉化率相當高,注冊量有了用戶(hù)也方便了。

2,界面上的文字應該便于用戶(hù)閱讀并快速理解其含義。
最常見(jiàn)的問(wèn)題表現是:語(yǔ)言過(guò)于羅嗦、信息排列混亂。

比如,某門(mén)戶(hù)網(wǎng)站在注冊blog的時(shí),“您的登錄名”旁邊這么寫(xiě)輔助說(shuō)明:“4-16個(gè)字符(包括4、16),英文小寫(xiě)、漢字、數字、下劃線(xiàn),不支持空格,不支持全角英文,不支持純數字,不能使用下劃線(xiàn)開(kāi)頭和結尾?!?。(大致推算了一下,一個(gè)IQ小于200的普通用戶(hù)如果認真讀完并完整理解這句話(huà)的意思需要近1分鐘時(shí)間)
比如,另一門(mén)戶(hù)的blog和他旗下的校友錄網(wǎng)站,東邊一個(gè)下劃線(xiàn)、西邊一個(gè)icon加文字、南邊一個(gè)按鈕加文字、北邊一個(gè)紅色、中間還有一個(gè)紅色加粗。我進(jìn)去之后真不知道什么地方可以點(diǎn)什么地方不可以點(diǎn),什么地方能點(diǎn)什么地方不能點(diǎn)…
再比如,某電子郵件服務(wù)在注冊的時(shí)候這樣排列:“用戶(hù)名:___、密碼:___、密碼強度:[][][]、重復密碼:___”。嚇的我還以為可以自定義密碼強度。。。

3,整個(gè)產(chǎn)品不同位置的文字應該統一。大家都講普通話(huà),不能一會(huì )中國話(huà)一會(huì )外國文。
這是一個(gè)最簡(jiǎn)單的問(wèn)題,卻是大部分網(wǎng)站都未能避免的問(wèn)題。(特別是在中文網(wǎng)站,大概是因為中文說(shuō)法太多了)
比如,作一個(gè)IM軟件,一開(kāi)始是“添加好友”,接下來(lái)“聯(lián)系人列表”,然后又是“不在線(xiàn)的朋友”;一開(kāi)始是“注冊用戶(hù)名”、然后是“登錄ID”、還有“您的賬戶(hù)”、“管理帳號”、…

4,界面上的文字應該具備該產(chǎn)品需要傳達給用戶(hù)的氣質(zhì)。

這里往往遇到的是怎么做的問(wèn)題:怎么確定產(chǎn)品要表達什么樣的氣質(zhì)?怎么確定什么樣的語(yǔ)言風(fēng)格才算是表達了這樣的氣質(zhì)?
在稍微大型的企業(yè)我們一般有很多種方法可以做到,比如找很多用戶(hù)讓他們說(shuō)出他們需要的、比如通過(guò)情緒板、比如通過(guò)顏色分析等等。
但在創(chuàng )業(yè)公司我一般建議大家實(shí)用一點(diǎn):
1>N個(gè)很了解產(chǎn)品定位的人坐到一起,每人一個(gè)貼紙寫(xiě)下來(lái)一個(gè)你認為可以描述該產(chǎn)品的句子或者事物;
2>把所有人的描述拿出來(lái)大家討論,把每一個(gè)用二維分析的方式擺出來(lái),最終得到一個(gè)大家都認可的結果就是這個(gè)產(chǎn)品應該表達的氣質(zhì);
3>每人N個(gè)貼紙,根據剛才得到的結果,結合自己產(chǎn)品的環(huán)境寫(xiě)下來(lái)你認為要表達這種氣質(zhì)需要什么樣風(fēng)格的語(yǔ)言;
4>用第2點(diǎn)中同樣的方法得到一個(gè)統一的結果,(比如:嚴肅、簡(jiǎn)練、..)
5>安排一個(gè)專(zhuān)門(mén)的人寫(xiě)一份簡(jiǎn)單的指南,描述這個(gè)結果具體執行時(shí)一些需要注意的常見(jiàn)問(wèn)題和原則。(比如:既定事實(shí)不再重復、不用反問(wèn)語(yǔ)句提問(wèn)用戶(hù)、即時(shí)說(shuō)明文字不得超過(guò)20字、…)

5,文字的視覺(jué)設計應該完整的融入整個(gè)產(chǎn)品視覺(jué)中。
很多視覺(jué)設計師喜歡把文字融入到界面的造型中去,得到非常棒的視覺(jué)效果,這個(gè)很值得學(xué)習。
從最基礎來(lái)說(shuō),我們的文字在界面上和圖形一樣應該有主次有深淺,關(guān)于這個(gè)部分瀟瀟同學(xué)已經(jīng)有了很好的表述,我只補充一個(gè)例子:

圖片網(wǎng)站本身應該表現的是“圖”,文字只是其輔助信息。
flickr在個(gè)人首頁(yè)里每個(gè)圖片下面都有四行的文字,但我從未感覺(jué)到他礙眼或者多余,因為flickr用的是很柔和的粉紅和幾乎可以讓我第一視覺(jué)點(diǎn)忽視掉的灰色;
而yupoo在個(gè)人首頁(yè)里每個(gè)圖片下面只有三行文字,可每一個(gè)我都覺(jué)得他們扎眼,因為yupoo用了重灰色粗體、綠色粗體、重灰色、綠色四種表現方式,而且字體都還不一樣。

6,盡量讓文字自身可以起到“推銷(xiāo)”產(chǎn)品的作用,而且”推銷(xiāo)”的不只是產(chǎn)品氣質(zhì)。
文字其實(shí)可以像圖形設計一樣在情感上給用戶(hù)以觸動(dòng),從而積極的達到對于產(chǎn)品的“推銷(xiāo)”。
比如,很多人已經(jīng)把“注冊”改成了“立即注冊”、“馬上注冊”;
比如,baidu.com的“更多”頁(yè)面最上面以前是“推薦使用”后來(lái)改成了“試試看”,雖然只是少了一個(gè)字,但給用戶(hù)的感受和嘗試欲望馬上就很不一樣;
比如,某電子商務(wù)網(wǎng)站會(huì )在注冊要完成那里說(shuō):“太好了,你還需一步就能成為我們的注冊會(huì )員”



0