編輯導語：交互是産品價值通向用戶的道路，而道路如果被堵塞，則會讓用戶感到焦慮甚至絕望。為了避免這一情況，了解交互的基本原則對于剛入行的産品經理而言是十分重要的。那麼，什麼樣的交互能使我們身心愉悅呢？一起來看一下吧。

我經常将産品經理的工作和導演進行類比，如果說導演的工作是讓觀衆的靈魂在一幀一畫中與電影的主旨與情感産生共鳴的話，産品經理的工作就是讓産品價值在用戶與産品交互的一來一回中得以體現。可以說交互是産品價值通向用戶的道路，道路的堵塞會讓用戶感到焦慮甚至絕望，所以為了避免這一現象的發生，了解交互的基本原則對于剛入行的産品經理而言是十分重要的。

什麼樣的交互使我們身心愉悅？我們又會對什麼樣的交互“拍案罵娘”？是否有一些好的判斷方法？筆者通過自己曆來的學習思考和實踐，為大家歸納了一些參考。

一、行為的三個層次

好的交互是要符合人類自然意識的，所以說，搞清楚人的意識模式，與之相符的交互就是自然順暢的。人的行為和意識基本有三個層次：

1）本能層次

聞見花香會感到愉悅，聽到好聽的音樂會心情舒暢，處在未知中會感到害怕，類似這種不需要思考，憑借本能就會産生的情感，我們把它叫做本能層次。

本能層次啟發我們，作為産品來講，好看是重要的體驗，我們情不自禁會更傾向于喜歡更好看的頁面。核心功能得到滿足的同時，别忘了給你的産品美美容。

2）行為層次

本能層次再往上走一段，就來到了行為層次，相比本能層次，行為層次加入了“目的”的概念，也就是進入到了“我要幹一件什麼事”的意識。

比如我餓了，要吃飯，那麼我接下來拿手機、點外賣、取外賣、吃外賣、沒吃飽、補兩個雞腿這一系列操作都是由行為層次激發的。我們能很明顯的感受到，行為層次通常伴随着一系列的動作操作，也是 交互 發生的重要意識領域，同時在行為層次，人和機器的交流也是連續和反複的，就像郭德綱和于謙，逗一句捧一句，這樣子一來一回才能交流下去。

3）反思層次

反思層次是對本能層次和行為層次的評價與深度反思。比如我做了一件事，我做的是否優秀、我是否感受到了“榮譽感”，我是否覺得這次體驗sucks，我的操作有沒有解決我的問題。

這些需要綜合體驗才能産生的情感，就發生在反思層次。值得一提的是，單純的操作不産生價值，價值一般發生在反思層次，因為價值的最根本的發源地，歸根結底，其實是更好的心理體驗。比如真方便！真好玩！我比别人厲害！我達到了目的！我的情感得到了滿足！等等……

這三個層次的理論啟示我們，三流産品做外觀，二流産品做功能，一流産品做價值。

流暢的體驗當然是産品好用的基礎，那什麼叫做流暢的交互呢？同樣有理論對我們進行指導。

二、行為發生的七個步驟

我們使用産品時，是不是都伴随着一個目的，我們因這個目的而來，随着這個目的完美達成而滿意離去或者因這個目的“完不成”而惱火罷用。要知道如何幫助用戶達到他的目的，就要研究他在産品中的行為路徑是什麼，這裡要提到行為發生的七個步驟。

我們在頁面中的每一步操作，每一次有意識的點擊，都包含了這七個步驟的“意識流”。但是因為他們發生地極快，在一瞬間就完成了意識的流轉，所以我們通常感知不到他們的存在：

1）定位：我需要知道我現在在哪裡，我的周圍都包含了什麼信息？我現在是個什麼狀态？

我現在在首頁，首頁上有banner、金剛區、标簽頁、巴拉巴拉一堆。

2）目标：然後我需要知道接下來要做什麼？

這個對b端來說是比較重要的，我要知道為了達到業務目标我需要做哪些操作，可以用流程組件或者說明性的内容來表達。c端的産品基本上産品目标比較簡單，都是不言自明的，在獲客階段就已經很明确了。

3）計劃：同時我需要知道我該如何去完成我的目标。

比如我現在知道了我要先創建一個方案，那麼我怎麼才能知道如何去完成這一步呢？诶，這裡有一個提示，告訴我前往“A頁面”處去創建，或者這裡放了一個大大的加号浮窗，一看就知道這個是創建作用。

4）執行：我要能夠輕松地執行我的操作。

現在來到了創建部分，在這個過程中，如果我需要一個字一個字的輸入，可能我就會覺得比較費力，但是如果有一個一鍵導入，就會好很多。

5）感知：我是否操作成功了？

創建完成之後，我點了完成。诶？怎麼直接出去了？我操作成功了嗎？

6）诠釋：如果我的操作有效，那麼我操作之後的結果是什麼？我的操作帶來了什麼結果?

一系列操作完成之後，我看到我的方案裡多了一條，說明已經創建成功了。

7）對比：這個結果是否達到了我的目标？

大家仔細品一下，是不是我們的每一步操作，都伴随着這七個步驟的發生，一個小的行動閉環所反饋的結果會成為下一個步驟的起始狀态，就這樣一步一步地完成我們所需要達到的目的。

那麼一個産品能夠将上述每一步的信息都能夠給到用戶，那麼他的交互就是好的，起碼是流暢的。如果在某一步用戶的預想和實際呈現的效果不一緻，那麼就會帶來負面感受，但是作為專業的産品經理，這種低級的錯誤我們是不會犯的，我們一般把這種誤差叫做“學習成本”（狗頭）。

那麼問題來了，如何才能做到将這些信息順利地傳達給用戶呢？有幾個原則或者方法可以作為參考。

三、一些幫助我們實操的原則

1）好的交互的前提是好的流程，好的流程建立在對真實場景的理解上

這個沒得說了，對用戶真實場景的理解永遠是産品經理的競争壁壘。

2）注意元素之間的邏輯關系

關注元素之間的并列關系、父子關系、流程關系、輕重關系，正确邏輯關系的表達幫助用戶理解産品的概念模型。

3）頁面信息的展示應該有主有次，重點和補充都能一目了然

元素很多，重點不突出，模塊不分明，用戶就不能立馬知道我該先看什麼東西，也就不方便他對周圍信息的獲取和識别。

4）使用主流的組件

除非目前的組間不能滿足你的要求或者你對你的用戶了解到令人發指，或者是是同理心極強，否則，就去使用通用組件和模闆，因為在目前的互聯網環境中，大家的操作習慣基本都養成了，通用組件成本低，意符明确，不會造成很别扭的操作。

這些是西西ko在日常工作中學習思考總結的一些簡單的原則，資曆尚淺，歡迎大家一起拍磚讨論。

除此之外，還有一些别的基本原則作為參考，《寫給普通人的設計書》中提到的四個設計基本原則：

1. 親密性原則：意義相關或者相近的内容應相互靠近，以組的形式出現
2. 重複性原則：表達同樣意思的并列的元素應該有着同樣的展現形式
3. 對齊：應該将頁面中的元素盡可能對齊
4. 對比：突出重點

還有我們熟知的尼爾森交互十大原則：

1）系統可見性原則（Visibility of system status）

保持界面的狀态可見，變化可見，内容可見。讓用戶知道發生了什麼，在适當的時間内做出适當的反饋。 比如用戶在網頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。

2）貼近場景原則（Match between system and the real world）

用用戶的語言，用詞，短語和用戶熟悉的概念，而不是系統術語。功能操作符合用戶的使用場景。

3）可控性原則（User control and freedom）

用戶經常錯誤地選擇系統功能而且需要明确标識離開這個的“出口”。比如支持撤銷和重做的功能。

4）一緻性和标準化原則（Consistency and standards）

遵循平台的慣例。也就是，同一用語、功能、操作保持一緻。

5）防錯原則（Error prevention）

更用心的設計防止這類問題發生，在用戶可能犯錯時進行提醒，比如删除可能造成的後果。

6）協助記憶原則（Recognition rather than recall）

盡量減少用戶對操作目标的記憶負荷，動作和選項都應該是可見的。用戶不必記住一個頁面到另一個頁面的信息。系統的使用說明應該是可見的或者是容易獲取的。

7）靈活高效原則（Flexibility and efficiency of use）

允許用戶進行頻繁的操作。 更加便捷靈活的代碼和反饋。

8）審美和簡約設計原則（Aesthetic and minimalist design）

不應該包含無關緊要的信息。

9）容錯原則（Help users recognize, diagnose, and recover from errors ）

錯誤信息應該用語言表達（不要用代碼），較準确地反應問題所在，并且提出一個建設性的解決方案。

10）人性化幫助原則（Help and documentation）

有必要提供幫助和文檔。任何信息應容易去搜索，專注于用戶的任務，列出具體的步驟來進行。

幫助性提示最好的方式是：

這些原則其實仔細想一想，大部分都是基于我們人的意識流來進行的，不脫離對人的認知和考察，就不會作出難頂的交互。那麼你對交互和交互設計有什麼好的觀點和見解呢？發出來，大家一起扯一扯吧。

本文由 @Σ(๑佛朗西西摳 原創發布于人人都是産品經理。未經許可，禁止轉載

題圖來自 Unsplash，基于CC0協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部