產(chǎn)品經(jīng)理為什么需要懂交互設(shè)計(jì)？讀完這篇文章，你會(huì)知道答案。

在互聯(lián)網(wǎng)行業(yè)，產(chǎn)品經(jīng)理可能是「最易招黑」的崗位。除了和技術(shù)是一對(duì)公認(rèn)的歡喜冤家外，產(chǎn)品經(jīng)理和交互設(shè)計(jì)師之間也有著難以描述的“愛恨情仇”。

為了提升業(yè)務(wù)能力，提升在「商業(yè)互懟」中的攻擊力，產(chǎn)品經(jīng)理是否需要懂技術(shù)或交互？這個(gè)問題，已經(jīng)成了不少產(chǎn)品新人心中的疑惑。

在我看來，產(chǎn)品新人可以不懂技術(shù)，但是必須要懂交互，最好懂到可以替代交互設(shè)計(jì)師的水平。原因有如下幾點(diǎn)：

1. 交互設(shè)計(jì)是產(chǎn)品經(jīng)理理解用戶需求、了解產(chǎn)品邏輯最好的一個(gè)基礎(chǔ)性工作。
2. 交互文檔是產(chǎn)品經(jīng)理和團(tuán)隊(duì)其他小伙伴高效溝通的基礎(chǔ)性工具。
3. 如果你的公司中有交互設(shè)計(jì)師這個(gè)崗位，那么我要恭喜你，你的公司職能劃分已經(jīng)比較成熟。而在絕大多數(shù)中小企業(yè)來說，是沒有交互設(shè)計(jì)師這個(gè)崗位，在這種情況下，交互設(shè)計(jì)就被劃進(jìn)了產(chǎn)品經(jīng)理的職能內(nèi)。

因此，作為產(chǎn)品新人，有必須先去了解交互設(shè)計(jì)。這樣不僅有益于推進(jìn)工作，更是增加了自己的職場(chǎng)競(jìng)爭(zhēng)力。那么產(chǎn)品經(jīng)理要如何學(xué)習(xí)交互設(shè)計(jì)呢？我認(rèn)為大概分為以下兩個(gè)方面：

PART1：了解什么是交互設(shè)計(jì)

首先，我們需要了解交互的概念。

所謂交互，就是指產(chǎn)品和它的使用者之間的互動(dòng)過程，比如用手勢(shì)、語音來打開一個(gè)界面，又或是點(diǎn)擊一個(gè)按鈕來觸發(fā)某個(gè)流程。交互設(shè)計(jì)利用用戶場(chǎng)景、用戶心理去設(shè)計(jì)用戶行為，從而使用戶能用、易用產(chǎn)品。

交互設(shè)計(jì)是以用戶為中心，將抽象的想法付諸于現(xiàn)實(shí)。因此，這就要求交互設(shè)計(jì)師擁有簡(jiǎn)單視覺設(shè)計(jì)、心理學(xué)的知識(shí)、邏輯學(xué)的知識(shí)等3大能力。

（交互設(shè)計(jì)師能力圖）

而作為產(chǎn)品新人，則是盡可能往交互設(shè)計(jì)師的能力標(biāo)準(zhǔn)上靠，起碼將其做到合格，甚至可以把某項(xiàng)能力作為自己的長(zhǎng)板來提升核心競(jìng)爭(zhēng)力。

PART2：制定合理的交互學(xué)習(xí)方案

大多數(shù)想要學(xué)習(xí)的產(chǎn)品新人，都是看一些設(shè)計(jì)干貨和書籍，或者臨摹作品來提升自己，但是碎片化的知識(shí)往往浮于表面，拔苗助長(zhǎng)式的學(xué)習(xí)路徑往往會(huì)讓人多走彎路。

這里，我想向大家推薦如下的學(xué)習(xí)軌跡：

第一步：學(xué)習(xí)交互設(shè)計(jì)的工具

就像程序員必須要會(huì)碼代碼一樣，做交互設(shè)計(jì)當(dāng)然少不了一些軟件的使用，交互設(shè)計(jì)經(jīng)常需要被用到的工具如下圖所示：

交互輸出物中的重點(diǎn)是：用戶畫像（能排版的都可以）、各種流程圖（Mac Omnigraffle、Win Visio）、交互原型（常說的線框圖，axure、sketch、Adobe xd）、演示（Flinto、Keynote、Protopie），動(dòng)效（AE，其實(shí)只有極少數(shù)交互會(huì)琢磨動(dòng)效，做演示的時(shí)候可能會(huì)考慮AE，但那實(shí)際上是動(dòng)效設(shè)計(jì)師做的事情。交互考慮的動(dòng)效更像是全局性質(zhì)的，用戶引導(dǎo)、信息呈現(xiàn)的方式）。

工具有很多，掌握這些就足夠滿足交互的基本需求了：

• Sketch——線框圖繪制工具
• Axure RP——原型工具
• PS——視覺化繪圖軟件
• AE——?jiǎng)有к浖?/li>
• Keynote——展示軟件

第二步：了解交互設(shè)計(jì)的流程

你需要按照分析需求、確定產(chǎn)品的典型用戶、競(jìng)品分析、問題場(chǎng)景等交互工作流程來做設(shè)計(jì)。如圖所示，是網(wǎng)易UEDC部門的交互設(shè)計(jì)流程：

（網(wǎng)易UEDC部門設(shè)計(jì)流程）

產(chǎn)品目標(biāo)：通常來講一個(gè)產(chǎn)品再它立項(xiàng)的時(shí)候就有一個(gè)明確的產(chǎn)品目標(biāo)，這個(gè)目標(biāo)表述了產(chǎn)品將來想要實(shí)現(xiàn)的最終成果

業(yè)務(wù)需求：在產(chǎn)品迭代開發(fā)的過程中相繼會(huì)有N個(gè)業(yè)務(wù)需求出現(xiàn)，每一個(gè)業(yè)務(wù)需求背后都隱含著某一個(gè)目的和目標(biāo)。業(yè)務(wù)目的就是指你為什么要做這個(gè)項(xiàng)目或者功能，業(yè)務(wù)目標(biāo)則是我們期望得到的成果。

用戶需求：在得到了業(yè)務(wù)目標(biāo)后，通過設(shè)計(jì)將業(yè)務(wù)目標(biāo)轉(zhuǎn)化成用戶行為。而了解用戶行為我們可以通過用戶研究的手段來了解目標(biāo)用戶

關(guān)鍵因素：也是從業(yè)務(wù)目標(biāo)出發(fā)，我們需要?jiǎng)?chuàng)造動(dòng)機(jī)、排解擔(dān)憂、解除障礙，來引導(dǎo)用戶行為。

將這些都構(gòu)思成應(yīng)對(duì)策略，我們就可以著手歸納設(shè)計(jì)需求輸出設(shè)計(jì)了。

第三步：了解設(shè)計(jì)規(guī)范和方法

設(shè)計(jì)規(guī)范很多人都會(huì)忽視，其實(shí)它不只是給設(shè)計(jì)師看的，還會(huì)包含給開發(fā)人員看的部分，如何提高這一部分的能力呢？

蘋果、谷歌、微軟設(shè)計(jì)團(tuán)隊(duì)的一些設(shè)計(jì)規(guī)范是很值得大家多看多學(xué)習(xí)的。

第四步：在產(chǎn)品框架下做交互

這是交互的內(nèi)核部分，需要綜合運(yùn)用用戶體驗(yàn)、心理學(xué)、美學(xué)、產(chǎn)品感等知識(shí)，這些需要長(zhǎng)期的學(xué)習(xí)進(jìn)階。看書和逛一些設(shè)計(jì)社區(qū)都是不錯(cuò)的選擇。

《交互設(shè)計(jì)推薦書單》

當(dāng)然，如果找到一個(gè)有經(jīng)驗(yàn)的老師系統(tǒng)指導(dǎo)你學(xué)習(xí)，并以練習(xí)的方式針對(duì)性對(duì)你的問題進(jìn)行反饋，這樣的學(xué)習(xí)更高效！

分享一個(gè)提升交互設(shè)計(jì)能力的實(shí)用辦法

個(gè)人對(duì)于交互設(shè)計(jì)的經(jīng)驗(yàn)，比較喜歡用尼爾森尼爾森的十大可用性原則去評(píng)判交互設(shè)計(jì)是否到位。

尼爾森的十大可用性原則：

1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation

尼爾森（Jakob Nielsen）是一位人機(jī)交互學(xué)博士，于1995年1月1日發(fā)表了「十大可用性原則」。

1995年以來，他通過自己的Alertbox郵件列表以及useit.com網(wǎng)站，向成千上萬的Web設(shè)計(jì)師傳授Web易用性方面的知識(shí)，盡管他的一些觀點(diǎn)可能帶來爭(zhēng)議，至少在Web設(shè)計(jì)師眼中，他是Web易用性領(lǐng)域的頂尖領(lǐng)袖。

1. 狀態(tài)可見原則

系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭＿@條很簡(jiǎn)單，就是指用戶的每次操作，你都得給他個(gè)反饋，成功了就告訴他成功了，失敗了就告訴他失敗了。

用戶在產(chǎn)品上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤，頁面應(yīng)即時(shí)給出反饋?！凹磿r(shí)”是指，頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。

如果反應(yīng)時(shí)間有點(diǎn)慢，也請(qǐng)用進(jìn)度條or等待or下載等動(dòng)效或其他形式告訴用戶當(dāng)下的情況；千萬別讓用戶在懵逼的情況下干瞪眼。

新手做產(chǎn)品，只知道給出正確的用戶操作路徑，有經(jīng)驗(yàn)的產(chǎn)品經(jīng)理知道用戶操作后的多種結(jié)果，正確與錯(cuò)誤如何提醒，中間過程的多種路徑也會(huì)考慮到各種場(chǎng)景，及時(shí)給出多種反饋，降低用戶的焦慮與出錯(cuò)率。

2. 環(huán)境貼切原則

系統(tǒng)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語言?！秈Phone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外，還應(yīng)該使用易懂和約定俗成的表達(dá)。說的直白一些，就是3個(gè)字：說人話。

3. 撤銷重做原則

為了避免用戶的誤用和誤擊，系統(tǒng)應(yīng)提供撤銷和重做功能，最常見的就是各種產(chǎn)品的撤銷功能，瀏覽器的返回按鈕，機(jī)器設(shè)備的Reset按鈕，重啟再來。

4. 一致性原則

同一用語、功能、操作保持一致。用戶不必懷疑是否不同的語言，不同的情景，或者不同的操作產(chǎn)生的結(jié)果實(shí)際上是同一件事情。遵循平臺(tái)的慣例，同一用語、功能、操作保持一致。

常見的例子，在產(chǎn)品中有多處新增的操作，那么，請(qǐng)保持一致都叫做“新增”，而不要有的地方叫“新增”，有的又叫做“添加”。

5. 防錯(cuò)原則

通過系統(tǒng)的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。如果某些操作不能進(jìn)行，那就置灰或隱藏，不要在用戶點(diǎn)擊后才提醒不能操作。如果有某些內(nèi)容不能選擇，就置灰或者隱藏，不要等用戶點(diǎn)擊完成時(shí)才告知不能使用，沒有人喜歡被玩弄。

6. 識(shí)別比記憶好原則

好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面，能讓用戶選擇，就不要讓用戶去填空。

盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)該是可見的。用戶不必記住一個(gè)頁面到另一個(gè)頁面的信息。系統(tǒng)的使用說明應(yīng)該是可見的或者是容易獲取的。

別讓用戶去回想我剛才做了什么，讓他隨時(shí)能知道自己做了什么選擇，以及自己當(dāng)前在哪里。

7. 靈活高效原則

產(chǎn)品的用戶總是會(huì)分為新手小白用戶、高級(jí)熟練用戶，其中中等水平用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。

在使用新app的時(shí)候，是不是基本都會(huì)有新手引導(dǎo)？好的設(shè)計(jì)允許你skip跳過并且除非你從“關(guān)于”或者“設(shè)置”里再次打開，否則絕不再次主動(dòng)打擾你。

8. 易掃原則

互聯(lián)網(wǎng)用戶瀏覽頁面的動(dòng)作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無關(guān)信息。

9. 容錯(cuò)原則

幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低，例如頁面的自動(dòng)保存，用戶出錯(cuò)了，返回頁面，原來填寫的內(nèi)容自動(dòng)恢復(fù)。如果無法自動(dòng)挽回，則提供詳盡的說明文字和指導(dǎo)方向，而非代碼，比如404錯(cuò)誤碼，普通用戶是不明白的，需要給出更通俗的提示，并且給出可以解決問題的提醒，而非不停的稍后重試。

10. 人性化幫助原則

幫助性提示最好的方式是：1、無需提示；2、一次性提示；3、常駐提示；4；幫助文檔。

訓(xùn)練交互能力的一個(gè)實(shí)用辦法，可以用尼爾森十大交互原則進(jìn)行案例分析，例如把應(yīng)用商店排名前50，甚至前100的APP下載安裝，進(jìn)行尼爾森十大交互原則的分析，哪些做的好，哪些交互還有問題，如果是你來設(shè)計(jì)，你會(huì)如何優(yōu)化，可以拿自己的分析案例和產(chǎn)品同事、設(shè)計(jì)師同事進(jìn)行探討，在交流中互相學(xué)習(xí)提升。

作者：蘭軍，致力于教育+互聯(lián)網(wǎng)行業(yè)產(chǎn)品打造，梅沙科技創(chuàng)始人，原迅雷產(chǎn)品總監(jiān)，騰訊、YY語音高級(jí)產(chǎn)品經(jīng)理

來源：微信公眾號(hào)：BLUES（ID：bluemidou）

題圖來自Unsplash，基于CC0協(xié)議

愛盈利-運(yùn)營小咖秀(www.jza6.com) 始終堅(jiān)持研究分享移動(dòng)互聯(lián)網(wǎng)App運(yùn)營推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識(shí)內(nèi)容；是廣大App運(yùn)營從業(yè)者的知識(shí)啟蒙、成長(zhǎng)指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺(tái)；

想了解更多移動(dòng)互聯(lián)網(wǎng)干貨知識(shí)，請(qǐng)關(guān)注微信公眾號(hào)運(yùn)營小咖秀（ID: yunyingshow）