場景-需求-行為模式-產(chǎn)品設(shè)計(jì)（如何滿足行為模式）
一個(gè)偶然的機(jī)會(huì)大脉，在逛手機(jī)淘寶時(shí)發(fā)現(xiàn)搜索的關(guān)鍵詞粗略與詳細(xì)膨桥，搜出商品的展示方式不一樣州刽，粗略搜索展示方式為卡片式導(dǎo)航辕狰，詳細(xì)搜索時(shí)展示方式是列表式導(dǎo)航矿酵。通過自己的觀察思考并結(jié)合一些資料對設(shè)計(jì)的根源進(jìn)行總結(jié)分析唬复，希望可以對自己以后的設(shè)計(jì)思考有幫助。
例如全肮，搜索“大衣女”與搜索“大衣女 羊絨紅色”搜索結(jié)果展示不同敞咧。
這引發(fā)了我對這兩種展示方式的思考，列表式導(dǎo)航與卡片式導(dǎo)航到底有什么區(qū)別辜腺，分別應(yīng)用于什么樣的場景呢休建？先看兩種布局的表現(xiàn)形式以及特點(diǎn)。
卡片式：往往是左右擺放的卡片评疗，突出圖片测砂，并配文字?jǐn)?shù)據(jù)信息。
列表式：往往是上下列表布局百匆，小的圖片或icon配文字?jǐn)?shù)據(jù)信息砌些。
首先這兩種展示方式功能上的不同。
卡片式
1.卡片式注重圖片信息對比加匈，通過不斷的滑動(dòng)加載我們能夠快速的通過上下左右圖片的對比篩選出我們心儀的產(chǎn)品存璃。
列入淘寶買大衣時(shí)，我們輸入“大衣女”這樣并不是很具體的搜索雕拼，可能用戶只是想買一件大衣纵东，對衣服的款式，材質(zhì)悲没，顏色等并沒有具體的目標(biāo)篮迎。而衣服的款式繁多，通過快速大量衣服圖片的對比示姿，用戶就能夠快速選出自己心儀的衣服甜橱。
2.卡片式承載的信息更豐富，交互性更強(qiáng)栈戳。例如岂傲，可以在卡片上進(jìn)行點(diǎn)贊等操作。
列表式
1.列表示注重?cái)?shù)據(jù)對大量文字信息的篩選子檀。列表式從上到下排列镊掖，更符合用戶的閱讀習(xí)慣乃戈，相同字段的信息獲取一目了然，能夠快速篩選需要的信息亩进。例如症虑，淘寶搜索“大衣女 羊絨 紅色”時(shí)，衣服的款式顏色對比的需求就弱于價(jià)格等信息的對比归薛，因?yàn)榭钍筋伾绢愃频荆@時(shí)候列表式就更加符合用戶的目的。
另外主籍，有時(shí)候由于粗略搜索與詳細(xì)搜索的界限模糊不清习贫，淘寶可能無法預(yù)知用戶是先樣式（卡片式展示）還是要對比價(jià)格（列表示展示），所以提供了兩種展示方式切換的功能千元，是非常實(shí)用的苫昌。
2可以在一頁中展示更多信息，通過上下滑動(dòng)可以獲得大量信息幸海。例如新聞?lì)怉PP祟身。
應(yīng)用場景不同
新聞?lì)怉PP往往采用列表式展示方式，我們可以從用戶場景及行為模式來分析涕烧。
用戶在瀏覽新聞時(shí)月而，往往需要知道今天都發(fā)生了什么事，然后挑選感興趣的內(nèi)容深度瀏覽议纯，用戶的行為模式為：快速大量瀏覽-篩選感興趣信息-進(jìn)一步瀏覽父款。用戶首先要大量瀏覽信息，量的需求優(yōu)先于深度閱讀的需求瞻凤，所以列表示更加適合用戶的這種行為憨攒。
而一些APP更注重圖片信息的篩選與對比，使用卡片式導(dǎo)航更加合適阀参，例如肝集，PinterestAPP ，我們需要對比篩選圖片然后找出適合自己的目標(biāo)圖片蛛壳。行為模式為大量瀏覽圖片-上下左右對比-篩選-反復(fù)對比-判斷選擇杏瞻。在這種行為模式下，對比的需求就更大一些衙荐，所以卡片式是更適合的方式捞挥。
總結(jié)
綜上所述，當(dāng)用戶行為為大量閱讀的需求優(yōu)先忧吟，或者進(jìn)行文字?jǐn)?shù)據(jù)對比優(yōu)先時(shí)更適合列表式導(dǎo)航砌函。
當(dāng)用戶行為偏向于反復(fù)對比優(yōu)先，再去做決定時(shí)，或者圖片表達(dá)優(yōu)優(yōu)先讹俊。更適合卡片式導(dǎo)航垦沉。
另外，再具體的設(shè)計(jì)中還需要考慮到其他方面的需求仍劈，綜合考慮來進(jìn)行設(shè)計(jì)厕倍。
