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

時間：2018-02-01來源：lb577.com點擊量：次作者：辛宇軒

時間：2018-02-01點擊量：次作者：辛宇軒

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

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

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

1. 針對單個元素對象來說，如icon、button、tab等，需要設(shè)計正確的示能與意符。

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

示能是對人類直覺的利用，不能反示能。意符，指傳遞正確交互方式的信息。向左箭頭表示返回，頁碼表示所閱覽信息的當(dāng)前位置。

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

3. 對于頁面整體信息來說，需要根據(jù)用戶的主要目標(biāo)，整體設(shè)計頁面信息層級。

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

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

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

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

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

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

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

2. 功能位置是相對于手機屏幕而言，一般來說用右手拇指操作的用戶居多：手機屏幕下方的操作成本小于屏幕上方。對于高頻使用功能，一般常駐屏幕，不會隨著頁面的滑動而消失。

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

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

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

交互素養(yǎng)三：用戶會犯錯，降低操作風(fēng)險

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

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

2. 用戶操作時，提供二次警示確認。當(dāng)用戶的操作會給用戶帶來某種風(fēng)險時，如支付、刪除等操作，需要彈出警示彈窗進行二次確認。淘寶中，刪除購物車中的某件商品時，會彈出警示彈窗，要求用戶手動進行二次確認。

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

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

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

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

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

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

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