本文對幾種常見的異常狀態(tài)進(jìn)行設(shè)計(jì)總結(jié)，其中介紹了不同異常狀態(tài)的表現(xiàn)形式以及我們應(yīng)展現(xiàn)的設(shè)計(jì)狀態(tài)與規(guī)范。

異常狀態(tài)多在特殊場景下出現(xiàn)，比如服務(wù)器異常、網(wǎng)絡(luò)異常等，因?yàn)楫惓顟B(tài)出現(xiàn)的概率是較低的，所以異常狀態(tài)也常常會(huì)被忽略，等到實(shí)際碰到的時(shí)候才會(huì)意識到原來還有這種狀態(tài)……

作為交互設(shè)計(jì)師，在完成主流程設(shè)計(jì)后，也應(yīng)該考慮到異常場景。

從全局性出發(fā)，我們可以預(yù)先考慮到產(chǎn)品將會(huì)碰到的異常狀態(tài)，針對不同的異常狀態(tài)制定相應(yīng)的設(shè)計(jì)規(guī)范，在后續(xù)的設(shè)計(jì)需求中直接復(fù)用即可。

下面對幾種常見的異常狀態(tài)進(jìn)行設(shè)計(jì)總結(jié)。

一、網(wǎng)絡(luò)異常

1. 原因

網(wǎng)絡(luò)異常的原因主要有以下兩種原因：

（1）網(wǎng)絡(luò)連接權(quán)限

針對某App的網(wǎng)絡(luò)連接權(quán)限可以通過手機(jī)進(jìn)行設(shè)置，可設(shè)置為關(guān)閉應(yīng)用使用數(shù)據(jù)，或者只允許應(yīng)用在WLAN下使用，或者允許應(yīng)用在WLAN與蜂窩網(wǎng)絡(luò)下均可使用。

所以以下均屬于網(wǎng)絡(luò)異常的情況：

• 關(guān)閉應(yīng)用使用數(shù)據(jù)，在流量或WI-FI環(huán)境下打開App
• 只允許應(yīng)用在WI-FI下使用，但在流量環(huán)境下打開App

（2）網(wǎng)絡(luò)連接狀況

在斷網(wǎng)（打開飛行模式）、弱網(wǎng)（手機(jī)信號差）的情況下， 也無法正常獲取數(shù)據(jù)。

2. 處理方式

當(dāng)網(wǎng)絡(luò)異常時(shí)，用戶點(diǎn)擊進(jìn)入新頁面或在當(dāng)前頁進(jìn)行操作時(shí)，App會(huì)通過異常狀態(tài)缺省頁或交互反饋來告知用戶當(dāng)前異常狀態(tài)和解決方案。主要分為兩種情況：

（1）當(dāng)用戶操作進(jìn)入App新的頁面時(shí)，常以缺省頁的形式提醒用戶當(dāng)前網(wǎng)絡(luò)異常。當(dāng)應(yīng)用檢測到有可用網(wǎng)絡(luò)時(shí)，缺省頁將自動(dòng)刷新頁面內(nèi)容。

比如網(wǎng)易云音樂在無網(wǎng)絡(luò)連接下，進(jìn)入新頁面時(shí)，缺省頁以簡單的文案告知無網(wǎng)絡(luò)的基礎(chǔ)原因，通過查看詳情來告知用戶解決方案以及引導(dǎo)如何解決問題。

美團(tuán)、騰訊視頻等，引導(dǎo)用戶檢查網(wǎng)絡(luò)權(quán)限設(shè)置和稍后再嘗試刷新頁面，稍后再試是因?yàn)槿蹙W(wǎng)環(huán)境是暫時(shí)的，比如在地鐵上高鐵上或者某處手機(jī)信號接收較差的地方。

（2）當(dāng)用戶點(diǎn)擊操作當(dāng)前頁面時(shí)，比如上拉加載頁面、下拉刷新頁面，點(diǎn)贊、關(guān)注等操作時(shí)，常以toast或?qū)υ捒虻男问教崾居脩簟?

比如網(wǎng)易云音樂，網(wǎng)絡(luò)異常情況下下拉刷新或上拉加載頁面均進(jìn)行對話框提示，并引導(dǎo)用戶檢查網(wǎng)絡(luò)權(quán)限設(shè)置。

美團(tuán)外賣，無網(wǎng)絡(luò)連接環(huán)境下，在我的訂單頁面進(jìn)行評價(jià)操作，會(huì)進(jìn)行toast提示。

二、流量警告

前面說完網(wǎng)絡(luò)異常的設(shè)計(jì)規(guī)范，接下來就不得不提到流量警告的場景。

對于需要消耗大量流量的應(yīng)用：

（1）在流量環(huán)境下進(jìn)行需要消耗大流量的操作，比如播放/下載音視頻等，頁面會(huì)進(jìn)行流量警告。比如網(wǎng)易云音樂在流量環(huán)境下打開MV。

（2）在WI-FI環(huán)境下切換到流量環(huán)境時(shí)通常應(yīng)用會(huì)主動(dòng)暫停進(jìn)程并進(jìn)行流量警告，并在頁面上告知用戶原因，讓用戶選擇是否繼續(xù)進(jìn)程。

比如網(wǎng)易云音樂、愛奇藝、芒果TV、BiliBili等音視頻娛樂App，在以上2種場景下，在視頻畫布上進(jìn)行告知讓用自己選擇是否繼續(xù)播放，同時(shí)也提供按鈕入口讓用戶辦理業(yè)務(wù)可免流量進(jìn)行播放。其中，芒果TV和BiliBili的繼續(xù)播放按鈕還貼心地告知了用戶將要消耗的流量值。

對以上兩種場景的處理方式進(jìn)行歸納，均為流量警告方式。

三、網(wǎng)絡(luò)異常和流量警告適用場景快速查詢

總結(jié)完網(wǎng)絡(luò)異常和流量警告的設(shè)計(jì)規(guī)范，我們知道其中影響因素包含：網(wǎng)絡(luò)連接權(quán)限、網(wǎng)絡(luò)連接狀況以及網(wǎng)絡(luò)環(huán)境的變化，下面做一個(gè)小總結(jié)，以便快速查詢。

在總結(jié)之前強(qiáng)調(diào)一下，網(wǎng)絡(luò)權(quán)限設(shè)置是針對某App，連接Wi-Fi和流量是針對手機(jī)（所有應(yīng)用）。以iOS為例，設(shè)置截圖如下：

情況一：當(dāng)前網(wǎng)絡(luò)環(huán)境不變化

情況二：當(dāng)前網(wǎng)絡(luò)環(huán)境發(fā)生變化

針對以上情況，表現(xiàn)狀態(tài)為“網(wǎng)絡(luò)異?！?，則參照網(wǎng)絡(luò)異常的設(shè)計(jì)規(guī)范；表現(xiàn)狀態(tài)為“流量警告”，則參照流量警告的設(shè)計(jì)規(guī)范。

四、服務(wù)器異常

服務(wù)器出錯(cuò)的情況是較少出現(xiàn)的，若出現(xiàn)服務(wù)器異常，其異常的時(shí)間也較為短暫。

一般不提示具體原因，處理方式為進(jìn)入新頁面的話則以缺省頁（文案或是文案+插畫）的形式進(jìn)行提示+重試按鈕，例如，進(jìn)入小米金融貸頁面時(shí)服務(wù)器出現(xiàn)異常，缺省頁提示錯(cuò)誤原因同時(shí)提供重試按鈕。

點(diǎn)擊操作的話則以toast或?qū)υ捒虻男问竭M(jìn)行提示并重試，比如下圖的段友a(bǔ)pp，服務(wù)器出錯(cuò)，刷新頁面后進(jìn)行toast提示；前段時(shí)間超級火的zao應(yīng)用，朋友圈火爆傳播，一度造成服務(wù)器訪問過載，制作視頻的時(shí)候應(yīng)用給出了對話框提示。

五、加載失敗

1. 原因

在數(shù)據(jù)加載過程中，導(dǎo)致異常的原因可能是：
1、網(wǎng)絡(luò)異常導(dǎo)致加載失敗

2、服務(wù)器請求數(shù)據(jù)失敗導(dǎo)致加載失敗

2. 處理方式

1、如果是因?yàn)榫W(wǎng)絡(luò)異常導(dǎo)致加載失敗，處理方式參照網(wǎng)絡(luò)異常的設(shè)計(jì)規(guī)范。

2、如果是服務(wù)器請求數(shù)據(jù)失敗，處理方式參照服務(wù)器異常的設(shè)計(jì)規(guī)范。

六、空狀態(tài)

1. 原因

空狀態(tài)就是指頁面當(dāng)前無內(nèi)容，主要在以下場景下會(huì)出現(xiàn)空狀態(tài)的情況：

1. 無權(quán)限，某些界面和功能會(huì)針對不同的角色設(shè)定不同的使用權(quán)限，無權(quán)限訪問的頁面會(huì)出現(xiàn)空狀態(tài)的情況
2. 搜索無結(jié)果，搜索無相應(yīng)結(jié)果會(huì)進(jìn)行空狀態(tài)提示
3. 初始內(nèi)容為空，例如無瀏覽記錄、無收藏、無購買記錄、無訂單記錄、無下載記錄等
4. 內(nèi)容被刪，若內(nèi)容允許被清空，內(nèi)容清空后會(huì)回到初始前的空狀態(tài)

2. 處理方式

當(dāng)前頁面為空一般會(huì)提示用戶當(dāng)前頁面為空狀態(tài)，同時(shí)也可能會(huì)做適當(dāng)?shù)囊龑?dǎo)。

針對空狀態(tài)的場景，主要采取以下幾種設(shè)計(jì)原則：

（1）用戶無權(quán)限

一般在B端產(chǎn)品中會(huì)碰到這種場景，通常來說，若用戶無權(quán)限訪問某功能模塊的話，處理方式一般是將該功能模塊對用戶進(jìn)行隱藏。

若有其他原因不能隱藏對應(yīng)功能模塊，處理方式為缺省頁面（文案或是文案+插畫），但文案要足夠明確，告知無權(quán)限的用戶該如何處理才能訪問，一般是聯(lián)系管理員添加權(quán)限。

（2）搜索無結(jié)果
搜索無結(jié)果的處理方式一般有兩種處理方式，一種是缺省頁面（文案或是文案+插畫），另一種是在第一種的基礎(chǔ)上加上相關(guān)推薦。具體用哪一種根據(jù)設(shè)計(jì)目標(biāo)來決定。

比如網(wǎng)易云音樂搜索音樂無結(jié)果直接用文案告知。豆瓣搜索書影單無結(jié)果以插畫+文案的形式展示結(jié)果。美團(tuán)搜索不到相應(yīng)的內(nèi)容，應(yīng)用直接推薦其他商家刺激用戶購買。

另外也有應(yīng)用會(huì)添加一些引導(dǎo)操作收集用戶數(shù)據(jù)來優(yōu)化搜索，比如微信讀書找不到相關(guān)的數(shù)據(jù)，在頁面的底部提供一個(gè)入口讓用戶填寫書籍名稱和作者，基于用戶的反饋數(shù)據(jù)，微信讀書在后續(xù)書城書目的收錄工作中，就可以優(yōu)先收錄用戶搜索率較高的書籍了，在優(yōu)化搜索的同時(shí)也提供了用戶反饋訴求的入口。

（3）初始內(nèi)容為空

需要用戶進(jìn)行操作產(chǎn)生內(nèi)容的頁面，初始狀態(tài)一般為空，和搜索無結(jié)果的處理方式類似，有2種處理方式，一種是缺省頁面（文案或是文案+插畫），另一種是在第一種的基礎(chǔ)上加上快捷入口或推薦內(nèi)容，其目的都是在于引導(dǎo)用戶進(jìn)行操作從而產(chǎn)生數(shù)據(jù)。具體用哪一種還是根據(jù)設(shè)計(jì)目標(biāo)來決定。

直接用缺省頁面告知方式上，例如網(wǎng)易云音樂，個(gè)人未發(fā)布相關(guān)動(dòng)態(tài)，該動(dòng)態(tài)頁面直接用簡短的文案告知用戶暫無相關(guān)動(dòng)態(tài)。

提供快捷入口上，比如微信讀書，用戶未加入書籍到書架時(shí)，進(jìn)入書架頁面，會(huì)有一句話文案引起用戶共鳴，另外附上找書按鈕方便用戶快捷進(jìn)入書城進(jìn)行找書。

如果通過用戶瀏覽記錄和搜索行為等能夠分析出用戶的興趣愛好，進(jìn)行精準(zhǔn)推送，那在空狀態(tài)頁面進(jìn)行推薦引導(dǎo)也不乏是一種很好的嘗試。比如網(wǎng)易云音樂、騰訊視頻和美團(tuán)均有采取該方式。

網(wǎng)易云音樂里頭我從未購買或領(lǐng)取過數(shù)字專輯，該頁面也是無數(shù)據(jù)的，網(wǎng)易云音樂在頁面底部進(jìn)行了數(shù)據(jù)專輯的推薦，具體的推薦算法不太清楚，我覺得可以是銷售量較大的專輯，或者根據(jù)我個(gè)人的搜索和瀏覽記錄進(jìn)行相關(guān)推薦，最后通過埋點(diǎn)數(shù)據(jù)分析通過推薦引導(dǎo)購買是否提高了專輯購買率。

（4）內(nèi)容被刪除

頁面內(nèi)容被刪除區(qū)分場景說明。

第一種是需要用戶操作產(chǎn)生內(nèi)容的頁面，用戶也可以通過刪除將頁面內(nèi)容清空。

對于該場景，當(dāng)頁面內(nèi)容被用戶清空后，頁面內(nèi)容為空，處理方式和初始狀態(tài)為空類似，以缺省頁（文案或是文案+插畫）的形式告知或在此基礎(chǔ)上加上快捷入口或用戶推薦。

比如清空網(wǎng)易云音樂中我的下載列表所有單曲、清空騰訊視頻我的緩存視頻，清空微信讀書的書架，清空后的狀態(tài)和初始狀態(tài)是一致的。

另一種場景是的頁面入口依然存在，但二級頁面內(nèi)容已經(jīng)被刪除了，二級空頁面的設(shè)計(jì)處理方式是以缺省頁（文案或是文案+插畫）的形式告知，文案信息告知用戶內(nèi)容已被刪除。

例如某微信訂閱號的文章發(fā)布記錄中的某篇文章已經(jīng)被刪除，點(diǎn)擊進(jìn)入二級頁面后的提示如下：

七、功能重建

功能已上線，后期進(jìn)行產(chǎn)品升級或迭代功能正在開發(fā)中，功能入口沒有進(jìn)行關(guān)閉還是允許用戶訪問，通常會(huì)在用戶進(jìn)入該頁面之后進(jìn)行對話對話框提示，告知原因。

總結(jié)

以上對幾種常見異常狀態(tài)的設(shè)計(jì)規(guī)范進(jìn)行了總結(jié)，相對正常狀態(tài)，異常狀態(tài)較為少見，容易忽略，大家可以參照以上規(guī)范進(jìn)行異常狀態(tài)設(shè)計(jì)和優(yōu)化調(diào)整。后面碰到其他異常狀態(tài)，我會(huì)繼續(xù)補(bǔ)充。

文章來源：人人都是產(chǎn)品經(jīng)理

本文從什么是場景化、場景化設(shè)計(jì)的案例、為什么要基于場景化做設(shè)計(jì)和如何進(jìn)行場景化設(shè)計(jì) 4 個(gè)方面為你完整梳理場景化設(shè)計(jì)思維的知識點(diǎn)。

什么是場景化設(shè)計(jì)

「場景」在百度百科里的定義是：戲劇、電影中的場面，泛指情景。情景又指：

• 感情與景色
• 情形、景象
• 環(huán)境：假設(shè)是在這個(gè)情景。

在戲劇或影視劇里，場景由人物，時(shí)空，事件（行為），環(huán)境（社會(huì)環(huán)境和自然環(huán)境）等要素構(gòu)成。

互聯(lián)網(wǎng)中的「場景」我把它分為兩類，一類是為了實(shí)現(xiàn)用戶目標(biāo)而產(chǎn)生的場景，這種類型的場景需要明確用戶目標(biāo)，可能并不需要涵蓋用戶是怎么實(shí)現(xiàn)目標(biāo)的。這類場景指根據(jù)用戶的精準(zhǔn)需求，為其提供精準(zhǔn)服務(wù)，用明確的差異化服務(wù)給用戶提供一個(gè)使用產(chǎn)品的動(dòng)機(jī)。比如微博和微信，微信定位是熟人社交，微博則是陌生人社交。另一類是更加精細(xì)化的場景，這類場景需要明確用戶操作流程。本文主要針對第二類場景展開。

場景化設(shè)計(jì)指基于對場景的分析，得出用戶痛點(diǎn)與需求，結(jié)合前后場景預(yù)判用戶目標(biāo)，通過設(shè)計(jì)提高用戶效率，給予用戶驚喜與感動(dòng)。

場景要素包括：4W+1H，即Who人、When時(shí)間、Where地點(diǎn)、What事件 、How環(huán)境，什么人，在什么時(shí)候，在什么地方，做了什么事情，所處的環(huán)境如何。其中 Where 又包括線上地點(diǎn)和線下地點(diǎn)，線下指現(xiàn)實(shí)中的定位，可以通過手機(jī)信號塔數(shù)據(jù)（GPS），Wifi 連接等獲取；線上指用戶所處的具體頁面。

如：用戶（who）早上上班（when）在地鐵上（where）看電子書（what），地鐵上人多嘈雜且操作不方便（how）。再比如用戶（who）中午（when）在辦公室里（where）點(diǎn)外賣（what），肚子很餓還不知道吃什么（how）。五要素就像口訣，幫助我們?nèi)婵焖俚孛枋鰣鼍啊?

有哪些場景化設(shè)計(jì)的例子

為幫助大家更好的理解場景化設(shè)計(jì)，這里基于上面提到的場景五要素舉一些例子。

人是變量：用戶不同，看到的信息不同。隨著大數(shù)據(jù)和智能推薦技術(shù)的普及，越來越多的產(chǎn)品通過挖掘不同用戶的喜好，生成用戶畫像，為每位用戶提供「千人千面」的個(gè)性化內(nèi)容。這樣的產(chǎn)品大家都很熟悉，比如抖音，淘寶，微博，今日頭條。

時(shí)間是變量：時(shí)間不同，看到的信息不同。比如小米 MIUI11 的效率革新功能「智能出行」，當(dāng)在出行類 app 上定好行程后，MIUI11 就會(huì)自動(dòng)將該行程記錄在負(fù)一屏顯示并同步日歷，同時(shí)會(huì)根據(jù)出行的時(shí)間點(diǎn)，在通知欄實(shí)時(shí)更新提示：

再比如在 Google Maps 的 app 里開啟導(dǎo)航時(shí)，如果目的地在預(yù)計(jì)到達(dá)時(shí)間還沒有開門，或者快要/已經(jīng)關(guān)門了的話，會(huì)有個(gè)彈窗提醒。

還有螞蟻森林的頁面會(huì)根據(jù)用戶打開的時(shí)間進(jìn)行變化（白天與夜晚模式）等等，這些都是充分考慮了場景中時(shí)間這一變量，才有如此暖心的設(shè)計(jì)。

地點(diǎn)是變量：同一個(gè)用戶，在不同地點(diǎn)看到的信息不同。比如，大眾點(diǎn)評APP當(dāng)用戶從常住地北京（where）定位成非常住地杭州（where）時(shí)，根據(jù)用戶的上個(gè)場景與當(dāng)前場景預(yù)測用戶可能處于旅游狀態(tài)，從而預(yù)測用戶下一步的目標(biāo)是在杭州「吃喝玩樂」，所以首頁和攻略頁的內(nèi)容都發(fā)生了變化，為用戶推薦旅行地的「吃喝玩樂」。

環(huán)境是變量：不同環(huán)境看到的信息不同，比如設(shè)備環(huán)境發(fā)生變化時(shí)：iOS13 中的備忘錄頁面，將「添加」按鈕移到了右下角。為什么？因?yàn)槭謾C(jī)屏幕越來越大，把按鈕從右上角移到右下角，更有利于用戶單手操作。

再比如：我們在駕駛環(huán)境下，要保持注意力集中，避免或減少分心駕駛導(dǎo)致的交通事故，所以基于駕駛環(huán)境，iOS11 上線了駕駛模式功能。當(dāng) iphone 與車內(nèi)的 USB 或藍(lán)牙連接，或 iphone 感知到人的移動(dòng)速度時(shí)，iphone 就會(huì)自動(dòng)進(jìn)入駕駛模式，在該模式下，任何人發(fā)短信，我們都不會(huì)收到提示，對方會(huì)收到「我正在駕駛，稍后回復(fù)您」的自動(dòng)回復(fù)。同時(shí)，iphone 會(huì)追加一條短信，提示對方只要回復(fù)「緊急」關(guān)鍵詞，我們就能立刻接收到他們的消息提示。

為什么要基于場景做設(shè)計(jì)？

通過上面的舉例想必大家已經(jīng)了解到了基于場景做設(shè)計(jì)的好處。由于與用戶的空間相隔，設(shè)計(jì)師無法感知用戶在真實(shí)場景中使用產(chǎn)品的具體情況。通過場景化設(shè)計(jì)的方法，對用戶使用場景進(jìn)行分析與預(yù)期，可以幫助設(shè)計(jì)師找到用戶與場景的內(nèi)在聯(lián)系，探索新的功能及交互方式。

怎么進(jìn)行場景化設(shè)計(jì)

可以概括為以下四步。

1. 根據(jù)用戶使用流程和行為路徑窮盡場景

根據(jù)用戶的使用流程和行為路徑列舉場景，這里以乘坐飛機(jī)（手機(jī)購票）為例，列舉乘坐飛機(jī)涉及到的關(guān)鍵場景：

• 乘客（who）在航旅縱橫頁面（where）購票（what），航班多查找起來麻煩（how）。
• 乘客（who）起大早拖著疲憊的身體（how）在去往機(jī)場的路上（where），又遇到早高峰堵車，內(nèi)心焦躁煩悶（how）。
• 起飛前（when）乘客（who）在機(jī)場（where）過安檢（what），安檢流程復(fù)雜，又檢測出不符合登機(jī)規(guī)定的物品，讓人心煩，手忙腳亂（how）。
• 起飛前（when），乘客（who）在候機(jī)口（where）候機(jī)（what），人多嘈雜，沒有座位，還背著繁重的行李，還要時(shí)刻關(guān)注航班信息（how）。
• 起飛前40分鐘（when），乘客（who）背著行李排著隊(duì)（how），將登機(jī)牌（紙質(zhì)/電子）和身份證出示給工作人員（what），工作人員（who）站在入口處（where）開始檢查每位乘客的登機(jī)牌和身份證（what）。
• 檢完票后（when），乘客（who）拿著身份證和登機(jī)牌，背著行李（how）乘坐擺渡車（what），擺渡車上嘈雜、擁擠（how）。
• 下擺渡車后（when），乘客拿出登機(jī)牌，背著行李（how）排隊(duì)檢票登機(jī)（what），工作人員（who）站在飛機(jī)前（where）開始檢查每位乘客的登機(jī)牌（what）。
• 在起飛前30分鐘（when），乘客（who）登機(jī)（what），背著行李在狹窄擁擠的通道里（how）尋找自己的座位（what）。找到座位后，將沉重的行李艱難的（how）放到上方的置物架上（what）。放好行李后，坐到自己的座位上（what），系好安全帶（what），調(diào)節(jié)座椅靠背（what），等待飛機(jī)起飛（what）。
• 飛行過程中（when），氣流導(dǎo)致飛機(jī)顛簸，乘客感到恐慌不適（how）。飛行過程中，乘客通過看電影，看書，睡覺打發(fā)時(shí)間（what）。
• 到達(dá)目的地（when），乘客（who）從高處置物架上（how）取下行李（what），拿著沉重的行李（how）排隊(duì)下飛機(jī)（what）。此時(shí)乘客對目的地的天氣等其他情況都不清楚。
• 乘客走出飛機(jī)到達(dá)航站樓后，在陌生的機(jī)場（where），跟著標(biāo)牌指示艱難的找到自己的行李（what）。拿著行李跟著指示牌（how）困難的找出口（what）。

通過對關(guān)鍵場景的詳細(xì)描述，我們將摸不著的用戶場景像過電影一樣在眼前一一呈現(xiàn)，有利于我們發(fā)現(xiàn)很多想不到或者通過調(diào)研得不到的細(xì)節(jié)，幫助我們發(fā)現(xiàn)用戶真正的痛點(diǎn)與需求，洞察設(shè)計(jì)機(jī)會(huì)點(diǎn)。

2. 根據(jù)場景挖掘機(jī)會(huì)點(diǎn)

完成了第一步的場景列舉，我們對流程中涉及的場景有了深刻的了解。下一步就是對場景的判斷與分析，挖掘機(jī)會(huì)點(diǎn)。機(jī)會(huì)點(diǎn)挖掘有兩個(gè)方向，一是通過分析當(dāng)前場景存在的痛點(diǎn)和需求挖掘機(jī)會(huì)點(diǎn)，二是通過對用戶下一步目標(biāo)的預(yù)判尋找機(jī)會(huì)點(diǎn)。

通過分析當(dāng)前場景存在的痛點(diǎn)和需求挖掘機(jī)會(huì)點(diǎn)

支付寶「朋友」界面，當(dāng)用戶輸入某數(shù)值時(shí)，輸入框上方會(huì)自動(dòng)顯示「給對方轉(zhuǎn)賬***元」按鈕，用戶可點(diǎn)擊該按鈕完成轉(zhuǎn)賬。這是因?yàn)榻?jīng)常有用戶誤以為輸入數(shù)值發(fā)送即完成了轉(zhuǎn)賬，導(dǎo)致很多尷尬的狀況出現(xiàn)。基于該場景下的痛點(diǎn)與需求，支付寶做了這個(gè)改進(jìn)，貼心又好用。

iOS 系統(tǒng)在切換 APP 操作時(shí)，會(huì)將一些金融類 APP 虛化，以此來保證用戶信息安全。這一設(shè)計(jì)細(xì)節(jié)也是充分考慮了用戶在切換 APP 時(shí)的場景，解除了用戶在公告場合擔(dān)心被窺屏而泄露個(gè)人財(cái)富信息的擔(dān)憂。

還有，當(dāng)我們用耳機(jī)聽音樂或播放視頻時(shí)，拔下耳機(jī)，聲音就會(huì)自動(dòng)停掉，這樣就算在安靜的場合聽音樂或者看視頻，耳機(jī)不小心掉下來也不會(huì)發(fā)出尷尬的聲音，這些都是充分考慮了用戶當(dāng)前使用時(shí)的場景，才做出如此貼心的設(shè)計(jì)。

通過對用戶下一步目標(biāo)的預(yù)判尋找機(jī)會(huì)點(diǎn)

第二個(gè)方法是通過對用戶當(dāng)前場景的分析，預(yù)判用戶下一步的行為與目標(biāo)，從而尋找當(dāng)前場景的機(jī)會(huì)點(diǎn)。

如何預(yù)期用戶下一步目標(biāo)？有三個(gè)方法：

• 通過成組動(dòng)作進(jìn)行預(yù)期，如復(fù)制→粘貼，編輯→保存。
• 通過用戶認(rèn)知流程預(yù)判，如，瀏覽時(shí)反向滑動(dòng)→結(jié)束瀏覽/回到頂部；再比如谷歌翻譯在發(fā)音時(shí)，第一遍是正常語速，第二遍語速變慢，第三遍又恢復(fù)到常速。是不是很貼心，很符合用戶期望？
• 通過產(chǎn)品使用流程進(jìn)行預(yù)期，如訂外賣→取外賣→評價(jià)。

在谷歌瀏覽器，當(dāng)我們打開多個(gè)瀏覽窗口時(shí)，通常需要手動(dòng)一個(gè)個(gè)地關(guān)閉標(biāo)簽頁。chrome 充分考慮到了用戶的使用場景，當(dāng)用戶關(guān)閉一個(gè)標(biāo)簽頁時(shí)，預(yù)期用戶會(huì)關(guān)閉下一個(gè)標(biāo)簽頁，所以當(dāng)關(guān)閉一個(gè)標(biāo)簽時(shí)，相鄰標(biāo)簽會(huì)自動(dòng)靠近，保證關(guān)閉的按鈕始終位于鼠標(biāo)的當(dāng)前位置，這樣用戶就不用移動(dòng)鼠標(biāo)關(guān)閉下一個(gè)標(biāo)簽頁，提高了用戶的使用效率。

3. 機(jī)會(huì)點(diǎn)轉(zhuǎn)化為落地的設(shè)計(jì)方案

在將機(jī)會(huì)點(diǎn)轉(zhuǎn)化為具體的設(shè)計(jì)時(shí)，有兩個(gè)可作為依據(jù)的設(shè)計(jì)原則，分別為，情感化。

實(shí)現(xiàn)有以下幾個(gè)方法：

行動(dòng)點(diǎn)前置

通過對用戶下一目標(biāo)的預(yù)測，將用戶目標(biāo)在當(dāng)前場景展示，縮短操作流程，達(dá)到的目標(biāo)。如淘寶首頁的 tab 欄會(huì)根據(jù)每個(gè)用戶的瀏覽記錄預(yù)測用戶目標(biāo)，千人千面?zhèn)€性化展現(xiàn)，縮短了用戶查找商品的路徑，提高商品購買效率。

行動(dòng)點(diǎn)置換

還是拿淘寶舉例，淘寶底部的第一個(gè)導(dǎo)航，當(dāng)用戶滑動(dòng)首頁下方的商品流時(shí)，該按鈕由首頁變成置頂。

行動(dòng)點(diǎn)相關(guān)提示

意思是根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)進(jìn)行相關(guān)的提示。如支付寶朋友頁面，當(dāng)上滑時(shí)，會(huì)出現(xiàn)「找人轉(zhuǎn)賬」的提示，點(diǎn)擊進(jìn)入朋友列表的純凈模式（去掉了服務(wù)通知等跟轉(zhuǎn)賬無用的列表），提高了用戶尋找的效率。

再比如，網(wǎng)易郵箱，當(dāng)郵件中提到附件，但是沒有上傳附件時(shí)，點(diǎn)擊發(fā)送后，系統(tǒng)彈出下方的提示，解決了用戶常常忘記添加附件的困擾。

突出行動(dòng)點(diǎn)

根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)突出關(guān)鍵按鈕，幫助用戶快速找到關(guān)鍵操作，吸引用戶點(diǎn)擊，降低了用戶思考成本，提升效率。運(yùn)用這個(gè)方法進(jìn)行設(shè)計(jì)的例子太多了，比如淘寶的商品詳情頁用紅色突出購買按鈕等。

直接執(zhí)行

根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)直接執(zhí)行。比如滴滴的掃一掃界面，當(dāng)檢測到光線較暗時(shí)，手電筒會(huì)自動(dòng)打開，提高了掃一掃的效率。

情感化

唐納德·諾曼在《情感化設(shè)計(jì)》中提到設(shè)計(jì)的三個(gè)層次，分別為：本能的設(shè)計(jì)，行為的設(shè)計(jì)，反思的設(shè)計(jì)。情感化設(shè)計(jì)是能打動(dòng)人的，它能傳遞感情，勾起回憶，給人驚喜，情感化設(shè)計(jì)是幫助產(chǎn)品與用戶之間建立情感的紐帶，能強(qiáng)化用戶對品牌的認(rèn)知，培養(yǎng)對品牌的忠誠度。

情感化設(shè)計(jì)的步驟依次為：提煉影響產(chǎn)品的的情感指標(biāo)→聚焦用戶對產(chǎn)品的情感訴求→產(chǎn)出設(shè)計(jì)方案→驗(yàn)證設(shè)計(jì)價(jià)值（來源于周姮—知乎螞蟻金服體驗(yàn)技術(shù)部的一次分享）。

在谷歌表格每列的開頭依次輸入「Pride」五個(gè)字母后，表格會(huì)變成彩虹樣式。

網(wǎng)易云音樂在用戶生日時(shí)會(huì)變成「生日快樂」的蛋糕樣式，點(diǎn)擊進(jìn)去的音樂列表，第一首歌是生日歌，讓人心里暖暖的。

4. 設(shè)計(jì)檢驗(yàn)

最后一步就是設(shè)計(jì)方案的驗(yàn)證，設(shè)計(jì)方案能否幫助用戶縮短操作流程？降低用戶思考成本？幫助用戶地完成任務(wù)？是否能打動(dòng)用戶給他們帶來驚喜與溫暖？通過可用性測試及上線后的數(shù)據(jù)反饋，幫助我們更好的優(yōu)化設(shè)計(jì)方案。

總結(jié)

1. 什么是場景化設(shè)計(jì)？

場景五要素：4W+1H，即Who人、When時(shí)間、Where地點(diǎn)、What事件 、How環(huán)境，什么人，在什么時(shí)候，在什么地方，做了什么事情，所處的環(huán)境如何。

2. 有哪些場景化設(shè)計(jì)的例子？

3. 為什么要進(jìn)行場景化設(shè)計(jì)？

4. 怎么進(jìn)行場景化設(shè)計(jì)？

• 根據(jù)使用流程和行為路徑窮盡場景
• 根據(jù)場景挖掘設(shè)計(jì)機(jī)會(huì)點(diǎn)
• 將機(jī)會(huì)點(diǎn)轉(zhuǎn)化為落地的設(shè)計(jì)方案
• 設(shè)計(jì)檢驗(yàn)

轉(zhuǎn)自：站酷-嗚嗚吉良斯基

前言

為什么要重視布局

目前主流布局趨勢是怎樣的

-

偏移與疊加網(wǎng)格布局

-

上圖文字與圖片交疊錯(cuò)落排版，圖片與圖片之間也是網(wǎng)格交錯(cuò)

上面移動(dòng)端設(shè)計(jì)，設(shè)計(jì)師通過留出左側(cè)空網(wǎng)格，整體內(nèi)容往右側(cè)偏移，導(dǎo)航相對內(nèi)容來說做了差異化設(shè)計(jì)，并未進(jìn)行偏移設(shè)計(jì)（看我上圖紅框部分）  。這樣做的目的是因?yàn)?，我們點(diǎn)擊漢堡菜單的時(shí)候，本來整體就要往右側(cè)移動(dòng)，如果再繼續(xù)移動(dòng)，那么內(nèi)容會(huì)顯示不下，同時(shí)視覺效果并沒有很好

半偏移網(wǎng)格布局，界面中并非所有的內(nèi)容都偏移底層網(wǎng)格，而是部分模塊這樣去做，原因是內(nèi)容多的情況下。

分屏布局

分屏布局，顧名思義就是將屏幕進(jìn)行幾種不同區(qū)域的劃分，然后內(nèi)容分布排版在里面，分屏布局解決的主要問題將屏幕大的設(shè)備進(jìn)行合理劃分空間設(shè)計(jì)，一般是在橫屏運(yùn)用比較多，比如PAD，或者WEB或者車機(jī)中控屏，下面一起看下分屏布局在實(shí)際設(shè)計(jì)中的具體表現(xiàn)

上圖界面設(shè)計(jì)采用了1/2分屏布局，將圖片與內(nèi)容文字進(jìn)行區(qū)域劃分，下圖是將主文案擺放在分割區(qū)域中間（文字較少情況下可以這樣去做）增強(qiáng)形式感。當(dāng)然分屏布局可以有多重形式，列如，2/3,1/3，3/4等等，可以根據(jù)內(nèi)容進(jìn)行選擇合適分屏

Z軸視差布局

-

地址:https://www.stereo.ca/project/clinique-dentaire-gagnon/

內(nèi)容重疊布局

地址:https://www.stereo.ca/project/clinique-dentaire-gagnon/

卡片布局

卡片布局還有一個(gè)最大好處就是，他能夠封裝內(nèi)容，使得畫面布局整潔，所有內(nèi)容都往容器里面放，信息之間保持很好的區(qū)分

全封閉卡片布局，內(nèi)容之間通過卡片封裝，中間無空隙

自由式網(wǎng)格布局

如何運(yùn)用這些布局進(jìn)行創(chuàng)新設(shè)計(jì)

-

上面利用樂高積木思維重新對布局進(jìn)行拆解組合，當(dāng)然一切的布局都是基于當(dāng)前你的主旨，你的產(chǎn)品內(nèi)容，找到合適布局，然后去研究他，并且拆解，然后重新搭建屬于自己產(chǎn)品一套布局規(guī)則

總結(jié)

-

全文向大家介紹5種布局思路，當(dāng)然其實(shí)不止這5種，但是其他布局相對來說會(huì)運(yùn)用少一些，這些布局我們可以加以學(xué)習(xí)利用，可以運(yùn)用在任何設(shè)計(jì)中去，當(dāng)然運(yùn)用的時(shí)候，一定要清晰知道自己產(chǎn)品的主旨目標(biāo)，用戶群體，合理運(yùn)用布局，做出創(chuàng)新設(shè)計(jì)！

轉(zhuǎn)自：站酷-設(shè)計(jì)TNT 

一年一度，天貓雙十一全球狂歡節(jié)，如約而至！

從2015年開始，我們每年都會(huì)在雙十一期間，將雙十一品牌設(shè)計(jì)的完整思路分享給大家，這已經(jīng)成為雙十一設(shè)計(jì)團(tuán)隊(duì)的傳統(tǒng)。不為別的，各位同仁辛苦一年，想跟大家就著新鮮出爐的設(shè)計(jì)嘮嘮嗑。

每逢雙十一logo出街，都會(huì)有熱心的朋友幫我們解讀，也有人問我們?yōu)樯恫桓銈€(gè)官方發(fā)布？各位朋友，您現(xiàn)在看到的就是官方發(fā)布的內(nèi)容，它不只有l(wèi)ogo，而是從頭到尾一個(gè)完整的故事。

△ 2019天貓雙十一主logo

△ 2019天貓雙十一主logo多語言版本

今年是雙十一的第十一年，當(dāng)我們接到這個(gè)任務(wù)的時(shí)候，就有機(jī)靈的同學(xué)提議：「我們用6個(gè)1吧，111111，61兒童節(jié)！」、「讓我們回歸購物的純真快樂！」。

「哈哈哈哈哈哈…」魔性的笑聲在整個(gè)會(huì)議室回蕩，看來往年撓破頭也解不開的難題，就這么解開了？故事當(dāng)然不會(huì)這么簡單，我們還沒有往這個(gè)方向嘗試就被否了。

• 其一，雙十一是一個(gè)深入人心的認(rèn)知，這四個(gè)一已經(jīng)成為了超級符號，是我們寶貴的品牌資產(chǎn)，而六個(gè)一不但不能幫我們強(qiáng)化認(rèn)知價(jià)值，反而會(huì)增加認(rèn)知成本。
• 其二，六個(gè)一是一個(gè)純視覺的創(chuàng)意，他很難支撐起我們要傳達(dá)的消費(fèi)者價(jià)值，也很難建立起情感連接。

我們應(yīng)該從哪兒入手？

回歸到設(shè)計(jì)的本質(zhì)來思考，我們認(rèn)為，設(shè)計(jì)的本質(zhì)是將一個(gè)想法或者觀點(diǎn)巧妙的表達(dá)給目標(biāo)對象，表達(dá)的過程中，形式只是手段，重點(diǎn)在于我們要表達(dá)什么。

我們集合了阿里各事業(yè)部的設(shè)計(jì)師代表，讓大家回歸到一個(gè)普通消費(fèi)者的狀態(tài)，一起聊一聊各自的雙十一故事，把這些故事提煉出來，就是消費(fèi)者對于雙十一普遍真實(shí)的認(rèn)知。在全年最便宜的一天，無論湊熱鬧也好，跟風(fēng)也好，貪便宜也好，好像不買點(diǎn)什么總感覺錯(cuò)過了什么。在這一天，「購物」毫無疑問成為頭等重要的事情。

△ 阿里巴巴經(jīng)濟(jì)體設(shè)計(jì)師共創(chuàng)

那么我們要對消費(fèi)者表達(dá)「購物」嗎，講我們多么便宜，貨品多么豐富，多么物美價(jià)廉？這些是消費(fèi)者早就形成的認(rèn)知，是我們不用表達(dá)大家都知道的事，它看起來并不是一個(gè)想法和觀點(diǎn)。

還是購物，但肯定不是教大家怎么購物，作為消費(fèi)者，購物能給我們帶來什么？

有人說，購物能讓我們吃飽穿暖，讓我們出行方便，讓我們安居無憂。

如果這些你都有，你為什么還要購物？

因?yàn)槊總€(gè)人都向往更好的生活！

為了更好的生活，我們需要通過物品的改善帶來心理的滿足感。當(dāng)然也有人會(huì)會(huì)說，滿足感也可以通過其他的方式獲取，比如關(guān)愛他人、親近自然、學(xué)習(xí)、修行、冥想等等，我們非常認(rèn)同，更好的生活當(dāng)然不僅僅只有購物。但我們當(dāng)下探討的范疇僅僅只是「購物」以及「購物」能帶來的滿足感，對這種滿足感的期待，是每一個(gè)消費(fèi)行為的動(dòng)因。比如你想要買一件新衣服的時(shí)候，其實(shí)你已經(jīng)在期待穿上這件新衣服的樣子，你在挑選一件禮物的時(shí)候，已經(jīng)在期待他人收到這件禮物時(shí)的反應(yīng)……

雙十一，全年最便宜的一天，無疑讓你的期待，變得「更值得」期待，所以「更值得」讓大家買得更多。

但，這些洞察還只是幫我們理清了消費(fèi)行為背后的共性規(guī)律，實(shí)際上，細(xì)分到每個(gè)消費(fèi)者，因?yàn)樯矸萁巧罘绞降牟煌瑒?dòng)因各自不同，還不能簡單的用向往更好的生活來概括，因?yàn)樗橄螅犐先?，但每個(gè)消費(fèi)者更關(guān)心的是我的需求是不是被滿足，而對于雙十一來講，我們就是要打造屬于每一人的雙十一，而不僅僅只是購物，這樣它才具有節(jié)日的文化屬性。

所以，我們開始探尋真實(shí)的消費(fèi)者故事，尋找那些通過物品讓生活變得更好的故事，這些真實(shí)的故事，給了我們很大的感觸。我們發(fā)現(xiàn)，購物行為下，其實(shí)還隱藏了每一個(gè)消費(fèi)者內(nèi)心更深層的需求，它是一個(gè)個(gè)藏在心底的愿望，正是這些不同人的愿望，成就了每一個(gè)平凡人鮮活的人生。我們想要幫助他們實(shí)現(xiàn)自己的愿望。在雙十一當(dāng)天，幫助每個(gè)消費(fèi)者「愿望11實(shí)現(xiàn)」！這才是雙十一更應(yīng)該滿足的消費(fèi)者需求，它不僅僅是購物，而是通過物品價(jià)值上升到情感價(jià)值，這樣的品牌，才真正能夠讓人感受到溫度。

在傾聽這些故事的時(shí)候，我們的阿里女神被感動(dòng)了，她主動(dòng)要求幫我們寫一首歌，她想把她的感動(dòng)通過音樂的方式記錄下來，配合我們精選出來的11個(gè)故事，講給大家聽。

△ 雙十一品牌設(shè)計(jì)概念篇mv

「logo出來了？」低沉而沙啞的聲音，把我們從自我陶醉中喚醒，我們找到了想要表達(dá)什么，但和怎么表達(dá)之間還隔著上百個(gè)logo方案。

于是，我們開始了一輪又一輪的打磨，打磨的的重點(diǎn)放在了如何表達(dá)「愿望11實(shí)現(xiàn)」這一主題，這個(gè)過程中，有兩個(gè)大方向上的分歧：

一個(gè)大方向是表現(xiàn)「愿望」，因?yàn)樗容^有畫面感，也比較容易表達(dá)。

另一個(gè)大方向是表現(xiàn)「實(shí)現(xiàn)」，因?yàn)樗菍Y(jié)果的描述，更符合消費(fèi)者對結(jié)果的預(yù)期。

在糾結(jié)掙扎過后，我們選擇了把兩個(gè)方向融合，劇情貌似又回到了熟悉的設(shè)計(jì)故事，「把這兩個(gè)方案融合一下！」我相信做設(shè)計(jì)的朋友，一定反復(fù)聽過這句話，沒聽過的朋友，那說明你做設(shè)計(jì)還不久，我保證在你今后的職業(yè)生涯里，這句話一定會(huì)反復(fù)出現(xiàn)。（一個(gè)會(huì)心的微笑）

融合說起來容易，這么抽象的文字怎么轉(zhuǎn)換成圖形表達(dá)，同時(shí)還要和貓頭+11.11融合，為什么要和貓頭+11.11融合呢，因?yàn)檫@是我們重要的品牌形象資產(chǎn)，從2015年開始，貓頭+11.11的組合就固定下來了，這意味著logo的80%的主體已經(jīng)固定，我們的難點(diǎn)就在于在這20%的區(qū)域里，如何既要表達(dá)主題，還能做出和往年不一樣的感覺。我敢向你保證，雙十一的logo是所有l(wèi)ogo里最難的，沒有之一，至少是我十幾年職業(yè)生涯里最硬的茬。

「愿望、實(shí)現(xiàn)、貓頭、11.11」這幾個(gè)詞反復(fù)在腦海里縈繞，經(jīng)驗(yàn)告訴我們，當(dāng)面對如此復(fù)雜的局面，我們應(yīng)該從里面跳出來，換個(gè)視角看問題，換什么視角？當(dāng)然還是再次回到消費(fèi)者視角，消費(fèi)者愿望實(shí)現(xiàn)時(shí)是一種什么樣的狀態(tài)？是愿望實(shí)現(xiàn)時(shí)的滿足？好像還差點(diǎn)意思，愿望平時(shí)也能實(shí)現(xiàn)，和在雙十一實(shí)現(xiàn)愿望有什么不同？

我們認(rèn)為，它應(yīng)該是超越你期待的表達(dá)，從愿望實(shí)現(xiàn)時(shí)的滿足，升級到愿望實(shí)現(xiàn)時(shí)的驚喜！這才是狂歡節(jié)該有的味道。當(dāng)然，驚喜也有很多種它還不夠有體感，如何找準(zhǔn)驚喜體感？

答案是感同身受。于是我們開始了場景模擬，模擬消費(fèi)者逛雙十一的場景。

當(dāng)我們來到雙十一的時(shí)候：「咦！今年好像真的不一樣！」

繼續(xù)探索的時(shí)候：「呀！找了好久的idou同款原來在這里！」

準(zhǔn)備下單的時(shí)候：「喔！真的很便宜！」

收到快遞的時(shí)候：「哇！?。?！」

聽上去有點(diǎn)夸張，但這確實(shí)是我們想要營造給消費(fèi)者的驚喜，當(dāng)人感到超越期待的驚喜時(shí)，會(huì)不自覺的放大瞳孔、張開嘴巴脫口而出。這是人類共通的體感，是不用解釋就有的共鳴。這讓我們瞬間被點(diǎn)亮了，「驚喜到脫口而出！」我們一下子找到了核心創(chuàng)意。

通過反復(fù)嘗試，我們發(fā)現(xiàn)氣泡形的表達(dá)，不僅能成為承載所有消費(fèi)者愿望的想法框，同時(shí)也能成為表達(dá)愿望實(shí)現(xiàn)時(shí)驚喜到脫口而出的對話框，把這個(gè)氣泡形和貓頭+11.11結(jié)合，這就是我們今年雙十一主logo的原由，這個(gè)logo和以往雙十一的logo最大的不同在于，它更像是一個(gè)容器，容納不同人不同的個(gè)性化表達(dá)。它一改之前一直端著的狀態(tài)，以一種更加親民，更加個(gè)人化的方式呈現(xiàn)給大家。

△ 2019天貓雙十一品牌logo演繹視頻

當(dāng)然，作為容器，我們還要把核心創(chuàng)意延展到線上線下各個(gè)場景。

△ 雙十一定制禮盒

△ 走向全球的雙十一

過去幾年，我們向大家介紹過天貓雙11的主風(fēng)格的來龍去脈，一定會(huì)在創(chuàng)新的基礎(chǔ)上，保持一貫的傳承。所以今年波普藝術(shù)的主基調(diào)還是會(huì)延續(xù)下去，問題又回到了我們?nèi)绾卧诓ㄆ账囆g(shù)這個(gè)大的基調(diào)下面，通過老元素的新組合，創(chuàng)造出全新的視覺感受。相比符號，視覺風(fēng)格更容易表現(xiàn)「驚喜到脫口而出！」這個(gè)idea，它可以通過形色質(zhì)構(gòu)全方位的表達(dá)。

當(dāng)一個(gè)人「驚喜到脫口而出！」的時(shí)候，快樂的氣場圍繞在他周圍，這些無形的從中心向四周放散的表現(xiàn)，看上去很像是圓形聲波，同時(shí)它還能根據(jù)不同人的狀態(tài)做動(dòng)態(tài)變化，這就形成了一種設(shè)計(jì)語言，一種能用固定的形式做出千變?nèi)f化的效果的語言。

當(dāng)我們把它和波普藝術(shù)的主基調(diào)結(jié)合的時(shí)候，就形成了今年雙十一獨(dú)特的視覺語言，再通過形色質(zhì)構(gòu)的拆解，應(yīng)用到各個(gè)場景。

△ 裝置應(yīng)用

△ 天貓雙十一發(fā)布會(huì)現(xiàn)場應(yīng)用

△ 天貓雙十一開幕盛典現(xiàn)場應(yīng)用

文章來源：優(yōu)設(shè)

作為交互設(shè)計(jì)師，你一定經(jīng)常苦惱你的界面該怎么達(dá)到「簡約而不簡單」，該通過什么樣的形式、功能、才能讓用戶獲取「更好的體驗(yàn)」。

真正的簡單并不意味著最少化，樸素的設(shè)計(jì)仍然具有自身的特征和個(gè)性。簡單的特征和個(gè)性應(yīng)該是源自你使用的方式，所要表現(xiàn)的產(chǎn)品，以及用戶執(zhí)行的任務(wù)。交互式設(shè)計(jì) 4 策略告訴你如何通過簡化設(shè)計(jì)獲得更好的用戶體驗(yàn)。

交互式設(shè)計(jì)的簡約 4 策略：刪除、組織、隱藏、轉(zhuǎn)移。

上述4策略既適用于簡化功能，也適用于簡化內(nèi)容。而且無論項(xiàng)目大小，是整個(gè)網(wǎng)站還是一個(gè)頁面，這4個(gè)策略都同樣適用。你可以根據(jù)要解決的問題從中選擇正確的策略。

刪除

刪除雜亂的特性可以讓設(shè)計(jì)師專注于把有限的重要問題解決好，而且也有助于用戶心無旁騖的完成自己的目標(biāo)。

組織

組織往往是簡化設(shè)計(jì)最快捷的方式。

隱藏

隱藏部分功能是一種低成本的簡約方案，但是，哪些功能該隱藏呢？

轉(zhuǎn)移

把合適的功能轉(zhuǎn)移到合適的設(shè)備上。

用一句話來總結(jié)交互式 4 策略：

刪除不必要的，組織要提供的，隱藏非核心的，轉(zhuǎn)移可轉(zhuǎn)移的。

運(yùn)用恰當(dāng)了一定可以使你的設(shè)計(jì)更出彩。

對于以上內(nèi)容想了解更詳細(xì)的讀者可以閱讀

前言

《以人為中心的設(shè)計(jì)指南》是我翻譯的第二本完整的設(shè)計(jì)書籍。在我開始廣泛的閱覽國外優(yōu)秀的設(shè)計(jì)團(tuán)隊(duì)、設(shè)計(jì)公司的沉淀輸出后，收獲頗豐。我意識到很多年輕的設(shè)計(jì)師尤其是傳統(tǒng)意義上的UI，苦于進(jìn)階無門，很難系統(tǒng)的去學(xué)習(xí)設(shè)計(jì)理論、設(shè)計(jì)方法以及設(shè)計(jì)流程，無法系統(tǒng)化梳理設(shè)計(jì)知識，就只能在有限的設(shè)計(jì)范圍內(nèi)修修補(bǔ)補(bǔ)，就像你在局限于視覺時(shí)沒有意識到體驗(yàn)，在忠實(shí)于體驗(yàn)時(shí)又忽略了商業(yè)，總是無法全面的考慮和輸出設(shè)計(jì)方案，這是源于沒有系統(tǒng)化的學(xué)習(xí)。

國外的人機(jī)交互、體驗(yàn)設(shè)計(jì)領(lǐng)域的確發(fā)展較早，有著大量的理論和方法的沉淀，國內(nèi)各大設(shè)計(jì)團(tuán)隊(duì)雖然也開始持續(xù)輸出一些本土化的內(nèi)容，但仍然擺脫不了系統(tǒng)化這個(gè)問題。因此我從今年開始，就有了翻譯國外設(shè)計(jì)論論體系及對應(yīng)的成熟可用的設(shè)計(jì)方法的沖動(dòng)。如果你讀了我往期的文章，你應(yīng)該了解到了設(shè)計(jì)思維的五個(gè)步驟、了解了用戶體驗(yàn)的七要素、可用性方法以及眾多可操作的實(shí)踐方法。

我翻譯的內(nèi)容既有各大設(shè)計(jì)機(jī)構(gòu)無私分享的內(nèi)容，也有我自費(fèi)購買的設(shè)計(jì)課程，我希望為大家?guī)硪恍┱嬲掷m(xù)影響設(shè)計(jì)生涯的內(nèi)容，要實(shí)現(xiàn)這一目標(biāo)，軟件技法做不到，只有思維方法、系統(tǒng)化知識可以做到。

本次翻譯的《以人為中心的設(shè)計(jì)指南》是IDEO出產(chǎn)的一本設(shè)計(jì)工具書，包括具體的設(shè)計(jì)思路，規(guī)范的設(shè)計(jì)流程，以及各種關(guān)鍵設(shè)計(jì)原則。它將結(jié)合實(shí)例，教授設(shè)計(jì)師如何解決問題，如何以人為本的解決復(fù)雜問題。

本書內(nèi)容量較大，共有四大模塊，及73個(gè)小章節(jié)，我將以連載的形式發(fā)布譯文，完整翻譯后，為大家排版一份PDF格式的電子書，分享給讀者，也分享給國內(nèi)的所有設(shè)計(jì)師，每個(gè)人都可以盡一份力讓國內(nèi)的涉及環(huán)境變得更好。

本篇文章主要翻譯介紹部分和第一模塊的7個(gè)小節(jié)（標(biāo)紅部分），闡述了IDEO團(tuán)隊(duì)在設(shè)計(jì)過程中一直堅(jiān)守的心態(tài)。下面開始正文。

介紹

以人為中心的設(shè)計(jì)師意味著什么？
擁抱以人為本的設(shè)計(jì)意味著相信所有的問題，即使是那些看似棘手的問題，比如貧困、性別平等。此外，這意味著相信每天面對這些問題的人是掌握答案的人。以人為本的設(shè)計(jì)為任何類型的問題解決者提供了與社區(qū)與用戶一起設(shè)計(jì)的機(jī)會(huì)，深入了解我們所服務(wù)的人，構(gòu)思各種想法，并根據(jù)人們的實(shí)際需求創(chuàng)造創(chuàng)新性的解決方案。
在IDEO，我們幾十年來一直使用以人為中心的設(shè)計(jì)來創(chuàng)造產(chǎn)品、服務(wù)、體驗(yàn)和社會(huì)企業(yè)，這些產(chǎn)品、服務(wù)、體驗(yàn)和企業(yè)之所以被采納和接受，是因?yàn)槲覀儼讶藗兊纳詈驮V求放在核心位置。社會(huì)各個(gè)領(lǐng)域的創(chuàng)新時(shí)機(jī)已經(jīng)成熟，我們已經(jīng)一次次證明我們的方法行之有效。作為一名以人為中心的設(shè)計(jì)師，你要相信，只要你堅(jiān)持從別人身上學(xué)到的東西，你的團(tuán)隊(duì)就能找到世界需要的新解決方案。有了這份實(shí)地指南，你現(xiàn)在就擁有了將這種信念變?yōu)楝F(xiàn)實(shí)所需的工具。

接受不同的心態(tài)
以人為中心的設(shè)計(jì)師不同于其他的問題解決者——我們修修補(bǔ)補(bǔ)，不斷測試，我們一開始就失敗了，而且經(jīng)常失敗，我們花了大量的時(shí)間但可能仍然不知道問題的答案。然而，我們勇往直前。我們是樂觀主義者和創(chuàng)造者，是實(shí)驗(yàn)者和學(xué)習(xí)者，我們感同身受，不斷重復(fù)，我們在意想不到的地方尋找靈感。我們相信解決方案就在那里。
通過專注于我們的目標(biāo)群體并提出正確的問題，我們將一起達(dá)成目標(biāo)。我們會(huì)想出很多點(diǎn)子，有些行得通，有些行不通。我們把我們的想法具體化，這樣我們就可以進(jìn)行測試。

然后我們提煉它們。最終，我們的方法等同于瘋狂的創(chuàng)造力，不斷地推動(dòng)創(chuàng)新并給予我們自信，它將我們引向我們開始時(shí)從未意識到的解決方案?，F(xiàn)在，我們要分享我們的設(shè)計(jì)哲學(xué)和心態(tài)。
讓我們與眾不同的七種心態(tài):同理心、樂觀、迭代、創(chuàng)造自信、實(shí)踐、接受不確定性，以及從失敗中學(xué)習(xí)。

理解的過程
以人為中心的設(shè)計(jì)并不是一個(gè)完美的線性過程，每個(gè)項(xiàng)目都有自己的特點(diǎn)，但無論你面臨什么樣的項(xiàng)目，你都將經(jīng)歷三個(gè)主要階段:靈感、構(gòu)思和實(shí)現(xiàn)。通過依次采取這三個(gè)階段，你將與你為之設(shè)計(jì)的用戶產(chǎn)生深刻的理解;你會(huì)弄清楚如何將你學(xué)到的東西變成設(shè)計(jì)新解決方案的機(jī)會(huì)；在最終將你的產(chǎn)品正式上線之前，你會(huì)建立并測試你的想法。在IDEO，我們使用以人為中心的設(shè)計(jì)來處理大量的設(shè)計(jì)挑戰(zhàn)，盡管我們的項(xiàng)目涵蓋社會(huì)企業(yè)到傳播活動(dòng)到醫(yī)療設(shè)備各個(gè)領(lǐng)域，但這種創(chuàng)造性解決問題的特殊方法每次都能幫助我們度過難關(guān)。

靈感
在這個(gè)階段，你將學(xué)習(xí)如何更好地理解別人。你會(huì)觀察他們的生活，聽到他們的訴求和愿望，并逐漸加深你對這個(gè)設(shè)計(jì)挑戰(zhàn)的理解。
構(gòu)思
在這里，你將理解你所了解的一切，產(chǎn)生大量的想法，確定設(shè)計(jì)的機(jī)會(huì)，并測試和改進(jìn)您的解決方案。
實(shí)現(xiàn)
現(xiàn)在是你把你的解決方案帶到現(xiàn)實(shí)中的機(jī)會(huì)。你將弄清楚如何把你的想法推向市場，以及如何最大限度地發(fā)揮它在世界上的影響力。

使用工具
雖然沒有哪兩個(gè)以人為中心的設(shè)計(jì)項(xiàng)目是完全相同的，但是我們使用相同的設(shè)計(jì)流程和工具為每個(gè)項(xiàng)目進(jìn)行設(shè)計(jì)。

例如，為了與我們要服務(wù)的人建立深厚的同理心，我們總是對他們進(jìn)行訪談。

為了保持創(chuàng)造力和活力，我們總是在進(jìn)行團(tuán)隊(duì)協(xié)作。

為了使我們的思維更有創(chuàng)造力、更加敏銳，我們總是把我們的想法做成有形的原型，因?yàn)樗鼛椭覀兘鉀Q問題。

因?yàn)槲覀兒苌僭诘谝淮尉统晒?，所以我們總是分享我們的產(chǎn)出，并根據(jù)我們得到的反饋進(jìn)行迭代。

這本指南中的57種方法提供了一套全面的練習(xí)和活動(dòng)，可以幫助你從制定設(shè)計(jì)挑戰(zhàn)到將其推向市場。有些方法你會(huì)用兩到三次，有些則不會(huì)。但是作為一個(gè)整體，他們會(huì)讓你走上持續(xù)創(chuàng)新的道路，同時(shí)讓你所設(shè)計(jì)的社區(qū)或用戶成為你工作的中心。 

相信這個(gè)過程，即使它讓你感到不舒服
以人為中心的設(shè)計(jì)是一種獨(dú)特的解決問題的方法，這種方法有時(shí)會(huì)讓人覺得很瘋狂而不像一個(gè)方法——但如果你總是使用傳統(tǒng)的解決方案，你就很少能找到創(chuàng)新的解決方案。這個(gè)過程的目的是讓你直接從用戶那里學(xué)習(xí)，敞開心扉，接受各種各樣的創(chuàng)造可能性，然后專注于最理想、最可行的方案。你會(huì)發(fā)現(xiàn)自己在這個(gè)過程中頻繁地推翻假設(shè)，當(dāng)你完成它的三個(gè)階段時(shí)，你會(huì)從具體的觀察到高度抽象的思考快速變換，然后再回到原型的具體細(xì)節(jié)。我們稱之為發(fā)散和收斂（菱形設(shè)計(jì)法則）。 

在構(gòu)思階段，通過更廣泛的思考（大范圍，多領(lǐng)域），我們想出了各種可能的解決方案。

但因?yàn)槲覀兊哪繕?biāo)是最具可行性的方案，所以我們必須確定，在這一系列的想法中，哪一個(gè)最有可能真正發(fā)揮作用。你會(huì)發(fā)散和收斂幾次，每一次新的周期，你會(huì)越來越接近一個(gè)投放市場級別的解決方案。

創(chuàng)建真正可用的方案
以人為中心的設(shè)計(jì)是一種獨(dú)特的定位，最終目的是達(dá)成解決方案的可取性（用戶角度），技術(shù)可行性，商業(yè)可行性。
首先從用戶開始，了解他們的希望、恐懼和訴求，我們很快就能發(fā)現(xiàn)什么是用戶亟需的。一旦我們確定了一系列能夠吸引用戶的解決方案，我們就開始著手于在技術(shù)上可行的方案以及如何使解決方案在經(jīng)濟(jì)上的可行性。這是一個(gè)平衡的過程，但這對于設(shè)計(jì)成功且可持續(xù)的解決方案至關(guān)重要。

一：心態(tài)

1.創(chuàng)造性的信心

任何人都可以像設(shè)計(jì)師一樣理解世界。作為一個(gè)問題解決者，解鎖這種潛力所需要的只是創(chuàng)造性的信心。創(chuàng)造性的自信是指每個(gè)人都具有創(chuàng)造力的信念，而創(chuàng)造力不是繪畫或構(gòu)圖或雕刻的能力，而是一種理解世界的方式。
創(chuàng)造性信心是以人為本的設(shè)計(jì)師在實(shí)現(xiàn)思維的飛躍，信任他們的直覺以及追求他們尚未完全弄清楚的解決方案時(shí)所依賴的品質(zhì)。我們相信，您可以并且將會(huì)為問題提出創(chuàng)造性的解決方案，并且相信所有這一切都需要著手去實(shí)踐且深入嘗試。
它是一種自信，相信你所需要做的只是卷起袖子投入進(jìn)去。創(chuàng)造性的自信會(huì)驅(qū)使你去做事情，去測試它們，去不斷犯錯(cuò)，然后繼續(xù)前進(jìn)，確信你會(huì)到達(dá)你需要去的地方，并且你一定會(huì)一路持續(xù)創(chuàng)新。
建立創(chuàng)造性的自信需要時(shí)間，實(shí)現(xiàn)這一目標(biāo)的部分原因是相信以人為中心的設(shè)計(jì)過程將向您展示如何以創(chuàng)造性的方式解決手頭的任何問題。從微小的成功開始，然后建立一個(gè)更大的目標(biāo)，你會(huì)看到你的創(chuàng)造性信心的增長，不久你就會(huì)發(fā)現(xiàn)自己變成了一個(gè)非常有創(chuàng)造力的人。

2.著手去做

作為以人為本的設(shè)計(jì)師，我們之所以這樣做，是因?yàn)槲覀兿嘈庞行危▽?shí)物、可視化）的力量。我們知道，把一個(gè)想法變成現(xiàn)實(shí)，可以揭示出許多僅僅靠理論所不能揭示的東西。當(dāng)目標(biāo)是將有效的解決方案投入使用時(shí)，您不能生活在抽象和理論中。你必須讓它們成為現(xiàn)實(shí)。 以人為中心的設(shè)計(jì)師是實(shí)干家、修補(bǔ)匠、工匠和建設(shè)者。我們使用任何我們可以使用的東西，從紙板和剪刀到復(fù)雜的數(shù)字工具。我們建立我們的想法，這樣我們就可以測試它們，在真正去做一些東西后，我們會(huì)發(fā)現(xiàn)以前從來沒有想到的機(jī)會(huì)和復(fù)雜性。制作也是一種奇妙的思考方式，它有助于我們關(guān)注設(shè)計(jì)的可行性。此外，把想法變成現(xiàn)實(shí)是一種非常有效的分享方式。如果沒有來自人們的反饋，我們將不知道如何進(jìn)一步完善我們的想法。

3.從失敗中學(xué)習(xí)

失敗是一個(gè)非常強(qiáng)大的工具，設(shè)計(jì)實(shí)驗(yàn)原型、交互和測試他們是以人為本設(shè)計(jì)的核心。要知道并非所有這些能發(fā)揮作用，當(dāng)我們想要解決一個(gè)大問題時(shí)，我們一定會(huì)失敗，但如果我們保持良好的心態(tài)，我們就會(huì)從中受益。

以人為中心的設(shè)計(jì)是從一個(gè)不知道如何解決設(shè)計(jì)挑戰(zhàn)的地方開始的。只有通過傾聽、思考、構(gòu)建和提煉我們的答案，我們才能得到對我們的用戶有用的東西?！霸缡?，早成功”是IDEO的一個(gè)常見口號，它的力量之一就是允許出錯(cuò)。由于拒絕冒險(xiǎn)，一些設(shè)計(jì)師實(shí)際上與真正的創(chuàng)新機(jī)會(huì)失之交臂。
托馬斯·愛迪生說得好:“我沒有失敗。我剛剛發(fā)現(xiàn)了10000種行不通的方法。對于以人為中心的設(shè)計(jì)師來說，找出行不通的東西是找到有用的東西的一部分。
失敗是以人為中心的設(shè)計(jì)中固有的一部分，因?yàn)槲覀兒苌僭诘谝淮螄L試時(shí)就能取得成功。事實(shí)上，第一次嘗試就做好并不是重點(diǎn)。關(guān)鍵是把一些東西創(chuàng)造出來，然后用它來不斷學(xué)習(xí)，不斷提問，不斷測試。如果以人為本的設(shè)計(jì)人員最終取得成功，那是因?yàn)樗麄冊?jīng)失敗了無數(shù)次。

4.同理心

同理心是指站在別人的立場上，理解他們的生活，并從他們的角度解決問題的能力。 
以人為本的設(shè)計(jì)是以同理心為前提的，你為之設(shè)計(jì)的用戶是你通往創(chuàng)新解決方案的路標(biāo)。你所要做的就是感同身受，理解他們，并在設(shè)計(jì)過程中把他們時(shí)刻掛在心里。

比如長期以來，國際發(fā)展界一直在設(shè)計(jì)解決貧困問題的方案，卻沒有真正同情和理解它所要服務(wù)的人民。但是，通過設(shè)身處地為我們的設(shè)計(jì)對象著想，以人為中心的設(shè)計(jì)師可以開始通過一個(gè)新的、強(qiáng)大的視角來看待這個(gè)世界，以及所有改善它的機(jī)會(huì)。
讓自己沉浸在另一個(gè)世界中，不僅會(huì)為你打開新的創(chuàng)造可能性，而且它能讓你拋開先入為主的理念和過時(shí)的思維方式。與你為之設(shè)計(jì)的用戶產(chǎn)生共鳴是真正理解他們生活的背景和復(fù)雜性的最佳途徑。但最重要的是，它將使你的設(shè)計(jì)過程完全圍繞用戶，從而產(chǎn)出對他們來講真正有用的東西。

5.接受不確定性

以人為中心的設(shè)計(jì)師總是從不確定的問題開始。在一些注重于快速找到方案的公司文化中，這或許不是一個(gè)好的開始。但是從第一步開始，接受不確定性的設(shè)計(jì)人員會(huì)勇敢的走出去，追求很多不同的想法，甚至找到意想不到的解決辦法。通過接受這種模糊性，并相信以人為中心的設(shè)計(jì)過程將引導(dǎo)我們走向一個(gè)創(chuàng)新的答案，我們實(shí)際上迸發(fā)出更強(qiáng)的創(chuàng)新能力。 

將以人為中心的設(shè)計(jì)師與其他設(shè)計(jì)師區(qū)別開來的一個(gè)特點(diǎn)是，我們相信總會(huì)有更多的創(chuàng)意。我們不再執(zhí)著于自己的傳統(tǒng)想法，因?yàn)槲覀冎牢覀儠?huì)擁有更多新的想法。因?yàn)橐匀藶橹行牡脑O(shè)計(jì)是一個(gè)如此富有創(chuàng)造力的過程，而且因?yàn)槲覀兂珜?dǎo)團(tuán)隊(duì)合作構(gòu)思，所以很容易拋棄不好的想法，保留一些一般的想法，并最終得到最好的想法。
雖然這似乎違反直覺，但這種不確定性實(shí)際上促使以人為中心的設(shè)計(jì)師進(jìn)行創(chuàng)新。
如果我們一開始就知道答案，我們能學(xué)到什么呢?我們怎樣才能想出創(chuàng)造性的解決方案呢?我們?yōu)橹O(shè)計(jì)的人會(huì)在哪里指引我們?擁抱不確定性實(shí)際上解放了我們的創(chuàng)造力，鼓勵(lì)我們?nèi)プ非笠粋€(gè)最初無法想象的答案，這讓我們走上了持續(xù)性創(chuàng)新的道路

6.樂觀

我們相信設(shè)計(jì)本身就是樂觀的。 

為了迎接一個(gè)艱難的挑戰(zhàn)，特別是像貧困這樣巨大而棘手的挑戰(zhàn)，我們必須相信，創(chuàng)新是唯一的方法。如果我們不這樣做，我們甚至不會(huì)去嘗試。樂觀是對可能性的擁抱，即使我們不知道答案，但我們相信總會(huì)有一個(gè)方案等待我們?nèi)ネ诰颉?br /> 除了推動(dòng)我們走向解決方案，樂觀還使我們更有創(chuàng)造力，鼓勵(lì)我們在遇到死胡同時(shí)繼續(xù)前進(jìn)，并幫助項(xiàng)目中的所有參與人員凝聚在一起。從解決問題的角度來處理問題，會(huì)給整個(gè)過程注入解決最棘手問題所需的能量和動(dòng)力。
以人為中心的設(shè)計(jì)師總是專注于可能發(fā)生的事情，而不是可能遇到的無數(shù)障礙。這是我們的核心信念——每一個(gè)問題都是可以解決的——這就是以人為中心的設(shè)計(jì)師的樂觀。

7.迭代

作為以人為中心的設(shè)計(jì)師，我們采用迭代的方法來解決問題，從我們的用戶那里得到反饋是促使解決方案誕生的關(guān)鍵部分。通過不斷地迭代、持續(xù)改進(jìn)我們的工作，我們會(huì)有更多的想法，嘗試各種各樣的方法，不斷釋放我們的創(chuàng)造力，更快地找到成功的解決方案。

迭代使我們保持敏捷、反應(yīng)靈敏，并訓(xùn)練我們一直專注于核心的想法，經(jīng)過幾次迭代后，每個(gè)細(xì)節(jié)都恰到好處。如果你每次建立一個(gè)原型或分享一個(gè)想法時(shí)都追求完美，那么你就會(huì)花很長時(shí)間去完善一些不一定有效的東西。但是，通過構(gòu)建、測試和迭代，您可以不花費(fèi)過多的時(shí)間和資源來推進(jìn)您的想法，直到您確定它是正確的。

在項(xiàng)目早期，我們不斷進(jìn)行迭代，因?yàn)槲覀冎赖谝淮尾粫?huì)得到正確的結(jié)果。迭代讓我們有機(jī)會(huì)去探索，去犯錯(cuò)，去驗(yàn)證我們的直覺，最終會(huì)得到一個(gè)將被采納的解決方案。我們進(jìn)行迭代，因?yàn)樗屛覀儾粩鄬W(xué)習(xí)。我們不是躲在工作室里，打賭某個(gè)想法、產(chǎn)品或服務(wù)會(huì)大受歡迎，而是迅速地走出去，讓我們的用戶成為我們的向?qū)А?/span>

第一部分就到這里了，重新回顧下，在本篇文章中，你應(yīng)該了解到IDEO在設(shè)計(jì)過程中一直堅(jiān)守的7個(gè)心態(tài)。

他們分別是創(chuàng)造性的信心、著手去做、從失敗中學(xué)習(xí)、同理心、接受不確定性、樂觀、持續(xù)迭代。

IP 形象一直維持著相當(dāng)高的討論熱度，無論是國外的 Superfiction、linefriends；還是到國內(nèi)的 qq family、Molly 等等。那些始終讓你我耳目一新的品牌 IP，其實(shí)都具有自己獨(dú)特的故事。每一個(gè)故事都在日常生活中有跡可循，恰恰是這種緊貼生活的故事切入點(diǎn)，能容易引起用戶共鳴。具備性格色彩的角色，交織構(gòu)建著屬于自己的故事，以及故事中貫穿始終的精神信念，共同組成了一個(gè)完整飽滿的 IP 形象。它可以為品牌帶來更具象的感染力，在豐富 IP 的自身形象同時(shí)，也為用戶的品牌感知提供了更多載體，進(jìn)一步促使用戶對品牌產(chǎn)生價(jià)值認(rèn)同。

在 IP 多元化和傳播渠道多面化的時(shí)代里，如何塑造出帶有「溫度」的角色形象？如何構(gòu)思角色間的創(chuàng)意故事？創(chuàng)意，是否真的是我們刻板印象中的「天馬行空」？

本期 SOAP Vol.02，我們將以「品牌IP設(shè)計(jì)創(chuàng)意」為主題，邀請到京東物流「快遞小鴿」的 IP 創(chuàng)意主理人方宇寧MIMI，和大家分享「小鴿」的創(chuàng)意思路及為大廠創(chuàng)作 IP 的心路歷程。通過多元的創(chuàng)意視角，深入介紹 IP 創(chuàng)作的要旨和秘方，刷新你對「創(chuàng)意」的認(rèn)識，帶你一同掌握創(chuàng)作 IP 的思路，吸收和萌生創(chuàng)意的創(chuàng)作方法。

完整采訪視頻鏈接：https://www.bilibili.com/video/av70731200?zw

以下，是 SOAP 與她的對話。

SOAP：

為什么京東物流的 IP 形象是四只鴿子呢？

MIMI：

大家可能接觸到的快遞員都是路上送貨的小哥，但像我們內(nèi)部的員工在 618，雙十一這樣的節(jié)日，我們也會(huì)去一線支援，會(huì)發(fā)現(xiàn)在整個(gè)車間里面，不管是快遞員也好，分揀也好，站長等其實(shí)都很忙碌，都在為這份包裹去付出努力，所以我希望在這些維度，去設(shè)計(jì)一些能代表他們的東西，也正是他們這么一個(gè)完整的體系，才能代表整個(gè)京東物流所謂的 IP。（心里默默os：其實(shí)就是畫了很多個(gè)不知道怎么挑啦～）

SOAP：

和我們介紹下它們吧。

MIMI：

快遞小鴿，我選了一個(gè)灰色的賽鴿的形象，是我們?nèi)粘Ｗ畛Ｒ姷囊环N鴿子，也是數(shù)量比較多的一個(gè)鴿種。其實(shí)這一點(diǎn)很匹配我們快遞員群體的一個(gè)情況。我們的快遞員是一群對生活充滿希望、充滿干勁的年輕人，所以小鴿這個(gè)設(shè)定也是一個(gè)很年輕、很正能量、積極陽光的角色。

分揀大哥，顧名思義是一個(gè)體力活的工種，所以他是一個(gè)比較健碩的形象，這種體力型的人格，性格上也會(huì)更加分明。

站長大哥是一個(gè)管理者的角色，所以也會(huì)比較聰明。在我狹隘的認(rèn)知里面，我覺得高瘦的人都會(huì)給人一種聰明的感受，所以我設(shè)計(jì)了這么一個(gè)形象。

司機(jī)大哥的形象就比較有梗了，由于長期駕駛的緣故導(dǎo)致半邊臉曬黑這么一個(gè)形象。

SOAP：

你是怎么塑造它們的性格的？

MIMI：

對于它們整個(gè)人物性格的張力，我希望他們是夸張的，能稍微突破常規(guī)去展現(xiàn)屬于他們的性格，像貨運(yùn)大哥，它雖然曬黑了但也不放棄保養(yǎng)，這張圖就是在畫它在涂防曬霜。除了保養(yǎng)自己，它也會(huì)保養(yǎng)自己的貨車。其實(shí)在一些細(xì)節(jié)上面也有去做一些功夫，像貨車司機(jī)它們成天坐著，屁股有點(diǎn)下垂，所以有了這么一個(gè)它在做減臀操的動(dòng)作。通過這么一系列的表達(dá)可以看出來，他們雖然是一群中年人，但它們并不油膩，而是很努力很積極地在生活。這也是我們的品牌希望傳遞給用戶的一種感受和價(jià)值觀。

SOAP：

你希望這個(gè) IP 帶來一個(gè)什么樣的價(jià)值？

MIMI：

我希望能通過一些這樣的內(nèi)容，去讓更多的用戶除了喜歡他們之外，也能更理解他們，通過這部分的內(nèi)容輸出去改善快遞員與用戶之間的關(guān)系。類似很難避免的一些快遞延誤的情況，它們是否能通過自己的表達(dá)，去緩解這種情景所帶來的不良情緒以及尷尬，我覺得這是小鴿這個(gè) IP 對京東物流來說很大一部分的價(jià)值。

SOAP：

你在做其他 IP 項(xiàng)目的時(shí)候有遇到些什么坎嗎？

MIMI：

17年京東的品牌更新算是我初次接觸到的形象設(shè)計(jì)，和好幾個(gè)同事一起出方案，我那時(shí)候入職不久，比較「不懂事」，沒有像其他同事一樣去考慮太多怎樣的方案能通過，符不符合京東想要傳達(dá)的形象之類的問題。只是憑自己的喜好去做整個(gè)方案，最后出來的效果大家都很驚喜，也在知道完全不可能的情況下依然去推動(dòng)了這個(gè)方案，但結(jié)果你懂的……

到后面參與的一個(gè)品牌聯(lián)盟的 H5 項(xiàng)目，給每個(gè)品牌商品去設(shè)計(jì)形象，有大概三四十個(gè)吧，然后 H5 就沒落了……你懂的……

然后是 JOY Avatar 的設(shè)計(jì)的項(xiàng)目，主要是針對京東內(nèi)部一些 JOY 形象應(yīng)用不規(guī)范的問題，根據(jù)各部門職能做了相應(yīng)的 Avatar 設(shè)計(jì)，整個(gè)過程中覺得很機(jī)械，沒什么成就感，業(yè)務(wù)上的使用和推進(jìn)也很乏力，當(dāng)時(shí)做到都想離職了。

SOAP：

那后來怎么沒走呢？

MIMI：

最后我冷靜下來了，去認(rèn)真審視 IP 這件事情。例如為 joy&doga 去設(shè)定它們的角色以及故事背景，背后也花了很大的工作量去創(chuàng)造整個(gè)世界觀，反復(fù)推敲和驗(yàn)證，才得出最后呈現(xiàn)在大家面前的整套設(shè)定，包括后面根據(jù)它們的設(shè)定去創(chuàng)作內(nèi)容等等。所以在設(shè)計(jì)小鴿的時(shí)候，雖然也是一種探索，但其實(shí)已經(jīng)主動(dòng)避開很多彎路和大坑了。

SOAP：

你有什么關(guān)于創(chuàng)意的心得和大家分享嗎？

MIMI：

「創(chuàng)意需要著力點(diǎn)。 」

以往的理解可能覺得創(chuàng)意就是天馬行空，所以也有去做過一些科技感、超能力的設(shè)定。但是其實(shí)我們?nèi)绻麩o法在這個(gè)世界觀里面做到完整的自洽，其實(shí)很空，其實(shí)就是一群設(shè)計(jì)師的自嗨，用戶感知不到。所以這次的項(xiàng)目里面我一直去尋找現(xiàn)實(shí)中的一些著力點(diǎn)，我覺得小鴿這個(gè)形象落在物流上面其實(shí)是很好的一個(gè)著力點(diǎn)，也正是這個(gè)巧妙的結(jié)合，才能帶給用戶一個(gè)煥然一新的感受，再到形象的設(shè)計(jì)也是落地到現(xiàn)實(shí)生活中真實(shí)存在的鴿種上面來，以及后面的性格設(shè)定都是一個(gè)現(xiàn)實(shí)生活中立體人格的映射等等。當(dāng)用戶能夠讀懂并且感到熟悉的時(shí)候，我們的距離就拉近了。

「相信直覺也是一種邏輯。」

我也見過很多人他們?nèi)ニ伎家粋€(gè)設(shè)計(jì)方案的時(shí)候都是推導(dǎo)出來的，這一個(gè)點(diǎn)那一個(gè)點(diǎn)寫滿了整張紙，如果這樣去做設(shè)計(jì)的話，最后你會(huì)發(fā)現(xiàn)自己被限制在一個(gè)很小的交集里面，就好像如果你說話需要一直思考語法的話，那你根本無法交流。所以我覺得創(chuàng)作的過程更像是一個(gè)潛意識輸出的過程，需要你用心去探索、去尋找一個(gè)更高層次的抽象，尋求那個(gè)能夠萌生創(chuàng)意的最佳視角。

「好的設(shè)計(jì)需要做到不需要解釋?！?

其實(shí)日常生活中我不是一個(gè)能言善辯的人，嘴可能還比較笨，所以我會(huì)盡力做到不用解釋就能讓對方讀懂我的創(chuàng)意，包括每一次開會(huì)匯報(bào)的時(shí)候我都能不說話就不說話，其實(shí)這個(gè)時(shí)候在場的同事或是我總監(jiān)，其實(shí)他們也是一個(gè)用戶的身份，如果他們沒有第一反應(yīng)去 get 到我這個(gè) idea，或是沒能給他們帶來驚喜的感覺，那代表這個(gè)設(shè)計(jì)交付到用戶手里也會(huì)是同樣的感受，所以也會(huì)去通過這樣一種方式去對自己的設(shè)計(jì)進(jìn)行判斷和優(yōu)化吧。

SOAP編后記：

在采訪 MIMI 之前，我懷抱著能聽到一些概念性方法論的心態(tài)，畢竟現(xiàn)在的明確化的設(shè)計(jì)方法論非常受設(shè)計(jì)師的青睞，然而 MIMI 顯然不在我們「以為」的道路上，而是比我們想象的更隨性自由。無論是設(shè)計(jì)思維還是生活方式，她都崇尚真實(shí)和真切的體驗(yàn)感，不給自己的思維設(shè)限，不讓紙張上看似有理有據(jù)的條理式「推導(dǎo)」束縛。她總是能從她獨(dú)特的視角，看到看似普通事物背后的「玩味」，你永遠(yuǎn)猜不到她的腦袋瓜里到底裝著多少寶藏。她看待 IP 設(shè)計(jì)更像是一次創(chuàng)意實(shí)現(xiàn)的過程，為每一個(gè)自己親手捏造的角色人物構(gòu)思它們的性格故事，并且繪制它們的「番外小故事」，在她看來也是 IP 設(shè)計(jì)中很有趣的部分。

文章來源：優(yōu)設(shè)

不知道從什么時(shí)候我開始 對“創(chuàng)新”這個(gè)詞感到些許乏力和恐懼，開始思考為什么有些人能看透問題本質(zhì)？于是有了本文的探索和總結(jié)。

平時(shí)我們大部分時(shí)間都在做一些“應(yīng)激反應(yīng)”的事情，經(jīng)常處于“被安排”的情況下，大腦逐漸懶得去思考背后的東西，通常根據(jù)自己的主觀意愿做出一些反應(yīng)。慢慢依賴一些“道聽途說”而來的方法論來做一些事情，“套用”效果也不理想。

有一定履歷的產(chǎn)品經(jīng)理多數(shù)也會(huì)迷上“經(jīng)驗(yàn)論”。

• 迷上自己過往的經(jīng)驗(yàn)，“我以前做這活動(dòng)就是用這個(gè)策略的，效果很不錯(cuò)”。
• 迷上他人的經(jīng)驗(yàn)，“那天和老同學(xué)吃飯，他們這個(gè)裂變做得不錯(cuò)，我們也搞一個(gè)”
• 迷上競爭對手的經(jīng)驗(yàn)，“它們的狙擊槍也有這個(gè)功能，我們也加一個(gè)”。

種種行為都是沒有通過本質(zhì)思考的行為表現(xiàn)，都是一些脈沖式的思考。別人做什么 ，我們也跟著去做，只能在這個(gè)行業(yè)里面產(chǎn)生細(xì)微的迭代，無法實(shí)現(xiàn)真正的創(chuàng)新。

關(guān)于創(chuàng)新，埃隆馬斯克引爆了一個(gè)概念，回歸到事物本質(zhì)，看透問題本源的思維叫“第一性原理”，它不是一個(gè)定律也不是真理，而是一種思維模式。

我先不解釋到底什么是第一性原理，因?yàn)楸緛砭吞幱诿扇Φ那闆r下再去看一些專業(yè)的解釋就會(huì)更加蒙圈。

下面分享一個(gè)故事，一起來了解一下本質(zhì)思考這種思考方式，拋開哲學(xué)、生命、宇宙本質(zhì)，圍繞“搶域名”這件事，主角蔡文勝是如何將域名搶注成功率從十萬分之一變成50%以上？他到底是怎么做到及如何思考的。

背景：fm365.com注冊于1999年10月21日，因忘記續(xù)費(fèi)，到2003年10月21日過期，當(dāng)時(shí)這個(gè)網(wǎng)站是聯(lián)想重金打造的門戶網(wǎng)站流量非?？捎^，當(dāng)時(shí)可能有10萬人要想搶注這個(gè)域名。

想搶注域名的人都知道域名釋放時(shí)間是在2003年10月21日，但很多人沒有做好基本的調(diào)研與了解，不同域名服務(wù)商釋放時(shí)間不一樣，有些是次日0點(diǎn)，有些是30天，所以當(dāng)時(shí)大部分人都不知道這個(gè)具體域名掉落時(shí)間，實(shí)際上這個(gè)域名掉落時(shí)間是在70天之后。

那么知道了域名掉落的具體日期， 也不可能一整天都去注冊搶注， 還需要知道具體時(shí)間才能搶注成功，而事實(shí)上當(dāng)時(shí)這個(gè)域名在美國一個(gè)域名商手上，所以掉落時(shí)間是在美國的中午12點(diǎn)，對應(yīng)中國是凌晨3點(diǎn)，在那個(gè)時(shí)間點(diǎn)域名才完全掉落。

那么問題來了，知道了最后具體掉落日期和時(shí)間，怎樣才能脫穎而出，成為那個(gè)唯一一個(gè)能把域名搶到的人？

蔡文勝做了以下4件事：

第一件，首先注冊域名上所有信息、 名字、郵箱等字段事先填好 ，這個(gè)過程大概需要5秒鐘， 然后直接按f5就可以了，只要1秒不到，就能提交注冊信息。

第二件，蔡文勝當(dāng)時(shí)查了一下這個(gè)網(wǎng)絡(luò)請求到底是怎么走的，發(fā)現(xiàn)這個(gè)請求是先從廈門連到上海，上海連到美國，請求的路徑非常長，當(dāng)時(shí)在2003年網(wǎng)速還是非常的慢，所以蔡文勝索性租了一臺上海的服務(wù)器，直接從上海連到美國，這樣至少在中國理論上是最快的。

第三件，節(jié)省注冊資料字節(jié)長度，把88888@qq.com改成 1@1.com，因?yàn)檫@信息回頭也可以修改，壓縮后比完整的信息要少幾百個(gè)字節(jié)，這樣加快提交速度，又提高成功率。

第四件，當(dāng)時(shí)據(jù)說搶注這個(gè)域名的人有10萬人，蔡文勝預(yù)估有大概前面3件事能淘汰掉90%的人，還和剩余10%的人進(jìn)行競爭，所以還是不能保證能夠注冊并搶注成功。最后蔡文勝搞了一個(gè)自動(dòng)點(diǎn)擊腳本，每秒提交1000次。最終蔡文勝從10萬人里面脫穎而出，成為唯一一個(gè)搶到域名的人。

回歸到搶域名這件事的本質(zhì)上，把域名開放時(shí)間設(shè)為T0，提交信息到域名服務(wù)器的時(shí)間設(shè)為T1，使T1-T0的時(shí)間最短就能搶注成功。

看完上面的故事，回歸產(chǎn)品人如何訓(xùn)練/培養(yǎng)自己的本質(zhì)思維。

01 擺脫原有思維慣性

每個(gè)人都有一定思維慣性，看到事物會(huì)下意識的做出一些反應(yīng)。

在《思考，快與慢》書中的知識叫“快系統(tǒng)”，人會(huì)本能直覺迅速做出一些判斷和反應(yīng)，這套系統(tǒng)好處是大腦反應(yīng)非常快，功耗低還”省電“。

所以我們一旦意識到自己在用過往或他人、競爭對手等經(jīng)驗(yàn)時(shí)先打住，不是說不能用，而先思考這些“經(jīng)驗(yàn)”對現(xiàn)在是否真正能用上。

每個(gè)人都有自己對主觀意識，特別是產(chǎn)品經(jīng)理這個(gè)崗位主觀意識真的太強(qiáng)了。在數(shù)據(jù)報(bào)表或調(diào)研結(jié)果上看到一批數(shù)據(jù)會(huì)帶上自己的主觀想法來解釋這一批數(shù)據(jù)原因。

擺脫原有的思維慣性應(yīng)該啟動(dòng)大腦的“慢系統(tǒng)”，慢系統(tǒng)需要調(diào)動(dòng)我們的邏輯思維等能力，一旦啟動(dòng)邏輯思維能力周期很長，啟動(dòng)很慢很費(fèi)力，所以我們?nèi)粘Ｄ敲炊嗍虑樘幚淼臅r(shí)候，沒有什么時(shí)間去切換慢系統(tǒng)，所以會(huì)造成前面所說的應(yīng)激反應(yīng)。

當(dāng)然我們也非常難做到每次都使用“慢系統(tǒng)”來解決問題，大腦處理不過來，頭發(fā)也堅(jiān)持不住，但我們可以鍛煉出好的思維方式，讓自己思考時(shí)不輕易的跑到原有的思維慣性去。

02 成為“問題少年”

蔡文勝在搶注FM365這事上就是不斷追問自己，“我還能不能更快一點(diǎn)？”、“我怎樣才能比別人更快搶到！”、“如何將請求路徑變短？”、“怎樣才能提升請求速度？” 從解決問題的路徑上，根據(jù)目標(biāo)一層一層的不斷的對自己發(fā)問，最終這些問題都會(huì)迎刃而解。

有問題請教別人也是突破思維慣性的好方法，拋開對錯(cuò)，觀點(diǎn)過濾，交流時(shí)可以認(rèn)真聽但不要照著做，和老板給你提需求是一個(gè)道理。問題方和解決方看到的視角都是不一樣的，利于思維開闊。

03 在實(shí)踐中獲得反饋

“實(shí)踐”指的洞察已發(fā)生的事物做出自我思考的問題和想法、比如在“產(chǎn)品分析”環(huán)節(jié)重點(diǎn)研究下對方可能接下來會(huì)做些什么事，預(yù)估做了會(huì)產(chǎn)生哪些結(jié)果？當(dāng)前的業(yè)務(wù)形態(tài)為什么會(huì)這樣設(shè)計(jì)？

總之產(chǎn)品方法論有時(shí)候并沒有那么重要，最重要的不是學(xué)習(xí)別人的方法論，而是通過自己的本質(zhì)思考，不斷總結(jié)出自己的方法論，有意識的去訓(xùn)練自己的思維習(xí)慣，養(yǎng)成思維模型，這對產(chǎn)品經(jīng)理才是重要的事情。

文章來源：人人都是產(chǎn)品經(jīng)理