產(chǎn)品經(jīng)理應(yīng)有的六大交互素養(yǎng)

交互，是關(guān)于產(chǎn)品與使用者互動(dòng)流程及界面的設(shè)計(jì)。它以用戶(hù)為中心，以提升用戶(hù)體驗(yàn)為終極目標(biāo)。學(xué)習(xí)并形成良好的交互素養(yǎng)，是提升產(chǎn)品設(shè)計(jì)效率，確保產(chǎn)品體驗(yàn)保障。那么，哪些交互素養(yǎng)是產(chǎn)品經(jīng)理應(yīng)該具備的呢？

交互素養(yǎng)一：確保用戶(hù)正確理解信息，減少識(shí)別成本

頁(yè)面信息分為單個(gè)信息元素、信息區(qū)塊、頁(yè)面整體信息與系統(tǒng)信息。

1. 針對(duì)單個(gè)元素對(duì)象來(lái)說(shuō)，如icon、button、tab等，需要設(shè)計(jì)正確的示能與意符。

示能，指對(duì)象展示出來(lái)的可交互性。在IOS系統(tǒng)中，黑色字體用于常規(guī)信息展示，而其他顏色文字除了常規(guī)信息展示，還可以進(jìn)行點(diǎn)擊操作；常規(guī)顏色按鈕表示可操作，而置灰按鈕表示不可操作。

示能是對(duì)人類(lèi)直覺(jué)的利用，不能反示能。意符，指?jìng)鬟f正確交互方式的信息。向左箭頭表示返回，頁(yè)碼表示所閱覽信息的當(dāng)前位置。

2. 對(duì)于多個(gè)元素構(gòu)成的整體對(duì)象來(lái)說(shuō)，需要設(shè)計(jì)成可明顯識(shí)別的獨(dú)立整體，如新聞列表中的一條新聞信息可能包含標(biāo)題、發(fā)表時(shí)間等多個(gè)元素?？梢愿鶕?jù)格式塔原理，利用相似性、相近性和閉合性原則，將頁(yè)面信息區(qū)隔成若干獨(dú)立的格式塔。比如，商品列表中，同一個(gè)商品的圖片、價(jià)格、名稱(chēng)應(yīng)該看起來(lái)是一個(gè)整體，要與另一個(gè)商品的信息區(qū)隔開(kāi)。

3. 對(duì)于頁(yè)面整體信息來(lái)說(shuō)，需要根據(jù)用戶(hù)的主要目標(biāo)，整體設(shè)計(jì)頁(yè)面信息層級(jí)。

而信息層級(jí)的設(shè)計(jì)，來(lái)源于用戶(hù)完成任務(wù)流程的拆解，以及對(duì)主要任務(wù)、次要任務(wù)的劃分。比如，瀏覽一件商品時(shí)，一般是先了解商品圖片價(jià)格信息，再了解促銷(xiāo)或評(píng)價(jià)信息，最后才是商品推薦信息。用戶(hù)的瀏覽習(xí)慣一般是從上往下、從左往右，需要根據(jù)此規(guī)則對(duì)用戶(hù)決策所需信息進(jìn)行排列。

4. 系統(tǒng)信息設(shè)計(jì)需要保持一致性，具體包括功能一致性與路徑一致性。

功能一致性是指，類(lèi)似的功能設(shè)計(jì)上應(yīng)該是一致的。京東商詳頁(yè)，對(duì)于拓展信息，統(tǒng)一采用上拉彈層交互方式。路徑一致性是指：用戶(hù)前進(jìn)與返回的路徑應(yīng)該是一致的。用戶(hù)的心智是有限的，分辨能力也是有限的，相同的功能保持一致可以減少用戶(hù)的識(shí)別成本，避免認(rèn)知沖突。

交互素養(yǎng)二：確保用戶(hù)便于操作，減少操作成本

用戶(hù)操作與操作手勢(shì)、功能位置、操作區(qū)域大小以及操作流程相關(guān)。

1. 常規(guī)操作手勢(shì)有滑動(dòng)、點(diǎn)擊、按壓，設(shè)計(jì)方案時(shí)需要考慮采取哪些操作手勢(shì)，并考慮手勢(shì)是否會(huì)產(chǎn)生沖突。

一般來(lái)說(shuō)，滑動(dòng)的成本小于點(diǎn)擊，點(diǎn)擊的成本小于按壓；上下滑動(dòng)的成本小于左右滑動(dòng)成本。例如，tab導(dǎo)航，最開(kāi)始只支持點(diǎn)擊切換tab，后來(lái)逐漸發(fā)展為支持點(diǎn)擊、滑動(dòng)切換tab。

2. 功能位置是相對(duì)于手機(jī)屏幕而言，一般來(lái)說(shuō)用右手拇指操作的用戶(hù)居多：手機(jī)屏幕下方的操作成本小于屏幕上方。對(duì)于高頻使用功能，一般常駐屏幕，不會(huì)隨著頁(yè)面的滑動(dòng)而消失。

3. 操作區(qū)域是指用戶(hù)觸發(fā)功能的可操作空間，空間越大操作成本越低。對(duì)象的真實(shí)可操作區(qū)域比視覺(jué)區(qū)域大，可以增加操作的有效性，且真實(shí)可操作區(qū)域不得小于7mmm。

4. 操作流程是指用戶(hù)為達(dá)到目標(biāo)，所需要完成的若干任務(wù)。

我們需要預(yù)測(cè)用戶(hù)下一步行為，不斷縮短用戶(hù)操作流程，同時(shí)減少用戶(hù)等待時(shí)間。例如用戶(hù)進(jìn)入支付界面時(shí)，彈窗密碼輸入框的同時(shí)，彈出與之對(duì)應(yīng)的鍵盤(pán)。此外，相對(duì)于機(jī)器，人類(lèi)不善于做精準(zhǔn)輸入。所以，需要用戶(hù)輸入時(shí)，盡量保留之前輸入的內(nèi)容，并盡可能提供聯(lián)想詞或選擇控件進(jìn)行輸入。

交互素養(yǎng)三：用戶(hù)會(huì)犯錯(cuò)，降低操作風(fēng)險(xiǎn)

由于系統(tǒng)的復(fù)雜性、外部環(huán)境的變動(dòng)性等，用戶(hù)難免產(chǎn)生誤操作。

1. 用戶(hù)操作前，設(shè)計(jì)合理的約束。根據(jù)用戶(hù)任務(wù)特征，預(yù)先評(píng)估潛在風(fēng)險(xiǎn)，并設(shè)計(jì)好約束方案。微信紅包中，當(dāng)用戶(hù)輸入金額過(guò)大時(shí)，會(huì)提示用戶(hù)金額過(guò)大且將執(zhí)行按鈕置灰，從根本上消除了用戶(hù)犯錯(cuò)的可能性。

2. 用戶(hù)操作時(shí)，提供二次警示確認(rèn)。當(dāng)用戶(hù)的操作會(huì)給用戶(hù)帶來(lái)某種風(fēng)險(xiǎn)時(shí)，如支付、刪除等操作，需要彈出警示彈窗進(jìn)行二次確認(rèn)。淘寶中，刪除購(gòu)物車(chē)中的某件商品時(shí)，會(huì)彈出警示彈窗，要求用戶(hù)手動(dòng)進(jìn)行二次確認(rèn)。

3. 用戶(hù)操作后，提供撤銷(xiāo)機(jī)會(huì)。當(dāng)用戶(hù)執(zhí)行完某項(xiàng)風(fēng)險(xiǎn)操作時(shí)，如信息再編輯、信息發(fā)送等操作，可提供撤銷(xiāo)選項(xiàng)回到之前的狀態(tài)。微信聊天中，當(dāng)用戶(hù)發(fā)送錯(cuò)誤的信息后，三分鐘以?xún)?nèi)用戶(hù)可以撤銷(xiāo)剛剛發(fā)送的消息。

交互素養(yǎng)四：提供高效的反饋，提升用戶(hù)掌控感

1. 及時(shí)的反饋。用戶(hù)每執(zhí)行一個(gè)操作都是和系統(tǒng)的一次互動(dòng)，系統(tǒng)都應(yīng)提供及時(shí)反饋，否則用戶(hù)會(huì)認(rèn)為系統(tǒng)未收到自己的交互信息而進(jìn)行二次操作。用戶(hù)每次使用iPhone進(jìn)行網(wǎng)絡(luò)請(qǐng)求時(shí)，iPhone狀態(tài)欄上都會(huì)展示一個(gè)菊花轉(zhuǎn)，以表示系統(tǒng)已收到請(qǐng)求正在運(yùn)行中。

2. 正確的反饋。用戶(hù)在執(zhí)行任何一項(xiàng)操作之前，都會(huì)根據(jù)當(dāng)前的信息情況對(duì)操作結(jié)果有大致的評(píng)估，若系統(tǒng)反饋與預(yù)期不符，會(huì)給用戶(hù)造成某種危機(jī)感與失控感。一般來(lái)說(shuō)，向下箭頭表示向下展開(kāi)，如果此時(shí)系統(tǒng)反饋的是一個(gè)從左往右的展開(kāi)彈層，勢(shì)必會(huì)引起用戶(hù)的不適應(yīng)。

3. 良好的映射。根據(jù)當(dāng)前信息，對(duì)操作結(jié)果進(jìn)行預(yù)判是用戶(hù)的自然屬性。由于人類(lèi)視覺(jué)的中間凹特性，他們只能看到操作對(duì)象及其邊緣，很難注意到該區(qū)域以外的地方，所以，當(dāng)系統(tǒng)給與用戶(hù)反饋時(shí)，應(yīng)建立反饋與用戶(hù)操作對(duì)象間的映射關(guān)系：之間顯示在操作對(duì)象上，或在操作對(duì)象附近。safari瀏覽器中，當(dāng)我們按住文本信息時(shí)，會(huì)在文本信息周邊提示剪切、復(fù)制等操作選項(xiàng)。

交互素養(yǎng)五：保持設(shè)計(jì)的擴(kuò)展性與容錯(cuò)性

任何一款產(chǎn)品的功能都是不斷更新的，任何信息都有可能出現(xiàn)空缺或錯(cuò)誤，良好的擴(kuò)展性與容錯(cuò)性是降低成本的基本保障。全面考慮數(shù)量多少與內(nèi)容有無(wú)對(duì)設(shè)計(jì)方案的影響，是考驗(yàn)設(shè)計(jì)方案擴(kuò)展性與容錯(cuò)性的基本方式?？v向列表相對(duì)于九宮格列表來(lái)說(shuō)，具有更好的拓展性，因?yàn)榱斜頂?shù)量不會(huì)對(duì)信息排列外觀造成影響，因而使用范圍也更廣。

交互素養(yǎng)六：尊重用戶(hù)使用習(xí)慣

對(duì)于全新功能，我們需要培養(yǎng)一種用戶(hù)習(xí)慣，用戶(hù)也需要付出一定學(xué)習(xí)成本。而對(duì)于非顛覆性功能，前人一定有類(lèi)似設(shè)計(jì)，而用戶(hù)也有一定接觸過(guò)并形成了某種使用習(xí)慣。

更改用戶(hù)已有的習(xí)慣，對(duì)流量較大的平臺(tái)來(lái)說(shuō)，具有極大的風(fēng)險(xiǎn)。此時(shí)，我們需要去競(jìng)品中去尋找類(lèi)似的設(shè)計(jì)。競(jìng)品分析能在幫助我們驗(yàn)證需求、掌握用戶(hù)習(xí)慣的同時(shí)，加快我們的方案設(shè)計(jì)效率，避免我們重復(fù)造輪子。

產(chǎn)品會(huì)交互，神仙擋不住。