編輯導(dǎo)語(yǔ)：交互是產(chǎn)品價(jià)值通向用戶的道路，而道路如果被堵塞，則會(huì)讓用戶感到焦慮甚至絕望。為了避免這一情況，了解交互的基本原則對(duì)于剛?cè)胄械漠a(chǎn)品經(jīng)理而言是十分重要的。那么，什么樣的交互能使我們身心愉悅呢？一起來(lái)看一下吧。
我經(jīng)常將產(chǎn)品經(jīng)理的工作和導(dǎo)演進(jìn)行類比，如果說(shuō)導(dǎo)演的工作是讓觀眾的靈魂在一幀一畫(huà)中與電影的主旨與情感產(chǎn)生共鳴的話，產(chǎn)品經(jīng)理的工作就是讓產(chǎn)品價(jià)值在用戶與產(chǎn)品交互的一來(lái)一回中得以體現(xiàn)?？梢哉f(shuō)交互是產(chǎn)品價(jià)值通向用戶的道路，道路的堵塞會(huì)讓用戶感到焦慮甚至絕望，所以為了避免這一現(xiàn)象的發(fā)生，了解交互的基本原則對(duì)于剛?cè)胄械漠a(chǎn)品經(jīng)理而言是十分重要的。
(資料圖)
什么樣的交互使我們身心愉悅？我們又會(huì)對(duì)什么樣的交互“拍案罵娘”？是否有一些好的判斷方法？筆者通過(guò)自己歷來(lái)的學(xué)習(xí)思考和實(shí)踐，為大家歸納了一些參考。
一、行為的三個(gè)層次
好的交互是要符合人類自然意識(shí)的，所以說(shuō)，搞清楚人的意識(shí)模式，與之相符的交互就是自然順暢的。人的行為和意識(shí)基本有三個(gè)層次：
1）本能層次
聞見(jiàn)花香會(huì)感到愉悅，聽(tīng)到好聽(tīng)的音樂(lè)會(huì)心情舒暢，處在未知中會(huì)感到害怕，類似這種不需要思考，憑借本能就會(huì)產(chǎn)生的情感，我們把它叫做本能層次。
本能層次啟發(fā)我們，作為產(chǎn)品來(lái)講，好看是重要的體驗(yàn)，我們情不自禁會(huì)更傾向于喜歡更好看的頁(yè)面。核心功能得到滿足的同時(shí)，別忘了給你的產(chǎn)品美美容。
2）行為層次
本能層次再往上走一段，就來(lái)到了行為層次，相比本能層次，行為層次加入了“目的”的概念，也就是進(jìn)入到了“我要干一件什么事”的意識(shí)。
比如我餓了，要吃飯，那么我接下來(lái)拿手機(jī)、點(diǎn)外賣(mài)、取外賣(mài)、吃外賣(mài)、沒(méi)吃飽、補(bǔ)兩個(gè)雞腿這一系列操作都是由行為層次激發(fā)的。我們能很明顯的感受到，行為層次通常伴隨著一系列的動(dòng)作操作，也是 交互 發(fā)生的重要意識(shí)領(lǐng)域，同時(shí)在行為層次，人和機(jī)器的交流也是連續(xù)和反復(fù)的，就像郭德綱和于謙，逗一句捧一句，這樣子一來(lái)一回才能交流下去。
3）反思層次
反思層次是對(duì)本能層次和行為層次的評(píng)價(jià)與深度反思。比如我做了一件事，我做的是否優(yōu)秀、我是否感受到了“榮譽(yù)感”，我是否覺(jué)得這次體驗(yàn)sucks，我的操作有沒(méi)有解決我的問(wèn)題。
這些需要綜合體驗(yàn)才能產(chǎn)生的情感，就發(fā)生在反思層次。值得一提的是，單純的操作不產(chǎn)生價(jià)值，價(jià)值一般發(fā)生在反思層次，因?yàn)閮r(jià)值的最根本的發(fā)源地，歸根結(jié)底，其實(shí)是更好的心理體驗(yàn)。比如真方便！真好玩！我比別人厲害！我達(dá)到了目的！我的情感得到了滿足！等等……
這三個(gè)層次的理論啟示我們，三流產(chǎn)品做外觀，二流產(chǎn)品做功能，一流產(chǎn)品做價(jià)值。
流暢的體驗(yàn)當(dāng)然是產(chǎn)品好用的基礎(chǔ)，那什么叫做流暢的交互呢？同樣有理論對(duì)我們進(jìn)行指導(dǎo)。
二、行為發(fā)生的七個(gè)步驟
我們使用產(chǎn)品時(shí)，是不是都伴隨著一個(gè)目的，我們因這個(gè)目的而來(lái)，隨著這個(gè)目的完美達(dá)成而滿意離去或者因這個(gè)目的“完不成”而惱火罷用。要知道如何幫助用戶達(dá)到他的目的，就要研究他在產(chǎn)品中的行為路徑是什么，這里要提到行為發(fā)生的七個(gè)步驟。
我們?cè)陧?yè)面中的每一步操作，每一次有意識(shí)的點(diǎn)擊，都包含了這七個(gè)步驟的“意識(shí)流”。但是因?yàn)樗麄儼l(fā)生地極快，在一瞬間就完成了意識(shí)的流轉(zhuǎn)，所以我們通常感知不到他們的存在：
1）定位：我需要知道我現(xiàn)在在哪里，我的周?chē)及耸裁葱畔?？我現(xiàn)在是個(gè)什么狀態(tài)？
我現(xiàn)在在首頁(yè)，首頁(yè)上有banner、金剛區(qū)、標(biāo)簽頁(yè)、巴拉巴拉一堆。
2）目標(biāo)：然后我需要知道接下來(lái)要做什么？
這個(gè)對(duì)b端來(lái)說(shuō)是比較重要的，我要知道為了達(dá)到業(yè)務(wù)目標(biāo)我需要做哪些操作，可以用流程組件或者說(shuō)明性的內(nèi)容來(lái)表達(dá)。c端的產(chǎn)品基本上產(chǎn)品目標(biāo)比較簡(jiǎn)單，都是不言自明的，在獲客階段就已經(jīng)很明確了。
3）計(jì)劃：同時(shí)我需要知道我該如何去完成我的目標(biāo)。
比如我現(xiàn)在知道了我要先創(chuàng)建一個(gè)方案，那么我怎么才能知道如何去完成這一步呢？誒，這里有一個(gè)提示，告訴我前往“A頁(yè)面”處去創(chuàng)建，或者這里放了一個(gè)大大的加號(hào)浮窗，一看就知道這個(gè)是創(chuàng)建作用。
4）執(zhí)行：我要能夠輕松地執(zhí)行我的操作。
現(xiàn)在來(lái)到了創(chuàng)建部分，在這個(gè)過(guò)程中，如果我需要一個(gè)字一個(gè)字的輸入，可能我就會(huì)覺(jué)得比較費(fèi)力，但是如果有一個(gè)一鍵導(dǎo)入，就會(huì)好很多。
5）感知：我是否操作成功了？
創(chuàng)建完成之后，我點(diǎn)了完成。誒？怎么直接出去了？我操作成功了嗎？
6）詮釋：如果我的操作有效，那么我操作之后的結(jié)果是什么？我的操作帶來(lái)了什么結(jié)果?
一系列操作完成之后，我看到我的方案里多了一條，說(shuō)明已經(jīng)創(chuàng)建成功了。
7）對(duì)比：這個(gè)結(jié)果是否達(dá)到了我的目標(biāo)？
大家仔細(xì)品一下，是不是我們的每一步操作，都伴隨著這七個(gè)步驟的發(fā)生，一個(gè)小的行動(dòng)閉環(huán)所反饋的結(jié)果會(huì)成為下一個(gè)步驟的起始狀態(tài)，就這樣一步一步地完成我們所需要達(dá)到的目的。
那么一個(gè)產(chǎn)品能夠?qū)⑸鲜雒恳徊降男畔⒍寄軌蚪o到用戶，那么他的交互就是好的，起碼是流暢的。如果在某一步用戶的預(yù)想和實(shí)際呈現(xiàn)的效果不一致，那么就會(huì)帶來(lái)負(fù)面感受，但是作為專業(yè)的產(chǎn)品經(jīng)理，這種低級(jí)的錯(cuò)誤我們是不會(huì)犯的，我們一般把這種誤差叫做“學(xué)習(xí)成本”（狗頭）。
那么問(wèn)題來(lái)了，如何才能做到將這些信息順利地傳達(dá)給用戶呢？有幾個(gè)原則或者方法可以作為參考。
三、一些幫助我們實(shí)操的原則
1）好的交互的前提是好的流程，好的流程建立在對(duì)真實(shí)場(chǎng)景的理解上
這個(gè)沒(méi)得說(shuō)了，對(duì)用戶真實(shí)場(chǎng)景的理解永遠(yuǎn)是產(chǎn)品經(jīng)理的競(jìng)爭(zhēng)壁壘。
2）注意元素之間的邏輯關(guān)系
關(guān)注元素之間的并列關(guān)系、父子關(guān)系、流程關(guān)系、輕重關(guān)系，正確邏輯關(guān)系的表達(dá)幫助用戶理解產(chǎn)品的概念模型。
3）頁(yè)面信息的展示應(yīng)該有主有次，重點(diǎn)和補(bǔ)充都能一目了然
元素很多，重點(diǎn)不突出，模塊不分明，用戶就不能立馬知道我該先看什么東西，也就不方便他對(duì)周?chē)畔⒌墨@取和識(shí)別。
4）使用主流的組件
除非目前的組間不能滿足你的要求或者你對(duì)你的用戶了解到令人發(fā)指，或者是是同理心極強(qiáng)，否則，就去使用通用組件和模板，因?yàn)樵谀壳暗幕ヂ?lián)網(wǎng)環(huán)境中，大家的操作習(xí)慣基本都養(yǎng)成了，通用組件成本低，意符明確，不會(huì)造成很別扭的操作。
這些是西西ko在日常工作中學(xué)習(xí)思考總結(jié)的一些簡(jiǎn)單的原則，資歷尚淺，歡迎大家一起拍磚討論。
除此之外，還有一些別的基本原則作為參考，《寫(xiě)給普通人的設(shè)計(jì)書(shū)》中提到的四個(gè)設(shè)計(jì)基本原則：
親密性原則：意義相關(guān)或者相近的內(nèi)容應(yīng)相互靠近，以組的形式出現(xiàn)
重復(fù)性原則：表達(dá)同樣意思的并列的元素應(yīng)該有著同樣的展現(xiàn)形式
對(duì)齊：應(yīng)該將頁(yè)面中的元素盡可能對(duì)齊
對(duì)比：突出重點(diǎn)
還有我們熟知的尼爾森交互十大原則：
1）系統(tǒng)可見(jiàn)性原則（Visibility of system status）
保持界面的狀態(tài)可見(jiàn)，變化可見(jiàn)，內(nèi)容可見(jiàn)。讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭?比如用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，頁(yè)面應(yīng)即時(shí)給出反饋。
2）貼近場(chǎng)景原則（Match between system and the real world）
用用戶的語(yǔ)言，用詞，短語(yǔ)和用戶熟悉的概念，而不是系統(tǒng)術(shù)語(yǔ)。功能操作符合用戶的使用場(chǎng)景。
3）可控性原則（User control and freedom）
用戶經(jīng)常錯(cuò)誤地選擇系統(tǒng)功能而且需要明確標(biāo)識(shí)離開(kāi)這個(gè)的“出口”。比如支持撤銷(xiāo)和重做的功能。
4）一致性和標(biāo)準(zhǔn)化原則（Consistency and standards）
遵循平臺(tái)的慣例。也就是，同一用語(yǔ)、功能、操作保持一致。
5）防錯(cuò)原則（Error prevention）
更用心的設(shè)計(jì)防止這類問(wèn)題發(fā)生，在用戶可能犯錯(cuò)時(shí)進(jìn)行提醒，比如刪除可能造成的后果。
6）協(xié)助記憶原則（Recognition rather than recall）
盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的。用戶不必記住一個(gè)頁(yè)面到另一個(gè)頁(yè)面的信息。系統(tǒng)的使用說(shuō)明應(yīng)該是可見(jiàn)的或者是容易獲取的。
7）靈活高效原則（Flexibility and efficiency of use）
允許用戶進(jìn)行頻繁的操作。 更加便捷靈活的代碼和反饋。
8）審美和簡(jiǎn)約設(shè)計(jì)原則（Aesthetic and minimalist design）
不應(yīng)該包含無(wú)關(guān)緊要的信息。
9）容錯(cuò)原則（Help users recognize, diagnose, and recover from errors ）
錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá)（不要用代碼），較準(zhǔn)確地反應(yīng)問(wèn)題所在，并且提出一個(gè)建設(shè)性的解決方案。
10）人性化幫助原則（Help and documentation）
有必要提供幫助和文檔。任何信息應(yīng)容易去搜索，專注于用戶的任務(wù)，列出具體的步驟來(lái)進(jìn)行。
幫助性提示最好的方式是：
無(wú)需提示
一次性提示
常駐提示
幫助文檔
這些原則其實(shí)仔細(xì)想一想，大部分都是基于我們?nèi)说囊庾R(shí)流來(lái)進(jìn)行的，不脫離對(duì)人的認(rèn)知和考察，就不會(huì)作出難頂?shù)慕换?。那么你?duì)交互和交互設(shè)計(jì)有什么好的觀點(diǎn)和見(jiàn)解呢？發(fā)出來(lái)，大家一起扯一扯吧。
本文由 @Σ( 佛朗西西摳 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash，基于CC0協(xié)議
關(guān)鍵詞： 從人類行為模式的角度看交互 產(chǎn)品經(jīng)理 system
