導(dǎo)讀：作為一名產(chǎn)品經(jīng)理，交互設(shè)計(jì)是原型設(shè)計(jì)里的重要環(huán)節(jié)。交互設(shè)計(jì)的好壞，直接影響產(chǎn)品是否能夠吸引和留住我們的用戶，因此了解交互設(shè)計(jì)的原則，是十分必要的。本文作者對交互設(shè)計(jì)的原則進(jìn)行了分析，與你分享。

入職產(chǎn)品崗位也有段時間，最近一直在忙著工作，都沒有時間靜下心來思考以及分享，加上最近有在學(xué)習(xí)交互設(shè)計(jì)相關(guān)的知識，提升用戶使用產(chǎn)品時候的操作體驗(yàn)，結(jié)合之前的學(xué)習(xí)筆記加上自己的理解輸出的一點(diǎn)拙見。希望有不足之處大家指出。

作為一名產(chǎn)品經(jīng)理，交互設(shè)計(jì)是原型設(shè)計(jì)里的重要環(huán)節(jié)，交互設(shè)計(jì)的好壞，直接影響產(chǎn)品是否能夠吸引和留住我們的用戶，因此了解交互設(shè)計(jì)的原則，是十分必要的；以下，我將從產(chǎn)品的角度結(jié)合實(shí)際工作和案例，陳列了幾點(diǎn)我覺得合理的交互設(shè)計(jì)原則：

1. 界面清晰
2. 形式遵循功能
3. 保持一致性
4. 少即是多
5. 讓用戶少思考
6. 讓用戶覺得產(chǎn)品始終在自己的掌握中

一、界面清晰

1）信噪比原則

信噪比，英文名稱叫做SNR或S/N（SIGNAL-NOISE RATIO)，又稱為訊噪比。是指一個電子設(shè)備或者電子系統(tǒng)中信號與噪聲的比例。一般來說，信噪比越大，說明混在信號里的噪聲越小，聲音回放的音質(zhì)量越高，否則相反。 而在交互設(shè)計(jì)中的信噪比則表示在我們的產(chǎn)品中重要內(nèi)容與非重要內(nèi)容的比例，這個比例越高，用戶找到自己需要的重點(diǎn)信息的概率也就越高。因此突出你產(chǎn)品中的重要信息，提前幫用戶過濾信息，重點(diǎn)信息重點(diǎn)突出，幫用戶找到對其有價(jià)值的信息是留住用戶的一個重要方法。

2）易于辨識

易于辨識這一點(diǎn)毋庸置疑，產(chǎn)品主要功能入口清晰醒目，操作使用通俗易懂，主要信息突出顯示。讓用戶付出最小的成本，甚至不需要成本就能上手你的產(chǎn)品，這是我們做產(chǎn)品人的一個終極目標(biāo)。

3）2-8原則

不管你手上的產(chǎn)品是什么類型的產(chǎn)品，重要的功能和信息都只占20%，而篩選出這20%的功能和內(nèi)容，并將這些功能和內(nèi)容展示在用戶能輕松接觸的位置，是我做產(chǎn)品的一大準(zhǔn)則。在實(shí)際工作中這點(diǎn)的表現(xiàn)就是需求優(yōu)先級的評估；評估優(yōu)先級的時，就需要遵守2-8原則，篩選出主要功能，才能保證后續(xù)產(chǎn)品不會因?yàn)楣δ苌系娜笔Щ蛘吖δ馨才挪缓侠矶磸?fù)返工。因此，篩選評估切忌想當(dāng)然的進(jìn)行，要做到合理的評估需求，這一點(diǎn)需要經(jīng)過大量的市場調(diào)研和需求分析。如果你公司做不到大量數(shù)據(jù)的分析，不妨拉你同事頭腦風(fēng)暴一下，從一個非行業(yè)內(nèi)用戶的角度來分析下他們認(rèn)為重要的需求是什么，也是個不錯的選擇（多交流，多思考，切勿隨意獨(dú)立下結(jié)論）。

4）信息分類，分步驟進(jìn)行

不知道你們有沒有過在一個網(wǎng)站注冊需要填寫，完善個人信息才能使用的經(jīng)歷，我之前經(jīng)歷過，比如某招聘網(wǎng)站，進(jìn)入注冊后，需要填寫諸如用戶名、性別、教育經(jīng)歷、工作經(jīng)歷、求職期望、資格證書、個人介紹等等一系列的信息。有這些內(nèi)容是很正常的，正常招聘平臺都是需要求職者錄入這些信息作為個人在線簡歷給企業(yè)查看，增加求職成功率。

但該網(wǎng)站的信息完善是以列表的形式，全部平鋪在一個頁面。當(dāng)時看到這滿屏的輸入框頭皮發(fā)麻，心中一萬頭馬奔騰。特別是操作體驗(yàn)還很糟糕，比如你突然記不起來某個內(nèi)容了打算暫時擱置，或者轉(zhuǎn)頭打了個電話有什么事情，臨時不想填寫了打算保存下次繼續(xù)完善，不行！平臺要求有些內(nèi)容必須填寫，需要全部填完才能提交保存，我**直接就不想在這個平臺求職了。

因此，信息分類來展示，分步驟進(jìn)行就十分重要；對不同的內(nèi)容進(jìn)行優(yōu)化分類，分步驟來展示給用戶填寫，讓用戶一次性填寫的內(nèi)容少一點(diǎn)，而且填完該一部分內(nèi)容就可以提交保存，不需要反復(fù)填寫，用戶可以隨時退出信息填報(bào)甚至是離開平臺。如果發(fā)現(xiàn)之前的內(nèi)容填錯了還可以退回去更改，允許用戶反復(fù)操作。

因此信息分類，分步驟除了優(yōu)化用戶視覺上的體驗(yàn)，減少抵觸情緒，同時還提升了數(shù)據(jù)的獲取效率。

5）組塊原則

組塊原則其實(shí)和信息分類差不多，只不過是將一類的功能和產(chǎn)品集中到了一起，形成“塊”，方便用戶查找，比如以下是某教育類平臺的課程分類模塊，該模塊集成了3級分類，同時對于三級分類中主要的特色產(chǎn)品還進(jìn)行了標(biāo)紅突出，方便用戶第一時間查看平臺該類目下的主推內(nèi)容。

6）臨近原則

臨近原則就是相同，類似，有關(guān)聯(lián)的功能模塊，入口放在一起，方便用戶查找，例如知乎與用戶回答問題、發(fā)文章等有關(guān)的內(nèi)容放在一個模塊欄目中。

二、形式遵循功能

1）所見即所得

顧名思義，所見即所得的意思就是用戶看到什么，就是什么，設(shè)計(jì)端如何設(shè)計(jì)，給到用戶的體驗(yàn)就是什么樣的體驗(yàn)，因此，考慮好用戶想要什么，不要拐彎抹角，將主要功能放在難以第一時間發(fā)現(xiàn)的“角落里”，或者為了設(shè)計(jì)感將主要功能藏在設(shè)計(jì)中，這都是很不友好的交互體驗(yàn)。

2）直接輸入原則

讓用戶少輸入，即讓用戶感覺操作方便，降低操作難度。例如，在填寫一寫非模糊數(shù)據(jù)的時候，提供選擇按鈕，例如性別、出生年月日，政治面貌等，不需要用戶鍵盤輸入信息；

另外對于在用戶填寫一些例如城市，公司，學(xué)校的時候，用戶輸入前幾個字符后，我們主動聯(lián)想可能輸入的內(nèi)容，供用戶選擇，如此非但讓用戶感覺省心，同時也規(guī)范了信息的輸入，降低后臺對于數(shù)據(jù)的運(yùn)維成本。

三、保持一致性

交互設(shè)計(jì)中有一條重要準(zhǔn)則，就是產(chǎn)品的一致性，設(shè)計(jì)風(fēng)格，產(chǎn)品配色，服務(wù)都需要保持一致，不一致性會導(dǎo)致用戶使用時候很突兀，俗話說就是膈應(yīng)人，是會導(dǎo)致顧客大量流失的，除非你的產(chǎn)品功能強(qiáng)大或者僅此一家不可復(fù)制，不過這兩種情況除了政府平臺基本不存在。

另一種情況就是產(chǎn)品入口、首頁做的高端絢麗，但是進(jìn)到產(chǎn)品中的實(shí)際體驗(yàn)缺并不能達(dá)到和宣傳或者首頁一致的效果，用戶將會有類似于被欺騙的感覺，頭重腳輕，即使你承諾后期版本迭代會達(dá)到用戶的要求，但是產(chǎn)品達(dá)不到用戶現(xiàn)在的預(yù)期（你自己創(chuàng)造的預(yù)期），已經(jīng)給了用戶產(chǎn)品不誠信的感覺，是否能留住用戶，有待斟酌。

四、少即是多

如今社會追求的是效率，體現(xiàn)在設(shè)計(jì)上就是簡約但不簡單，簡潔已經(jīng)成為高端的代名詞，如何將你的產(chǎn)品風(fēng)格做到簡約但不簡單，需要你除了具備產(chǎn)品思維，還需要有不錯的設(shè)計(jì)功底，不過，大部分產(chǎn)品人設(shè)計(jì)能力有，但一般，這就要你學(xué)會和你公司的設(shè)計(jì)師好好溝通，表達(dá)需求尋求他們的幫助了。

五、讓用戶少思考

1）易學(xué)性

易學(xué)性就是全民可用，簡單上手，操作通熟易懂，關(guān)于這點(diǎn)，微信就做的很好，從小孩到老人都能輕松使用。

2）反映用戶心理模型

直白的說，就是挖掘用戶的潛在需求，這個需求用戶自己都沒有意識到，但是卻能夠給用戶帶來使用體驗(yàn)上的優(yōu)化，比如輸入法的模糊音、智能糾錯以及聯(lián)想輸入，這些功能在用戶調(diào)研的時候，并不突出，用戶需要輸入法僅僅是為了打字輸入，但這些功能卻給用戶體驗(yàn)上帶來了很大的提升。

3）符合用戶使用需求

找到用戶的操作習(xí)慣，減輕用戶的使用負(fù)擔(dān)，找到用戶最關(guān)心的功能，并優(yōu)化操作流程，尋找最短實(shí)現(xiàn)功能的步驟，以及最方便用戶的操作流程。

4）減輕用戶的記憶負(fù)擔(dān)

通過使用對象、動作和選項(xiàng)的可視化表達(dá)減少需要用戶記憶的東西，特殊情況下提供可選項(xiàng)讓用戶去確認(rèn)信息即可。

打個比方，某導(dǎo)航功能的流程，你得到一個地址，不管這個地址是哪里，你不需要知道，也不需要記憶，你只要確定你要去到這個地方就行；如果給你發(fā)送的是一個定位，你只需要打開這個定位，然后點(diǎn)擊去到這個地方，導(dǎo)航會幫你自動規(guī)劃好路線；

再如果，你得到的是一個地址，而非定位，你同樣只需要復(fù)制到剪貼板，打開地圖，粘貼到搜索欄目，出發(fā)地會自動幫你定位到你現(xiàn)在的位置，你只需要點(diǎn)擊導(dǎo)航開始就足夠了，這兩個過程，你都沒有去刻意記或者了解這個目的地的地址是什么，但并不影響你到達(dá)目的地（PS：用導(dǎo)航出行，還能到站前一站提醒，十分方便，進(jìn)一步釋放用戶思維，車上睡覺，放空思維的時候不再需要害怕坐過站困擾）；

如今用戶需要面對海量的數(shù)據(jù)，需要承載的東西太多了，減輕用戶的記憶負(fù)擔(dān)，能讓你的產(chǎn)品深入用戶心中。問你個問題：QQ里的三個密保問題的答案你還記得嗎？

5）使用用戶能夠看得懂的詞語

這一點(diǎn)主要是針對中小型公司從研發(fā)崗位轉(zhuǎn)型的產(chǎn)品經(jīng)理，因?yàn)樗麄兘?jīng)常會不經(jīng)意間使用一些用戶不太看得懂、不理解的專業(yè)術(shù)語，又或者用詞不當(dāng)，這都會增加用戶的使用難度，需要注意。

六、讓用戶覺得產(chǎn)品始終在自己的掌握中

1）及時有效的反饋

用戶在使用產(chǎn)品的時候需要讓用戶第一時間知道自己在做什么，剛剛做了什么，成功沒有。

這看起來是不是在說廢話，給你舉個例子，你在一家掃碼點(diǎn)餐的餐廳吃飯，你點(diǎn)了餐，支付了，但是你沒有收到支付成功扣費(fèi)提示，沒有你的餐號信息，結(jié)束點(diǎn)餐后沒有了后續(xù)加載頁面，給您一個空白頁面，服務(wù)人員在上菜之前也不過來為您服務(wù)，你什么感覺？這軟件是不是卡死了，我點(diǎn)餐成功了嗎？我是幾號？幾點(diǎn)能上菜？是不是發(fā)現(xiàn)很多地方?jīng)]有考慮到。反應(yīng)到產(chǎn)品中，這是很致命的錯誤。

除此之外，像點(diǎn)擊按鈕出現(xiàn)加載頁面（表示你操作成功了，但是還在加載，只是出于某些原因有點(diǎn)卡），發(fā)布文章提示發(fā)布成功，點(diǎn)擊加入購物車提示加入成功等等，都是需要考慮到的。

2）避免干擾和打斷

在用戶有目標(biāo)性的打開我們產(chǎn)品去做某一操作，或者有目的性的瀏覽某些內(nèi)容的時候，不要在他的操作、瀏覽路徑上添加不必要的內(nèi)容，比如彈窗廣告，推薦內(nèi)容浮動，不必要的消息提醒，這些內(nèi)容都會打斷用戶的操作和瀏覽順序，使用體驗(yàn)不友好，長此以往將導(dǎo)致用戶流失。

3）讓用戶放松心態(tài)，不怕出錯

1. 允許產(chǎn)品界面可以反復(fù)操作
2. 操作過程可以回退
3. 及時有效的反饋

4）包容原則

一些重要操作需要二次確認(rèn)，這個主要出現(xiàn)在后臺系統(tǒng)中，比如，發(fā)布，刪除，修改功能需要經(jīng)過二次確認(rèn)才能正常操作。

5）用戶操作手冊

用戶操作手冊顧名思義，就是幫助用戶進(jìn)一步上手操作我們的產(chǎn)品，需要注意的是，操作手冊需要做到通熟易懂，不能花費(fèi)用戶太多時間在學(xué)習(xí)使用產(chǎn)品的過程中，類似于新手指導(dǎo)，我相信各位中（90后）有不少前段時間有玩手游版“摩爾莊園”這款游戲吧！

這款游戲IP不錯，發(fā)布之前我也很看好，覺得它或許能掀起一股浪潮，也確實(shí)，剛剛發(fā)布那幾天“摩爾莊園”的聲浪一度壓過了王者，吃雞等游戲，但是當(dāng)我真的上手的時候發(fā)現(xiàn)，新手引導(dǎo)時間太長，而且不能跳過，據(jù)說有人花在新手引導(dǎo)上的時間甚至超過幾個小時。詢問了一些朋友，確實(shí)都覺得新手引導(dǎo)太久了，不是因?yàn)榍閼眩呀?jīng)被勸退了。

因此，用戶操作手冊在用戶使用時候，一定要做到簡單，易懂，上手快；當(dāng)然，除了操作手冊通俗易懂，產(chǎn)品本身就要做到操作簡單，滿足用戶的需求。

總結(jié)：從我個人產(chǎn)品的角度來分析的交互設(shè)計(jì)原則就是這些，肯定是有不足或者錯漏的地方，歡迎大家一起討論，提出你的寶貴意見，共同進(jìn)步。

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

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