思考兩種用戶使用路徑（一種寬而淺，一種窄而深），就像是我和女朋友的生活習(xí)慣，她喜歡把用過的東西全部攤在外面，方便下次一眼就看到然后使用；而我喜歡分門別類的整理好放到抽屜里，下次我再用到必須先找到對應(yīng)抽屜，打開翻找才能發(fā)現(xiàn)需要的用品。兩種方式，孰優(yōu)孰劣？

有些事情在不同階段我們會(huì)有不同的理解：好多小時(shí)候的道理，我們大起來未必認(rèn)可，很多讀書時(shí)學(xué)的東西，到工作中自己運(yùn)用起來，發(fā)現(xiàn)完全不是這樣。如果有人問我：工作這些時(shí)間，有沒有發(fā)現(xiàn)什么道理是和之前腦中認(rèn)為的大相徑庭？我一定會(huì)說：那些年我們因?yàn)榕露嗵D(zhuǎn)一個(gè)頁面而把盡可能多的內(nèi)容放在一起的方式真是大錯(cuò)特錯(cuò)。至今仍有不少產(chǎn)品和運(yùn)營會(huì)糾結(jié)是不是要把某一個(gè)行為拆分成很多步驟。

它們中的大多數(shù)都用同一個(gè)理由：每多一步跳轉(zhuǎn)就會(huì)流失一部分用戶。

以下是我拿到的某個(gè)功能產(chǎn)品頁面的留存率，發(fā)現(xiàn)了什么問題？（留存率：從前一個(gè)頁面順利到當(dāng)前頁的用戶占初始用戶的比率）

1. 前兩個(gè)頁面的流失率最高，為什么呢？因?yàn)橛写罅康牟粓?jiān)定（非目標(biāo)）用戶存在，這些用戶在看到一些表單，上傳等成本較高的操作時(shí)，就會(huì)放棄使用。別糾結(jié)這批用戶，他不在你的設(shè)計(jì)目標(biāo)考慮之內(nèi)。
2. 之后的三個(gè)頁面流失率其實(shí)并不高，為什么呢？因?yàn)楫?dāng)剔除了不堅(jiān)定的非目標(biāo)用戶以后，剩下的是真正想要通過這個(gè)功能達(dá)成目的的用戶，因此只要設(shè)置得當(dāng)，路徑清晰，多1－2個(gè)頁面又何妨？

Giles Colborne在他的《簡約至上》中提出了合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移這四個(gè)達(dá)成簡約至上的終極策略。這些方式當(dāng)然沒問題，但畢竟該書主要總結(jié)的是PC端網(wǎng)頁交互設(shè)計(jì)的經(jīng)驗(yàn)，雖然具有通用性，但不同設(shè)備使用方式?jīng)Q定了，用戶在與小屏幕交互時(shí)，分層／隱藏／轉(zhuǎn)移等方式是不會(huì)減輕用戶的使用負(fù)荷的。常出現(xiàn)的情況是，你通過隱藏解決了視覺負(fù)荷，但同時(shí)又增加了用戶的思考負(fù)荷。PC端有足夠的空間去承載寬而淺的扁平化的設(shè)計(jì)，移動(dòng)端的設(shè)計(jì)思路則必須轉(zhuǎn)變，由寬而淺到窄而深。

以下是我給出的理由

1. 理由1:從PC到移動(dòng)端，屏幕大小的變化。PC屏幕只會(huì)越來越大，而手機(jī)屏幕卻因?yàn)槌治盏年P(guān)系而保持在了5.5寸的極限值。隨之而來的問題就是如何把已經(jīng)運(yùn)營多年的PC平臺(tái)上的內(nèi)容放到小屏手機(jī)中，常見的自適應(yīng)僅僅只是重置了頁面布局和部分樣式，可以做一個(gè)簡單的想象：原來PC端上滾2～3屏就能看完的頁面，放到移動(dòng)端會(huì)有多長？我想我們一定會(huì)有那么一些時(shí)候因?yàn)轫撁嫣L而對內(nèi)容望而卻步過吧。
2. 理由2:事實(shí)上，在移動(dòng)端用戶其實(shí)并不介意多跳幾頁，只要這些頁之間關(guān)聯(lián)足夠明確，而且確實(shí)減輕了用戶的思考負(fù)荷，他們就會(huì)很開心。在《設(shè)計(jì)師要懂心理學(xué)》一書中把這種做法叫做“漸進(jìn)呈現(xiàn)”。在用戶使用產(chǎn)品時(shí)產(chǎn)生的所有負(fù)荷中（視覺／手勢／思考），大腦思考帶來的負(fù)荷是最大的?！皾u進(jìn)呈現(xiàn)”的目的就在于減輕思考帶來的負(fù)荷。的確，很多時(shí)候?qū)τ谕粋€(gè)任務(wù)，分步完成的門檻要比一步完成至少看起來要低得多，就是因?yàn)椤皾u進(jìn)呈現(xiàn)”會(huì)減輕任務(wù)給大腦帶來的負(fù)荷的緣故吧。

上面是兩個(gè)同城貨運(yùn)app的主要頁面，最大的區(qū)別在于第一個(gè)app把整個(gè)叫車流程拆成了3步：選擇類型－需求車型－基本信息，第二個(gè)則把所有內(nèi)容操作都整合到了一個(gè)頁面里。顯然，第二個(gè)app是希望用整合的方式讓用戶能在一個(gè)頁面里面高效的完成所有任務(wù)操作，但它忽略了一個(gè)很重要的問題，就是貨運(yùn)叫車這件事情，是不是一個(gè)簡單的任務(wù)？或者說，用戶在頁面上面進(jìn)行任意一個(gè)選擇的時(shí)候，需不需要思考，如果需要，如何給予信息的幫助？很明顯，第二個(gè)app把視覺負(fù)荷將到了最低，但卻忽略了用戶思考時(shí)帶來的更多的糾結(jié)。

最后，為了不讓讀者誤解，我必須再強(qiáng)調(diào)一下，這些觀點(diǎn)都是基于功能性產(chǎn)品的。這些產(chǎn)品的設(shè)計(jì)初衷就是要讓用戶去完成一個(gè)功能任務(wù)，因此簡潔明確的文字引導(dǎo)，合理的交互樣式以及負(fù)擔(dān)合適的任務(wù)流程分拆是這類產(chǎn)品可用性的基本保障。

與功能性產(chǎn)品相對應(yīng)的，是運(yùn)營產(chǎn)品：主要指大型活動(dòng)／推薦／精選等等頁面。在這里我就不討論運(yùn)營產(chǎn)品的設(shè)計(jì)思路了，初略的總結(jié)就是：“用戶很懶，你需要在最少的時(shí)間內(nèi)或是用最低的成本吸引到用戶的眼球?！?/p>

結(jié)尾

PC時(shí)代的淺而寬在移動(dòng)時(shí)代也許已經(jīng)不再是金科玉律。由于屏幕的限制，我們或許需要拿出更多“砍內(nèi)容”的勇氣，同時(shí)不要害怕窄而深的路徑，這樣才能讓移動(dòng)端的體驗(yàn)越來越好！

作者：俞俊偉（微信號(hào)yu8656302）新浪微博交互設(shè)計(jì)師，交互界新人 2年互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)，目前負(fù)責(zé)微博全站用戶運(yùn)營產(chǎn)品的優(yōu)化及日常維護(hù)&獨(dú)立負(fù)責(zé)微博股票產(chǎn)品的設(shè)計(jì)工作。

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