一直聽(tīng)說(shuō)白社會(huì)的交互做得很棒，最近兩天工作基本上完成了，于是本著學(xué)習(xí)的態(tài)度體驗(yàn)了一下白社會(huì)．

進(jìn)入登錄界面，色彩搭配很舒服，一個(gè)很明顯的視覺(jué)元素：ＢＯＳＳ加上阻止的符號(hào)（ＢＯＳＳ免進(jìn)），很明顯的體現(xiàn)了整個(gè)網(wǎng)站最基本的用戶群，除ＢＯＳＳ之外的白領(lǐng)人群．

整個(gè)社區(qū)很多地方都體驗(yàn)了為滿足特定用戶人群而設(shè)計(jì)的功能，著實(shí)讓人眼前一亮．隨便聽(tīng)點(diǎn)什么的音樂(lè)播放功能，單擊打開(kāi)一個(gè)小窗口，隨后音樂(lè)自動(dòng)播放，自動(dòng)播放的音樂(lè)為新歌推薦，而不像其他網(wǎng)站，需自己選擇音樂(lè)單擊播放才能播放．播放器同時(shí)也支持用戶自動(dòng)設(shè)置歌曲．打卡領(lǐng)工資，白社會(huì)小報(bào)，說(shuō)秘密，真心話等很多功能的出現(xiàn)，正符合了被邀請(qǐng)注冊(cè)的頁(yè)面那句廣告語(yǔ)＂吃喝玩樂(lè)，慵懶偷閑。這里絕對(duì)是你秒殺疲憊，打發(fā)無(wú)聊的精神家園。＂

以下是我對(duì)其中一些交互設(shè)計(jì)的想法．

一：非模態(tài)提示代替彈出框的模態(tài)提示。

1.1按扭的變化

1.2 輸入框的變化

復(fù)制成功的消息既能被注意到，又不會(huì)打斷用戶正在進(jìn)行中的任務(wù)。

1．3固定位置的提示信息

老板鍵—非模態(tài)的提示信息，放在瀏覽器最右邊，不會(huì)打斷用戶完成其他的任務(wù)，但也會(huì)注意到。為特定用戶人群（除老板外的普通白領(lǐng)）考慮，設(shè)想用戶可能的遇到情境而提供的幫助，想得很體貼。按F9之后，頁(yè)面隱藏，顯示的是搜索的頁(yè)面，這個(gè)搜索界面的出現(xiàn)，肯定也是經(jīng)過(guò)考慮的，搜索功能是每一個(gè)上網(wǎng)白領(lǐng)日常工作的一部分。成功而巧妙地完成了當(dāng)BOSS在的情況下隱藏的任務(wù)；按F9隱藏，而不是像其他軟件一樣在慌亂中關(guān)閉，最后還能返回，整個(gè)過(guò)程不需要離開(kāi)社區(qū)，這是社區(qū)很聰明的地方，唯一不足的不能按F9返回，而必須點(diǎn)右邊的鏈接返回。

1.4響應(yīng)中的提示：

1.5成功提示：     

二：全站的統(tǒng)一鏈接顏色

鏈接顏色統(tǒng)一用紅色，跟普通文字有很明顯的區(qū)分，突出重點(diǎn)。紅色也起到引導(dǎo)用戶點(diǎn)擊的作用   

三：人性化的提示文案：

遇到錯(cuò)誤的時(shí)候，一般是很沮喪的，白社會(huì)用詼諧的錯(cuò)誤提示文案減少用戶的挫折感，同時(shí)增加了產(chǎn)品的趣味性。

結(jié)合當(dāng)前用戶人群最關(guān)心的話題而寫(xiě)的文案，很生活化，讓人記憶很深刻。

四：評(píng)論及回復(fù)

整個(gè)站點(diǎn)評(píng)論和回復(fù)列表一致性的設(shè)計(jì)，將自己發(fā)表的評(píng)論與別人發(fā)表的評(píng)論以不同的色塊明確的區(qū)分開(kāi)。  

五：視覺(jué)與交互的銜接

心情的輸入跟輸出的通過(guò)視覺(jué)的表現(xiàn)很自然的銜接在一起。

六：信息收集的方式：

把用戶的信息的收集作成任務(wù)的形式，引導(dǎo)和激勵(lì)用戶填寫(xiě)信息,比起普通的表單性質(zhì)的信息收集更有作用。

不同色彩的視覺(jué)表現(xiàn)已完成和未完成的任務(wù)，很清晰。

七：讓用戶自己設(shè)置最關(guān)心的話題，考慮到高級(jí)用戶的需求。

八：搜索與搜索結(jié)果的表現(xiàn)

輸入與輸出很自然的銜接；搜索結(jié)果過(guò)多時(shí)重新搜索的引導(dǎo)。查看好友列表功能，找到他的朋友中我可能認(rèn)識(shí)的人。

九：輸入框通過(guò)動(dòng)態(tài)的提示信息引導(dǎo)用戶

 動(dòng)態(tài)顯示的提示信息引導(dǎo)用戶填寫(xiě)內(nèi)容。

輸入框支持2種提交方式，1是按扭，2是快捷鍵：回車，考慮到中間用戶和專家用戶的需求   

十：光標(biāo)啟示

鼠標(biāo)滑過(guò)不可點(diǎn)擊的對(duì)象為“I”啟示為不可點(diǎn)擊，但能復(fù)制，可點(diǎn)擊的對(duì)象為手形，可拉伸的輸入框?yàn)殡p向的箭頭形狀，并顯示窗口邊框可以伸縮的方向（縱向?yàn)榭梢韵蛏舷吕?，橫向?yàn)榭上蜃笥依欤?，可以拖移的?duì)象為四角的箭頭。（其他的網(wǎng)站都有這樣做，不過(guò)不可點(diǎn)擊的形狀還是沒(méi)被大多數(shù)人所意識(shí)到。） 

十一：不同的內(nèi)容條目通過(guò)不同的視覺(jué)表現(xiàn)得很清晰

 未完，待續(xù)...

原文：http://ucdchina.com/snap/3733