作為UX設(shè)計(jì)師，很多人在講述改版前后方案對(duì)比時(shí)，對(duì)于改版后方案，會(huì)引用業(yè)務(wù)功能層面的優(yōu)化&升級(jí)，并以此證明設(shè)計(jì)的價(jià)值，類似下圖的呈現(xiàn)方式： 

但這樣的論證對(duì)于衡量設(shè)計(jì)的價(jià)值，真的有說(shuō)服力嗎？

以往收到的面試作品集中，不乏這樣的案例。每每追問(wèn)一句，這更多是業(yè)務(wù)和功能層面帶來(lái)的變動(dòng)，設(shè)計(jì)在里面起到了哪些作用？ 得到的答案大多不盡人意，甚至有些新人會(huì)陷入深深的自我懷疑： 設(shè)計(jì)能做的，僅僅是對(duì)業(yè)務(wù)的支持嗎？都這個(gè)年代了，難道UX設(shè)計(jì)師本質(zhì)上還是美工？ 

針對(duì)上述問(wèn)題，我們?cè)撊绾握业皆O(shè)計(jì)的發(fā)力點(diǎn)，并在業(yè)務(wù)支持中體現(xiàn)個(gè)人的設(shè)計(jì)價(jià)值呢？ 我們可以嘗試通過(guò)下面幾個(gè)步驟，來(lái)找到一些解決問(wèn)題的角度。

作為設(shè)計(jì)師，對(duì)于業(yè)務(wù)背景和目標(biāo)的了解是基本要求，但在此基礎(chǔ)上如果我們有更深入的了解和挖掘，會(huì)讓我們對(duì)所負(fù)責(zé)的業(yè)務(wù)建立更深刻的認(rèn)知。 

比如，我們可以從下面舉例的一些維度來(lái)思考一下： 

所以工作中當(dāng)拿到需求后，如果我們能主動(dòng)挖掘更深層次的背景和目標(biāo)，站在更高、更多元的維度來(lái)思考，會(huì)對(duì)當(dāng)前的工作有更全面的理解，設(shè)計(jì)方向的確定也會(huì)更加精準(zhǔn)。 優(yōu)秀設(shè)計(jì)師對(duì)業(yè)務(wù)的理解，絕不只限于產(chǎn)品文檔。要站在更宏大視角下看待工作中的每一個(gè)需求，它們無(wú)論大小都充滿著意義，都能在我們心里激發(fā)出足夠的“使命感”。 

在充分了解業(yè)務(wù)背景和目標(biāo)后，可以通過(guò)業(yè)務(wù)流程圖來(lái)分析核心流程&業(yè)務(wù)邏輯，對(duì)于需求的功能框架及交互流程有更清晰、更完整的理解，可以增加對(duì)整體流程的“掌控感” 。

我們對(duì)于前期拿到的有效信息，不能只是簡(jiǎn)單對(duì)其整理和羅列，而是要通過(guò)洞察找到一些適合設(shè)計(jì)側(cè)推動(dòng)的問(wèn)題或機(jī)會(huì)，并將其轉(zhuǎn)化為設(shè)計(jì)發(fā)力點(diǎn)。 需要注意的是，重要但設(shè)計(jì)側(cè)無(wú)法發(fā)力的信息，不是我們當(dāng)下的重點(diǎn)。 

通常在業(yè)務(wù)支持中，設(shè)計(jì)側(cè)的發(fā)力點(diǎn)主要體現(xiàn)在以下三個(gè)方面：

3.1功能搭建：

主要體現(xiàn)在美觀度、易用性、實(shí)現(xiàn)成本幾個(gè)角度。 

關(guān)于美觀度和易用性，對(duì)于設(shè)計(jì)師來(lái)說(shuō)屬于基本要求，雖然基礎(chǔ)但極其重要，設(shè)計(jì)輸出品質(zhì)的高低，都取決于設(shè)計(jì)師的基本功。同樣一個(gè)需求，功底深厚的設(shè)計(jì)師總會(huì)做的更加驚艷。所以這部分始終需要我們持續(xù)精進(jìn)。 

關(guān)于實(shí)現(xiàn)成本，依賴于我們的經(jīng)驗(yàn)累積和思考總結(jié)。如方案構(gòu)思中要充分考慮產(chǎn)品功能的普適性和拓展性，在輸出時(shí)要保證規(guī)范的一致性，復(fù)雜模塊的切圖或動(dòng)效輸出也要從研發(fā)角度選擇更易實(shí)現(xiàn)的方式。這部分屬于設(shè)計(jì)師的隱性價(jià)值，不做也不會(huì)有影響，但是做得好就可以更大程度的節(jié)約成本，從而間接為公司創(chuàng)造價(jià)值，還會(huì)在產(chǎn)研團(tuán)隊(duì)中大大提升設(shè)計(jì)師的專業(yè)度和信任感，更有利于長(zhǎng)期協(xié)作。 

3.2感知強(qiáng)化：

通過(guò)設(shè)計(jì)手段來(lái)放大/突出產(chǎn)品功能，并強(qiáng)化用戶感知，這也是設(shè)計(jì)的重要價(jià)值體現(xiàn)。 可以從正向和負(fù)向兩個(gè)角度入手： 

增強(qiáng)正向牽引-通過(guò)設(shè)計(jì)手法強(qiáng)化利益點(diǎn)、關(guān)注點(diǎn)，牽引用戶完成目標(biāo)行為。

降低負(fù)向焦慮-通過(guò)突出展示關(guān)鍵信息（如安全、信任等方面），來(lái)降低用戶負(fù)向焦慮，從而促使用戶完成目標(biāo)行為。 

3.3效率提升：

可從兩方面入手提升效率

信息&流程優(yōu)化-通過(guò)發(fā)現(xiàn)關(guān)鍵流程中的問(wèn)題&卡點(diǎn)并對(duì)其進(jìn)行優(yōu)化升級(jí)，來(lái)提升用戶的使用效率。常用方法有信息精簡(jiǎn)、信息聚合、信息后置等方式，實(shí)際工作中可結(jié)合具體情況選擇適合方法。 

用戶行為優(yōu)化-通過(guò)對(duì)用戶的重要或常用行為提供快捷操作甚至行為預(yù)判，來(lái)提升用戶的使用效率。 

1.消息列表通常在導(dǎo)航欄存在“一鍵清除”快捷操作按鈕，提升用戶標(biāo)記已讀的效率；

2.短視頻平臺(tái)在刷到有趣特效視頻時(shí)，通常帶有“拍同款”快捷入口，方便用戶即時(shí)進(jìn)入創(chuàng)造并發(fā)布新內(nèi)容；

3.在端外復(fù)制好地址文案并返回寄件頁(yè)面時(shí)，會(huì)自動(dòng)彈出地址識(shí)別結(jié)果彈窗，通過(guò)系統(tǒng)對(duì)用戶行為的預(yù)判，提升信息錄入效率。

對(duì)于如何衡量業(yè)務(wù)支持中設(shè)計(jì)的價(jià)值，可以通過(guò)定量和定性的方式來(lái)衡量。具體方法相關(guān)教程有很多，再此不展開(kāi)講，只強(qiáng)調(diào)下需要注意的點(diǎn)：

定量分析： 

1.找到關(guān)聯(lián)性強(qiáng)的數(shù)據(jù) 

我們要根據(jù)需要驗(yàn)證的不同內(nèi)容，定義符合條件的關(guān)鍵行為，并確定與之對(duì)應(yīng)的關(guān)鍵的指標(biāo)，注意指標(biāo)一定要具有強(qiáng)關(guān)聯(lián)性。 如上線一個(gè)新活動(dòng)，我們可以根據(jù)活動(dòng)入口banner的CTR、最終轉(zhuǎn)化率等關(guān)聯(lián)性強(qiáng)的數(shù)據(jù)來(lái)驗(yàn)證方案有效性，而DAU、使用時(shí)長(zhǎng)等指標(biāo)則不能直接體現(xiàn)方案價(jià)值，不具備說(shuō)服力，講述方案價(jià)值時(shí)一定要選擇合適的數(shù)據(jù)指標(biāo) 

2.控制變量

在驗(yàn)證方案中設(shè)計(jì)的價(jià)值時(shí)，要保證設(shè)計(jì)因素為單一變量，盡量減少其他因素對(duì)結(jié)果的影響。典型方法是利用AB測(cè)試，在其他條件均相同的條件下，驗(yàn)證設(shè)計(jì)點(diǎn)對(duì)結(jié)果的影響，進(jìn)而可以量化設(shè)計(jì)的價(jià)值； 

如圖示意，與對(duì)照組相比，實(shí)驗(yàn)組1是正確的，這里的單一變量只有按鈕不同，其他因素均相同；而實(shí)驗(yàn)組2則不是單一變量，獎(jiǎng)勵(lì)策略、文案、按鈕樣式均不同，最終的數(shù)據(jù)無(wú)法量化到具體每個(gè)元素對(duì)應(yīng)的影響和價(jià)值。

定性分析：

也可以從用戶視角出發(fā)，來(lái)了解用戶對(duì)于方案的反饋，進(jìn)而確定是否滿足用戶訴求。同時(shí)，定性分析還可以幫助設(shè)計(jì)師了解用戶對(duì)于體驗(yàn)和情感層面的看法，這些對(duì)于設(shè)計(jì)價(jià)值的評(píng)估同樣非常重要。 

綜上，通過(guò)定量和定性分析，可以有效地驗(yàn)證設(shè)計(jì)在業(yè)務(wù)中的價(jià)值，也可以幫助設(shè)計(jì)師更精準(zhǔn)地了解用戶需求、評(píng)估設(shè)計(jì)效果，進(jìn)而為業(yè)務(wù)做出更有價(jià)值的貢獻(xiàn)。 

對(duì)業(yè)務(wù)的支持是大多數(shù)設(shè)計(jì)師日常最主要的工作，如何在這樣看似基礎(chǔ)的工作中體現(xiàn)價(jià)值，是我們需要思考的問(wèn)題。 

我試著從下面3點(diǎn)來(lái)闡述個(gè)人對(duì)于價(jià)值體現(xiàn)的理解： 

1.優(yōu)秀完成本職工作

如果我們能充分理解需求，方案產(chǎn)出與核心目標(biāo)精準(zhǔn)錨定，且專業(yè)水準(zhǔn)過(guò)硬，那么就可以說(shuō)我們優(yōu)秀的完成了對(duì)業(yè)務(wù)的支持； 

2.間接創(chuàng)造價(jià)值

如果我們?cè)陧?xiàng)目中可以依據(jù)經(jīng)驗(yàn)，合理協(xié)調(diào)資源、規(guī)劃排期、選用合適方案，進(jìn)而節(jié)約了人力/時(shí)間/經(jīng)濟(jì)成本并提高開(kāi)發(fā)效率，那么我們也為公司間接地創(chuàng)造了價(jià)值； 

3.價(jià)值定位-催化劑

我們?cè)诿鞔_業(yè)務(wù)所處階段的基礎(chǔ)上，找到設(shè)計(jì)價(jià)值定位及發(fā)力點(diǎn)。我把業(yè)務(wù)支持階段的設(shè)計(jì)定義為“催化劑”（自身不是反應(yīng)物，但能大幅提升化學(xué)反應(yīng)的速率） 

在功能搭建的同時(shí)，我們的發(fā)力點(diǎn)圍繞在強(qiáng)化感知和提高效率兩方面：強(qiáng)化感知，提高用戶的主觀意愿；提高效率，優(yōu)化產(chǎn)品的操作路徑。 圍繞這兩點(diǎn)來(lái)發(fā)力，在各個(gè)場(chǎng)景鏈路中撒下“設(shè)計(jì)催化劑”，讓關(guān)鍵數(shù)據(jù)指標(biāo)加速提升，這也是設(shè)計(jì)在這個(gè)階段的意義和價(jià)值所在。 

最后，希望大家在未來(lái)工作中能夠明確自身定位，找到發(fā)力點(diǎn)并將專業(yè)能力發(fā)揮出來(lái)，雖然當(dāng)下人工智能的發(fā)展勢(shì)頭強(qiáng)勁，但我們對(duì)于實(shí)際業(yè)務(wù)的洞察和價(jià)值貢獻(xiàn)，現(xiàn)階段的GPT還是無(wú)法替代的，這點(diǎn)你贊同嗎？

前言

作為百度APP用戶增長(zhǎng)方向的設(shè)計(jì)師，我們一直致力于為用戶打造更有趣好玩的運(yùn)營(yíng)活動(dòng)體驗(yàn)，同時(shí)助力業(yè)務(wù)達(dá)成增長(zhǎng)目標(biāo)。本文將通過(guò)百度最經(jīng)典的集卡玩法案例，結(jié)合用戶視角的體驗(yàn)設(shè)計(jì)思考和理論方法，揭示設(shè)計(jì)師如何構(gòu)思出讓人上頭的游戲化增長(zhǎng)玩法。

眾所周知，ToC產(chǎn)品的生命周期通常會(huì)經(jīng)歷四個(gè)階段：導(dǎo)入期、成長(zhǎng)期、成熟期、衰退期，運(yùn)營(yíng)方向在不同階段會(huì)采取不同的運(yùn)營(yíng)手段助推產(chǎn)品增長(zhǎng)。在導(dǎo)入期和成長(zhǎng)期，運(yùn)營(yíng)手段側(cè)重利益驅(qū)動(dòng)，通過(guò)補(bǔ)貼/紅包等短平快的推廣活動(dòng)快速獲取用戶；當(dāng)產(chǎn)品積累了大量注冊(cè)用戶，進(jìn)入漫長(zhǎng)的成熟期，持續(xù)促進(jìn)用戶活躍就成為更加重要的目標(biāo)，品牌運(yùn)營(yíng)活動(dòng)是此階段的主要運(yùn)營(yíng)手段之一，在利益驅(qū)動(dòng)的同時(shí)，加強(qiáng)游戲化的趣味體驗(yàn)，取悅用戶、制造記憶點(diǎn)，更有利于黏住用戶、建立長(zhǎng)期忠誠(chéng)。

百度移動(dòng)端產(chǎn)品在過(guò)去的幾年中經(jīng)歷了快速成長(zhǎng)期、進(jìn)入成熟期，運(yùn)營(yíng)設(shè)計(jì)團(tuán)隊(duì)在這期間設(shè)計(jì)支持了多種品牌運(yùn)營(yíng)活動(dòng)，在歷年的各種節(jié)日、體育賽事、高考等大事件中，通過(guò)豐富的游戲化玩法向用戶傳遞品牌價(jià)值，激發(fā)用戶參與熱情、體驗(yàn)百度豐富的產(chǎn)品服務(wù)。

設(shè)計(jì)師在游戲化增長(zhǎng)玩法上如何發(fā)力？

要回答這個(gè)問(wèn)題，我們一方面需要清楚上文提到的業(yè)務(wù)所處發(fā)展階段和核心目標(biāo)，另一方面我們需要了解影響用戶參與熱情的因素是什么，從而找到體驗(yàn)設(shè)計(jì)的發(fā)力點(diǎn)。通過(guò)若干次用戶研究、與真實(shí)用戶的多次對(duì)話，我們提煉出游戲化增長(zhǎng)玩法的三個(gè)體驗(yàn)要素：玩法策略、世界觀、情緒體驗(yàn)。

玩法策略

在一個(gè)游戲化的運(yùn)營(yíng)活動(dòng)中，玩法策略對(duì)用戶參與熱情的影響程度最強(qiáng)。用戶進(jìn)入活動(dòng)首先感知到的便是玩法，這個(gè)活動(dòng)是否吸引人、淺玩之后是否愿意玩下去、中后期是否能保持興趣直到活動(dòng)結(jié)束，好的玩法策略能夠作為核心驅(qū)動(dòng)線索、持續(xù)激發(fā)用戶熱情。

例如百度的集卡玩法，是春節(jié)運(yùn)營(yíng)活動(dòng)中一直延續(xù)的經(jīng)典玩法，在過(guò)去5年中，很多忠實(shí)用戶每年參與，已將百度集卡視為春節(jié)期間的傳統(tǒng)活動(dòng)。在2022年之初，設(shè)計(jì)團(tuán)隊(duì)就參與到了新集卡玩法的策劃中，提出了一個(gè)滿足業(yè)務(wù)訴求的升級(jí)方案，將過(guò)去的雙層卡玩法，改造為多層高級(jí)卡闖關(guān)玩法，并在春節(jié)活動(dòng)中賦予不同的主題，傳達(dá)新年祝福的美好寓意。

這個(gè)升級(jí)方案看上去并不復(fù)雜，其背后有一個(gè)經(jīng)典的理論依據(jù)——心流模型。這個(gè)理論模型是由著名的積極心理學(xué)家Mihaly Csikszentmihalyi提出的，心流狀態(tài)指的是：個(gè)人將精力完全投入在某件事上，并且感到興奮和充實(shí)。

結(jié)合用戶研究結(jié)論，我們參考經(jīng)典心流理論，模擬出集卡玩法的用戶心流模型。我們?cè)谡{(diào)研中發(fā)現(xiàn)，用戶在活動(dòng)初期的內(nèi)心動(dòng)力是較強(qiáng)的，急切地希望集齊卡片，但若嘗試一段時(shí)間感覺(jué)難度太大，用戶則很容易在這時(shí)放棄；而中后期需要反復(fù)合成同樣的卡片，用戶感覺(jué)索然無(wú)味。

我們通過(guò)回顧分析發(fā)現(xiàn)，原來(lái)的雙層卡翻倍玩法在界面上缺少明確的目標(biāo)提示，用戶對(duì)這一規(guī)則的感知較弱，并且重復(fù)收集同一套「運(yùn)」卡感覺(jué)沒(méi)有盡頭，導(dǎo)致動(dòng)力消退；于是我們提出了多層卡闖關(guān)玩法，將中后期翻倍玩法改造成有限的4個(gè)關(guān)卡，合成卡片依次解鎖4套精致的高級(jí)卡，分多個(gè)階段給用戶目標(biāo)感和新鮮感、注入新的動(dòng)力，在長(zhǎng)達(dá)10+天的活動(dòng)期，不斷將用戶拉回心流狀態(tài)、保持參與熱情。同時(shí)在策略方面降低了從始至終的集齊難度，讓用戶闖關(guān)更輕松、玩得更久。

世界觀

喜歡游戲的朋友對(duì)世界觀應(yīng)該并不陌生，它是游戲化運(yùn)營(yíng)活動(dòng)體驗(yàn)設(shè)計(jì)的第二要素，在第一要素玩法策略的基礎(chǔ)上，世界觀就像一件外衣，讓參與過(guò)程有了故事感、增添趣味、甚至打動(dòng)人心。

在2022年的世界杯集卡活動(dòng)中，我們構(gòu)思了一個(gè)簡(jiǎn)單的故事：集齊基礎(chǔ)卡后用戶解鎖一只球隊(duì)去參加世界杯，繼續(xù)集卡合成讓自己的球隊(duì)晉級(jí)，從16強(qiáng)到冠軍，最終根據(jù)晉級(jí)結(jié)果瓜分獎(jiǎng)金。

你可能發(fā)現(xiàn)，這個(gè)世界觀的核心玩法與上文提到的春節(jié)集卡好像是一樣的？沒(méi)錯(cuò)，我們?cè)谕粋€(gè)玩法上包裝了球隊(duì)故事，讓集卡玩法完美貼合了世界杯大事件主題，也讓球迷朋友們?cè)诎俣犬a(chǎn)品內(nèi)感受到別樣的賽事氛圍。

這樣的世界觀是如何構(gòu)想出來(lái)的呢？如果你自身想象力足夠豐富，自己天馬行空也是可行的。

而在這個(gè)項(xiàng)目中，我們聯(lián)動(dòng)了多個(gè)職能一起進(jìn)行腦暴，包括產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師、前端和后端研發(fā)同學(xué)，大家集思廣益，最終確定了這個(gè)球隊(duì)晉級(jí)的世界觀。

腦暴過(guò)程中，我們使用了問(wèn)題引導(dǎo)和5W1H方法，逐步引導(dǎo)參與者構(gòu)建世界觀。在小組討論時(shí)，基于Kano原則收斂形成最終的玩法世界觀方案。Kano原則中特別值得一提的是Aha時(shí)刻，運(yùn)營(yíng)玩法中的Aha時(shí)刻可以成為用戶參與過(guò)程中的一個(gè)關(guān)鍵外部動(dòng)力，比如「恭喜開(kāi)啟球隊(duì)」就是一個(gè)關(guān)鍵的Aha時(shí)刻，制造動(dòng)力階梯，為用戶打開(kāi)一個(gè)全新的挑戰(zhàn)階段。

關(guān)于腦暴方法還有很多種，例如白三角筆記法、六芒星、角色演繹等等。運(yùn)營(yíng)設(shè)計(jì)團(tuán)隊(duì)在多個(gè)項(xiàng)目都有應(yīng)用。

情緒體驗(yàn)

前面所講的玩法策略和世界觀，對(duì)用戶的參與意愿有非常直接的影響，階段性地為用戶熱情注入新的動(dòng)力。而在界面設(shè)計(jì)上，順暢而帶有驅(qū)動(dòng)作用的細(xì)節(jié)情緒體驗(yàn)也能起到助推作用。

在這方面，我們將前人的著名理論應(yīng)用到了設(shè)計(jì)定位和方案決策中，為用戶設(shè)計(jì)出細(xì)致入微的活動(dòng)情緒體驗(yàn)。

其中八角行為模型理論對(duì)我們的情緒體驗(yàn)設(shè)計(jì)有重要啟發(fā)，它是由游戲化和行為設(shè)計(jì)專家Yu-Kai Chou提出的，用八個(gè)維度概括了用戶的行為動(dòng)機(jī)，制造情緒感受從而激發(fā)用戶行為。

八角模型的上半部分屬于白帽驅(qū)動(dòng)力，讓用戶感覺(jué)積極正向、快樂(lè)和爽感；下半部分屬于黑帽驅(qū)動(dòng)力，用戶感覺(jué)難以控制而焦慮；左半部分是人為制造的外部驅(qū)動(dòng)力，右半部分是用戶容易被激發(fā)的內(nèi)部驅(qū)動(dòng)力。

每種玩法都天然具備一個(gè)較強(qiáng)的驅(qū)動(dòng)力。我們的集卡玩法本身就具有較強(qiáng)的「稀缺」黑帽驅(qū)動(dòng)力，因此需要在設(shè)計(jì)上制造更多白帽驅(qū)動(dòng)力，來(lái)平衡「稀缺」給用戶的負(fù)面感受，使用戶愿意持續(xù)參與。

通過(guò)這一分析，在2022世界杯集卡項(xiàng)目中，我們的體驗(yàn)設(shè)計(jì)目標(biāo)也逐漸清晰了，著重加強(qiáng)「使命」「創(chuàng)造」和「成就」感、適當(dāng)制造「未知」神秘感激發(fā)用戶的內(nèi)部動(dòng)力。

強(qiáng)化使命：前文提到的「球隊(duì)晉級(jí)」世界觀本身具備明顯的使命感，在參與流程設(shè)計(jì)上，我們特意在用戶集齊基礎(chǔ)卡的時(shí)刻增加了「開(kāi)啟新階段」彈窗，進(jìn)一步強(qiáng)化球隊(duì)的使命感。

塑造成就：在16強(qiáng)到冠軍的四個(gè)關(guān)卡上設(shè)計(jì)了晉級(jí)勛章，當(dāng)用戶集齊過(guò)關(guān)時(shí)，通過(guò)勛章轉(zhuǎn)場(chǎng)塑造成就感，最終開(kāi)獎(jiǎng)時(shí)用戶會(huì)獲得最高勛章，輔助加強(qiáng)分享炫耀的動(dòng)力。

場(chǎng)景創(chuàng)造：在高級(jí)卡階段，我們一改以往的常規(guī)卡片形態(tài)，通過(guò)球隊(duì)圖鑒的新形式，激勵(lì)用戶持續(xù)抽卡合成，填補(bǔ)缺失球員創(chuàng)造晉級(jí)場(chǎng)景，為集卡過(guò)程增添趣味性。

未知好奇：在最初交互設(shè)計(jì)階段，我們?cè)?jīng)糾結(jié)過(guò)這樣一個(gè)問(wèn)題：“對(duì)于未解鎖的關(guān)卡，是否允許用戶看到卡片”？如果用戶最終都沒(méi)有到達(dá)這一關(guān)，我們精心設(shè)計(jì)的球員卡片豈不是很可惜。最終我們與業(yè)務(wù)討論決定在這個(gè)問(wèn)題上保持未知好奇感，希望在現(xiàn)金激勵(lì)這個(gè)外部動(dòng)力之外，為用戶增加一個(gè)內(nèi)部動(dòng)力因素，更有利于用戶深度參與。

通過(guò)這些細(xì)節(jié)設(shè)計(jì)，雖然集卡玩法的「稀缺」屬性天然存在，但增加更多積極正向的情緒體驗(yàn)可以轉(zhuǎn)移用戶對(duì)負(fù)面感受的注意力，同時(shí)也讓參與過(guò)程更加豐富有趣，打造出讓人上頭的玩法體驗(yàn)。

寫在最后

本文圍繞游戲化增長(zhǎng)玩法展開(kāi)其中的設(shè)計(jì)思考，提出了玩法體驗(yàn)的三要素，深入剖析了心流模型、八角行為模型的設(shè)計(jì)應(yīng)用。

另一方面，筆者也想傳達(dá)一個(gè)理念：我們作為設(shè)計(jì)師不僅要將交互過(guò)程和視效體驗(yàn)做到極致，還要能理解業(yè)務(wù)最核心的影響要素，廣義地看設(shè)計(jì)師的個(gè)體價(jià)值，你會(huì)發(fā)現(xiàn)你能夠在項(xiàng)目中發(fā)揮更多作用，打造出更加優(yōu)秀的用戶體驗(yàn)。

最后，感謝你能讀到這里，希望本文對(duì)你有所啟發(fā)。

對(duì)話框是一種重要的交互方式，主要用于完成信息傳遞。對(duì)話框很常見(jiàn)，但并不見(jiàn)得每一個(gè)設(shè)計(jì)師都可以百分百地弄明白對(duì)話框這個(gè)概念。這篇文章是對(duì)「對(duì)話框」的一個(gè)簡(jiǎn)單梳理和總結(jié)，希望可以解決大家心中的一些疑惑。

01

了解對(duì)話框

1、對(duì)話框定義

對(duì)話框是疊加在應(yīng)用主窗口上的彈出式的窗口。對(duì)話框以對(duì)話的方式讓用戶參與進(jìn)來(lái)，在對(duì)話中它給出消息或要求輸入。

當(dāng)用戶完成消息的閱讀或者作出選擇后，可以取消或者接受該對(duì)話框，之后，這個(gè)對(duì)話框便消失了，把應(yīng)用的主窗口交還給用戶。

關(guān)于對(duì)話框的概念，以下是百度百科的解釋：

對(duì)話框越來(lái)越廣泛地被應(yīng)用于軟件、網(wǎng)頁(yè)、以及移動(dòng)設(shè)備中。它可以保留用戶當(dāng)前進(jìn)程的情況下，指引用戶完成一個(gè)特定的操作 。

2、對(duì)話框分類

按照對(duì)話框的交互方式，可將其分為「模態(tài)[1]對(duì)話框」和「非模態(tài)對(duì)話框」。我們可以把他們看作是兩個(gè)小家族，模態(tài)家族的人比較強(qiáng)硬，而非模態(tài)家族的人相對(duì)溫柔一點(diǎn)。兩個(gè)家族的主要區(qū)別：是否強(qiáng)制用戶對(duì)其進(jìn)行回應(yīng)。

模態(tài)對(duì)話框：是位于瀏覽器的主頁(yè)面核心區(qū)域，需要用戶對(duì)它做出相應(yīng)交互，模態(tài)才會(huì)消失。而對(duì)話框會(huì)因?yàn)樽陨淼奈潭?、停留時(shí)間、信息量承載多少被劃分為多種對(duì)話框類型進(jìn)行區(qū)分，常見(jiàn)的對(duì)話框分別為：普通對(duì)話框、內(nèi)嵌表單對(duì)話框、分步表單對(duì)話框、文件選擇對(duì)話框、復(fù)雜信息展示對(duì)話框。

△ 何時(shí)使用模態(tài)對(duì)話框

1）在重要的警告時(shí)使用，避免出現(xiàn)嚴(yán)重問(wèn)題、或修正已出現(xiàn)的問(wèn)題。

例如：用戶錄入信息后未保存就要關(guān)閉時(shí)，彈出模態(tài)對(duì)話框提示用戶保存。

2）在需要用戶輸入信息或進(jìn)行某操作，才能繼續(xù)當(dāng)前流程的時(shí)候使用。

例如：在使用Canva資源網(wǎng)站時(shí)，點(diǎn)擊“上傳”會(huì)彈出模態(tài)化的登錄/注冊(cè)窗口，引導(dǎo)登錄/注冊(cè)后使用。

3）用來(lái)將復(fù)雜流程拆分成簡(jiǎn)單步驟。

例如：Teambition-分步驟的模態(tài)對(duì)話框式創(chuàng)建項(xiàng)目。

4）用來(lái)獲取信息，該信息可大大減輕用戶的后續(xù)操作/精力。

例如：在轉(zhuǎn)賬場(chǎng)景中，如果先復(fù)制一個(gè)賬號(hào)，打開(kāi)手機(jī)銀行APP（以招商銀行或平安口袋銀行為例），系統(tǒng)會(huì)通過(guò)模式對(duì)話框詢問(wèn)用戶是否向這個(gè)賬號(hào)轉(zhuǎn)賬，這樣的設(shè)計(jì)做到了預(yù)判用戶行為，節(jié)省用戶后面的操作成本。

非模態(tài)對(duì)話框：與模態(tài)完全相反，它更加溫和，不會(huì)強(qiáng)制打斷用戶正在進(jìn)行的現(xiàn)有流程，對(duì)用戶的干擾比較小。通常這類對(duì)話框只會(huì)在屏幕上短暫停留，幾秒就會(huì)消失，也因此用戶容易忽略它們的存在。因此非模態(tài)對(duì)話框不適合展示重要信息、不能承載大量文案，常見(jiàn)的類型有：通知提醒、全局提示、警告提示、氣泡卡片、文字提示。

△ 何時(shí)使用非模態(tài)對(duì)話框

1）在獲取與當(dāng)前流程不必要信息的時(shí)候使用。

例如：平安口袋銀行和平安數(shù)字口袋采用氣泡卡片展示更多功能或引導(dǎo)用戶登錄。

2）不打斷重要流程中使用。

例如：在平安口袋銀行APP中購(gòu)買理財(cái)時(shí)，如果遇到疑問(wèn)的話，不會(huì)彈出框提示讓客戶咨詢投顧，而且采用氣泡框形式提示，不打斷用戶購(gòu)買。

簡(jiǎn)單來(lái)說(shuō)，兩者的優(yōu)缺點(diǎn)見(jiàn)下表：

02

對(duì)話框常見(jiàn)應(yīng)用場(chǎng)景

從前面講到的定義來(lái)看，對(duì)話框最主要的目的是：傳遞信息。那么從目標(biāo)導(dǎo)向的角度來(lái)看對(duì)話框，對(duì)話框要傳遞的信息的常見(jiàn)應(yīng)用場(chǎng)景主要有以下五種：

1、屬性對(duì)話框

屬性對(duì)話框是向用戶呈現(xiàn)或讓用戶改變所選對(duì)象的屬性或者設(shè)置。一般來(lái)說(shuō)，在屬性對(duì)話框中，用戶可以修改當(dāng)前的選擇，也可以設(shè)置應(yīng)用程序的全局屬性。該對(duì)話框適用于非頻繁操作和或僅需要設(shè)置一次的屬性，屬性對(duì)話框常見(jiàn)在一些設(shè)置、詳情中。

例如：Windows 11系統(tǒng)的設(shè)置界面，可設(shè)置系統(tǒng)的全局屬性。

2、功能對(duì)話框

功能對(duì)話框通常從菜單中打開(kāi)，是最常見(jiàn)的模態(tài)對(duì)話框，只控制單一功能，如打印、文件上傳/導(dǎo)入、插入對(duì)象或拼寫檢查。該對(duì)話框不僅允許用戶啟動(dòng)一個(gè)動(dòng)作，而且也允許用戶設(shè)置動(dòng)作的細(xì)節(jié)，屬于模態(tài)對(duì)話框。

例如：瀏覽器的打印功能，會(huì)彈出模態(tài)化的打印窗口，用戶可設(shè)置打印的細(xì)節(jié)。

例如：飛書的文檔導(dǎo)入功能，使用模態(tài)化對(duì)話框，引導(dǎo)用戶選擇文件類型或進(jìn)行批量導(dǎo)入操作。

3、進(jìn)度對(duì)話框

進(jìn)度對(duì)話框是由應(yīng)用程序啟動(dòng)的，而不是由用戶請(qǐng)求而啟動(dòng)的。它們向用戶表明當(dāng)前應(yīng)用正在忙于某些內(nèi)部功能，其他功能的處理能力可能會(huì)降低。

每個(gè)進(jìn)度對(duì)話框都應(yīng)該向用戶清晰地展現(xiàn)如下信息：

• 一個(gè)耗時(shí)的進(jìn)程正在進(jìn)行
• 現(xiàn)在一切正常
• 該進(jìn)行還有多長(zhǎng)時(shí)間才能完成
• 還有多少事情或項(xiàng)目沒(méi)有做完
• 用戶如何才能取消該操作，或重獲控制權(quán)

例如：使用Axure軟件導(dǎo)出html文件時(shí)的進(jìn)度提示，既提醒用戶當(dāng)前Axure正在運(yùn)行，又告知用戶當(dāng)前文件導(dǎo)出進(jìn)度。

例如：使用Sketch軟件導(dǎo)出文件時(shí)的進(jìn)度提示

4、通知對(duì)話框

通知對(duì)話框?qū)⒁恍┲匾畔?bào)告給用戶。來(lái)源可以是一些觸發(fā)的事件，也可以是其他用戶的通知。

常見(jiàn)的有通知中心對(duì)話框，處理完成某個(gè)操作的告知等等。

例如：花瓣的通知提醒

例如：脈脈的隱私政策閱讀提示和汽車之家的開(kāi)啟通知提示，均采用模態(tài)對(duì)話框方式。

5、公告對(duì)話框

公告對(duì)話框，和進(jìn)度對(duì)話框一樣，由應(yīng)用程序直接啟動(dòng)，不是由用戶請(qǐng)求發(fā)起的。公告對(duì)話框有三種：錯(cuò)誤、警告、確認(rèn)。

這種對(duì)話框通常不會(huì)要求用戶填寫什么，只會(huì)詢問(wèn)你“真的要進(jìn)行嗎？”或者告訴你一件事情。所以在這種對(duì)話框上，一般只會(huì)有只有[取消]和[確認(rèn)]，或者[OK]。

屬性、功能、進(jìn)度對(duì)話框，是用戶主動(dòng)請(qǐng)求的--它們?yōu)橛脩舴?wù)。但是，應(yīng)用程序發(fā)起的公告對(duì)話框--它們?yōu)閼?yīng)用程序服務(wù)，常常會(huì)犧牲用戶利益。由于公告對(duì)話框比較常見(jiàn)且常常犧牲用戶利益，那么我們?cè)趺窗堰@些討厭且無(wú)用的公告對(duì)話框直接鏟除掉，換成更加友好、能給用戶帶來(lái)真正幫助的交互方式呢？接下來(lái)我們來(lái)一起看看怎么讓公告對(duì)話框“名聲鵲起”。

03

怎么讓公告對(duì)話框“名聲鵲起”

我們可以從應(yīng)用本身和對(duì)話框本身著手提供友好的交互方式，減少公告對(duì)話框的出現(xiàn)頻率。

1、應(yīng)用方面

解決用戶錯(cuò)誤的方法不是指責(zé)用戶，讓用戶再認(rèn)真一些，或者給他們更多的指導(dǎo)練習(xí)，而應(yīng)該優(yōu)化應(yīng)用設(shè)計(jì)，讓犯錯(cuò)變得困難。

讓應(yīng)用變“聰明”，減少用戶犯錯(cuò)

• 使用有界控件。比如驗(yàn)證碼輸入框、數(shù)字鍵盤等

示例：登錄藍(lán)湖時(shí)的短信驗(yàn)證碼輸入框

示例：轉(zhuǎn)賬時(shí)輸入金額的數(shù)字鍵盤，金額大小的位數(shù)提示；平安口袋銀行的身份證號(hào)專屬鍵盤。

• 
  提高可見(jiàn)性，用戶可自主糾錯(cuò)

示例：輸錯(cuò)密碼是一個(gè)很難避免的錯(cuò)誤場(chǎng)景，語(yǔ)雀密碼登錄支持可見(jiàn)密碼，一來(lái)是考慮安全問(wèn)題，二來(lái)在用戶輸錯(cuò)的場(chǎng)景下可以打開(kāi)眼睛，即可見(jiàn)密碼，減少出現(xiàn)錯(cuò)誤頻率。

• 
  具備預(yù)判思維，在容易出錯(cuò)的地方提供更方便的功能

示例：在支付寶聊天窗輸入一串?dāng)?shù)字，支付寶發(fā)現(xiàn)這個(gè)問(wèn)題后，提供了識(shí)別后直接轉(zhuǎn)賬的功能，預(yù)判了用戶的慣性，減少錯(cuò)誤發(fā)生。

Zoom - 拉會(huì)前預(yù)設(shè)值在加入會(huì)議室的界面，提前選擇是否在進(jìn)入會(huì)議房間后“不自動(dòng)連接語(yǔ)音”和“保持?jǐn)z像頭關(guān)閉”，有效避免忘記閉麥或者忘記關(guān)攝像頭就直接加入了線上會(huì)議的意外尷尬。

讓操作可“復(fù)原”，提供撤銷功能。

在很多破壞性的操作都會(huì)二次進(jìn)行提醒，讓用戶確認(rèn)操作，比如說(shuō)刪除操作。在刪除之前都會(huì)詢問(wèn)用戶“你真的要?jiǎng)h除嗎？”想一想……你在看到這些提示的時(shí)候，是不是眼疾手快地按下那個(gè)「確認(rèn)」按鈕？

這種對(duì)話框在沒(méi)有容錯(cuò)處理時(shí)，非常容易被我們這種無(wú)腦按「確認(rèn)」的用戶釀成大錯(cuò)。比如我“手賤”只是試試這個(gè)刪除，然后就把某個(gè)表幾千條辛苦寫了一個(gè)月的數(shù)據(jù)刪掉了，由此可見(jiàn)系統(tǒng)的容錯(cuò)處理有多么重要。

示例：Windows系統(tǒng)在早期的時(shí)候，刪除文件時(shí)會(huì)讓用戶進(jìn)行二次確認(rèn)，但這是完全沒(méi)必要的，因?yàn)閯h除文件不是真正的刪除，還會(huì)在回收站里面。

Mac系統(tǒng)：在回收站刪除文件將是永久性刪除，此時(shí)的確認(rèn)對(duì)話框才是對(duì)用戶有用的。

2、對(duì)話框設(shè)計(jì)方面

從對(duì)話框本身的設(shè)計(jì)優(yōu)化出發(fā)，我們可以對(duì)話框的使用場(chǎng)景和文案方面著手進(jìn)行優(yōu)化設(shè)計(jì)。

對(duì)話框使用場(chǎng)景

其實(shí)什么時(shí)候使用對(duì)話框、是否使用取決于你要給用戶展示的信息是否重要。

例如你在手機(jī)上買了一張電影票，支付失敗的結(jié)果如果用toast展示就會(huì)容易被用戶忽視。那么等到用戶到了電影院才發(fā)現(xiàn)自己購(gòu)買失敗，那么用戶極有可能當(dāng)場(chǎng)卸載你的產(chǎn)品。

模態(tài)彈框會(huì)打斷用戶當(dāng)前操作流程，所以「使用對(duì)話框要克制」?？傇瓌t是：能在界面展示就不用彈框，能用非模態(tài)彈框的就不要用模態(tài)彈框?？傊匾男畔?yōu)先考慮使用對(duì)話框。

具體的使用原則有：

• 彈框使用盡量克制。
• 文字需要精簡(jiǎn)，使用行為召喚動(dòng)詞。
• 注意區(qū)分復(fù)雜任務(wù)和輕量任務(wù)，選擇對(duì)應(yīng)的彈框類型。
• 反饋要及時(shí)。
• 可使用引導(dǎo)幫助選擇。

清晰且友好的文案

如果非要使用對(duì)話框，那么請(qǐng)使用友好尊重用戶的方式。當(dāng)我們說(shuō)到人與人之間的交流時(shí)，語(yǔ)言是重要的媒介，而用戶與產(chǎn)品之間同樣如此。

在設(shè)計(jì)過(guò)程中應(yīng)始終努力設(shè)計(jì)出有效的提示性文案，但是, 一定是有比沒(méi)有要好嗎？個(gè)人認(rèn)為也是不必要的，糟糕的提示性文案甚至?xí)茐漠a(chǎn)品中最好的用戶體驗(yàn)。例如以下幾種情況：

• 含糊不清
• 過(guò)于啰嗦
• 無(wú)意義，產(chǎn)生誤導(dǎo)
• 無(wú)同理心

因此糟糕的提示文案設(shè)計(jì)會(huì)誤導(dǎo)用戶在產(chǎn)品中采取不必要的操作, 從而使他們感到生氣和困惑，甚至可能會(huì)破壞品牌對(duì)用戶的忠誠(chéng)度，產(chǎn)生本末倒置的結(jié)果， 也給用戶帶來(lái)不佳體驗(yàn)。

所以，語(yǔ)言是使產(chǎn)品更加人性化的主要因素。產(chǎn)品的文案則充當(dāng)了語(yǔ)言的角色，它可以使用戶參與其中，影響他們的情緒，并把這種人機(jī)的功能性關(guān)系轉(zhuǎn)化成人類的個(gè)人情感體驗(yàn)。而這種用戶的情感體驗(yàn)才能夠真正的彰顯品牌個(gè)性，從而與其他產(chǎn)品區(qū)分開(kāi)來(lái)。

△ 錯(cuò)誤提示設(shè)計(jì)三步法

• 盡可能準(zhǔn)確地描述問(wèn)題和哪里出錯(cuò)了，簡(jiǎn)明易懂。
• 提出建設(shè)性意見(jiàn)，解決問(wèn)題，保持流程前進(jìn)不中斷。如果此時(shí)問(wèn)題還不能解決，告訴用戶可以做些什么來(lái)幫助他們，以及他們可以向誰(shuí)求助。
• 不要責(zé)怪他們，禮貌的對(duì)待用戶，在報(bào)錯(cuò)中加入情感。

總結(jié)：

對(duì)話框可以成為幫助用戶完成目標(biāo)的有用助手，而不是讓他們?cè)诿恳徊讲偈卮鞌〉目膳陆O腳石。通過(guò)保持對(duì)話框的可管理性，并且只有在他們的功能真的屬于另一個(gè)房間的情況下才調(diào)用他們，你將很好地維持用戶的工作流狀態(tài)，保證他們會(huì)成功完成任務(wù)，并且滿懷感激。
作者：DESIGN阿志   來(lái)源：站酷網(wǎng)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加微信ban_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)( m.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。