如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

什么是阻力？

用戶使用App時(shí)需要穿越層層頁(yè)面，在穿越這些頁(yè)面時(shí)需要消耗時(shí)間和精力，稱之為阻力。

首先探討一下品類方面的阻力。

如圖，這是幾個(gè)電商App界面，一眼望過(guò)去并不知道哪個(gè)頁(yè)面是哪家電商，其實(shí)這個(gè)并不重要。如果你到一個(gè)平臺(tái)購(gòu)物，往往不是因?yàn)榫€上產(chǎn)品用戶體驗(yàn)不一樣，而是因?yàn)橘u的商品不一樣，或者商品的價(jià)格亦或配送速度不一樣。所以這里它們長(zhǎng)的一樣我覺(jué)得沒(méi)有太大問(wèn)題，甚至我認(rèn)為他們之間雷同是一件好事，用戶省去了切換的成本，尤其是新平臺(tái)跟老平臺(tái)長(zhǎng)得像都是沒(méi)什么問(wèn)題的，這樣用戶切換新平臺(tái)阻力就小了很多。

但是當(dāng)我們需要定義一個(gè)新品類時(shí)，這個(gè)思路就會(huì)不一樣。

定義新品類

舉個(gè)例子，國(guó)際化品牌Airbnb，在2014年的改版中做了很大的調(diào)整，這次改版后發(fā)現(xiàn)，要找房子下單，搜索瀏覽和操作效率并不是很高，但是他們還是做了這種低效高顏值的選擇。

對(duì)大多數(shù)人來(lái)說(shuō)，私人房屋短租給其他人的這種服務(wù)是個(gè)新產(chǎn)品，是高端還是低端用戶其實(shí)沒(méi)有概念。所以在2014年Airbnb重新推廣的時(shí)候，他的設(shè)計(jì)理念是各位房客先別管這個(gè)產(chǎn)品是什么樣的模式，先說(shuō)這個(gè)事情是不是看起來(lái)很酷。是不是酷這件事對(duì)于一個(gè)新產(chǎn)品是重要的，如果我用過(guò)一個(gè)酷的產(chǎn)品，分享給朋友。對(duì)方往往也會(huì)因?yàn)槲曳窒淼漠a(chǎn)品酷而覺(jué)得我這個(gè)人很酷。有些實(shí)用性還不錯(cuò)但是品牌調(diào)性沒(méi)那么高的產(chǎn)品，用戶使用完后會(huì)覺(jué)得“把這個(gè)產(chǎn)品分享給別人，并不會(huì)給我加分”而止步分享。鑒于此，我認(rèn)為Airbnb高顏值雖然一定程度上犧牲了效率，但是拔高了品牌調(diào)性，也就提高了產(chǎn)品的推薦值，是一個(gè)正確的選擇。

那么當(dāng)我們需要重新定義一個(gè)已有品類時(shí)，我們的思路是什么呢？

重新定義品類

這是我們2016年發(fā)版的首頁(yè)設(shè)計(jì)，自如和跟之前的租房平臺(tái)不太一樣，所以我們的首頁(yè)設(shè)計(jì)要重新定義一個(gè)品類。以前，尤其是我們80后對(duì)于租房會(huì)有什么樣的感受都是有一些認(rèn)知的，比如說(shuō)黑中介…其實(shí)大家都有一些印象，被坑過(guò)的80后不在少數(shù)。自如出現(xiàn)的時(shí)候可能就需要重新整理大家對(duì)于這個(gè)品類的認(rèn)知。所以我們?cè)谠O(shè)計(jì)首頁(yè)的時(shí)候，先用一個(gè)高顏值大圖展現(xiàn)一下房子是什么樣子（因?yàn)槲覀兊姆孔哟_實(shí)顏值很高品質(zhì)不錯(cuò)），搜索按紐也不是很大。所傳達(dá)的思路是我們希望用戶在找房子之前對(duì)我們的平臺(tái)有些認(rèn)知，或者說(shuō)對(duì)租房這個(gè)品類，打破固有的刻板印象，有重新的認(rèn)知。我把這種重新定義已有品類的設(shè)計(jì)方法定義為“我們不一樣”。

在今年，自如的影響力大了很多，在這個(gè)背景下我們進(jìn)行了新一輪的改版。雖然從用戶的角度講可能進(jìn)APP第一件事是要找房子，但是從企業(yè)的角度，企業(yè)有很多想要傳達(dá)給用戶的信息，這個(gè)頁(yè)面也是讓用戶知曉其他業(yè)務(wù)的入口（自如給大多數(shù)人的印象是一個(gè)租房平臺(tái)，但是我們也有像保潔，搬家這類的服務(wù)）這些入口也許用戶當(dāng)時(shí)不會(huì)點(diǎn)擊，可是當(dāng)他需要用保潔，或者搬家的時(shí)候就會(huì)想到好像自如有這么一個(gè)業(yè)務(wù)，之后他會(huì)去自如的首頁(yè)找。所以多條業(yè)務(wù)線的并列呈現(xiàn)，也有類似廣告曝光的作用。

我用這張圖來(lái)代替我們的原型圖，我們要展現(xiàn)多條用戶線的時(shí)候很依賴于這個(gè)界面上的多個(gè)按紐，當(dāng)時(shí)就想能不能順著這個(gè)思路在盡可能的情況下做的好看一點(diǎn)。我們之所以覺(jué)得這個(gè)界面給你的感覺(jué)沒(méi)那么好，是因?yàn)檫@個(gè)界面信息量太大了，還有色彩的沖撞過(guò)猛了。 

我覺(jué)得色彩的間隙太小了，應(yīng)該加大，所以加了一些白框，讓這些顏色之間離的更遠(yuǎn)，顏色間的沖撞也就比較小。

然后再看這個(gè)顏色本身，我們是不是可以選一些相對(duì)共性的顏色，比如把標(biāo)準(zhǔn)的紅綠藍(lán)改成紅，暖綠，和偏綠的藍(lán)（暖藍(lán)），然后把選中的顏色找他的擴(kuò)展色，用擴(kuò)展色畫(huà)出一些按紐。

這就是我們后來(lái)首頁(yè)的樣子。

低頻應(yīng)用的阻力設(shè)計(jì)

作為一個(gè)低頻使用的App，跟高頻使用的App阻力設(shè)計(jì)思路最重要的不同點(diǎn)是什么呢？我從學(xué)習(xí)成本這點(diǎn)來(lái)切入。

學(xué)習(xí)成本

微信的聊天記錄刪除功能，有一點(diǎn)學(xué)習(xí)成本。

用戶在使用中偶爾向左滑發(fā)現(xiàn)了可以刪除聊天記錄，通過(guò)偶爾的觸發(fā)，用戶學(xué)會(huì)了這樣刪除聊天記錄。通過(guò)后期每天不斷地使用強(qiáng)化了對(duì)這個(gè)功能點(diǎn)的記憶。

但是我們的低頻App似乎沒(méi)有這個(gè)機(jī)會(huì)，由于使用次數(shù)比較少，有些功能隱藏起來(lái)的話用戶大概率永遠(yuǎn)都不會(huì)去用。設(shè)計(jì)時(shí)不但要把點(diǎn)贊的按紐放出來(lái)，而且點(diǎn)贊的時(shí)候還要告訴用戶，點(diǎn)贊后飄在右上角。

告訴用戶收藏之后，收藏列表可以點(diǎn)擊右上角這個(gè)按鈕查看。我們不但要把所有的功能擺出來(lái)，而且還要告訴用戶這個(gè)功能下一步怎么走。因?yàn)樗绻@次沒(méi)學(xué)會(huì)，以后可能也不會(huì)用這個(gè)App了，這點(diǎn)跟高頻的產(chǎn)品不一樣。

點(diǎn)擊數(shù)據(jù)

我們?cè)O(shè)計(jì)首頁(yè)的時(shí)候?qū)τ邳c(diǎn)擊數(shù)據(jù)會(huì)有一個(gè)預(yù)期和目標(biāo)，但是往往數(shù)據(jù)反饋會(huì)跟設(shè)計(jì)初衷多少有些不相符。大家可以猜一下哪是點(diǎn)擊率最高的…在這里我只能告訴大家一個(gè)大概的排名。我們當(dāng)初希望是租房的點(diǎn)擊高一些，因?yàn)橛脩酎c(diǎn)擊后可以了解我們有多少個(gè)租房產(chǎn)品，所以我們把它在視覺(jué)上設(shè)計(jì)的重了一些。但是其實(shí)搜索是排在他前面的，用戶對(duì)于大面積的區(qū)域像banner這類東西是有免疫力的，所以不管做的多花哨其實(shí)用戶會(huì)習(xí)慣性的忽略掉，也就是視覺(jué)中心和實(shí)際的交互中心不見(jiàn)得一樣。合租在租房的前面，整租都可以在前面，看來(lái)用戶還是比較仔細(xì)的看了我們的界面，而且可以斷定大家對(duì)于合租是什么東西了解的很清晰。

可以看到，“租房”這個(gè)按紐我們剛開(kāi)始設(shè)計(jì)的時(shí)候，感覺(jué)應(yīng)該是高的，因?yàn)檫@個(gè)是總集，我們?cè)诤笃诘脑L問(wèn)中發(fā)現(xiàn)用戶認(rèn)為這個(gè)是表示分類，所以設(shè)計(jì)的雖然明顯，但是用戶仍然認(rèn)為這個(gè)不可點(diǎn)。

減少阻力

減少阻力，需要跟用戶的預(yù)期相符。

租房按紐怎么做交互才能讓用戶感到順暢？租房的按紐包括右邊的四種，其實(shí)是個(gè)1.5級(jí)（介于一級(jí)頁(yè)面和二級(jí)頁(yè)面之間）的界面，所以點(diǎn)擊左側(cè)的租房，用戶會(huì)進(jìn)入“租房”頁(yè)面。而右邊的這四個(gè)Button應(yīng)該還在，只是這四個(gè)按紐變成放大精細(xì)版。包括租房Button的底圖，也是放大放在頁(yè)面最上面，這跟用戶的預(yù)期才比較一致。

從首頁(yè)到列表，到詳情再到下單及更深層的頁(yè)面，頁(yè)面的ICON和精細(xì)程度和用力程度都不一樣，層級(jí)越深視覺(jué)沖擊越輕。

如圖，最右側(cè)預(yù)約那一列，假設(shè)設(shè)計(jì)師有足夠精力和時(shí)間，是否可以把最右側(cè)的頁(yè)面做的視覺(jué)更豐富，甚至跟首頁(yè)一樣？然而我們現(xiàn)在的規(guī)范里面仍然不允許做的更花哨，原因是我們認(rèn)為在前半段的時(shí)候，用戶需要一些阻力來(lái)提升注意力，從首頁(yè)先認(rèn)知這個(gè)租房APP跟他平時(shí)認(rèn)知的不一樣，接下來(lái)有一些信息的輸入比如圖片，再往后，如果一旦點(diǎn)約看或者是點(diǎn)簽約，這時(shí)他的決策做好了，產(chǎn)品要做的事就是一步步往以最快的速度，完成這個(gè)事情，不要讓他有任何的猶豫，不要讓他分心，任何的分心都有一定的概率讓這個(gè)流程中止甚至是終止。

如圖，我把整個(gè)流程的信息阻力畫(huà)了一個(gè)曲線，首頁(yè)阻力是最大的，越往后越小，實(shí)質(zhì)性的信息越多。決策前需要讓用戶提升注意力，所以信息量要大，表達(dá)要豐富。一旦決策后，信息的傳達(dá)以最簡(jiǎn)潔的排他形式存在，讓用戶路徑盡可能的縮短也讓信息阻力盡可能的變小。

以上就是是我對(duì)信息阻力設(shè)計(jì)的整理，希望大家能夠有所收獲。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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ù)。