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