推薦：活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之LG顯示器
http://www.lg.com.cn/mnt/event/200707/sale0809/廣告制作：博圣云峰http://www.boosen.com廣告背景：國(guó)際知名顯示器品牌——LG于06年推出的銳比(DFC)技

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

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

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

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

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

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

　　比如，某門(mén)戶(hù)網(wǎng)站在注冊(cè)blog的時(shí)，“您的登錄名”旁邊這么寫(xiě)輔助說(shuō)明：“4-16個(gè)字符（包括4、16），英文小寫(xiě)、漢字、數(shù)字、下劃線(xiàn)，不支持空格，不支持全角英文，不支持純數(shù)字，不能使用下劃線(xiàn)開(kāi)頭和結(jié)尾�！薄＃ù笾峦扑懔艘幌�，一個(gè)IQ小于200的普通用戶(hù)假如認(rèn)真讀完并完整理解這句話(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ù)在注冊(cè)的時(shí)候這樣排列：“用戶(hù)名:___、密碼:___、密碼強(qiáng)度：[][][]、重復(fù)密碼：___”。嚇的我還以為可以自定義密碼強(qiáng)度。。。

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

　　最后，界面上的文字應(yīng)該具備該產(chǎn)品需要傳達(dá)給用戶(hù)的氣質(zhì)。

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

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

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

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

　　ps：
　　關(guān)于內(nèi)容優(yōu)化，《交互設(shè)計(jì)》和《Designing web usability》兩本書(shū)都簡(jiǎn)單的提到了一些類(lèi)似“準(zhǔn)確傳達(dá)信息、不要羅嗦、不要多余、文字要統(tǒng)一、要符合產(chǎn)品風(fēng)格”的話(huà)，但說(shuō)的都很淺，而且言語(yǔ)中能察覺(jué)到作者并未想深入表達(dá)，或者他們本身也確實(shí)沒(méi)有很深入的研究。

　　界面上的文字看似是一個(gè)很細(xì)小的東西，實(shí)際上他蘊(yùn)藏著很多的價(jià)值并且在潛移默化為產(chǎn)品帶來(lái)好的或者不好的利益。中國(guó)人說(shuō)“察言觀色”，我想“言語(yǔ)”的表達(dá)對(duì)于中國(guó)用戶(hù)的觸動(dòng)應(yīng)該會(huì)更加的明顯。國(guó)外現(xiàn)在也還沒(méi)有在內(nèi)容優(yōu)化上非常全面和深入理論知識(shí)，可能也是因?yàn)樗麄兊恼Z(yǔ)言并沒(méi)有中國(guó)這樣博大精深（或者說(shuō)“多變”）。
所以，研究和發(fā)揮好“界面上的文字”對(duì)于產(chǎn)品的價(jià)值也許更適合也更值得在中國(guó)做。這里有不小的空白的空間，值得我們發(fā)揮。
共勉。

分享：如何布局電子商務(wù)網(wǎng)站
電子商務(wù)網(wǎng)站的布局類(lèi)別繁多，按欄位分有兩欄式、三欄式、多欄式，按對(duì)齊方式分有居中對(duì)齊、左對(duì)齊，按照寬度分也有寬屏和非寬屏之分。如此之多的布局，那電子