現(xiàn)時(shí)代的設(shè)計(jì)師不應(yīng)只看到美感，從長遠(yuǎn)而言，需要從商業(yè)/產(chǎn)品/體驗(yàn)/視覺多個(gè)角度綜合考量構(gòu)建設(shè)計(jì)形態(tài)（集創(chuàng)思維）。

本文將從生活場(chǎng)景引入思考模式，過渡到實(shí)際產(chǎn)品中的綜合思考。

生活場(chǎng)景思考

地鐵口扶手電梯應(yīng)該往里開還是往外開？

顯性因素與隱性因素

所謂顯示因素是指用戶在體驗(yàn)中的第一感受體驗(yàn)，比如進(jìn)地鐵了我想乘扶手電梯方便我下去，出站時(shí)我也想繼續(xù)乘扶手電梯。

所謂隱性因素是指在連續(xù)行為過程或隨時(shí)間推進(jìn)過程中可能會(huì)發(fā)現(xiàn)的潛在問題，此處是我們需要重點(diǎn)考慮的。

內(nèi)部空間與外部空間

在地鐵內(nèi)的內(nèi)部空間是有限的，這個(gè)是在設(shè)計(jì)時(shí)規(guī)劃好的空間大小，能容納多少人，一旦建設(shè)后則無法改變。

在地鐵外的外部空間是無限的，因?yàn)橛脩舫鋈ズ蠹词枭?，往不同方向走，不易造成擁堵?/p>

正向分析

假設(shè)電梯【往里開】的場(chǎng)景下會(huì)發(fā)生什么情況？

在非高峰期，地鐵內(nèi)沒有過多人群時(shí)，不會(huì)造成擁堵，下電梯后隨即前行。

當(dāng)在高峰期時(shí)，如上下班時(shí)間，在地鐵內(nèi)人群擁堵的情況下，如果排隊(duì)已經(jīng)排到了扶手電梯附近，而前面的人又沒有移動(dòng)，此時(shí)從扶手電梯源源不斷的人群下電梯時(shí)會(huì)被前方不移動(dòng)的人擋住，還有一些喜歡走路玩手機(jī)的人更加不會(huì)經(jīng)常看前后左右的情況，跟著前面走的人走，然而扶手電梯并不會(huì)停，那么就會(huì)后面的人群就會(huì)不斷碰撞前面排隊(duì)不動(dòng)的人群，從而造成嚴(yán)重的人群碰撞事故。

反向分析

假設(shè)電梯【往外開】的場(chǎng)景下會(huì)發(fā)生什么情況，在高峰期或非高峰期，人群排隊(duì)上扶手電梯，到了出站口后陸續(xù)出去往各個(gè)方向疏散，因?yàn)橥獠靠臻g無限，極少情況會(huì)在地鐵出站口造成擁堵，從而降低由于擁堵而造成人群碰撞的情況發(fā)生。

地鐵口實(shí)際情況

為了避免嚴(yán)重的人群碰撞事故，在只有一條扶手電梯和人行電梯時(shí)，電梯運(yùn)行方向一直是往出站方向外開

圖示為在上下班高峰期觀察中所拍，為地鐵口真實(shí)情況，為了避免嚴(yán)重的人群碰撞事故，在只有一條扶手電梯和人行電梯時(shí)，電梯運(yùn)行方向一直是往出站方向外開。左圖可見人群在進(jìn)站時(shí)，由于電梯往外開，方向和人群相反，強(qiáng)制引導(dǎo)用戶走樓梯排隊(duì)。右圖可見人群在出站時(shí)，電梯依然往外開，此時(shí)順應(yīng)人群移動(dòng)方向。

那么，出站口就一定不會(huì)擁堵了嗎？不是的，還有可能情況，下雨！此時(shí)大部分人可能都沒帶傘，這樣就會(huì)在出站口站著堵住等待停雨，像之前說的扶手電梯不會(huì)停，依然有可能造成跟前面分析的人群碰撞。

此處引入高頻和低頻思考：首先，上下班進(jìn)地鐵的頻率高呢還是下雨的頻率高？顯然易見，天天都要上下班是高頻，幾個(gè)月或者幾周才下一次雨屬于低頻。我們應(yīng)該更多考慮高頻情況，但也不能放棄低頻情況。所以在此建議：平時(shí)電梯往外開，但在下雨時(shí)工作人員應(yīng)該讓電梯停止運(yùn)行，阻止人群擁擠碰撞發(fā)生。這樣會(huì)不會(huì)更具人性化呢？

用戶體驗(yàn)驅(qū)動(dòng)設(shè)計(jì)形態(tài)

根據(jù)需求特性優(yōu)化交互操作體驗(yàn)

圖中為實(shí)際產(chǎn)品中所提供的原始方案和需求，設(shè)計(jì)一種操作方式，需要符合數(shù)值在0%~10%之間波動(dòng)，且數(shù)值必須是0.5%的倍數(shù)，如0.5%，1.0%，1.5%，不支持其他數(shù)值。對(duì)此需求進(jìn)行特性提取：數(shù)值范圍適中，需要特定倍數(shù)的數(shù)值，不支持其他數(shù)值或文字。

體驗(yàn)分析_方案1_產(chǎn)品提供的原始方案

方式：點(diǎn)擊條目>輸入數(shù)值或點(diǎn)擊加減>點(diǎn)擊確定完成

最大操作次數(shù)23次：點(diǎn)擊條目1次，點(diǎn)擊21次+號(hào)到最大值，點(diǎn)擊確定1次，少數(shù)用戶會(huì)使用此方式。

常規(guī)操作次數(shù)6次：點(diǎn)擊條目1次，點(diǎn)擊輸入框1次，輸入數(shù)值3次（如3.5），點(diǎn)擊確定1次。

最小操作次數(shù)3次：點(diǎn)擊條目1次，點(diǎn)擊+號(hào)隨即完成1次，點(diǎn)擊確定1次。

當(dāng)用戶輸入文字時(shí)提示請(qǐng)輸入數(shù)值，當(dāng)用戶輸入其他數(shù)值時(shí)提示請(qǐng)輸入0.5%的倍數(shù)值，輸入容易犯錯(cuò)，降低心理預(yù)期

體驗(yàn)分析_方案2_提前防止用戶出錯(cuò)

方式：點(diǎn)擊條目>滑動(dòng)彈窗>點(diǎn)擊完成

最大操作次數(shù)4次：點(diǎn)擊條目1次，滑動(dòng)到最底部需要2次，點(diǎn)擊選擇1次。

最小操作次數(shù)2次：點(diǎn)擊條目1次，無需滑動(dòng)，當(dāng)前已有他要的選擇，點(diǎn)擊選擇1次。

無需讓用戶手動(dòng)輸入，因?yàn)槿菀纵斿e(cuò)，提前阻止錯(cuò)誤提示發(fā)生

體驗(yàn)分析_方案3_減少操作

方式：點(diǎn)擊數(shù)值選擇

最大操作次數(shù)1次：直接點(diǎn)擊選中

最小操作次數(shù)1次：直接點(diǎn)擊選中

屏占比：半屏

擴(kuò)展性：低

操作點(diǎn)擊次數(shù)降低，但屏占比過多，且不適用于當(dāng)數(shù)值更大時(shí)（如果以后數(shù)值擴(kuò)展到100%，那么整幾屏都是按鈕）

體驗(yàn)分析_方案4_減少操作，防止出錯(cuò)

方式：拖動(dòng)圓點(diǎn)選擇

最大操作次數(shù)：1次

最小操作次數(shù)：1次

屏占比：低

擴(kuò)展性：高

操作次數(shù)低，效率高，屏占比少，具有適用性，可以多個(gè)此類操作疊加使用

體驗(yàn)分析_優(yōu)化對(duì)比

此需求特性是數(shù)值范圍適中，需要特定倍數(shù)的數(shù)值，不支持其他數(shù)值或文字。

對(duì)此分析作出優(yōu)化后，采用拖動(dòng)圓點(diǎn)方式，相比原方案來說操作次數(shù)平均降低3~6倍，且無需用戶輸入提前防止用戶輸錯(cuò)。

商業(yè)價(jià)值/產(chǎn)品邏輯/用戶體驗(yàn)

音樂APP播放歌曲應(yīng)該用沉浸型還是效率型？

沉浸型指在歌曲列表點(diǎn)擊歌曲后直接進(jìn)入播放界面進(jìn)行播放，方便聽歌看詞，隨時(shí)快進(jìn)。效率型指在歌曲列表點(diǎn)擊歌曲后留在列表頁同時(shí)進(jìn)行播放，方便隨時(shí)切歌，能快速切歌。兩類用戶各有偏好，有的喜歡聽歌看詞，有的喜歡隨時(shí)切歌找別的歌曲聽。

產(chǎn)品邏輯驅(qū)動(dòng)設(shè)計(jì)形態(tài)

網(wǎng)易云音樂是以UCG+評(píng)論+個(gè)性化為定位的音樂社交平臺(tái)，用戶主動(dòng)評(píng)論互動(dòng)，在聽歌時(shí)尋找同好。

用戶在點(diǎn)擊歌曲進(jìn)入播放頁后，點(diǎn)擊更多（三個(gè)點(diǎn)的圖標(biāo)）會(huì)彈出面板，主要是歌曲的相似推薦，歌手，專輯等，引導(dǎo)用戶發(fā)現(xiàn)相似歌曲，并且增加了該歌手和專輯的曝光度，高質(zhì)量歌曲或帶版權(quán)歌曲需要付費(fèi)，從而促進(jìn)用戶開通付費(fèi)音樂包。

在我們這一代，很多讀書時(shí)都追過的歌曲，那些種種回憶或現(xiàn)在共同的回憶，用戶點(diǎn)擊評(píng)論（消息圖標(biāo)）進(jìn)入評(píng)論頁面，在聽歌的同時(shí)尋找同好，當(dāng)用戶找到同好或看到一些有趣的評(píng)論時(shí)，產(chǎn)生興趣點(diǎn)擊他的頭像進(jìn)入個(gè)人主頁發(fā)現(xiàn)他收藏的歌單，從而讓【聽自己喜歡的歌-評(píng)論-發(fā)現(xiàn)同好-發(fā)現(xiàn)他收藏的歌曲-聽他收藏的歌】環(huán)環(huán)相扣。這樣來說，網(wǎng)易云音樂采用沉浸式，這樣在用戶每一次點(diǎn)擊都進(jìn)入播放頁，每一次都給一個(gè)推力，是不是更符合網(wǎng)易云音樂的定位呢？

商業(yè)價(jià)值驅(qū)動(dòng)設(shè)計(jì)形態(tài)

QQ音樂是一個(gè)綜合性音樂服務(wù)平臺(tái)，海量歌曲，龐大的用戶量。

用戶點(diǎn)擊歌曲進(jìn)入播放頁后，界面左滑出現(xiàn)相似歌曲推薦，歌手專輯，相似電臺(tái)，包含此單曲的熱單等，和云音樂一樣做的相似推薦，同時(shí)也是不斷幫助引導(dǎo)用戶發(fā)現(xiàn)其他歌曲，為其他歌曲專輯增加曝光度。

當(dāng)用戶通過此功能發(fā)現(xiàn)其他歌曲時(shí)，會(huì)不斷消耗流量，遇到版權(quán)歌曲不能下載，此場(chǎng)景會(huì)促進(jìn)用戶開通綠鉆和付費(fèi)流包。

界面右滑時(shí)，顯示歌詞，用戶沉浸在邊聽邊唱，此時(shí)界面中的話筒圖標(biāo)會(huì)引起用戶注意，感覺點(diǎn)了后能錄下來跟唱的心理，但是點(diǎn)擊話筒圖標(biāo)后確是跳轉(zhuǎn)到【全民K歌】這款A(yù)PP的下載頁面，QQ音樂做的就是從此場(chǎng)景進(jìn)行價(jià)值轉(zhuǎn)化：聽歌-看詞-跟唱-點(diǎn)擊話筒-下載APP。

這樣來說，QQ音樂采用沉浸式，每次點(diǎn)擊歌曲都進(jìn)入播放頁，可以潛在提升QQ音樂相關(guān)商業(yè)價(jià)值轉(zhuǎn)化。如果采用效率型，用戶只有在真的需要看詞時(shí)候才會(huì)再次點(diǎn)擊進(jìn)來。

交互設(shè)計(jì)中的黑暗模式1

特殊情況下輕微降低體驗(yàn)以零成本換取用戶流量

問題1：我們平時(shí)使用微信最常用的功能就是聊天和刷朋友圈，那為什么聊天放在了底部tab的一級(jí)頁面，但朋友圈卻放在發(fā)現(xiàn)tab里的二級(jí)頁面呢？

問題2：支付寶之前剛更新藍(lán)色版本引入社交元素時(shí)在網(wǎng)上引發(fā)大量的討論，其中一條吐槽是在支付寶首頁點(diǎn)擊右上角那3個(gè)圖標(biāo)然后返回，只有通訊錄這個(gè)圖標(biāo)點(diǎn)擊后是返回到朋友tab而不是首頁tab，按正常邏輯來說，首頁進(jìn)去，應(yīng)該返回首頁??？

正反分析_微信

朋友圈放在一級(jí)頁面

• 體驗(yàn)角度：微信聊天和朋友圈屬于常用功能，從高低頻角度，此類功能屬于高頻，放一級(jí)頁可以方便用戶使用。
• 商業(yè)角度：并不能對(duì)掃一掃，搖一搖，購物，游戲等功能引流

結(jié)果：相比放二級(jí)來說用戶少點(diǎn)一次，但對(duì)核心功能和商業(yè)價(jià)值無影響

朋友圈不放一級(jí)頁（維持現(xiàn)狀）

• 體驗(yàn)角度：用戶多點(diǎn)一次才能進(jìn)入朋友圈。
• 商業(yè)角度：朋友圈作為引子不斷引導(dǎo)用戶點(diǎn)擊【發(fā)現(xiàn)】，從而0成本讓微信的核心功能和商業(yè)價(jià)值增加曝光度

結(jié)果：增加一次點(diǎn)擊次數(shù)，0成本換取巨大的用戶流量促進(jìn)核心功能和商業(yè)價(jià)值轉(zhuǎn)化

正反分析_支付寶

從首頁進(jìn)通訊錄后，點(diǎn)返回回到首頁tab

• 體驗(yàn)角度：比較正常的邏輯，從哪進(jìn)，往哪回。
• 產(chǎn)品角度：在此并不能潛在增加朋友tab曝光度

結(jié)果：體驗(yàn)流暢正常返回，但對(duì)朋友tab無產(chǎn)生推力

從首頁進(jìn)通訊錄后，點(diǎn)返回回到朋友tab

• 體驗(yàn)角度：潛在心理模型，通訊錄找不到？去朋友tab找找近期聯(lián)系人看看
• 產(chǎn)品角度：支付寶想做社交，在多方面努力著手引導(dǎo)用戶，潛在增加朋友tab曝光

結(jié)果：另一種邏輯，為朋友tab增加推力，支付寶就是想做這個(gè)事

交互設(shè)計(jì)中的黑暗模式2

利用與體驗(yàn)相反的操作以阻擋用戶正常路徑

通常我們想卸載一個(gè)軟件時(shí)，會(huì)找到卸載按鈕去確定卸載，這是一個(gè)流暢的操作。但是產(chǎn)品本身是不希望用戶去卸載的，在這里交互設(shè)計(jì)需要利用黑暗模式，設(shè)計(jì)以用戶體驗(yàn)相反的操作以阻擋用戶的正常路徑。

行為路徑阻擋_驅(qū)動(dòng)精靈

此產(chǎn)品在卸載時(shí)，需要通過3步。我們可以看到，第一次阻擋，卸載按鈕不明顯（灰色字），突出的是問題修復(fù)，希望幫助你解決問題，阻止卸載動(dòng)作。當(dāng)用戶依然點(diǎn)擊卸載，進(jìn)入第二次阻擋，卸載字樣變成狠心卸載，配搭一個(gè)萌化的形象，給人一種楚楚可憐的感覺，同時(shí)突出求助專家的服務(wù)。當(dāng)用戶繼續(xù)點(diǎn)擊卸載，進(jìn)入第三次阻擋，確認(rèn)窗口，卸載按鈕依然是灰字不明顯，突出盡情吐槽這個(gè)按鈕。

行為路徑阻擋_2345看圖王

此產(chǎn)品在卸載時(shí)，也是需要通過3步，為什么大多產(chǎn)品都是3步呢？俗話說，事不過三，一件事情重復(fù)發(fā)生3次以上會(huì)產(chǎn)生厭惡感，給你阻擋10次煩不煩？需要在盡量降低厭惡感的同時(shí)進(jìn)行阻擋。

我們可以看到，第一次阻擋，這里的處理是沒有卸載按鈕，而是選項(xiàng)，弱化了卸載的感覺，這里要比驅(qū)動(dòng)精靈做的好。

第二次阻擋，可以發(fā)現(xiàn)，第一步時(shí)取消是在右邊，給人感覺右邊是取消，到了這一步突然變成右邊是卸載，之前給人教育是不要點(diǎn)右邊的取消因?yàn)槲乙遁d，那么你會(huì)自然的看左邊那個(gè)繼續(xù)使用的按鈕，同時(shí)這里這個(gè)按鈕也設(shè)計(jì)的很突出。

當(dāng)你再次點(diǎn)擊卸載，進(jìn)入第三次阻擋，我們發(fā)現(xiàn)，取消按鈕又回到了左邊而且設(shè)計(jì)的突出，又顛覆了上一步的操作，可以說2345看圖王的交互設(shè)計(jì)暗黑模式用的很好。體驗(yàn)并不是一直順著用戶走的，需要考慮更多的維度。

綜合思維模式構(gòu)建設(shè)計(jì)形態(tài)

一個(gè)設(shè)計(jì)，需要綜合考慮商業(yè)，產(chǎn)品，體驗(yàn)，視覺之間的聯(lián)系，為最終的形態(tài)做考量，這樣的設(shè)計(jì)才是具有價(jià)值的設(shè)計(jì)。

• 商業(yè)價(jià)值：是否涉及價(jià)值轉(zhuǎn)化，是否增加用戶流量，是否增加曝光度等
• 產(chǎn)品邏輯：產(chǎn)品定位，核心功能，需求目標(biāo)等
• 用戶體驗(yàn)：用戶體驗(yàn)多維度評(píng)估方法，體驗(yàn)設(shè)計(jì)流程方法論體系，基于交互五要素的場(chǎng)景思考等
• 視覺設(shè)計(jì)：版式設(shè)計(jì)，情景融合，色彩心理學(xué)等

【最后】一張圖描述商業(yè)，產(chǎn)品，體驗(yàn)，視覺四者之間的關(guān)系：

視覺是皮，賣相好不好，是否吸引

體驗(yàn)是肉，好不好吃，口感體驗(yàn)如何

產(chǎn)品是核，整個(gè)形態(tài)一切從此孕育構(gòu)建

商業(yè)是價(jià)，這個(gè)產(chǎn)品最終所帶來的價(jià)值有多少

本文由 @星夜Design?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。