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

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

拿到領導或產(chǎn)品經(jīng)理的需求,好像明白椅贱,卻又無從下手懂算;做好了方案,去給團隊評審的時候庇麦,面對他人的疑惑或詢問计技,怎么解釋都言之無物;想學交互設計山橄,書看了很多還是云里霧里垮媒。

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

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

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

而是祠墅,“交互行為”的五個要素侮穿。

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

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

“people故俐、contexts想鹰、actions、means药版、purpose辑舷、”。

在詳細講解之前槽片,給大家先埋下一個理念前提何缓,就如同論文標題所講,這五個要素是建立在“行為邏輯”這個基礎之上的还栓,它與傳統(tǒng)產(chǎn)品設計的“設計物體”的物理邏輯想?yún)^(qū)分碌廓。傳統(tǒng)產(chǎn)品設計是基于物理屬性:如尺寸、形狀剩盒、結(jié)構谷婆、色彩、材質(zhì)等功能或物理組成辽聊;而交互設計是強調(diào):什么人在什么情況下波材,要通過什么途徑和方式完成什么事情。

打個比方身隐,比如你要設計一個茶杯廷区。

物理邏輯的產(chǎn)品設計,是先考量它有哪些功能:杯身贾铝、杯蓋隙轻、杯把手、濾網(wǎng)垢揩、可能還有個杯墊玖绿,于是你可能把它設計成以下的幾種杯子。

圖片來自于網(wǎng)絡

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

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

【星巴克的外賣杯】圖片來自于網(wǎng)絡

people 用戶

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

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

contexts 場景或環(huán)境

這個單詞在翻譯中甜癞,有著“環(huán)境夕晓、上下文、來龍去脈”的意思悠咱,由此可見蒸辆,它是指用戶在與產(chǎn)品產(chǎn)生關系時,自身所處的外在環(huán)境析既,以及用戶在行為過程中可能產(chǎn)生的內(nèi)在與外在相關的情況躬贡。

交互設計要為典型場景而服務,就充分體現(xiàn)在這個要素中了眼坏。

首先場景環(huán)境是與用戶緊密相連的拂玻,與用戶有關系的,才是我們要關注設計的宰译;另外檐蚜,環(huán)境是復雜的,要優(yōu)先為主要角色所在的典型場景來服務囤屹。所以分析與規(guī)劃場景的主次熬甚,是進行設計的前提條件逢渔,同時也是在遇到設計矛盾時肋坚,用來決策的重要依據(jù)。

比如,還是上文提到的飲品店智厌,如果它的門店開在商業(yè)步行街诲泌,而不是辦公區(qū)或居民住宅區(qū)附件,商業(yè)街流動用戶數(shù)量大铣鹏、大家關注于琳瑯滿目的貨品敷扫,不太有耐心停下來喝完一杯茶或咖啡,又恰巧飲品店要節(jié)約成本诚卸,那它就可以不設有店內(nèi)飲用空間葵第、撤銷桌椅,直接以紙杯為主銷售外帶合溺。因為這是他的主要場景和用戶群卒密,平衡成本和收益,那些少部分想要進店坐坐的場景棠赛,就可以忽略了哮奇。

means 工具亥贸、手段或媒介

這是用戶要達到某個目標所需要的渠道浪规。傳統(tǒng)意義上,常常會把means表達的工具當做某個產(chǎn)品纲酗,其實不然辩涝,它是你使用某個產(chǎn)品的載體贸伐。你要買咖啡,要通過飲品店購買怔揩;如果點外賣就要用手機或電腦打開外賣軟件棍丐;遠程旅行就要乘坐飛機或火車到達目的地〔滋ぃ“飲品店歌逢、手機或電腦、飛機或火車”它們是要實現(xiàn)目標需要使用的手段和方法翘狱,而不是產(chǎn)品服務本身秘案,這里我們要設計的產(chǎn)品服務,是找到飲品店潦匈、決定購買阱高、買完飲品喝完的系列過程;是查看行程茬缩、買票赤惊、乘車、到達目的地的經(jīng)歷凰锡;是一種行為方式未舟。

means提供給我們一種機會圈暗、條件或約束,規(guī)劃了我們以某種方式產(chǎn)生行為裕膀。

purpose 目的或目標

purpose是跟動機直接相關的因素员串,人往往有了某個訴求,才想要去達成某個結(jié)果昼扛。如果不在乎這個結(jié)果寸齐,那行為本身,或產(chǎn)品服務本身抄谐,也就無從談起了渺鹦。

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

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

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

隨機目的,是想獲得什么贺喝,但是不知道要什么菱鸥,更不能明確描述宗兼,比如,你想充實的度過這一生采缚,在成長過程中针炉,你可能帶著好奇心什么都會學一學挠他,作為一種隨機的行為活動扳抽。

體現(xiàn)在軟件應用設計上,比如你使用一款視頻app殖侵。模糊目的就是:你很想看電影贸呢,但不知看什么,就打開最新熱榜翻看拢军,點開一部楞陷,看看評論和詳情,覺得不感興趣茉唉,就再換一部固蛾,進行一個反復的行為;清晰目的就是:你就想看《毒液》度陆,搜索《毒液》艾凯,點擊觀看,看完給個評價懂傀,進行一個線性的單次行為趾诗;隨機目的就是,你在等車等人蹬蚁、或坐公交地鐵恃泪,有點無聊想隨便看點什么,打發(fā)無聊的時間犀斋,打開軟件在首頁隨意瀏覽贝乎,看看評論、或者收藏叽粹、或者直接打開一部就看起來糕非,導致碎片化的不確定行為。

actions 行為或任務

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

要達到某個目的每强,必定會有可預測的一種或幾種行為始腾。這些行為一方面可以指導設計者該如何進行交互流程設計州刽,另一方面也能啟發(fā)設計者從哪些角度可以利用行為,進而創(chuàng)新浪箭。

基于用戶固有習慣的設計能讓用戶自然愉悅穗椅,從而滿足用戶的習慣達到舒適的體驗,比如奶栖,根據(jù)“隨機瀏覽內(nèi)容”這個目的匹表,一些新聞、視頻宣鄙、資訊類的app袍镀,就把內(nèi)容列表做成瀑布流,讓用戶只需要一個滑動的動作冻晤,就一直順暢的瀏覽下去苇羡,自然而符合預期;當然鼻弧,還可以做超出預期的設計设江,不依賴用戶的行為,而是引導用戶進一步做出其他任務攘轩,比如叉存,電商網(wǎng)站,當你已經(jīng)下單完成目的撑刺,它還會根據(jù)你的歷史數(shù)據(jù)和喜好鹉胖,展現(xiàn)出你下單的相關其他產(chǎn)品,讓你忍不住再點擊看看够傍,誘導進一步消費甫菠。

by 蒹葭

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

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

綜上所述安聘,你了解交互行為五要素之間的關系痰洒,和交互設計的本質(zhì)了嗎?

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

后面文章讨彼,我會基于這五要素歉井,進一步為大家講解該如何做好需求分析和設計方案,讓你從分析哈误、設計哩至、到產(chǎn)出,成為一體化的優(yōu)秀交互設計師黑滴。


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

而在實際工作崗位中,受從事行業(yè)或企業(yè)業(yè)務的限制珠漂,這五要素中的people晚缩、means、contexts媳危、purpose都相對固定荞彼,創(chuàng)造性的空間較小,交互設計師往往輸出的重點是actions待笑,當然鸣皂,這個actions方案也應該是在充分分析前4者的基礎之上形成的。

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

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

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市集侯,隨后出現(xiàn)的幾起案子被啼,更是在濱河造成了極大的恐慌,老刑警劉巖棠枉,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件浓体,死亡現(xiàn)場離奇詭異,居然都是意外死亡辈讶,警方通過查閱死者的電腦和手機命浴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來荞估,“玉大人咳促,你說我怎么就攤上這事稚新。” “怎么了跪腹?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵褂删,是天一觀的道長。 經(jīng)常有香客問我冲茸,道長屯阀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任轴术,我火速辦了婚禮难衰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘逗栽。我一直安慰自己盖袭,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布彼宠。 她就那樣靜靜地躺著鳄虱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪凭峡。 梳的紋絲不亂的頭發(fā)上拙已,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音摧冀,去河邊找鬼倍踪。 笑死,一個胖子當著我的面吹牛索昂,可吹牛的內(nèi)容都是我干的建车。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼楼镐,長吁一口氣:“原來是場噩夢啊……” “哼癞志!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起框产,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤凄杯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后秉宿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體戒突,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年描睦,在試婚紗的時候發(fā)現(xiàn)自己被綠了膊存。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖隔崎,靈堂內(nèi)的尸體忽然破棺而出今艺,到底是詐尸還是另有隱情,我是刑警寧澤爵卒,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布虚缎,位于F島的核電站,受9級特大地震影響钓株,放射性物質(zhì)發(fā)生泄漏实牡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一轴合、第九天 我趴在偏房一處隱蔽的房頂上張望创坞。 院中可真熱鬧,春花似錦受葛、人聲如沸题涨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽携栋。三九已至搭盾,卻和暖如春咳秉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鸯隅。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工澜建, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蝌以。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓炕舵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親跟畅。 傳聞我的和親對象是個殘疾皇子咽筋,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容