• 上圖為前期定位的目標(biāo)大眾用戶群，依靠地鐵的工具屬性，我們得出了具體的兩個(gè)影響因素：時(shí)間+美食熱愛程度。同時(shí)我們把直接競(jìng)品和間接競(jìng)品一同進(jìn)行用戶群比較?？梢钥吹胶痛竺缊F(tuán)有相同和不同維度，這就是產(chǎn)品最初冷啟動(dòng)時(shí)期的差異化！也就是我們的前、中期場(chǎng)景的主要目標(biāo)用戶類型。
• 紅色部分即種子用戶群，以這些群體為冷啟動(dòng)階段，可以更快的向四周擴(kuò)張。因?yàn)樗麄冇惺褂玫罔F的時(shí)間屬性，同時(shí)有較高的美食熱愛程度，有利于帶動(dòng)其他時(shí)間+熱愛程度的用戶加入產(chǎn)品，實(shí)現(xiàn)快速并有質(zhì)量的拉新、活躍的目標(biāo)。
• 低端直接競(jìng)品即用戶群工具屬性明顯，只是搜地鐵站，選擇美食的用戶，無(wú)明顯其他行為；高端競(jìng)品即注重社交、ugc為起點(diǎn)，逼格高的搜尋美食工具。這部分開始很難，工作量巨大，且較脫離大眾主流群體。

• 詳細(xì)列出測(cè)試安排的時(shí)間段。例如10:30-11:15、13:30-14:15，讓用戶自己挑選合適的時(shí)間段，這樣就不用事后再協(xié)調(diào)不同用戶測(cè)試時(shí)間了；

• 優(yōu)先人力、信息管理、行政等崗位同事。盡量避免相關(guān)產(chǎn)品人員、設(shè)計(jì)崗等同事。

• 制作簡(jiǎn)單的招募海報(bào)，并檢查?？梢允孪葘?ldquo;海報(bào)”用word或者ppt做好，然后保存成圖片格式，記得檢查核實(shí)一下是否有錯(cuò)。因?yàn)樵诠綢M群上直接黏貼確實(shí)方便，但是其排版往往不利于閱讀，導(dǎo)致用戶會(huì)遺漏重要信息。而制作成圖片格式，可以更好地去避免這個(gè)問題，同時(shí)還可以顯得整個(gè)招募過程比較正式，突出了對(duì)用戶的尊重，也能在一定程度上體現(xiàn)我們用研工作的規(guī)范性。

• 盡可能多的去了解所需測(cè)試的產(chǎn)品。有時(shí)候demo出來(lái)的晚，下午要測(cè)試，demo中午才出來(lái)，自己都沒玩過，測(cè)試還怎么搞？之前也說了，那就使勁去看交互稿吧，雖然比不上實(shí)際操作來(lái)的真實(shí)，但是也能有不小幫助，但也要給自己留足熟悉demo的時(shí)間。
• 按照模塊來(lái)列提綱。其實(shí)相當(dāng)于組塊策略，把同一個(gè)模塊的問題放到一起更方便記憶，并且也在訪談中也方便自己和其他同事發(fā)現(xiàn)遺漏點(diǎn)。但模塊不要太大，如果太大了就相應(yīng)拆分一下。例如，在考拉新版測(cè)試的時(shí)候，有“首頁(yè)”、“活動(dòng)”、“購(gòu)物車”等測(cè)試，但是光是首頁(yè)內(nèi)容也很多，作為一個(gè)模塊還是太大了，可以拆分成“首頁(yè)整體感知”、“商品詳情”等幾個(gè)方面來(lái)整理提綱。
• 根據(jù)任務(wù)演練提綱。有了提綱后，按照任務(wù)大致過一下所有列出來(lái)的問題，這個(gè)過程會(huì)打亂按照模塊列好的提綱，有一次這樣的排練，在測(cè)試的時(shí)候更不容易漏掉題目，而且也相當(dāng)于模擬了一下測(cè)試，自己心里會(huì)更踏實(shí)一點(diǎn)，在實(shí)際測(cè)試過程中也能有更好的應(yīng)對(duì)。

• 劃分我們和產(chǎn)品的關(guān)系。在測(cè)試之前跟用戶說明清楚，我們并不是產(chǎn)品的設(shè)計(jì)者和開發(fā)者，我們只是受產(chǎn)品方委托來(lái)進(jìn)行測(cè)試，以免用戶不好意思當(dāng)面如實(shí)評(píng)價(jià)產(chǎn)品。
• 強(qiáng)調(diào)測(cè)試的是產(chǎn)品，而不是用戶。要跟用戶說明產(chǎn)品尚處于不完善階段，因此邀請(qǐng)用戶過來(lái)進(jìn)行測(cè)試，幫助發(fā)現(xiàn)問題和改進(jìn)產(chǎn)品設(shè)計(jì)，但請(qǐng)注意不是為了評(píng)價(jià)產(chǎn)品。
• 注意訪談技巧。這個(gè)就不用多說了。
• 盡可能深入的去挖掘用戶的需求。不要停留在用戶話述表面，更進(jìn)一步去追問，用戶為什么會(huì)這么說或這么問，例如，很多時(shí)候在測(cè)試中會(huì)碰到用戶說“哦，原來(lái)這個(gè)按鈕是xx功能，我還以為是xx功能“，這個(gè)時(shí)候可以再推進(jìn)一步，了解用戶為什么會(huì)這么認(rèn)為。
• 給其他在場(chǎng)的同時(shí)發(fā)言的機(jī)會(huì)。主持人如果覺得自己訪談的差不多了，可以詢問一下記錄者以及交互、產(chǎn)品等同事，了解他們是否還有問題需要補(bǔ)充。
• 記得量表評(píng)分和報(bào)酬簽收。長(zhǎng)時(shí)間的測(cè)試和訪談后容易忘記量表評(píng)分和報(bào)酬簽收，可以把這兩份東西放在顯眼的地方，另外可以讓記錄的同事打個(gè)招呼，幫忙提醒自己。

• 仔細(xì)觀察用戶行為并記錄。記錄不僅僅是用戶的觀點(diǎn)、想法等，更重要的是記錄用戶的實(shí)際行為。
• 按照模塊記錄。記錄者可以按照測(cè)試方案中的模塊來(lái)相應(yīng)記錄用戶的行為和言語(yǔ)表述。
• 查漏補(bǔ)缺。主持人可能會(huì)遺漏一些點(diǎn)，記錄者作為旁觀者需要提醒主持人遺漏了什么，或者自己有什么新的內(nèi)容需要補(bǔ)充。

• 有效達(dá)成共識(shí)，確定解決方案。剛訪談結(jié)束印象最深刻，因此能快速有效達(dá)成對(duì)主要問題的共識(shí)，并討論確定相應(yīng)的解決方案。
• 體現(xiàn)敏捷優(yōu)勢(shì)。確定了一些比較嚴(yán)重的問題后，交互和產(chǎn)品的同事就可以相應(yīng)去改進(jìn)產(chǎn)品設(shè)計(jì)，做到了邊測(cè)邊改，加快迭代速度。
• 幫助優(yōu)化訪談提綱，和測(cè)試用戶安排。有些問題在事先撰寫方案的時(shí)候可能沒涉及到，在討論后可以補(bǔ)充進(jìn)去，而有些問題確定后則不需要再測(cè)。另外，也可以通過討論對(duì)事先安排的測(cè)試用戶進(jìn)行相應(yīng)調(diào)整，例如增刪用戶，或者調(diào)整新老用戶測(cè)試順序等。
•  

  事后幫助我們自己快速撰寫方案。通過討論確定了關(guān)鍵問題，并且，交互和產(chǎn)品的同事也相應(yīng)清楚了，因此在最后可以快速形成報(bào)告。

• 小測(cè)試項(xiàng)目簡(jiǎn)單快速撰寫報(bào)告。對(duì)于那些1-2天的小測(cè)試項(xiàng)目，由于在每次測(cè)試后都有討論，已對(duì)主要問題達(dá)成共識(shí)，因此在報(bào)告撰寫的時(shí)候就可以快速地將主要的問題和風(fēng)險(xiǎn)點(diǎn)呈現(xiàn)出來(lái)。
• 大測(cè)試項(xiàng)目每天總結(jié)并反饋主要問題。大的測(cè)試項(xiàng)目持續(xù)時(shí)間比較久，針對(duì)每天的測(cè)試及討論，簡(jiǎn)單總結(jié)一下主要發(fā)現(xiàn)的問題，并反饋給相關(guān)人員，如果到了最后再總結(jié)，容易遺忘掉一些內(nèi)容，并且這樣子也方便自己最后撰寫報(bào)告。

 

 

•  

  缺乏視覺層次：所有元素都有相似的視覺權(quán)重，這讓用戶很難快速識(shí)別最重要的操作。
•  

  按鈕樣式：推薦和獎(jiǎng)勵(lì) "按鈕與布局的其他部分融為一體，失去了成為焦點(diǎn)和引導(dǎo)用戶互動(dòng)的機(jī)會(huì)。
•  

  深度和間距：陰影和色彩對(duì)比的缺失造成了設(shè)計(jì)的扁平化，影響了可用性和導(dǎo)航功能。

 

 

•  

  增強(qiáng)視覺層次：我們?yōu)?“推薦和獎(jiǎng)勵(lì) ”按鈕添加了明亮的藍(lán)色背景并略微抬高，使其成為明確的焦點(diǎn)，鼓勵(lì)與這一關(guān)鍵功能進(jìn)行互動(dòng)。
•  

  改進(jìn)間距和分組：調(diào)整元素之間的間距并對(duì)相關(guān)項(xiàng)目進(jìn)行分組，使布局更有條理，幫助用戶區(qū)分 “設(shè)置與偏好 ”和 “支持 ”等部分。
•  

  使用圖標(biāo)和排版：我們對(duì)圖標(biāo)和排版進(jìn)行了改進(jìn)，使外觀更加簡(jiǎn)潔。圖標(biāo)有了更多的空間，文字樣式強(qiáng)調(diào)標(biāo)題而不是副標(biāo)題，使內(nèi)容更易于掃描。

 

 

•  

  視覺清晰度：設(shè)計(jì)扁平，更像是一個(gè)線框，地圖圖像在視覺上無(wú)法吸引用戶。
•  

  內(nèi)容分組：元素的樣式千篇一律，使界面感覺單調(diào)。最近地點(diǎn) “和 ”交通更新 "等關(guān)鍵部分缺乏差異化。
•  

  互動(dòng)元素：天氣警報(bào) "等互動(dòng)元素并不突出，可能會(huì)讓用戶對(duì)可操作的項(xiàng)目感到困惑。

•  

  突出行動(dòng)區(qū)域：主頁(yè)“、”工作 “和 ”收藏夾 "等主要按鈕采用了獨(dú)特的圖標(biāo)和間距，使常用部分易于定位。
•  

  地圖增強(qiáng)：對(duì)比度更強(qiáng)、更生動(dòng)的地圖，加上微妙的高低起伏，成為一個(gè)明顯的焦點(diǎn)，同時(shí)又不會(huì)喧賓奪主。

 

 

•  

  內(nèi)容區(qū)分：將 “公共交通 ”和 “交通更新 ”等關(guān)鍵部分與對(duì)比鮮明的背景進(jìn)行分組，提高視覺掃描效果。
•  

  強(qiáng)調(diào)警報(bào)：交通和天氣警報(bào)用獨(dú)特的顏色和圖標(biāo)來(lái)吸引用戶的注意力，幫助用戶快速識(shí)別關(guān)鍵信息。

 

 

•  

  確定關(guān)鍵元素：首先要明確哪些元素需要強(qiáng)調(diào)。建立一個(gè)視覺層次，突出關(guān)鍵操作--比如個(gè)人資料頁(yè)面上的 “推薦和獎(jiǎng)勵(lì) ”卡片。
•  

  對(duì)類似元素進(jìn)行分組：將類似的項(xiàng)目組織成不同的部分，如將個(gè)人資料信息與 “推薦和獎(jiǎng)勵(lì)”、“設(shè)置 ”和 “支持 ”進(jìn)行分組，使布局更加直觀。
•  

  添加描述性小標(biāo)題：小標(biāo)題可提供清晰度，通過明確標(biāo)注內(nèi)容和引導(dǎo)用戶完成選項(xiàng)來(lái)增強(qiáng)用戶體驗(yàn)。
•  

  使用顏色層次和對(duì)比：選擇對(duì)比鮮明的顏色來(lái)營(yíng)造視覺上的區(qū)別，例如使用淺藍(lán)色背景搭配深藍(lán)色圖標(biāo)，營(yíng)造出協(xié)調(diào)而醒目的效果。
•  

  小竅門：開發(fā)一個(gè)調(diào)色板，每種顏色的色調(diào)從 100 到 950 不等，以確保各元素之間的靈活性和一致性。

 

 

 

 

 

 

 

 

 

 

•  

  小改動(dòng)，大影響：對(duì)間距、對(duì)比度和深度進(jìn)行簡(jiǎn)單調(diào)整，就能顯著提升用戶體驗(yàn)。
•  

  考慮視覺層次：利用顏色、大小和位置在界面中創(chuàng)造自然的流程，引導(dǎo)用戶進(jìn)行重要操作。
•  

  創(chuàng)造深度和焦點(diǎn)：即使是增加微妙的深度，也能讓界面看起來(lái)更精致、更專業(yè)、更直觀。

交互設(shè)計(jì)是很多設(shè)設(shè)計(jì)師心向往之的領(lǐng)域，很多設(shè)計(jì)師在進(jìn)入職場(chǎng)一兩年后，會(huì)開始思考如何轉(zhuǎn)型交互設(shè)計(jì)師？除了這個(gè)學(xué)科本身的魅力之外，它還賦予設(shè)計(jì)師的很多其他價(jià)值。那如何去學(xué)習(xí)交互設(shè)計(jì)呢？作為一名交互設(shè)計(jì)師，我想整理一套交互設(shè)計(jì)體系知識(shí)，結(jié)合自己的學(xué)習(xí)和項(xiàng)目經(jīng)驗(yàn)寫到文章中分享給大家看，希望能對(duì)大伙轉(zhuǎn)行交互設(shè)計(jì)有一些些幫助！全文多達(dá)10000+字，閱讀時(shí)間會(huì)比較久，感謝你的細(xì)心閱讀，如你有建議可反饋留言！

1、關(guān)于設(shè)計(jì)名詞

在全面走進(jìn)交互領(lǐng)域之前，我們可以先了解一些基礎(chǔ)設(shè)計(jì)名詞，行業(yè)有很多與設(shè)計(jì)相關(guān)的術(shù)語(yǔ)名詞，例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行業(yè)招聘信息里也經(jīng)常會(huì)有很多名詞術(shù)語(yǔ)，如下圖。由于設(shè)計(jì)的關(guān)聯(lián)性很強(qiáng)，很多時(shí)候我們被這些名詞弄得頭暈，對(duì)自己的職業(yè)規(guī)劃和定位也變得模糊。

1.1、設(shè)計(jì)名詞的分類

1.1.1、按照設(shè)計(jì)學(xué)科

從學(xué)科角度，我查閱了大量的資料，分類如下：人因工程，工業(yè)設(shè)計(jì)，交互設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)，視覺傳達(dá)設(shè)計(jì)等學(xué)科。涵蓋了國(guó)內(nèi)外高校開設(shè)的學(xué)科專業(yè)。用戶體驗(yàn)設(shè)計(jì)在行業(yè)里已經(jīng)被普及，但目前在高校中還是比較少的。不過用戶體驗(yàn)設(shè)計(jì)已然是大勢(shì)所趨，越來(lái)越被重視。

人因工程：簡(jiǎn)稱HF（Human Factors Engineering），是研究人、機(jī)、環(huán)境三者之間關(guān)系的學(xué)科；（美國(guó)稱人類工程學(xué)，西歐稱人類工效學(xué)，日本稱人間工學(xué)，國(guó)內(nèi)命名更多如：人機(jī)工程學(xué)，人體工程學(xué)、工程心理學(xué)等），關(guān)于這類知識(shí)大家可以看看華為設(shè)計(jì)師的課程《基于人因的用戶體驗(yàn)設(shè)計(jì)課程》

定義1：根據(jù)國(guó)際人類工效學(xué)學(xué)會(huì)于2000年的定義：“人類工效學(xué)（Ergonomics）是研究人在某種工作環(huán)境中的解剖學(xué)、生理學(xué)和心理學(xué)等方面的各種因素；研究人和機(jī)器及環(huán)境的相互作用；研究在工作中、生活中和休息時(shí)怎樣統(tǒng)一考慮工作效率、人的健康、安全和舒適等問題的學(xué)科。

定義2：中國(guó)企業(yè)管理百科學(xué)全書:研究人和機(jī)器、環(huán)境的相互作用及其合理結(jié)合，使設(shè)計(jì)的機(jī)器和環(huán)境系統(tǒng)適合人的生理心理等特征，達(dá)到在生產(chǎn)中提高效率、安全、健康和舒適的目的。

工業(yè)設(shè)計(jì)：簡(jiǎn)稱ID（Industrial Design），指以工學(xué)、美學(xué)、經(jīng)濟(jì)學(xué)為基礎(chǔ)對(duì)工業(yè)產(chǎn)品進(jìn)行設(shè)計(jì)；工業(yè)設(shè)計(jì)又稱工業(yè)產(chǎn)品設(shè)計(jì)學(xué)，工業(yè)設(shè)計(jì)分為產(chǎn)品設(shè)計(jì)、環(huán)境設(shè)計(jì)、傳播設(shè)計(jì)、設(shè)計(jì)管理4類。工業(yè)設(shè)計(jì)涉及到心理學(xué)，社會(huì)學(xué)，美學(xué)，人機(jī)工程學(xué)，機(jī)械構(gòu)造，攝影，色彩學(xué)等。

交互設(shè)計(jì)：簡(jiǎn)稱IXD（Interaction Design），關(guān)于交互設(shè)計(jì)部分的詳細(xì)內(nèi)容，在后文再講解，包括交互設(shè)計(jì)的發(fā)展、概念、重要性、核心要素、入門要求等；

人機(jī)交互：簡(jiǎn)稱HCI（Human–computer interaction）或HMI（Human–machine interaction），是一門研究系統(tǒng)與用戶之間的互動(dòng)關(guān)系的學(xué)問。系統(tǒng)可以是各種各樣的機(jī)器，也可以是計(jì)算機(jī)化的系統(tǒng)和軟件——摘自維基百科。

用戶體驗(yàn)設(shè)計(jì)：簡(jiǎn)稱UED/UXD（User experience Design），是以用戶為中心的一種設(shè)計(jì)手段，以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)；用戶體驗(yàn)：簡(jiǎn)稱UE/UX（User experience）

視覺傳達(dá)設(shè)計(jì)：簡(jiǎn)稱VD（Visual design），是為傳播特定事物通過可視形式的主動(dòng)行為。大部分或者部分依賴視覺，并且以標(biāo)識(shí)、排版、繪畫、平面設(shè)計(jì)、插畫、色彩及電子設(shè)備等二度空間的影像表現(xiàn)；

1.1.2、按照載體媒介

用戶界面：簡(jiǎn)稱UI（User Interface），是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)；是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介，它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換

圖形用戶界面：簡(jiǎn)稱GUI（Graphical User Interface），是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面；是一種人與計(jì)算機(jī)通信的界面顯示格式，允許用戶使用鼠標(biāo)等輸入設(shè)備操縱屏幕上的圖標(biāo)或菜單選項(xiàng)，以選擇命令、調(diào)用文件、啟動(dòng)程序或執(zhí)行其它一些日常任務(wù)。

人機(jī)界面：簡(jiǎn)稱HMI（Human–machine interaction），人機(jī)界面（又稱用戶界面或使用者界面）是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介， 它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。凡參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。ps：HMI這個(gè)概念在上文也提到，在學(xué)科領(lǐng)域可用來(lái)代表人機(jī)交互。

Ui和GUI、HMI差別是什么,UI (用戶界面)是一個(gè)廣泛的概念，包括硬件和軟件設(shè)計(jì)，包括GUI，HMI；GUI是用戶圖形界面，僅指軟件視覺界面，HMI是人機(jī)界面，與人信息交流的界面。

1.1.3、按照設(shè)計(jì)模式

以用戶為核心的設(shè)計(jì)：UCD（User Centered Design）是指以用戶為中心的設(shè)計(jì)。是在設(shè)計(jì)過程中以用戶體驗(yàn)為設(shè)計(jì)決策的中心，強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式；在進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)、維護(hù)時(shí)從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)及維護(hù)，而不是讓用戶去適應(yīng)產(chǎn)品。無(wú)論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等，以UCD為核心的設(shè)計(jì)都時(shí)刻高度關(guān)注并考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺感受等方面。

以技術(shù)為核心的設(shè)計(jì)：TCD（TechnologyCentered Design）是指以技術(shù)手段為中心的設(shè)計(jì)。

以商業(yè)為核心的設(shè)計(jì)：BCD（Business Centered Design）是指以商業(yè)價(jià)值為中心的設(shè)計(jì)。

設(shè)計(jì)名詞整理的大致就介紹這么多了，那么本文重點(diǎn)的交互設(shè)計(jì)和這些學(xué)科之間的關(guān)系又是怎么樣的呢？用下圖這個(gè)圖表展示他們之間的關(guān)系。——摘自 丹•塞弗《交互設(shè)計(jì)基礎(chǔ)》

2、了解交互設(shè)計(jì)

2.1、交互設(shè)計(jì)的故事

1959年，第一篇關(guān)于人機(jī)頁(yè)面的文章問世，交互設(shè)計(jì)首以人機(jī)交的形式，作為填補(bǔ)缺乏適用于設(shè)計(jì)數(shù)字產(chǎn)品的可用技術(shù)和工具出現(xiàn)；1960年，Liklider通過分析人與電子計(jì)算機(jī)之間合作互動(dòng)的一種預(yù)期發(fā)展，提出“人機(jī)共棲”概念；20世紀(jì)80年代初：兩位工業(yè)設(shè)計(jì)師比爾·莫格里奇和比爾·韋普朗克著手設(shè)計(jì)第一臺(tái)筆記本電腦GRiD Compass，他們?yōu)樽约旱墓ぷ鲃?chuàng)造了“交互設(shè)計(jì)”一詞；這個(gè)詞在10年后才開始被設(shè)計(jì)師重新發(fā)現(xiàn)并進(jìn)入主流；1999年，國(guó)際標(biāo)準(zhǔn)化組織(ISO)發(fā)布了“以人為中心”的交互式產(chǎn)品設(shè)計(jì)原則和程序規(guī)范；2005年交互設(shè)計(jì)協(xié)會(huì)（IxDA）成立；2012年IxDA正式推出首次年度“交互設(shè)計(jì)獎(jiǎng)”，交互設(shè)計(jì)才算是正式起飛。

2.2、交互設(shè)計(jì)的定義

關(guān)于交互設(shè)計(jì)的概念，國(guó)內(nèi)外組織或?qū)W者有不同的定義，如下圖：

交互設(shè)計(jì)，又稱互動(dòng)設(shè)計(jì)（Interaction Design, 縮寫 IxD 或者 IaD），是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。在于定義人造物的行為方式（the “interaction”，即人工制品在特定場(chǎng)景下的反應(yīng)方式）相關(guān)的界面。——來(lái)自IxDC

交互設(shè)計(jì)是設(shè)計(jì)交互式數(shù)字產(chǎn)品的、環(huán)境、系統(tǒng)和服務(wù)的實(shí)踐，交互設(shè)計(jì)的焦點(diǎn)是如何設(shè)計(jì)行為，交互設(shè)計(jì)的首要目標(biāo)是滿足人的需求和欲望。——艾爾庫(kù)伯（交互設(shè)計(jì)精髓的作者）

定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。——來(lái)自 李世國(guó) 顧振宇．《普通高等教育工業(yè)設(shè)計(jì)專業(yè)“十二五”規(guī)劃教材——交互設(shè)計(jì)》2012年

2.3、交互設(shè)計(jì)的對(duì)象

最早期的設(shè)計(jì)，我們可以追溯到工業(yè)設(shè)計(jì)時(shí)期，作為設(shè)計(jì)領(lǐng)域?的鼻祖，它是以“產(chǎn)品“為設(shè)計(jì)對(duì)象，而交互設(shè)計(jì)對(duì)象是“行為”，交互設(shè)計(jì)師會(huì)關(guān)注與“行為”相關(guān)因素作為設(shè)計(jì)的考量。而不僅限于產(chǎn)品的物理屬性（外觀、結(jié)構(gòu)、功能、材料）；

以小米的“小愛音箱”為例。小米通過它將家庭中的電子設(shè)備實(shí)現(xiàn)了互聯(lián)，它新奇的用戶體驗(yàn)被很多用戶追捧。我們可以在小米現(xiàn)有的音箱產(chǎn)品中，找到和傳統(tǒng)音箱的一些區(qū)別；

小愛音箱系列產(chǎn)品已經(jīng)陸續(xù)發(fā)布了5款，從初代的藍(lán)牙音箱到觸屏、語(yǔ)音音箱，我們可以從產(chǎn)品的迭代中感受到音箱交互行為（語(yǔ)音交互到屏幕手勢(shì)操控）變化的一些特點(diǎn)。

當(dāng)用戶在使用小愛音箱的時(shí)候，已經(jīng)不局限于聽音樂，它作為小米Alot產(chǎn)品生態(tài)的連接中樞，用戶更享受通過頁(yè)面操控和語(yǔ)音交互來(lái)控制其他lot產(chǎn)品的快感。當(dāng)用戶回家，向小愛音箱發(fā)出語(yǔ)音指令“小愛同學(xué)，我回來(lái)了”，和音箱連接的所有l(wèi)ot 設(shè)備都能同步打開，當(dāng)用戶在回家后，還可以通過操作小愛音箱界面設(shè)置熱水器的水溫。

傳統(tǒng)音箱最原始的需求是音樂播放，隨著音箱使用要求的升級(jí)，人們對(duì)于聲音的品質(zhì)追求也變得更高了，廠商想盡方法制造出新的產(chǎn)品提升聲音的播放質(zhì)量，例如丹拿音箱的出現(xiàn)大大提升了聲音播放的品質(zhì)。

當(dāng)用戶在使用小愛音箱和家中的其他Alot產(chǎn)品交互的過程中，很少會(huì)在意小愛音箱本身的物理屬性，他們更在乎這種創(chuàng)新式的交互如何改變的自己的家庭生活，譬如通過語(yǔ)音交互幫自己打開壁燈，打開電視、打開掃地機(jī)器人或通過觸摸屏界面來(lái)設(shè)置調(diào)節(jié)其他Alot設(shè)備的運(yùn)轉(zhuǎn)狀態(tài)等,應(yīng)用到各種家庭使用場(chǎng)景。

2.4、交互設(shè)計(jì)的行為要素

關(guān)于交互設(shè)計(jì)的行為要素我們通過下面兩個(gè)例子來(lái)解析：

1:理想L9后排電視手勢(shì)交互操作：

之前號(hào)稱對(duì)飆500萬(wàn)庫(kù)里南的新能源汽車?yán)硐隠9已經(jīng)發(fā)布很長(zhǎng)一段時(shí)間了，這輛車最大的特色就是智能座艙的全新體驗(yàn)升級(jí)，針對(duì)家庭使用場(chǎng)景的設(shè)計(jì)有很多。其中手勢(shì)交互是一個(gè)比較新穎的設(shè)計(jì)點(diǎn)，手勢(shì)交互的行為有懸停獲取焦點(diǎn)，平移切換，兩次抓握確認(rèn)。

使用場(chǎng)景舉例：一家四口去外地郊游，家里的成員哥哥想打開后排的電視機(jī)看電視打發(fā)無(wú)聊的旅途，他使用了手勢(shì)交互去操作選擇影視進(jìn)行播放。

2:OPPO手機(jī)ColorOS系統(tǒng)的手勢(shì)交互：

在ColorOS系統(tǒng)12.0版本中，新增了這個(gè)手勢(shì)交互的方式，它結(jié)合智能傳感器，進(jìn)行無(wú)觸控式的手勢(shì)操作，根據(jù)系統(tǒng)提示通過控制手腕揮動(dòng)去切換內(nèi)容、完成對(duì)應(yīng)的任務(wù)。

使用場(chǎng)景舉例：小A使用手機(jī)看電影，突然收到一個(gè)好朋友的來(lái)電顯示，他通過隔空手勢(shì)操作，向上滑動(dòng)手腕，完成接聽了朋友的電話流程。

通過上述兩個(gè)設(shè)計(jì)案例，我們可以總結(jié)交互設(shè)計(jì)的五大行為要素為：

2.5、交互設(shè)計(jì)的衡量指標(biāo)

在關(guān)于交互設(shè)計(jì)定義的內(nèi)容里面，提到了交互設(shè)計(jì)的指標(biāo)是從可用性和用戶體驗(yàn)兩方面去分析，也就是從理性和感性的兩個(gè)角度去衡量。

2.5.1、可用性

根據(jù)雅各布尼爾森《可用性101：可用性簡(jiǎn)介》文章定義：可用性是一種質(zhì)量屬性，用于評(píng)估用戶界面的易用性。“可用性”一詞也指在設(shè)計(jì)過程中提高易用性的方法?？捎眯杂梢韵挛鍌€(gè)質(zhì)量組件定義：

易學(xué)性：用戶在第一次遇到設(shè)計(jì)時(shí)完成基本任務(wù)的難易程度如何？

如下圖美團(tuán)外賣：用戶第一次在線上點(diǎn)餐時(shí)，如何快速的用最便宜的價(jià)格吃上一頓飯。用戶是否能高效獲取店鋪滿減優(yōu)惠活動(dòng)信息，是否快速填寫地址，是否能快速選擇挑選優(yōu)惠券，最后進(jìn)行付款。

效率：一旦用戶學(xué)會(huì)了設(shè)計(jì)，他們執(zhí)行任務(wù)的速度有多快？

如下圖美團(tuán)外賣：當(dāng)用戶完成第一次點(diǎn)餐后，以后每次完成點(diǎn)餐的速度會(huì)不會(huì)更快，例如商品頁(yè)有商家的滿家活動(dòng)提示，上一次點(diǎn)餐記錄，可以點(diǎn)擊“再來(lái)一單”按鈕，完成選餐，選擇優(yōu)惠紅包前，有文案提示需要先填寫地址，同時(shí)有常用地址彈窗提示，可點(diǎn)擊使用。

記憶性：當(dāng)用戶在一段時(shí)間不使用設(shè)計(jì)后重新使用它時(shí)，他們恢復(fù)熟練度的難易程度如何？

如下圖美團(tuán)外賣：當(dāng)用戶隔了很久之后再使用美團(tuán)外賣來(lái)點(diǎn)餐，用戶重新使用產(chǎn)品的熟練度是否有下降。

錯(cuò)誤：用戶犯了多少錯(cuò)誤，這些錯(cuò)誤有多嚴(yán)重，以及他們從錯(cuò)誤中恢復(fù)的難易程度？

例如下圖順豐快遞：在寄快遞時(shí)，填寫完所有的詳細(xì)信息后，提交了訂單，但發(fā)現(xiàn)地址和電話填錯(cuò)了，在運(yùn)單詳情頁(yè)有“修改信息”按鈕，點(diǎn)擊進(jìn)入寄件頁(yè)面進(jìn)行信息修改。

滿意度：使用該設(shè)計(jì)的愉快程度如何？

例如在閑魚平臺(tái)購(gòu)買閑置物品時(shí)，賣家的商品描述和實(shí)物有很大的差距，然后要求退貨，賣家不肯，最后需要閑魚法庭介入審理，但審理也沒有足夠公平和透明，最后只給了一個(gè)判決結(jié)果。這樣的情形我遇到了兩次。所以平臺(tái)對(duì)于買家賣家的一些管理機(jī)制特別不完善，還有商品的描述是否準(zhǔn)確也沒有審查標(biāo)準(zhǔn)，完全把責(zé)任拋給買家和賣家。所以總的來(lái)說，使用起來(lái)愉悅感很低，平臺(tái)信任感也很差。

2.5.2、用戶體驗(yàn)

用戶體驗(yàn)是用戶在使用產(chǎn)品過程中建立起來(lái)的一種純主觀感受。我查閱了很多相關(guān)資料，這種定義還是具有普適性的。再簡(jiǎn)單的解就是：用戶在使用產(chǎn)品去完成某項(xiàng)目標(biāo)的過程中，使用感受是怎么樣的。很多知名國(guó)內(nèi)外公司為了量化用戶體驗(yàn)指標(biāo)而設(shè)計(jì)了很多數(shù)據(jù)模型，其中出現(xiàn)最早且具有指導(dǎo)意義的是國(guó)外的谷歌的量化模型：以用戶為中心衡量的 HEART、以目標(biāo)為導(dǎo)向衡量的 GSM；國(guó)內(nèi)的最近幾年也有很多類似量化的數(shù)據(jù)模式，具有代表性的是阿里的"PTECH"、UES、五度模型；其中谷歌的數(shù)據(jù)模型更加系統(tǒng)和通用，而阿里的是針對(duì)不同項(xiàng)目而衍生出很多量化模型。下面以谷歌公司模型為例淺談下它們是如何去衡量用戶體驗(yàn)指標(biāo)的；

HEART模型出發(fā)點(diǎn)是做以用戶為中心的，能夠用于大范圍的用戶體驗(yàn)度量方法。它包含5個(gè)維度：Happiness 愉悅度：用戶主觀體驗(yàn)，用戶覺得產(chǎn)品對(duì)其有幫助，容易操作，使用產(chǎn)品或者功能時(shí)總感到愉悅。Engagement 參與度：用戶對(duì)產(chǎn)品內(nèi)容感興趣并愿意經(jīng)常使用。Adoption接受度：用戶看到新產(chǎn)品或新功能愿意進(jìn)行使用。Rentention留存率：在一個(gè)時(shí)間內(nèi)用戶愿意回來(lái)繼續(xù)使用產(chǎn)品或者功能。Task Success任務(wù)完成率：用戶能夠高效，準(zhǔn)確地完成任務(wù)。

GSM模型Google的UX團(tuán)隊(duì)為了讓HEART模型度量標(biāo)準(zhǔn)應(yīng)用于實(shí)踐而提出的設(shè)計(jì)方法模型，G是Goal，S是Signal，M是Metric，是遵從「目標(biāo)-信號(hào)-指標(biāo)」的過程來(lái)定義數(shù)據(jù)指標(biāo)的方法。

3、成為交互設(shè)計(jì)師

前面我們提到交互設(shè)計(jì)是一門十分復(fù)雜的學(xué)科，這個(gè)領(lǐng)域的研究廣而深，可創(chuàng)新性很強(qiáng)，設(shè)計(jì)帶來(lái)的意義很大，所以很多人都比較崇尚這個(gè)領(lǐng)域，可如果真想走上交互設(shè)計(jì)之路，就得有項(xiàng)目的歷練，有熟練的設(shè)計(jì)技能，有扎實(shí)的知識(shí)基礎(chǔ)，對(duì)事物和生活的細(xì)致觀察力。

3.1、交互設(shè)計(jì)師項(xiàng)目篇

當(dāng)設(shè)計(jì)回歸到實(shí)際工作項(xiàng)目，首先我們要知道，一般交互設(shè)計(jì)的崗位在公司的組織架構(gòu)里面，它是一個(gè)比較中間的位置，他的上游有產(chǎn)品、用研；下游有設(shè)計(jì)和研發(fā)，交互和這些崗位是交叉的，有聯(lián)系的，強(qiáng)如“設(shè)計(jì)驅(qū)動(dòng)”的蘋果公司，交互設(shè)計(jì)師也需要掌握很多其他跨專業(yè)的知識(shí)，所以實(shí)際工作中，有很多東西需要交互設(shè)計(jì)師去學(xué)習(xí)。

3.1.1、交互設(shè)計(jì)的項(xiàng)目流程

互聯(lián)網(wǎng)公司的設(shè)計(jì)團(tuán)隊(duì)都有自己的設(shè)計(jì)開發(fā)的一套流程，但項(xiàng)目的核心流程大體都會(huì)經(jīng)歷以下三個(gè)階段：需求—設(shè)計(jì)開發(fā)—結(jié)果驗(yàn)證；

需求階段需求是項(xiàng)目開發(fā)的源頭，我們要進(jìn)行需求搜集、分析、篩選、評(píng)估、版本排期。需求的搜集可以是來(lái)自產(chǎn)品數(shù)據(jù)、用戶反饋、設(shè)計(jì)人員洞察探索、競(jìng)品分析，然后再做需求篩選討論，確定需求的優(yōu)先級(jí)；

設(shè)計(jì)開發(fā)階段

環(huán)節(jié)1：產(chǎn)品經(jīng)理的文檔需要列出每個(gè)版本的詳細(xì)信息，包括產(chǎn)品創(chuàng)新設(shè)計(jì)或改版的背景、解決什么問題、功能的設(shè)計(jì)背景，產(chǎn)品目標(biāo)和指標(biāo)、產(chǎn)品策略，產(chǎn)品范圍層（功能規(guī)格、內(nèi)容、信息、規(guī)則）等；

環(huán)節(jié)2：設(shè)計(jì)師需要針對(duì)產(chǎn)品功能結(jié)合產(chǎn)品目標(biāo)進(jìn)行設(shè)計(jì)策略上的思考，進(jìn)行方案輸出，包括交互文檔（版本號(hào)、設(shè)計(jì)描述、流程圖，頁(yè)面跳轉(zhuǎn)邏輯，交互細(xì)節(jié)闡述、異常狀態(tài)處理）、交互動(dòng)態(tài)（動(dòng)效演示參數(shù)圖、動(dòng)態(tài)demo展示）、視覺界面設(shè)計(jì)（形、色、構(gòu)、字、感）等，全流程保持和前后端技術(shù)人員進(jìn)行設(shè)計(jì)評(píng)審和溝通，持續(xù)評(píng)審也是為了防止后期大家互相扯皮影響工作狀態(tài)和效率，但最終目的是使項(xiàng)目開發(fā)降本增效，減少返工。

環(huán)節(jié)3：設(shè)計(jì)方案輸出結(jié)束之后，就是技術(shù)人員的開發(fā)，設(shè)計(jì)師也需要全程持續(xù)跟進(jìn)，保證設(shè)計(jì)效果的實(shí)現(xiàn)，了解前端的一些頁(yè)面適配規(guī)則，前后端的之間數(shù)據(jù)架構(gòu)和接口傳輸規(guī)則。

環(huán)節(jié)4：前后端開發(fā)完成第一版本成品后，項(xiàng)目組人員（測(cè)試人員權(quán)重較高）可以開始全局測(cè)試，交互設(shè)計(jì)師在走查時(shí)，可以內(nèi)部梳理一套通用的《交互走查表》進(jìn)行檢查，可以通過設(shè)計(jì)走查，專家測(cè)試，用戶內(nèi)測(cè)，用戶訪談等方式，整理收集影響產(chǎn)品穩(wěn)定性的Bug和設(shè)計(jì)細(xì)節(jié)問題，再反饋給技術(shù)員人進(jìn)行修改。有條件的會(huì)進(jìn)行可用性測(cè)試，檢驗(yàn)設(shè)計(jì)的用戶體驗(yàn)和設(shè)計(jì)可行性。

結(jié)果驗(yàn)證階段

產(chǎn)品上線后，我們可以通過數(shù)據(jù)和用戶體驗(yàn)來(lái)檢驗(yàn)優(yōu)劣，數(shù)據(jù)層面可以使用灰度測(cè)試、A/Btest測(cè)試等方式驗(yàn)證設(shè)計(jì)方案的可行性，通過數(shù)據(jù)埋點(diǎn)的方式獲取用戶的行為數(shù)據(jù)，用戶體驗(yàn)可以使用滿意度調(diào)查、NPS等方式通過問卷調(diào)研的手段來(lái)了解用戶的使用感受。

3.1.2、交互設(shè)計(jì)的5大項(xiàng)目思維

產(chǎn)品思維交互設(shè)計(jì)師要有培養(yǎng)產(chǎn)品思維的習(xí)慣，產(chǎn)品思維能夠引導(dǎo)我們發(fā)現(xiàn)很多設(shè)計(jì)點(diǎn)，設(shè)計(jì)出創(chuàng)新性的產(chǎn)品。做產(chǎn)品最核心的問題就是：用戶有什么樣的需求？這個(gè)需求待解決程度（用戶痛點(diǎn)、爽點(diǎn)、癢點(diǎn)）怎么樣？例如支付寶這個(gè)產(chǎn)品，就是改變了用戶日常的付費(fèi)交易方式，從現(xiàn)金到線上數(shù)字貨幣支付的轉(zhuǎn)變，大大的解決了用戶不用攜帶大量現(xiàn)金的需求，當(dāng)然了他的功能不僅限于此，更客觀的說，支付寶的出現(xiàn)改變了人們的生活，創(chuàng)造了極大的社會(huì)的價(jià)值。

用戶思維產(chǎn)品主要作用對(duì)象是用戶，通過用戶獲取功能需求，我們需要學(xué)習(xí)如何了解用戶，了解我們的產(chǎn)品典型目標(biāo)人群是哪一類人，了解用戶的真實(shí)訴求是什么？了解用戶場(chǎng)景是什么樣的？具備用戶思維，設(shè)計(jì)師可以更精準(zhǔn)高效的輸出設(shè)計(jì)方案，達(dá)到解決用戶問題的目的。

視覺思維交互原型稿和文檔是交互設(shè)計(jì)師接觸最多的工作任務(wù)，它們需要定義很多內(nèi)容信息，這不僅僅靠邏輯，還需要有視覺思維，將黑白交互界面的視覺重點(diǎn)和信息層級(jí)展示清楚。如下圖所示為蘇寧智慧屏項(xiàng)目部分功能的交互設(shè)計(jì)稿樣式：

?

交互設(shè)計(jì)的視覺思維上關(guān)注的幾個(gè)點(diǎn)如下：第一點(diǎn)要有場(chǎng)景的概念，比如要熟悉產(chǎn)品在什么樣的設(shè)備上呈現(xiàn)，設(shè)備具有什么樣的特性和要求，用戶的使用產(chǎn)品的操作方式；第二點(diǎn)要有原子和模塊化的概念，比如一個(gè)組件和模塊主要是由哪些原子化的元素構(gòu)建，如何去定義這樣內(nèi)容，第三點(diǎn)要有設(shè)計(jì)理論應(yīng)用的概念，比如在界面布局時(shí)，可以通過設(shè)計(jì)的四大基本原則（對(duì)比、重復(fù)、對(duì)齊、親密性）、格式塔原理（接近原則、相似原則、共同命運(yùn)）、設(shè)計(jì)規(guī)律（黃金分割法、網(wǎng)格系統(tǒng)、系統(tǒng)規(guī)范）這些點(diǎn)去切入。

開發(fā)思維產(chǎn)品外在靠界面，內(nèi)在靠代碼，好用好看的設(shè)計(jì)依靠技術(shù)作為底層支撐才能最終開發(fā)上線，我們經(jīng)常做設(shè)計(jì)方案評(píng)審時(shí)，會(huì)遇到被技術(shù)人員否定的情況。我們就會(huì)拿有相同設(shè)計(jì)的產(chǎn)品去和他理論。最終的結(jié)果就是還是做不了。但是做不了的情況大體分為兩種，第一種情況是實(shí)現(xiàn)這個(gè)設(shè)計(jì)的背后，確實(shí)需要投入很多人力、資源去完成這項(xiàng)工作；第二種就是技術(shù)人員單純的不愿意做，可如果你有開發(fā)思維，能想到這個(gè)設(shè)計(jì)背后的技術(shù)難點(diǎn)，能清晰的和技術(shù)人員進(jìn)行討論和協(xié)商，他們也不能或不好意思去拒絕。所以開發(fā)思維可以讓我們和技術(shù)人員成為好朋友，又可以學(xué)習(xí)一些技術(shù)原理，屬實(shí)不虧。

數(shù)據(jù)思維交互設(shè)計(jì)師對(duì)于數(shù)據(jù)要有一定的敏感度，業(yè)務(wù)數(shù)據(jù)可以幫助我們了解產(chǎn)品的經(jīng)營(yíng)狀況，關(guān)注產(chǎn)品的總體流量，轉(zhuǎn)化、營(yíng)收，用戶的行為數(shù)據(jù)可以幫助我們?cè)谠O(shè)計(jì)迭代時(shí)提供依據(jù)，另外通過各類數(shù)據(jù)的跟蹤、對(duì)比、分析能幫助我們?cè)u(píng)估設(shè)計(jì)方案的好壞以及后期設(shè)計(jì)修改的方向。

3.2、交互設(shè)計(jì)師技能篇

技能已經(jīng)是交互設(shè)計(jì)師的入門要求，也是初級(jí)交互設(shè)計(jì)師進(jìn)階的基礎(chǔ)，那這部分主要講解交互設(shè)計(jì)師的技能兵器庫(kù)，主要由設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)這三部分組成。

3.2.1、交互設(shè)計(jì)的兵器庫(kù)1-設(shè)計(jì)手段

設(shè)計(jì)軟件交互原型設(shè)計(jì)：包括靜態(tài)界面和動(dòng)態(tài)demo設(shè)計(jì)，可以使用紙質(zhì)原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等；界面設(shè)計(jì)：主流的軟件有Figma、Sketch、ps，網(wǎng)頁(yè)和客戶端通用的有即時(shí)設(shè)計(jì)、Figma、Pixso等；

動(dòng)效和三維設(shè)計(jì)：目前動(dòng)效應(yīng)用廣泛的如AE，三維軟件有C4D，blender，Rhino、更高級(jí)的如游戲引擎unity3d；

編程軟件：網(wǎng)頁(yè)端如標(biāo)記語(yǔ)言HTML+CSS，腳本語(yǔ)言JS，移動(dòng)端如iOS的Swift和Xcode，Android的studio；

文檔工具：如常用的X-mind（思維導(dǎo)圖）、匯報(bào)用的ppt、keynote等

設(shè)計(jì)方法設(shè)計(jì)方式這里指向用戶研究部分的內(nèi)容：主要有定量研究、定性研究、用戶畫像的構(gòu)建，定量研究的可使用問卷調(diào)研、數(shù)據(jù)分析、眼動(dòng)測(cè)試，定性研究可使用用戶訪談、焦點(diǎn)小組、可用性測(cè)試、卡片分類法，用戶觀察法等

3.2.2、交互設(shè)計(jì)的兵器庫(kù)2-設(shè)計(jì)規(guī)范

說到設(shè)計(jì)規(guī)范，這可能是很多設(shè)計(jì)師在交互入門的時(shí)候，比較忽略的基礎(chǔ)知識(shí)點(diǎn)，首先各類平臺(tái)的系統(tǒng)規(guī)范經(jīng)過很多版本的迭代，內(nèi)容特別精且多，新手設(shè)計(jì)師經(jīng)常在閱讀學(xué)習(xí)的過程中失去耐心。只是碰到相應(yīng)的點(diǎn)才會(huì)想起來(lái)去看一下。目前處在設(shè)計(jì)領(lǐng)域最前沿的平臺(tái)規(guī)范如蘋果系統(tǒng)的《人機(jī)界面指南》，安卓系統(tǒng)的《材料設(shè)計(jì)》，鴻蒙系統(tǒng)的《設(shè)計(jì)指南》，微軟系統(tǒng)的《設(shè)計(jì)原則》，這些平臺(tái)的系統(tǒng)規(guī)范非常通用，覆蓋的設(shè)備也很多，例如蘋果系統(tǒng)的人機(jī)界面指南覆蓋了電腦、手機(jī)、平板、手表、電視。在國(guó)內(nèi)也涌現(xiàn)了很多平臺(tái)規(guī)范，例如阿里的antdesign，騰訊的tdcdesign，字節(jié)的acrodesign等。

3.2.3、交互設(shè)計(jì)的兵器庫(kù)3-理論知識(shí)

交互設(shè)計(jì)發(fā)展至今已經(jīng)很長(zhǎng)一段時(shí)間了，前輩們?cè)跓o(wú)數(shù)的實(shí)踐中總結(jié)了很多科學(xué)的設(shè)計(jì)理論。我們可以利用它們指導(dǎo)設(shè)計(jì)工作，例如：尼爾森設(shè)計(jì)十大原則（狀態(tài)可見原則、環(huán)境貼切原則、用戶可控原則、一致性原則、防錯(cuò)原則、易取原則、靈活高效原則、審美和簡(jiǎn)約設(shè)計(jì)原則、容錯(cuò)原則、人性化幫助），交互相關(guān)定律（菲茨定律、席克定律、格式塔原理、奧卡姆剃刀原則、峰終法則、帕雷托原理、米勒定律、郵編定律、序列位置效應(yīng)、泰斯勒復(fù)雜性守恒定律、序列位置效應(yīng)、多爾蒂閥值、雅各布定律、蔡格尼克記憶效應(yīng)、馮·雷斯托夫效應(yīng)等）。理論知識(shí)可以作為設(shè)計(jì)的參照標(biāo)準(zhǔn)，但用設(shè)計(jì)理論反對(duì)設(shè)計(jì)結(jié)果是很不合適的，具體問題還需要結(jié)合實(shí)際應(yīng)用場(chǎng)景去分析解決。

3.3、交互設(shè)計(jì)師能力篇

最后一章我想和大家分享關(guān)于交互設(shè)計(jì)師的能力模型，主要分三大塊，這也是實(shí)際工作中感觸比較深的幾個(gè)點(diǎn)，希望對(duì)大家能有幫助！

3.3.1、基礎(chǔ)能力-學(xué)習(xí)

學(xué)習(xí)是一項(xiàng)比較基礎(chǔ)的能力！它包括了你技法上的突破、閱讀書籍獲取知識(shí)、適應(yīng)和熟悉工作流程；例如當(dāng)你在工作中，需要設(shè)計(jì)一個(gè)頁(yè)面動(dòng)畫效果，你學(xué)會(huì)了一個(gè)新的軟件和新的實(shí)現(xiàn)方法；又或者當(dāng)你閱讀了一本書，學(xué)到了很多知識(shí)，打破了自己的認(rèn)知，再或者入職新公司的時(shí)候，你需要適應(yīng)新環(huán)境和工作流程。設(shè)計(jì)領(lǐng)域的要求更新?lián)Q代特別快，就好比之前我們做設(shè)計(jì)基本都使用sketch，

還得和蘋果系統(tǒng)捆綁，但現(xiàn)在像Figma等軟件不光可以客戶端下載使用，甚至都可以網(wǎng)頁(yè)端協(xié)同使用。所以在任何時(shí)候都要保有一顆

做學(xué)徒的心，去學(xué)習(xí)，去適應(yīng)、不斷的突破自己！

3.3.2、通用能力-溝通、執(zhí)行、總結(jié)

溝通、執(zhí)行、總結(jié)三大能力無(wú)論是在生活還是在工作中都是比較通用的，我們?cè)诤蛣e人交流時(shí)，需要用語(yǔ)言傳達(dá)自己的想法，讓別人或自己明白，然后去執(zhí)行，根據(jù)執(zhí)行的結(jié)果進(jìn)行總結(jié)，變成自己寶貴的經(jīng)驗(yàn)。例如有一次在做交互方案時(shí)，產(chǎn)品經(jīng)理直接丟過來(lái)一個(gè)需求，然后沒有說明具體的需求背景和設(shè)計(jì)方向，然后就把方案弄好了去評(píng)審，被技術(shù)人員一通亂懟，弄的大家情緒都上了頭，就開始爭(zhēng)吵起來(lái)，最后結(jié)果就是重新設(shè)計(jì)；這讓我后來(lái)在做方案的時(shí)候，一直記得利用這套通用能力去處理問題；確實(shí)有效。但在培養(yǎng)這些能力的同時(shí)需要注意：把控情緒做有效溝通，拒絕盲目執(zhí)行，反復(fù)思考總結(jié)經(jīng)驗(yàn)，用總結(jié)能力反哺自己的溝通、執(zhí)行能力。

3.3.3、進(jìn)階能力-洞察、思考

洞察和思考是交互設(shè)計(jì)師的最高級(jí)的能力，擁有這種能力的設(shè)計(jì)師往往已經(jīng)能夠探索到問題的本質(zhì)，洞察和思考能力的培養(yǎng)來(lái)源對(duì)事物的探索欲，有好奇心，有細(xì)致的觀察，這要求設(shè)計(jì)師要把解決問題當(dāng)作是興趣來(lái)看待；以生活中的用戶使用的出行工具單車設(shè)計(jì)為例，單車上有很多設(shè)計(jì)點(diǎn)都體現(xiàn)了交互設(shè)計(jì)師的這兩項(xiàng)能力；

1：?jiǎn)诬嚨淖徽{(diào)節(jié)控制結(jié)構(gòu)設(shè)計(jì)如上圖是哈嘍單車的不同版本的設(shè)計(jì)，第一個(gè)調(diào)節(jié)結(jié)構(gòu)我們需要向逆時(shí)針向外推，才能進(jìn)行座凳高低的調(diào)節(jié)，第二個(gè)調(diào)節(jié)結(jié)構(gòu)我們僅需要上下方向推拉進(jìn)行控制。我在使用的過程中，第二個(gè)結(jié)構(gòu)操作的時(shí)候更加省力。

2：座凳支撐桿的身高標(biāo)記設(shè)計(jì)第一個(gè)支撐桿我們可以看到是沒有任何標(biāo)記的，第二個(gè)支撐桿上面有對(duì)應(yīng)身高相匹配的尺寸標(biāo)記，相比較第一個(gè)設(shè)計(jì)，帶標(biāo)記的設(shè)計(jì)讓用戶更快的調(diào)到舒適的高度位置。

這個(gè)設(shè)計(jì)案例屬于從結(jié)果倒推方案，因?yàn)樵谝延性O(shè)計(jì)方案做推理分析，但是我相信項(xiàng)目人員在進(jìn)行產(chǎn)品優(yōu)化的時(shí)候，也肯定是洞察到“舊的坐凳設(shè)計(jì)”結(jié)構(gòu)給用戶帶來(lái)的不便，不僅操作費(fèi)力，而且這樣的結(jié)構(gòu)容易卡住廢車；身高標(biāo)記的設(shè)計(jì)肯定也是結(jié)合用戶的不同身高這個(gè)需求，設(shè)計(jì)師觀察用戶在調(diào)節(jié)座凳高度的時(shí)候，坐上去再下來(lái)，反復(fù)的調(diào)試去選擇舒適的高度，才思考出這樣不錯(cuò)的設(shè)計(jì)方案。

總結(jié)

本文分享到這里就結(jié)束了，總的來(lái)說，想成為一名交互設(shè)計(jì)師，需要投入的成本是很大的，除了軟件技能還需要有足夠的知識(shí)儲(chǔ)備，培養(yǎng)自己的各種思維和能力，那文章我也通過三個(gè)部分去說明了這些內(nèi)容，首先我用設(shè)計(jì)領(lǐng)域的名詞作為切入點(diǎn)，帶大家去了解設(shè)計(jì)領(lǐng)域的現(xiàn)狀和關(guān)聯(lián)，對(duì)設(shè)計(jì)名詞有大致的概念；其次著重的分析交互設(shè)計(jì)，介紹了交互設(shè)計(jì)的起源、定義、主要對(duì)象、五大行為要素、兩大衡量標(biāo)準(zhǔn)；最后寫了關(guān)于成為交互設(shè)計(jì)師一些入門要求，第一點(diǎn)是通過項(xiàng)目流程、項(xiàng)目思維角度，第二點(diǎn)是從設(shè)計(jì)技能角度，交互設(shè)計(jì)師需要有設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)三大兵器庫(kù)，第三點(diǎn)是從能力模型角度，交互設(shè)計(jì)師須具備學(xué)習(xí)、溝通、執(zhí)行、總結(jié)、洞察、思考6大能力。在去往交互設(shè)計(jì)的路上，建議設(shè)計(jì)師們要保持一顆進(jìn)取的心，認(rèn)認(rèn)真真的去學(xué)習(xí)、去實(shí)踐、去進(jìn)階，提升自己的設(shè)計(jì)認(rèn)知。

文章內(nèi)容僅供學(xué)習(xí)參考。