六大交互素養(yǎng)，你學(xué)到了嗎？

交互是產(chǎn)品與使用者互動(dòng)流程及界面的設(shè)計(jì)。它以用戶為中心，以提升用戶體驗(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)一：確保用戶正確理解信息，減少識別成本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

產(chǎn)品會(huì)交互，神仙擋不住。對于產(chǎn)品經(jīng)理應(yīng)掌握的基本交互素養(yǎng)，你是怎么看的？期待你的留言評論。

公眾號：maibanzhang

（素材來源于網(wǎng)絡(luò)，并非原創(chuàng)，如有雷同，請聯(lián)系刪除）