終于能出來(lái)透口氣，寫點(diǎn)東西了。前段太忙，也很郁悶，現(xiàn)在調(diào)整過來(lái)點(diǎn)了。

我的設(shè)計(jì)原則就是在滿足需求的前提下，盡可能的簡(jiǎn)化，簡(jiǎn)化，再簡(jiǎn)化。有一次跟一個(gè)朋友聊天，他問我作為交互設(shè)計(jì)師，你的三個(gè)原則是什么？我回答：1.以用戶為中心去設(shè)計(jì)，讓事情變得簡(jiǎn)單化；2. 平衡商業(yè)需求與用戶體驗(yàn)之間的權(quán)重；3. 有下游意識(shí)，但不干涉下游二次創(chuàng)新。

“用戶體驗(yàn)是門妥協(xié)的藝術(shù)”，一邊是復(fù)雜的需求輸入，另一邊要做到簡(jiǎn)單的產(chǎn)品輸出，這是件既麻煩又頭疼的事。大框架想好了，摳細(xì)節(jié)的時(shí)候，問題就一個(gè)接一個(gè)的來(lái)了。如果內(nèi)容為空，提交時(shí)如何處理？類似這樣細(xì)節(jié)末端的問題，怎么啃下來(lái)？

Kent.Zhu同學(xué)的一篇《空搜索如何設(shè)計(jì)》倒是給了我啟示。跳出來(lái)想一下，內(nèi)容為空到底有多重要，給予用戶一個(gè)怎樣的反饋是恰到好處的呢？下面有5種處理方式，根據(jù)量級(jí)由輕到重分別來(lái)看一下：

1. 內(nèi)容為空時(shí)“update”按鈕干脆不可用，從根本上杜絕提交空信息的操作。實(shí)例：Twitter.com

2. 焦點(diǎn)進(jìn)入輸入框后出現(xiàn)“發(fā)送”按鈕，內(nèi)容為空時(shí)點(diǎn)擊“發(fā)送”，輸入框變色閃動(dòng)，沒有任何文字提示。實(shí)例：Facebook.com，白社會(huì)

3. 同樣，焦點(diǎn)進(jìn)入輸入框后才出現(xiàn)“發(fā)布”按鈕，不輸入任何內(nèi)容點(diǎn)“發(fā)布”，將回到如圖默認(rèn)狀態(tài)，也是正面反饋。實(shí)例：校內(nèi)網(wǎng)

4. 內(nèi)容為空，點(diǎn)擊“提交”后，在輸入框下方打印一行提示文字。

5. 內(nèi)容為空時(shí)“提交”后，彈出模態(tài)窗提示應(yīng)進(jìn)行何種操作。實(shí)例：中國(guó)人幼兒園

首先明確一個(gè)問題，當(dāng)用戶進(jìn)行某操作后，應(yīng)當(dāng)給予反饋。這5種方式都實(shí)現(xiàn)了這個(gè)基本目的，然后再來(lái)看哪種更好。凡事有個(gè)度，恰到好處的處理應(yīng)該是提示充分，又不顯累贅。對(duì)比過后發(fā)現(xiàn)，第2種更合適于處理這種簡(jiǎn)單的話題式發(fā)布，交互上也不冗余。同時(shí)，它利用了人們長(zhǎng)期以來(lái)形成的認(rèn)知習(xí)慣——紅色代表錯(cuò)誤或停止?？匆淮尉湍苊靼祝?，原來(lái)沒有內(nèi)容是不讓提交的。

另一個(gè)角度，目標(biāo)用戶的操作和認(rèn)知水平如何。開始做幼兒園項(xiàng)目時(shí)，從調(diào)研結(jié)果看普遍認(rèn)為用戶是校友錄的老用戶，操作水平相對(duì)較低，太新潮的交互會(huì)對(duì)這群人造成挑戰(zhàn)，由此保守的設(shè)計(jì)了第5種，指引式反饋。但后來(lái)隨著走訪深入，發(fā)現(xiàn)用戶群的定位上出現(xiàn)偏差，不能把用戶定位在校友錄人群中，更多的是80后，而且這批人的電腦操作水平相比上一代人有普遍提高，再搞保守設(shè)計(jì)，似乎有點(diǎn)out了。設(shè)計(jì)得走在習(xí)慣前面，好的設(shè)計(jì)是等待人們?nèi)チ?xí)慣的，優(yōu)化的路還很長(zhǎng)。

最近我的靈感被禁錮了，做東西沒感覺，大腦一片空白，需要改變來(lái)刺激，我是個(gè)受刺激就能變形成工作狂的人。

更新：需要考慮違禁詞判斷，如內(nèi)容含有違禁詞，提交時(shí)輸入框可以變?yōu)辄S色背景閃動(dòng)。畢竟搗亂的是少數(shù)，所以對(duì)這種情況也甭跟他友善了。

原文：http://blog.b3inside.com/userexperience/how-to-deal-with-when-empty/