交互設(shè)計(jì)這個(gè)詞最早提出來(lái)是在1927-1970年，那個(gè)時(shí)候只是個(gè)初創(chuàng)期。后續(xù)隨著時(shí)間推移，互聯(lián)網(wǎng)和機(jī)器的發(fā)展，這幾年開始被人重視這個(gè)交互設(shè)計(jì)。很多公司專門成立個(gè)部門叫UED，聽起來(lái)很嚇人，設(shè)計(jì)師沒有接觸過，不知道是什么東西，具體里面有哪些核心內(nèi)容？其實(shí)說(shuō)白了就是把人，機(jī)器和界面相融合，做到順其自然，順理成章，不要反其道而行，逆天反人類。

交互設(shè)計(jì)注意事項(xiàng)

1. 樹形結(jié)構(gòu)，做產(chǎn)品交互的邏輯關(guān)系就要像自然生長(zhǎng)的大樹，樹干、樹枝和樹葉越往內(nèi)部交互就要越少，不能在樹葉上長(zhǎng)了顆大樹。

通常情況下很容易理解，交互設(shè)計(jì)與功能復(fù)雜度相聯(lián)系，就像大樹一樣，界面展示一開始的時(shí)候是樹根 樹干 樹枝和一片小樹葉，功能點(diǎn)一點(diǎn)點(diǎn)變小，減弱。但是有時(shí)候我們?cè)谟胊pp的時(shí)候會(huì)在一個(gè)很不明顯的地方有一個(gè)大功能，就像發(fā)現(xiàn)新大陸一樣，我不說(shuō)這個(gè)對(duì)還是錯(cuò)，如果這個(gè)新大陸是一個(gè)很重要的功能點(diǎn)，那么做交互就要有新手引導(dǎo)，指引用戶用這個(gè)功能，不然只有20%的用戶會(huì)發(fā)現(xiàn)此功能，埋藏越深責(zé)用戶點(diǎn)擊率會(huì)越低。如果這個(gè)功能不是很重要那么可不可以換一種形式展現(xiàn)，減少功能點(diǎn)從一棵樹變成一片樹葉。

2. 大眾交互，為了追求不一樣而硬要改變的同時(shí)要做好新手引導(dǎo)。

交互的復(fù)雜多變會(huì)讓用戶摸不著頭腦，一半用戶學(xué)會(huì)這個(gè)功能需要交“學(xué)費(fèi)”，要做到市面上最普遍的形式，不要因?yàn)椴灰粯佣兊牟灰粯?，如果非得要變就要把它變好，要好新手指引，不然改變了用戶?xí)慣，給那些“小白”用戶造成困惑，甚至是流失很多潛在付費(fèi)用戶。

3. 錯(cuò)覺交互，利用人性的弱點(diǎn)擴(kuò)大產(chǎn)品收入。

錯(cuò)覺交互是利用人們最正常的用戶習(xí)慣來(lái)做一些用戶不想做的事情，達(dá)到研發(fā)商的目的，通常利用這種情況最多的是付費(fèi)，無(wú)意間騙取用戶錢財(cái)，很多用戶不會(huì)在意1元兩元的費(fèi)用打電話投訴或索要，就造成了很多研發(fā)商一款上線的產(chǎn)品會(huì)有大幾百萬(wàn)的流水。

4. 深度交互

深度交互就是人機(jī)器界面又增加了機(jī)器的交互，比如：很多唱歌的app，當(dāng)你錄制歌曲的時(shí)候利用自帶的耳機(jī)錄制音樂效果會(huì)很差，不會(huì)讓歌手發(fā)揮更好就自己研究了一款麥克風(fēng)，用手機(jī)這款app要配合一款外接一款機(jī)器才能達(dá)到最理想的效果

5. 本質(zhì)交互

“顧客是上帝”一定要分析用戶。每個(gè)項(xiàng)目的實(shí)用性和交互性不是在給某一個(gè)老板或者哪個(gè)制作人用，不能按照他們的想法做出他們喜歡的東西，是給用戶用。老板們用多年來(lái)的經(jīng)驗(yàn)和閱歷為依據(jù)在做事情，請(qǐng)不要忘記你的思想掌控不了用戶，用戶的思想你要研究甚至成為你的用戶，不然總認(rèn)為自己是金字塔上最高的人，指揮跟你混的人民戰(zhàn)斗，不深入了解用戶你指揮的永遠(yuǎn)是外走內(nèi)不走，行尸走肉一般

舉例子

直播類的APP交互匯總

1.?手指從左往右滑動(dòng)屏幕時(shí)可以觀看全景視頻。

2.?當(dāng)手指上下滑動(dòng)的時(shí)候可以切換視頻人物，更換他人展現(xiàn)。

3.?當(dāng)手指在屏幕上從右向左側(cè)滑動(dòng)時(shí)會(huì)退回到上一級(jí)頁(yè)面

4.?當(dāng)手指點(diǎn)擊點(diǎn)贊按鈕時(shí)會(huì)出現(xiàn)很多點(diǎn)贊的圖像

5.?當(dāng)手點(diǎn)擊屏幕任何地方的時(shí)候都會(huì)出現(xiàn)新型圖案，并且新型圖案會(huì)放大會(huì)爆裂

6.?當(dāng)點(diǎn)擊個(gè)人中心按鈕時(shí)會(huì)出現(xiàn)豎半屏的設(shè)置欄

除直播間其它頁(yè)面

1.?點(diǎn)擊下方的導(dǎo)航欄按鈕會(huì)有放大縮小動(dòng)一動(dòng)的效果

2.?在首頁(yè)手指在屏幕上左右滑動(dòng)時(shí)上面導(dǎo)航欄會(huì)左右切換，并且伴隨放大縮小

3.?點(diǎn)擊首頁(yè)或者主頁(yè)面左上角按鈕時(shí)會(huì)有些變化并且能跳轉(zhuǎn)其它頁(yè)面

4.?在加載頁(yè)面時(shí)，頭像圖片會(huì)有一個(gè)從小到大的變化

5.?在加載一個(gè)頁(yè)面向下滑動(dòng)時(shí)，漏出的部分會(huì)有小動(dòng)畫增添趣味性

6.?當(dāng)在個(gè)人中心頁(yè)面點(diǎn)住背景圖向下滑動(dòng)，背景圖會(huì)隨之放大

7.?人物列表的左上角有一按鍵，點(diǎn)擊后人物列表會(huì)像抽屜一樣一次排列退出展現(xiàn)其它頁(yè)面

8.?點(diǎn)擊人物列表會(huì)出現(xiàn)編輯人物功能

總結(jié)

基本上也就這些交互效果，其它的小的變化根據(jù)不能的產(chǎn)品會(huì)有些不同，這些交互展現(xiàn)把市場(chǎng)上比較流行的直播軟件匯總。當(dāng)我們研發(fā)某一類App的時(shí)候，就要把市場(chǎng)上這一類App的交互整合起來(lái)，在其中挑出自己想要的那幾種，不但能增長(zhǎng)知識(shí)含量也具有了很強(qiáng)的說(shuō)服力。

歡迎拍磚分享。

作者：浩瀚，微信公眾號(hào)：gh_72379020ae2a 互聯(lián)網(wǎng)創(chuàng)業(yè)的坑

本文由 @浩瀚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。