作者：panda，交互設(shè)計(jì)師

個(gè)人微信號(hào)：D1173740249

作者授權(quán)早讀課發(fā)表，轉(zhuǎn)載請(qǐng)聯(lián)系作者。

歡迎投稿到早讀課，投稿郵箱：mm@zaodula.com

說到交互設(shè)計(jì)師這個(gè)職業(yè)，大家可能既熟悉又陌生，熟悉的這個(gè)職業(yè)的應(yīng)該是在互聯(lián)網(wǎng)行業(yè)摸爬滾打的同學(xué)，但是對(duì)于其他行業(yè)的同學(xué)來說，交互設(shè)計(jì)師這個(gè)職業(yè)認(rèn)知度還是不高的。

隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，行業(yè)分工越來越明確，在一些稍微大點(diǎn)的互聯(lián)網(wǎng)公司就出現(xiàn)的交互設(shè)計(jì)師這個(gè)職位了（小型互聯(lián)網(wǎng)公司里面，一般是產(chǎn)品經(jīng)理或者是ui設(shè)計(jì)師將交互的事情做了），那么我們就來聊聊交互設(shè)計(jì)的那點(diǎn)事兒吧。

從大的方面來講，交互設(shè)計(jì)是一種設(shè)計(jì)手段，它使得產(chǎn)品的實(shí)現(xiàn)形態(tài)更加接近用戶的心理形態(tài)，從而讓用戶更加高效的完成自己的目的。交互設(shè)計(jì)一般涉及到的五要素是：人、行為、目的、環(huán)境、媒介。

從畢業(yè)到現(xiàn)在做交互設(shè)計(jì)工作快半年了（剛開始是做ui設(shè)計(jì)），從工作中我理解到的交互設(shè)計(jì)，它是一種針對(duì)輸入方式（通常是用手觸摸、聲控或者是鼠標(biāo)進(jìn)行輸入）與輸出方式（例如手機(jī)、pad、電腦的界面對(duì)輸入方式的一種反饋）的設(shè)計(jì)。通過交互設(shè)計(jì)，使輸入更加的簡(jiǎn)便和快捷，同時(shí)使輸出的結(jié)果更好理解，從而提高用戶的使用效率。

第一，多看。

設(shè)計(jì)師的視野很重要，尤其是互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師，互聯(lián)網(wǎng)更新?lián)Q代的速度非?？欤阋獣r(shí)刻關(guān)注行業(yè)最新動(dòng)態(tài)，前輩們總結(jié)的一些設(shè)計(jì)方法和心得體會(huì)等等。只有當(dāng)你儲(chǔ)備的知識(shí)足夠多時(shí)，你才能設(shè)計(jì)出好的產(chǎn)品。在這里我推薦些我個(gè)人比較喜歡的設(shè)計(jì)網(wǎng)站與行業(yè)網(wǎng)站，如：

網(wǎng)易用戶體驗(yàn)中心 http://uedc.163.com/ 

淘寶網(wǎng)UED官方博客 http://ued./blog/

阿里巴巴U一點(diǎn)設(shè)計(jì)團(tuán)隊(duì) http://www./

阿里媽媽MUX http://mux.alimama.com/

騰訊MXD移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)中心 http://mxd.tencent.com/

騰訊ISUX社交用戶體驗(yàn)設(shè)計(jì) http://isux.tencent.com/

騰訊CDC http://cdc.tencent.com/

36kr http://36kr.com/

虎嗅網(wǎng) http://www.huxiu.com/

雷鋒網(wǎng) http://www./

互聯(lián)網(wǎng)的一些事兒 http://www.yixieshi.com/

人人都是產(chǎn)品經(jīng)理 http://www.woshipm.com/

第二，多玩與多問

大家剛剛開始找交互設(shè)計(jì)師的工作時(shí)，可能很多同學(xué)都會(huì)遇到面試官會(huì)問這樣的問題：你經(jīng)常玩的APP有哪些？你覺得它們做的好的地方有哪些，做的不好的地方有哪些？或者是推薦幾個(gè)你認(rèn)為交互做的比較好的網(wǎng)站；從面試官的問題來看，他們希望招到的交互設(shè)計(jì)師是見多識(shí)廣，對(duì)新鮮事物保持好奇心的。所以我們?cè)谄綍r(shí)生活中應(yīng)該多留心身邊的事物，遇到好玩或者是比較好的產(chǎn)品時(shí)，可以記錄下來，順便多問自己幾個(gè)為什么，為什么人家會(huì)這樣做，他們這樣做的邏輯在哪里。當(dāng)多玩與多問形成一種習(xí)慣時(shí)，以后自己做產(chǎn)品設(shè)計(jì)的時(shí)候思路就會(huì)多很多，同時(shí)也培養(yǎng)了自己獨(dú)立思考的能力。（我一般是把最美應(yīng)用推薦的APP下載下來玩玩；也會(huì)去把AppStore推薦的優(yōu)秀的APP下下來；也會(huì)讓身邊的朋友推薦一些好玩有趣的APP）。

A． 溝通技能

作為一名交互設(shè)計(jì)師，是否有著良好的溝通能力，這對(duì)于一個(gè)團(tuán)隊(duì)最后做出來的產(chǎn)品好壞影響是很大的。在產(chǎn)品開始的時(shí)候，交互設(shè)計(jì)師需要和產(chǎn)品經(jīng)理一起討論需求，理解需求后將其轉(zhuǎn)化為低保真原型（也有可能是手繪的線框圖），然后再與產(chǎn)品經(jīng)理交流，驗(yàn)證自己的設(shè)計(jì)意圖是否很好的表現(xiàn)了產(chǎn)品的需求。若原型沒有問題，那么接下來交互設(shè)計(jì)師就需要將自己的設(shè)計(jì)意圖與ui設(shè)計(jì)師交流，以便于他們做出準(zhǔn)確的界面效果圖。最后，開發(fā)哥哥們開發(fā)時(shí)，遇到有疑惑的地方，交互設(shè)計(jì)師還需要和他們一起溝通解決。

從以上產(chǎn)品開發(fā)的流程來講，每個(gè)環(huán)節(jié)都需要交互設(shè)計(jì)師與團(tuán)隊(duì)成員去溝通。而且，大家也知道，在工作的過程中信息的傳遞肯定是有損耗的，從產(chǎn)品經(jīng)理到交互設(shè)計(jì)師，再到ui設(shè)計(jì)師，最后到開發(fā)，要想最終的產(chǎn)品實(shí)現(xiàn)形態(tài)能達(dá)到預(yù)期值的話，每個(gè)環(huán)節(jié)的溝通就得非常有效，確保和你溝通的人員高效理解到你的目的和想法。

B． 軟件技能

交互設(shè)計(jì)師最重要的還是思維和邏輯能力，所以剛開始的時(shí)候用Axure這個(gè)軟件就能搞定絕大部分事情了（蘋果用戶有的是用sketch畫線框圖和流程圖的），如果工作中需要制作動(dòng)效的話，可以稍微學(xué)習(xí)一下AE；另外，如果想要自己的原型更加美觀的話，也可以懂點(diǎn)PS。軟件最好是在做設(shè)計(jì)的時(shí)候邊用邊學(xué)，這樣效率較高。

C． 熟悉常用的設(shè)計(jì)法則

在我們新人剛開始做交互設(shè)計(jì)的時(shí)候，想讓自己設(shè)計(jì)的作品在大的方向上沒問題的話，最好的辦法就是遵循一些常用的設(shè)計(jì)法則。

1. 費(fèi)茨定律

通俗來講，費(fèi)茨定律就是：點(diǎn)擊區(qū)域越大，點(diǎn)擊目標(biāo)所需的時(shí)間越短，用戶更容易操作。根據(jù)費(fèi)茨定律我們可以知道，在合理的條件下盡可能的增大可點(diǎn)擊區(qū)域，讓用戶更加容易點(diǎn)擊，從而獲得更好的體驗(yàn)。如下圖，左邊登錄的體驗(yàn)要比右邊的好很多。

2. 格式塔理論

格式塔理論中包含接近法則、相似原則、封閉原則以及連續(xù)原則。

接近法則：物體之間的相對(duì)距離會(huì)影響我們感知它們是否在一起。相對(duì)于其它物體來說，彼此之間更加接近的事物感覺是屬于一組的，它強(qiáng)調(diào)的是位置。它被廣泛應(yīng)用于頁(yè)面內(nèi)容的排版，以及分組設(shè)計(jì)中。例如下圖office工具欄的設(shè)計(jì)

相似原則：與接近原則比起來，它更強(qiáng)調(diào)的是內(nèi)容。人們通常把那些明顯具有共同特性(如形狀、大小、顏色等)的元素組合在一起，即相似的部分在知覺中會(huì)形成若干組。例如下圖新浪新聞的導(dǎo)航，通過相似原則我們很容易的將一級(jí)導(dǎo)航和二級(jí)導(dǎo)航區(qū)分開來。

封閉原則：當(dāng)事物不完整或者不存在的時(shí)候，依然可以被人們完整的識(shí)別。人們根據(jù)已往的經(jīng)驗(yàn)和視覺的整體意識(shí)，習(xí)慣性的在腦海里將缺失的形狀補(bǔ)充進(jìn)來，將圖形作為一個(gè)整體去識(shí)別，最終形成我們識(shí)別到的圖形。如下圖，沒有正方形和圓，但是我們?cè)谛睦砟Ｐ椭凶詣?dòng)填充缺失的信息，形成我們熟知的形狀和圖形。

例如，大街網(wǎng)的搭訕模塊與招行信用卡的查賬還款模塊就利用了這一原則，將第一張卡片完全展示出來，其背后的卡片只需露出一點(diǎn)點(diǎn)就足以讓用戶感知到這是由一疊對(duì)象構(gòu)成的整體。如下圖所示

3. 二八法則

二八法則也叫巴萊多法則，是19世紀(jì)末20世紀(jì)初意大利經(jīng)濟(jì)學(xué)家巴萊多發(fā)現(xiàn)的。他認(rèn)為，在任何事物中，最重要的、起決定性作用的只占其中一小部分，約20%；其余80%的盡管是多數(shù)，卻是次要的、非決定性的。

在沉浸式應(yīng)用中經(jīng)常會(huì)用到二八法則來指導(dǎo)設(shè)計(jì)，例如知乎日?qǐng)?bào)首頁(yè)只有很少的功能（約20%），80%的功能放在二級(jí)界面，因?yàn)?0%用戶只會(huì)用到首頁(yè)20%的功能進(jìn)行瀏覽，只有20%的專家用戶才會(huì)用到二級(jí)界面的80%的功能。

以上內(nèi)容是我做交互設(shè)計(jì)半年以來，在工作中以及在網(wǎng)上拜讀各位大神的心得體會(huì)總結(jié)而來，希望能和各位同仁交流學(xué)習(xí)，也希望能得到交互大神的指點(diǎn)，使自己對(duì)交互設(shè)計(jì)的理解更為深入。