為你解讀“交互行為五要素”

你是否遇到過這樣的問題:

拿到領導或產品經理的需求,好像明白,卻又無從下手;做好了方案,去給團隊評審的時候,面對他人的疑惑或詢問,怎么解釋都言之無物;想學交互設計,書看了很多還是云里霧里。

那么,這次本文要講的“交互行為五要素”,可能會讓你撥開云霧。

說到“五要素”,大家可能用戶體驗的五層要素最為熟悉,它是Adaptive Path的創始人加瑞特提出的,在2000年3月公布到網上后,被正向引用。

但是我們今天要講的,不是這個。

而是,“交互行為”的五個要素。

這二者在理論上有所交叉,但在使用范疇上不盡相同。交互設計五要素能夠指導我們更系統的進行實際設計活動,從而達到良好的用戶體驗。

“交互行為的五要素”是由辛向陽老師2005年在論文《交互設計:從物理邏輯到行為邏輯》一文中提出的,這五個要素主要是“用戶、場景、行為、工具或媒介、目的”,但這五個詞語是譯文,如果要更好的理解這幾個詞要表達的含義,建議大家在英文語境下思考,就是:

“people、contexts、actions、means、purpose、”。

在詳細講解之前,給大家先埋下一個理念前提,就如同論文標題所講,這五個要素是建立在“行為邏輯”這個基礎之上的,它與傳統產品設計的“設計物體”的物理邏輯想區分。傳統產品設計是基于物理屬性:如尺寸、形狀、結構、色彩、材質等功能或物理組成;而交互設計是強調:什么人在什么情況下,要通過什么途徑和方式完成什么事情。

打個比方,比如你要設計一個茶杯。

物理邏輯的產品設計,是先考量它有哪些功能:杯身、杯蓋、杯把手、濾網、可能還有個杯墊,于是你可能把它設計成以下的幾種杯子。

圖片來自于網絡

但如果是行為邏輯的交互設計,會考慮:一個喜愛喝茶的用戶(people)、周末陪閨蜜買衣服走在步行街上(contexts)、口渴走進飲品店(means)、她要喝一杯英式紅茶(purpose)、付過錢拿著茶,邊喝茶邊繼續跟閨蜜逛服裝店,喝完拎著大包小包回家去(actions)。那這時,用以上的杯子顯然都是不行的,因為不方便攜帶,且回家時不方便扔掉┓(?′?`?)┏

所以基于行為邏輯,設計出的杯子是醬紫的~~

【星巴克的外賣杯】圖片來自于網絡

people 用戶

為什么人而設計,也就是我們常說的用戶角色。可細分為“主要用戶角色、次要用戶角色、臨時用戶角色”。每個角色有其自身的習慣性特征(比如文化背景、愛好、性格等長期養成的個體特征)和與產品相關的認知特征(比如對某些產品的使用方式、印象評價、使用頻率等)。

這些都影響著用戶可能的行為動機與決策,比如一個對喝茶過程有期待,且性格慵懶,認為周末不用強調效率,喜歡自然隨意的女孩,可能會說服閨蜜坐在飲品店喝完茶再走,這時設計者要提供給她的,恐怕就不能再是外賣的紙杯了。

contexts 場景或環境

這個單詞在翻譯中,有著“環境、上下文、來龍去脈”的意思,由此可見,它是指用戶在與產品產生關系時,自身所處的外在環境,以及用戶在行為過程中可能產生的內在與外在相關的情況。

交互設計要為典型場景而服務,就充分體現在這個要素中了。

首先場景環境是與用戶緊密相連的,與用戶有關系的,才是我們要關注設計的;另外,環境是復雜的,要優先為主要角色所在的典型場景來服務。所以分析與規劃場景的主次,是進行設計的前提條件,同時也是在遇到設計矛盾時,用來決策的重要依據。

比如,還是上文提到的飲品店,如果它的門店開在商業步行街,而不是辦公區或居民住宅區附件,商業街流動用戶數量大、大家關注于琳瑯滿目的貨品,不太有耐心停下來喝完一杯茶或咖啡,又恰巧飲品店要節約成本,那它就可以不設有店內飲用空間、撤銷桌椅,直接以紙杯為主銷售外帶。因為這是他的主要場景和用戶群,平衡成本和收益,那些少部分想要進店坐坐的場景,就可以忽略了。

means 工具、手段或媒介

這是用戶要達到某個目標所需要的渠道。傳統意義上,常常會把means表達的工具當做某個產品,其實不然,它是你使用某個產品的載體。你要買咖啡,要通過飲品店購買;如果點外賣就要用手機或電腦打開外賣軟件;遠程旅行就要乘坐飛機或火車到達目的地。“飲品店、手機或電腦、飛機或火車”它們是要實現目標需要使用的手段和方法,而不是產品服務本身,這里我們要設計的產品服務,是找到飲品店、決定購買、買完飲品喝完的系列過程;是查看行程、買票、乘車、到達目的地的經歷;是一種行為方式。

means提供給我們一種機會、條件或約束,規劃了我們以某種方式產生行為。

purpose 目的或目標

purpose是跟動機直接相關的因素,人往往有了某個訴求,才想要去達成某個結果。如果不在乎這個結果,那行為本身,或產品服務本身,也就無從談起了。

分析目的,我們可以把它歸納為“模糊目的、明確目的、隨機目的”。

模糊目的是個大方向,用戶知道要獲得什么,但又不能很清楚的描述,比如,你長大想成為藝術工作者,可是哪種藝術呢?美術、音樂、文學?它們有共通之處,但又有差異,你可能就先學習通識化的藝術概論和看看普及的資訊,作為一種模糊的行為活動。

明確目的,是用戶很不但知道要獲得什么,但又能明確描述,比如,你想成為一個美術藝術工作者,在成長過程中,你就去學畫畫、攝影、三大構成,作為一種具體的行為活動。

隨機目的,是想獲得什么,但是不知道要什么,更不能明確描述,比如,你想充實的度過這一生,在成長過程中,你可能帶著好奇心什么都會學一學,作為一種隨機的行為活動。

體現在軟件應用設計上,比如你使用一款視頻app。模糊目的就是:你很想看電影,但不知看什么,就打開最新熱榜翻看,點開一部,看看評論和詳情,覺得不感興趣,就再換一部,進行一個反復的行為;清晰目的就是:你就想看《毒液》,搜索《毒液》,點擊觀看,看完給個評價,進行一個線性的單次行為;隨機目的就是,你在等車等人、或坐公交地鐵,有點無聊想隨便看點什么,打發無聊的時間,打開軟件在首頁隨意瀏覽,看看評論、或者收藏、或者直接打開一部就看起來,導致碎片化的不確定行為。

actions 行為或任務

如上所述,purpose和actions成互相因果的關系。action是設計好壞最直接顯現的一環了,用戶可能會有哪些行為,以及設計者通過界面與流程提供什么樣的行為引導,將最直接的讓用戶評價體驗的好與壞。

要達到某個目的,必定會有可預測的一種或幾種行為。這些行為一方面可以指導設計者該如何進行交互流程設計,另一方面也能啟發設計者從哪些角度可以利用行為,進而創新。

基于用戶固有習慣的設計能讓用戶自然愉悅,從而滿足用戶的習慣達到舒適的體驗,比如,根據“隨機瀏覽內容”這個目的,一些新聞、視頻、資訊類的app,就把內容列表做成瀑布流,讓用戶只需要一個滑動的動作,就一直順暢的瀏覽下去,自然而符合預期;當然,還可以做超出預期的設計,不依賴用戶的行為,而是引導用戶進一步做出其他任務,比如,電商網站,當你已經下單完成目的,它還會根據你的歷史數據和喜好,展現出你下單的相關其他產品,讓你忍不住再點擊看看,誘導進一步消費。

by 蒹葭

將這五要素綜合考慮,加以設計的過程,就是我們常說的“交互設計”。

交互設計的對象可以定義為“通過產品的媒介作用來創造和支持人的行為。(creating and supporting human activities through the mediating influence of products)”

綜上所述,你了解交互行為五要素之間的關系,和交互設計的本質了嗎?

在至今,很多交互設計實踐的從業者,都還是不能用很準確的語言描述交互的概念。這五要素受文藝理論家肯尼斯·伯克(Kenneth Burke)戲劇五位一體和“同一”理論的啟發,將交互設計概念做了有機的整合,鼓勵設計師或分析師從“重新確定參與者、定位行為動機、規劃行為過程、謀求新的手段、營造新的場景和環境”五個維度進行設計和創新。

后面文章,我會基于這五要素,進一步為大家講解該如何做好需求分析和設計方案,讓你從分析、設計、到產出,成為一體化的優秀交互設計師。


一套合理且有效的交互設計方案,就是在這五要素的綜合影響下產生的,它們決定了設計師要為用戶提供什么樣的界面與流程。

而在實際工作崗位中,受從事行業或企業業務的限制,這五要素中的people、means、contexts、purpose都相對固定,創造性的空間較小,交互設計師往往輸出的重點是actions,當然,這個actions方案也應該是在充分分析前4者的基礎之上形成的。

交互行為五要素,是進行交互設計的有利工具,試著用它去思考界面和流程,用它去匯報或討論你的方案圖吧,會受益匪淺的~~

歡迎和我交流你的想法,希望以上能幫到你^_^

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容