不妨自我測驗(yàn)一下：你大概間隔幾分鐘會(huì)拿起手機(jī)？你又有多長時(shí)間沒有持續(xù)看完一本書？
這是一個(gè)分心的時(shí)代。這個(gè)時(shí)代的特征就是——不斷被打擾、無法持續(xù)在一件事情上投入時(shí)間和精力。
包括網(wǎng)站的用戶、小程序的使用者，也存在這樣的特點(diǎn)。
 

分心時(shí)代的網(wǎng)站設(shè)計(jì)理念

面對分心的時(shí)代和容易分心的用戶，在我們看來，網(wǎng)站設(shè)計(jì)理念其實(shí)出現(xiàn)了分野。
一種設(shè)計(jì)理念是迎合“分心時(shí)代”。這種理念認(rèn)為：既然用戶容易分心，那么，就承認(rèn)這一點(diǎn)，在用戶分心之前，將信息傳遞給用戶。在這一中理念下，以企業(yè)網(wǎng)站來說，就具有了如下特點(diǎn)——網(wǎng)站的信息更少、更單薄，網(wǎng)站的結(jié)構(gòu)更加扁平化，不鼓勵(lì)用戶進(jìn)入更深層級；網(wǎng)站的加載速度要求更快；網(wǎng)站的色彩更加艷麗和吸引眼球。
在如上理念下，導(dǎo)致了這樣一種結(jié)果——用戶駐留網(wǎng)站平均時(shí)間在不斷縮短，網(wǎng)站對銷售起到的作用在減弱。因?yàn)榫W(wǎng)站設(shè)計(jì)有這樣一個(gè)規(guī)律——用戶停留時(shí)間越長，成交的概率越大。而迎合分心，會(huì)縮短用戶停留網(wǎng)站的時(shí)間。
于是，還有一種網(wǎng)站設(shè)計(jì)理念出現(xiàn)了——讓用戶更加專注，也被命名為“沉浸式設(shè)計(jì)”。
在這種設(shè)計(jì)理念下，是如何設(shè)計(jì)網(wǎng)站的呢？

如何設(shè)計(jì)專注型網(wǎng)站？

我們將從構(gòu)架、配色、內(nèi)容、UI等方面，為專注型網(wǎng)站設(shè)計(jì)提供一些建議。

樹狀構(gòu)架變?yōu)樾畔⒘鳂?gòu)架。

樹狀構(gòu)架下，需要用戶主動(dòng)去尋找信息。
以企業(yè)為例，如果用戶想要找到某產(chǎn)品價(jià)格和參數(shù)信息，流程是這樣的——進(jìn)入首頁-進(jìn)入導(dǎo)航-產(chǎn)品中心-具體產(chǎn)品頁面。而用戶往往不會(huì)走完全部的流程，因?yàn)槿菀追中模瑥闹型倦x開。但是在信息流構(gòu)架下，網(wǎng)站會(huì)主動(dòng)將產(chǎn)品相關(guān)信息推動(dòng)到用戶眼前，用戶會(huì)獲得自己想要的信息后離開或者跳轉(zhuǎn)。當(dāng)然，信息流構(gòu)架需要網(wǎng)站設(shè)計(jì)師設(shè)計(jì)出來一套合理的、個(gè)性化的推薦算法。

網(wǎng)站配色方面，從吸引眼球到安撫情緒。

吸引眼球?yàn)槟康?，?huì)傾向于使用艷麗的顏色和深色，以及對比較為強(qiáng)烈的配色。這樣的配色方案，可以迅速抓住用戶，但是也容易導(dǎo)致用戶和訪客情緒的起伏、焦慮，這又會(huì)進(jìn)一步導(dǎo)致分心和離開。而要讓用戶保持專注，需要對用戶的情緒進(jìn)行安撫，讓用戶平靜下來。為了這一目的，網(wǎng)站的配色應(yīng)該是偏冷的、平緩的、和諧的。

內(nèi)容方面，從信息告知到引發(fā)思考。

迎合分心的時(shí)候，應(yīng)該第一時(shí)間將信息告知用戶。但是，想要用戶保持專注，需要引導(dǎo)用戶思考。
所以，在廣告文案設(shè)計(jì)的時(shí)候，文案應(yīng)該傾向于提出問題，而不是告知信息，應(yīng)該傾向于使用“疑問和反問”語句，較少使用敘述、說明、祈使。
UI方面，不被打擾和干擾是保持專注的方法之一。就網(wǎng)站的UI設(shè)計(jì)而言，形式需要統(tǒng)一，可以嘗試線條UI，而不是使用更多的色塊，其目的在于淡化UI對用戶視覺造成的打擾和干擾，讓用戶更沉入到內(nèi)容和體驗(yàn)之中。
總之，對抗分心，嘗試專注，不僅僅移動(dòng)時(shí)代個(gè)人應(yīng)該學(xué)習(xí)的技能，也應(yīng)該成為網(wǎng)站設(shè)計(jì)師思考的設(shè)計(jì)方向。