之前我在博文里提到過工具型產(chǎn)品與內(nèi)容型產(chǎn)品的區(qū)別。從網(wǎng)站目標(biāo)及用戶需求的角度來講：工具型產(chǎn)品專注于讓用戶完成一系列任務(wù)（如注冊(cè)、支付），用戶有明確的目標(biāo)；而內(nèi)容型產(chǎn)品注重提供信息給用戶（如新聞?lì)l道、分類導(dǎo)航等），用戶無目標(biāo)或者僅有潛在的目標(biāo)。成都網(wǎng)站建設(shè)公司

對(duì)于電子商務(wù)產(chǎn)品來說，一般是采用內(nèi)容型加工具型的模式：內(nèi)容型頁(yè)面部分利用豐富的信息吸引/引導(dǎo)用戶瀏覽并產(chǎn)生購(gòu)買欲望/決定，之后用戶在內(nèi)容簡(jiǎn)潔的工具型頁(yè)面部分操作，直至購(gòu)買成功。下圖大致表現(xiàn)了用戶來到一個(gè)電子商務(wù)網(wǎng)站的購(gòu)買過程，其中黃色部分代表內(nèi)容型（比如首頁(yè)），藍(lán)色部分代表工具型（比如支付頁(yè)面），灰色代表過渡頁(yè)面（比如商品詳情、收藏夾、購(gòu)物車頁(yè)面等）。

在雅秋的《交互設(shè)計(jì)的理性Vs.多樣的感性用戶》中提到了一個(gè)很好的例子（由于理解略有不同，在本文中稍有修改）：

淘寶首頁(yè)是一個(gè)內(nèi)容型頁(yè)面，它同時(shí)滿足了不同用戶的需求：紅色和綠色區(qū)域都是為具有潛在購(gòu)買目標(biāo)的用戶設(shè)計(jì)的（知道自己想買的類別或名稱，但是要看了才知道有沒有）；藍(lán)色區(qū)域是為沒有目的、隨便逛逛的用戶推薦的。

如果用戶體驗(yàn)良好，那么有潛在目標(biāo)的用戶很可能會(huì)尋找購(gòu)買入口（見下圖），下單購(gòu)買；沒有目標(biāo)的用戶可能也會(huì)轉(zhuǎn)化成有目標(biāo)的用戶。反之用戶則會(huì)流失掉。

對(duì)于有明確目標(biāo)的用戶，很可能會(huì)略過內(nèi)容型頁(yè)面，直接尋找任務(wù)入口：比如進(jìn)入購(gòu)物車頁(yè)面結(jié)算（之前加入購(gòu)物車但沒付款），或者在“已買到的寶貝”頁(yè)面直接付款等等。

至于收藏夾則比較特殊，它介于有潛在目標(biāo)和有明確目標(biāo)之間，因?yàn)橛脩羰詹卣f明對(duì)某樣商品很感興趣，但未必會(huì)最終購(gòu)買。

上面三個(gè)圖依次為淘寶的收藏夾、購(gòu)物車和“已買到的寶貝”頁(yè)面。把三個(gè)圖縮小后我們可以看到收藏夾中顯示的圖片是最大的，因?yàn)檫@個(gè)時(shí)候用戶的購(gòu)買目的還不那么明確，需要靠?jī)?nèi)容來吸引用戶；而購(gòu)物車和“已買到的寶貝”頁(yè)面就相對(duì)簡(jiǎn)潔了很多，因?yàn)檫@個(gè)時(shí)候用戶的目的已經(jīng)很明確了。