被說設(shè)計沒深度?學(xué)會這28個常用的設(shè)計模型懟回去!
作為交互設(shè)計師,我們要確保產(chǎn)品的框架,任務(wù)的鏈路,界面的設(shè)計符合用戶的心智模型。那么如何才能夠盡可能的匹配用戶的心智呢?
今天我們開始講解交互設(shè)計常用模型,幫助大家建構(gòu)宏觀的思考框架,利用前人的智慧,相對系統(tǒng)的解決設(shè)計問題,大家一起來學(xué)習(xí)一下吧~
交互設(shè)計常用模型 · 有什么?
交互設(shè)計的核心設(shè)計工作是在結(jié)構(gòu)層和框架層,但戰(zhàn)略層和范圍層會影響甚至決定交互設(shè)計,所以對交互設(shè)計師而言,結(jié)構(gòu)和框架是核心,但戰(zhàn)略和范圍相關(guān)的設(shè)計模型也必須要關(guān)注。
圖 1 用戶體驗要素
表現(xiàn)層作為延伸關(guān)注維度,日常多一些關(guān)注即可。此外,作為設(shè)計師,我們在設(shè)計完成之后,灰度期間,上線之后,還需要總結(jié)復(fù)盤我們設(shè)計方案的有效性,進行二次迭代,因此體驗度量也是我們需要關(guān)注的一個維度。
綜合以上維度,我搜羅了全網(wǎng)資料,結(jié)合我個人認知和經(jīng)驗,整理出來如下設(shè)計模型一覽表:
圖 2 設(shè)計常用模型一覽表
大家可以先簡單瀏覽一下,檢驗一下自己的知識儲備,查漏補缺~
交互設(shè)計常用模型 · 是什么?
由于本文篇幅有限,我只進行簡單的介紹。
1. 用戶分析相關(guān)模型
戰(zhàn)略層核心須關(guān)注用戶需求,那么有哪些用戶需求分析的工具和方法呢?
圖 3 用戶分析相關(guān)模型
對于設(shè)計師而言,接觸比較多的包括:
5W1H 模型:幫助我們做用戶場景分析。
同理心地圖:讓我們從用戶的感知認知——看聽想說出發(fā),理解用戶的痛點,歸納產(chǎn)品的機會點。
用戶旅程圖:幫助我們了解用戶在整個產(chǎn)品使用旅程中的行為,感受、痛點和期待,進一步幫助我們?nèi)w納產(chǎn)品機會點和設(shè)計策略。
心理賬戶模型:幫助我們理解用戶對不同事物/信息的分類,順應(yīng)或改變產(chǎn)品的類別與匹配用戶的心理模型。
2. 增長分析相關(guān)模型
圖 4 增長分析相關(guān)模型
對于產(chǎn)品而言,增長是各個時期都繞不開的一個核心目標。日活,留存,轉(zhuǎn)化,復(fù)購……不同的生命周期,有不同的增長指標。作為設(shè)計師,我們有義務(wù)盡自己之所能,去輔助業(yè)務(wù)達成目標。
在增長方面最為知名的是 AARRR 海盜模型(用戶獲取、激活、留存、收入、傳播)。在此基礎(chǔ)之上又衍生出了 RARRA 模型,6R 模型,八卦增長模型等,還有根據(jù)福格行為模型衍生出來的上癮模型,這些模型可以幫助大家去梳理新用戶從拉新到留存的設(shè)計閉環(huán),也可以刺激老用戶提高活躍頻次,從而提升整體活躍。大家可以根據(jù)產(chǎn)品的發(fā)展階段和目標,選擇合適的增長模型框架展開設(shè)計。
3. 行為轉(zhuǎn)化相關(guān)模型
圖 5 行為轉(zhuǎn)化相關(guān)模型
這是我們團隊交互設(shè)計師用得最頻繁的基礎(chǔ)模型。
AIDA 模型:最早來自營銷領(lǐng)域,將消費者從接觸外界營銷信息到完成購買,劃分為注意、興趣、欲望和行動四個階段,是廣告效果測量的一個重要模型。電商類產(chǎn)品,運營活動類產(chǎn)品的鏈路設(shè)計和頁面結(jié)構(gòu)設(shè)計通常會參照這個模型。
LIFT 模型:也是一個促進行為轉(zhuǎn)化的有效模型,它以提煉出來的價值主張(用戶購買的理由)為載體,通過提升相關(guān)性,清晰度和緊迫性,減少焦慮性和注意力分散,6 個維度出發(fā)去促進用戶行為的完成。我們設(shè)計師在會員購買和直播打賞中都有用過這個模型。
福格行為模型:我將其稱為交互設(shè)計的底層模型,在本文第三節(jié)我會稍微詳細的為大家展開講解。
八角行為分析法:這個在偏游戲類、運營活動類的產(chǎn)品設(shè)計中用的比較多,大家在進行這類產(chǎn)品設(shè)計時可以參考。
4. 視覺與品牌相關(guān)模型
圖 6 視覺與品牌相關(guān)模型
視覺與品牌相關(guān)的設(shè)計模型,我們團隊用得比較多的包括:形色字構(gòu)質(zhì)動 6 維度的視覺語言體系,以及品牌屋,品牌金字塔模型、超級符號,感興趣的同學(xué)可以在網(wǎng)上查閱到更多資料。
5. 體驗度量相關(guān)模型
圖 8 體驗度量相關(guān)模型
體驗度量相關(guān)模型包括 Google 的 Heart 模型,通常與 GSM 模型結(jié)合使用,阿里根據(jù) HEART 模型完善出一套五度模型,在國內(nèi)更受推崇,也可以與 GSM 模型結(jié)合使用,這兩套模型都比較偏 C 端,偏 B 端的包括 PETCH 和 UES 模型。
交互設(shè)計常用模型 · 怎么用?
每一個設(shè)計模型都是前人智慧的結(jié)晶,至少需要一堂課以上的時間才能講透徹。所幸現(xiàn)在互聯(lián)網(wǎng)的知識是很豐富的。本文的價值是給大家普及這些設(shè)計模型的存在,讓大家能夠知道并按文索驥的自主學(xué)習(xí)。我無法將所有設(shè)計模型為大家一一講解,一方面精力有限,另一方面有很多類型的模型也并非我所擅長。
這一節(jié)我將以交互設(shè)計的底層模型——福格行為模型為例,為大家講解如何在設(shè)計中運用設(shè)計模型,其他模型需要大家根據(jù)業(yè)務(wù)所處階段和目標靈活選擇。
根據(jù)福格行為模型 B=MAP,影響行為的要素,有且只有 3 個:動機、能力和提示。
圖 9 福格行為模型
作為交互設(shè)計師,我們需要清楚的了解這三個要素是什么,以及它們之間的關(guān)系,才能在設(shè)計中正確的運用它們,所以我們逐一來看。
1. 提示
根據(jù)福格教授的建議,在運用福格行為模型時,第一個步驟是檢查有沒有(合理的)行為提示,我把它翻譯成能否吸引用戶注意。能夠引起我們注意的東西,才可以成為提示。沒有提示,就沒有注意,也就不會有任何行為發(fā)生。無論你的動機和能力有多么強烈都沒用。那么,作為交互設(shè)計師,我們有哪些吸引用戶注意的秘笈,我將其歸納為:
圖 10 吸引用戶的四大秘籍
① 運動(包括自身運動+附加運動元素)
② 人臉(尤其是帶有和用戶互動眼睛的人臉)
③ 對比(包括色彩、形狀、大小、虛實、投影、情緒等)
④ 本能(包括危險、食物、性)
圖 11 吸引用戶注意的案例示意
日常設(shè)計中我們可以先從這四個大的維度考慮可行性,然后再考慮單獨維度下的具體策略。這四個維度是可以組合運用的,這樣能夠?qū)⒁曈X注意力效果發(fā)揮到極致。
2. 能力
能力,是人們對探索、認知、改造事物的水平的度量。
圖 12 行為與動機能力之間的關(guān)系
從福格行為模型可以看出,行為位于行動線上方還是下方,同時取決于推動行為的動機和讓行為容易做到的能力。
這里有一個關(guān)鍵點:能成為習(xí)慣的行為一定會落在行動線上方。
作為設(shè)計師,當我們不確認用戶動機強弱時,最可靠的方式就是提升用戶的能力(或者說降低行動門檻,讓用戶更容易做到)。
圖 13 降低用戶負荷的方法-重復(fù)
行為越容易做到,就越容易發(fā)生,發(fā)生越多次,就越容易做到,從而形成一個正向回路,進而形成用戶習(xí)慣。
提升用戶能力,設(shè)計師常用的策略有三種:降低視覺負荷、認知負荷和操作負荷,讓用戶行為能夠更容易完成。
圖 14 降低用戶負荷的三種類型
圖 15 降低用戶負荷的案例示意
3. 動機
動機是人們完成某個特定行為(如晚上看書 30min)或某類行為(如每晚看書 30min)的欲望。
福格教授把動機來源分為 3 種:
圖 16 影響動機的 3 要素
① 你自己想要的(其實我理解這就對應(yīng)心理學(xué)家說的內(nèi)在動機);
② 你希望通過采取行動可以得到的利益或避免的懲罰(對應(yīng)外在動機)
③ 以及你的周遭環(huán)境(例如,所有朋友都在做這件事,也對應(yīng)外在動機)
動機可以來源于這三個因素中的任何一個或多個,而且多個動機往往還相互沖突,互相較量,導(dǎo)致我們精神的痛苦(比如又想減肥,又想吃甜食)。所以動機是時刻變化非常不穩(wěn)定的。
結(jié)合個人經(jīng)驗,我將提升用戶動機的因素分成了以下 3 大類:
圖 17 影響動機的 3 要素
① 本能喜好:符合人類本性的,或者跟用戶興趣愛好匹配的,這個行動本身就可以給用戶帶來愉悅感,比如吃東西、看美女、狂淘寶。這也對應(yīng)很多心理學(xué)家所說的內(nèi)在動機,內(nèi)在動機驅(qū)動的行為能為用戶帶來快樂、成就、意義,會更容易讓用戶產(chǎn)生心流狀態(tài),所以想讓用戶完成某個行為,最理想的情況就是這個行為和行為結(jié)果符合用戶的本能喜好,給用戶帶來滿足感和幸福感。
② 獎懲刺激:屬于典型的外在動機,用戶不一定享受行動本身,但是希望通過采取行動獲得獎賞或避免懲罰,比如做任務(wù)抽獎,刷題備考、鍛煉減肥等。獎賞可以是有形的(金錢、獎品、證書等),也可以是無形的(表揚、支持、認可等)。
③ 情境影響:用戶本來沒有動機或動機很弱,但是受到周圍環(huán)境的刺激后,會觸發(fā)服從跟隨效應(yīng),比如排隊、刷熱點、追劇等。(某種程度上,情境影響也是一種外在動機,它受人的社交尊重需求的驅(qū)使和牽引)
圖 18 提升動機的案例
作者:悅姐聊設(shè)計
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)