2019-1-23 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
用戶使用App時需要穿越層層頁面，在穿越這些頁面時需要消耗時間和精力，稱之為阻力。
首先探討一下品類方面的阻力。
如圖，這是幾個電商App界面，一眼望過去并不知道哪個頁面是哪家電商，其實這個并不重要。如果你到一個平臺購物，往往不是因為線上產(chǎn)品用戶體驗不一樣，而是因為賣的商品不一樣，或者商品的價格亦或配送速度不一樣。所以這里它們長的一樣我覺得沒有太大問題，甚至我認為他們之間雷同是一件好事，用戶省去了切換的成本，尤其是新平臺跟老平臺長得像都是沒什么問題的，這樣用戶切換新平臺阻力就小了很多。
但是當(dāng)我們需要定義一個新品類時，這個思路就會不一樣。
定義新品類
舉個例子，國際化品牌Airbnb，在2014年的改版中做了很大的調(diào)整，這次改版后發(fā)現(xiàn)，要找房子下單，搜索瀏覽和操作效率并不是很高，但是他們還是做了這種低效高顏值的選擇。
對大多數(shù)人來說，私人房屋短租給其他人的這種服務(wù)是個新產(chǎn)品，是高端還是低端用戶其實沒有概念。所以在2014年Airbnb重新推廣的時候，他的設(shè)計理念是各位房客先別管這個產(chǎn)品是什么樣的模式，先說這個事情是不是看起來很酷。是不是酷這件事對于一個新產(chǎn)品是重要的，如果我用過一個酷的產(chǎn)品，分享給朋友。對方往往也會因為我分享的產(chǎn)品酷而覺得我這個人很酷。有些實用性還不錯但是品牌調(diào)性沒那么高的產(chǎn)品，用戶使用完后會覺得“把這個產(chǎn)品分享給別人，并不會給我加分”而止步分享。鑒于此，我認為Airbnb高顏值雖然一定程度上犧牲了效率，但是拔高了品牌調(diào)性，也就提高了產(chǎn)品的推薦值，是一個正確的選擇。
那么當(dāng)我們需要重新定義一個已有品類時，我們的思路是什么呢？
重新定義品類
這是我們2016年發(fā)版的首頁設(shè)計，自如和跟之前的租房平臺不太一樣，所以我們的首頁設(shè)計要重新定義一個品類。以前，尤其是我們80后對于租房會有什么樣的感受都是有一些認知的，比如說黑中介…其實大家都有一些印象，被坑過的80后不在少數(shù)。自如出現(xiàn)的時候可能就需要重新整理大家對于這個品類的認知。所以我們在設(shè)計首頁的時候，先用一個高顏值大圖展現(xiàn)一下房子是什么樣子（因為我們的房子確實顏值很高品質(zhì)不錯），搜索按紐也不是很大。所傳達的思路是我們希望用戶在找房子之前對我們的平臺有些認知，或者說對租房這個品類，打破固有的刻板印象，有重新的認知。我把這種重新定義已有品類的設(shè)計方法定義為“我們不一樣”。
在今年，自如的影響力大了很多，在這個背景下我們進行了新一輪的改版。雖然從用戶的角度講可能進APP第一件事是要找房子，但是從企業(yè)的角度，企業(yè)有很多想要傳達給用戶的信息，這個頁面也是讓用戶知曉其他業(yè)務(wù)的入口（自如給大多數(shù)人的印象是一個租房平臺，但是我們也有像保潔，搬家這類的服務(wù)）這些入口也許用戶當(dāng)時不會點擊，可是當(dāng)他需要用保潔，或者搬家的時候就會想到好像自如有這么一個業(yè)務(wù)，之后他會去自如的首頁找。所以多條業(yè)務(wù)線的并列呈現(xiàn)，也有類似廣告曝光的作用。
我用這張圖來代替我們的原型圖，我們要展現(xiàn)多條用戶線的時候很依賴于這個界面上的多個按紐，當(dāng)時就想能不能順著這個思路在盡可能的情況下做的好看一點。我們之所以覺得這個界面給你的感覺沒那么好，是因為這個界面信息量太大了，還有色彩的沖撞過猛了。
我覺得色彩的間隙太小了，應(yīng)該加大，所以加了一些白框，讓這些顏色之間離的更遠，顏色間的沖撞也就比較小。
然后再看這個顏色本身，我們是不是可以選一些相對共性的顏色，比如把標(biāo)準(zhǔn)的紅綠藍改成紅，暖綠，和偏綠的藍（暖藍），然后把選中的顏色找他的擴展色，用擴展色畫出一些按紐。
這就是我們后來首頁的樣子。
低頻應(yīng)用的阻力設(shè)計
作為一個低頻使用的App，跟高頻使用的App阻力設(shè)計思路最重要的不同點是什么呢？我從學(xué)習(xí)成本這點來切入。
學(xué)習(xí)成本
微信的聊天記錄刪除功能，有一點學(xué)習(xí)成本。
用戶在使用中偶爾向左滑發(fā)現(xiàn)了可以刪除聊天記錄，通過偶爾的觸發(fā)，用戶學(xué)會了這樣刪除聊天記錄。通過后期每天不斷地使用強化了對這個功能點的記憶。
但是我們的低頻App似乎沒有這個機會，由于使用次數(shù)比較少，有些功能隱藏起來的話用戶大概率永遠都不會去用。設(shè)計時不但要把點贊的按紐放出來，而且點贊的時候還要告訴用戶，點贊后飄在右上角。
告訴用戶收藏之后，收藏列表可以點擊右上角這個按鈕查看。我們不但要把所有的功能擺出來，而且還要告訴用戶這個功能下一步怎么走。因為他如果這次沒學(xué)會，以后可能也不會用這個App了，這點跟高頻的產(chǎn)品不一樣。
點擊數(shù)據(jù)
我們設(shè)計首頁的時候?qū)τ邳c擊數(shù)據(jù)會有一個預(yù)期和目標(biāo)，但是往往數(shù)據(jù)反饋會跟設(shè)計初衷多少有些不相符。大家可以猜一下哪是點擊率最高的…在這里我只能告訴大家一個大概的排名。我們當(dāng)初希望是租房的點擊高一些，因為用戶點擊后可以了解我們有多少個租房產(chǎn)品，所以我們把它在視覺上設(shè)計的重了一些。但是其實搜索是排在他前面的，用戶對于大面積的區(qū)域像banner這類東西是有免疫力的，所以不管做的多花哨其實用戶會習(xí)慣性的忽略掉，也就是視覺中心和實際的交互中心不見得一樣。合租在租房的前面，整租都可以在前面，看來用戶還是比較仔細的看了我們的界面，而且可以斷定大家對于合租是什么東西了解的很清晰。
可以看到，“租房”這個按紐我們剛開始設(shè)計的時候，感覺應(yīng)該是高的，因為這個是總集，我們在后期的訪問中發(fā)現(xiàn)用戶認為這個是表示分類，所以設(shè)計的雖然明顯，但是用戶仍然認為這個不可點。
減少阻力
減少阻力，需要跟用戶的預(yù)期相符。
租房按紐怎么做交互才能讓用戶感到順暢？租房的按紐包括右邊的四種，其實是個1.5級（介于一級頁面和二級頁面之間）的界面，所以點擊左側(cè)的租房，用戶會進入“租房”頁面。而右邊的這四個Button應(yīng)該還在，只是這四個按紐變成放大精細版。包括租房Button的底圖，也是放大放在頁面最上面，這跟用戶的預(yù)期才比較一致。
從首頁到列表，到詳情再到下單及更深層的頁面，頁面的ICON和精細程度和用力程度都不一樣，層級越深視覺沖擊越輕。
如圖，最右側(cè)預(yù)約那一列，假設(shè)設(shè)計師有足夠精力和時間，是否可以把最右側(cè)的頁面做的視覺更豐富，甚至跟首頁一樣？然而我們現(xiàn)在的規(guī)范里面仍然不允許做的更花哨，原因是我們認為在前半段的時候，用戶需要一些阻力來提升注意力，從首頁先認知這個租房APP跟他平時認知的不一樣，接下來有一些信息的輸入比如圖片，再往后，如果一旦點約看或者是點簽約，這時他的決策做好了，產(chǎn)品要做的事就是一步步往以最快的速度，完成這個事情，不要讓他有任何的猶豫，不要讓他分心，任何的分心都有一定的概率讓這個流程中止甚至是終止。
如圖，我把整個流程的信息阻力畫了一個曲線，首頁阻力是最大的，越往后越小，實質(zhì)性的信息越多。決策前需要讓用戶提升注意力，所以信息量要大，表達要豐富。一旦決策后，信息的傳達以最簡潔的排他形式存在，讓用戶路徑盡可能的縮短也讓信息阻力盡可能的變小。
以上就是是我對信息阻力設(shè)計的整理，希望大家能夠有所收獲。
藍藍設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.wnxcall.com
