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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Sketch——線框圖繪制工具
• Axure RP——原型工具
• PS——視覺化繪圖軟件
• AE——動效軟件
• Keynote——展示軟件

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

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

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

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

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

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

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

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

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

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

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

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

這是交互的內(nèi)核部分，需要綜合運用用戶體驗、心理學(xué)、美學(xué)、產(chǎn)品感等知識，這些需要長期的學(xué)習進階?？磿凸湟恍┰O(shè)計社區(qū)都是不錯的選擇。

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

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

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

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

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

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）是一位人機交互學(xué)博士，于1995年1月1日發(fā)表了「十大可用性原則」。

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

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

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

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

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

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

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

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

3. 撤銷重做原則

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

4. 一致性原則

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

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

5. 防錯原則

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

6. 識別比記憶好原則

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

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

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

7. 靈活高效原則

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

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

8. 易掃原則

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

9. 容錯原則

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

10. 人性化幫助原則

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

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

#專欄作家#

Blues，微信公眾號：BLUEMIDOU，人人都是產(chǎn)品經(jīng)理專欄作家，迅雷產(chǎn)品總監(jiān)，原YY語音、騰訊高級產(chǎn)品經(jīng)理。具有十年產(chǎn)品經(jīng)驗，多年產(chǎn)品講師經(jīng)驗。著名自媒體人，WeMedia自媒體聯(lián)盟成員，十佳自媒體人之一。擅長產(chǎn)品策劃、產(chǎn)品運營、數(shù)據(jù)分析、用戶研究、行業(yè)分析等。

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

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