交互設(shè)計(jì)的價(jià)值在哪里?關(guān)鍵在這三點(diǎn)

　　前兩天，在我的知識(shí)星球里，有星友提問“ 為什么說交互設(shè)計(jì)是重要的?”相信很多互聯(lián)網(wǎng)從業(yè)人員都會(huì)有這個(gè)疑問，尤其是產(chǎn)品和交互、UI同學(xué)。在小公司，交互的活兒直接都由產(chǎn)品做了，那么，為什么還需要交互設(shè)計(jì)師?交互設(shè)計(jì)的價(jià)值在哪里?

　　回答這個(gè)問題，我先一句話總結(jié)一下：交互設(shè)計(jì)的價(jià)值，是讓用戶更容易地理解產(chǎn)品，讓用戶使用我們的產(chǎn)品時(shí)，是舒服的、甚至是愉悅的。這就是交互的價(jià)值。下面來詳細(xì)說明一下。

　　1、讓產(chǎn)品更易理解

　　現(xiàn)在很多小公司，交互方案都是產(chǎn)品經(jīng)理負(fù)責(zé)設(shè)計(jì)。有的產(chǎn)品是直接寫在PRD里，有的則會(huì)單獨(dú)出一個(gè)交互方案。產(chǎn)品經(jīng)理在考慮提出需求的時(shí)候，或許還能夠從用戶角度出發(fā);一旦涉及到把需求變成交互方案，會(huì)常常掉到一個(gè)坑里：覺得用戶會(huì)乖乖按照他設(shè)計(jì)的方案進(jìn)行理解和操作。實(shí)際上，用戶對(duì)界面和操作有自己的理解，他們不會(huì)像流水線上被馴化的工人一樣，乖乖服從你的命令。比如下面這個(gè)例子，就讓我在使用的時(shí)候十分困惑：

　　快春節(jié)了，打算給老媽買幾束鮮花。由于在首頁(yè)點(diǎn)擊“混合 悅花”的時(shí)候，看到的價(jià)格是99，所以當(dāng)時(shí)我的期待就是能以99元的價(jià)格買到鮮花。然額，進(jìn)到商品詳情頁(yè)后發(fā)現(xiàn)需要“3人團(tuán)”才能99元買。這倒也罷，商家慣用的伎倆。其實(shí)這時(shí)候已經(jīng)有點(diǎn)想放棄了，因?yàn)樽约簯械媒M團(tuán)，但還是抱著試以試的心態(tài)，點(diǎn)了那個(gè)“立即開團(tuán)”按鈕，就跳轉(zhuǎn)到了購(gòu)買頁(yè)。由于我之前從沒以“3人團(tuán)”的形式買過東西，此時(shí)我的預(yù)期應(yīng)該是讓我去趕緊去組團(tuán)，組成了才能購(gòu)買。但是我找遍了頁(yè)面，也沒有找到讓我進(jìn)行組團(tuán)的入口。此時(shí)，我內(nèi)心其實(shí)是不太敢點(diǎn)擊那個(gè)“提交訂單”按鈕的，因?yàn)榕伦约簺]有組成團(tuán)，卻想以99元的低價(jià)購(gòu)買——要是付了款，卻沒有得到花，那我的錢豈不是打水漂了。然額，還是抱著試一試的心態(tài)，我點(diǎn)了……點(diǎn)擊之后，這時(shí)候來到了訂單結(jié)算頁(yè)面，抱著不以99買到不死心的我心驚膽戰(zhàn)地點(diǎn)擊了“立即支付”，然后在支付之后的頁(yè)面，終于，花加讓我去分享組團(tuán)了!

　　這是一個(gè)典型的設(shè)計(jì)者不理解用戶心理模型的案例——用戶以為在購(gòu)買之前需要組團(tuán)，而設(shè)計(jì)者卻想讓用戶在購(gòu)買之后進(jìn)行組團(tuán)。從這里我們也不難看出，作為一名交互設(shè)計(jì)師，需要足夠得了解用戶的心理模型，才能設(shè)計(jì)出更優(yōu)秀的方案——畢竟這才是能提現(xiàn)我們的不可替代性的地方啊!

　　2、讓操作更順暢

　　下圖是iOS系統(tǒng)自帶的鬧鐘/計(jì)時(shí)器的界面：

　　這三張圖從左到右換依次是“就寢”，“鬧鐘”，“計(jì)時(shí)器”這三個(gè)功能在到達(dá)設(shè)定時(shí)間后的頁(yè)面。觀察一下，會(huì)發(fā)現(xiàn)計(jì)時(shí)器的設(shè)計(jì)與前面兩個(gè)的停止按鈕的位置正好相反：計(jì)時(shí)器的停止是放在橙色的顯著位置。蘋果這樣做，一個(gè)原因很可能是他們認(rèn)為用戶在使用計(jì)時(shí)器的時(shí)候，是清醒的，而且計(jì)時(shí)結(jié)束后，用戶的大概率操作是停止響鈴，所以把停止按鈕放在了中間。

　　殊不知，如果我用計(jì)時(shí)器來當(dāng)我午休時(shí)的鬧鐘，或者我在使用計(jì)時(shí)器的時(shí)候沒有仔細(xì)得看頁(yè)面上的文字，則會(huì)產(chǎn)生很大的不便：由于習(xí)慣了鬧鐘界面里，底部是停止按鈕，在使用計(jì)時(shí)器的時(shí)候，總是要更仔細(xì)地確認(rèn)哪個(gè)才是停止按鈕。計(jì)時(shí)器的頁(yè)面元素，UI與另兩個(gè)頁(yè)面完全一致，但是操作上卻有如此大的不同，我認(rèn)為這個(gè)界面的交互設(shè)計(jì)是有缺陷的。

　　一個(gè)優(yōu)秀的交互設(shè)計(jì)師，必須要能夠意識(shí)到用戶的不同使用場(chǎng)景，并綜合考慮交互規(guī)則中的一致性、可供性、及時(shí)反饋等原則，做出操作順暢的方案。另外，對(duì)系統(tǒng)控件的掌握也至關(guān)重要，它們就像是解數(shù)學(xué)題的公式，牢牢掌握并靈活應(yīng)用，才能做出優(yōu)秀的方案。

　　3、讓體驗(yàn)更愉悅

　　下面這個(gè)例子，是使用支付寶開通App Store支付時(shí)，短信驗(yàn)證碼的設(shè)計(jì)。在短信的文案里，驗(yàn)證碼的數(shù)字被放在文案的后面的位置，導(dǎo)致收到短信的時(shí)候沒法顯示完整的驗(yàn)證碼，用戶必須要向下劃動(dòng)提示框查看完整的短信，才能看到驗(yàn)證碼的所有數(shù)字：

　　最終，我能不能找到驗(yàn)證碼呢?能。這個(gè)過程愉不愉快呢?一點(diǎn)也不。這個(gè)短信接收驗(yàn)證碼的方案，產(chǎn)品能設(shè)計(jì)嗎?完全能。但是用戶用起來爽嗎?完全不。魔鬼在細(xì)節(jié)。

　　4、總結(jié)

　　交互設(shè)計(jì)，可以幫用戶更容易地理解產(chǎn)品，讓用戶使用我們的產(chǎn)品時(shí)，是舒服的、甚至是愉悅的。