本文總結(jié)單列設(shè)計(jì)與雙列設(shè)計(jì)的差異，以及這些差異對(duì)產(chǎn)品的影響。

單列指『Instagram』這類展示每列展示單張大圖的展示方式。

雙列指『小紅書』這類展示兩列大圖的圖片展示方式。

同類型的應(yīng)用也常常會(huì)看到有些應(yīng)用采用單列，有些采用雙列，像小紅書和instagram，快手和抖音。

所以作為一個(gè)患有職業(yè)病的設(shè)計(jì)師，刷手機(jī)的時(shí)候常常會(huì)冒出這些腦洞：

• 小紅書為什么采用雙列設(shè)計(jì)，如果用單列設(shè)計(jì)會(huì)怎樣？
• 抖音和快手一個(gè)全屏一個(gè)雙列瀑布流，哪種方式更好？這種差異給產(chǎn)品帶來了哪些影響？
• 如果你來重新設(shè)計(jì)一個(gè)圖片社區(qū)或者一個(gè)短視頻APP，你會(huì)選擇哪種方式？

所以就寫了這篇文章來幫自己盤點(diǎn)，希望在工作中碰到這樣的抉擇之前能清楚地下判斷。希望對(duì)你也有所幫助。

一、單列設(shè)計(jì)

好處一：降低信息密度，不用思考

單列可以盡量減少讓用戶選擇。對(duì)于沒有明確目的，只是用戶拿來填充碎片化時(shí)間的產(chǎn)品來說，可以減少用戶思考的成本，看到一個(gè)內(nèi)容感興趣快速點(diǎn)進(jìn)去看了，不需要在大量信息中篩選自己感興趣的東西。非常適合Kill Time類型的產(chǎn)品。

例如：懶飯 VS 下廚房

作為一個(gè)下廚小白，我在打開下廚軟件前大部分情況下的心理活動(dòng)是這樣的：今天在家做飯吧——不知道做什么——上APP看一下吧。

『下廚房』是雙列設(shè)計(jì)，默認(rèn)進(jìn)入是個(gè)性化推薦列表，每次打開都能看到四五個(gè)做的非常美味的菜品，每次都成功讓我陷入了選擇糾結(jié)癥。

而『懶飯』是大圖單列設(shè)計(jì)，默認(rèn)進(jìn)入的是今日推薦列表，所有菜譜是編輯精選出來大多數(shù)情況下可能我覺得這個(gè)黃瓜炒蝦仁看起來很不錯(cuò)就開始看視頻動(dòng)手了。

對(duì)于下廚APP，我覺得大多數(shù)廚房小白用戶的訴求分兩類，一類是明確需求，希望快速找到某個(gè)明確菜品的菜譜，比如怎么做紅燒肉，一類是模糊需求，希望能快速找到一個(gè)還不錯(cuò)的菜譜開始下廚。

對(duì)于兩個(gè)應(yīng)用設(shè)計(jì)上的不同選擇，我覺得是產(chǎn)品定位上有比較大的差異，『下廚房』可能希望做成一個(gè)廚藝愛好者社區(qū)，上面的菜譜基本都是UGC的內(nèi)容，雙列設(shè)計(jì)能讓更多用戶的作品被曝光，但同樣帶來的風(fēng)險(xiǎn)就是選擇菜譜變得更困難了，讓下廚這件本來就很難的事情斷絕在了開頭…

『懶飯』是下廚房今年推出的新APP，整個(gè)應(yīng)用像是一個(gè)教你做飯的老師傅，上面的菜譜均由官方出品，配有精美的下廚視頻教程，決定下廚——走進(jìn)廚房可能是所有小白下廚里最艱難的一步，懶飯的所有設(shè)計(jì)都讓這一步變得更加簡單了。

不得不說，下廚房的這一步做的太明智太聰明了。

如果你的產(chǎn)品也是主推官方精品，面向廣大小白用戶，單列大圖的設(shè)計(jì)可能會(huì)更適合，可以減少用戶思考成本，盡快上手。

例如：抖音 VS 快手

我一直覺得『抖音』在讓用戶上癮這件事上做的很極致很聰明，上癮式的設(shè)計(jì)之一就是用單列設(shè)計(jì)，打造完全沉浸式的體驗(yàn)，用戶打開抖音視頻自動(dòng)播放，不知不覺就開始看下去了，不感興趣立即劃走，就像一個(gè)快樂的魔盒，永遠(yuǎn)沒有盡頭，你永遠(yuǎn)不知道你劃了多少下。

在短視頻這個(gè)領(lǐng)域里，我覺得自動(dòng)播放+單列設(shè)計(jì)要明顯優(yōu)于雙列瀑布流。

雙列瀑布流決定了短視頻不能自動(dòng)播放，因此你可以看到快手上的短視頻封面會(huì)做的很用心，要么放明星美女要么放吸引眼球的標(biāo)題，總之吸引點(diǎn)擊轉(zhuǎn)化的關(guān)鍵全都集中在視頻封面上。

而單列設(shè)計(jì)+自動(dòng)播放可以盡量發(fā)揮視頻的優(yōu)勢(shì)，決定用戶留存的戰(zhàn)線被拉長了，變成開頭的那幾秒。

所以我覺得如果你的產(chǎn)品是幫用戶Kill Time的，你也希望用戶對(duì)你的產(chǎn)品上癮，單列設(shè)計(jì)會(huì)更契合當(dāng)下用戶不想動(dòng)腦只想“哈哈哈”的需求，當(dāng)然前提是算法做的好。

最后多說一點(diǎn)減少讓用戶思考這件事，我碰到很多情況是業(yè)務(wù)上不太注重減少用戶思考這件事，很多時(shí)候希望每屏能盡量多展示一些信息，留白能少則少，但我覺得『Don‘t make me think 』在信息爆炸，用戶注意力匱乏的時(shí)代變得越來越重要了，尤其是移動(dòng)端碎片化的使用場景下，一個(gè)簡潔清晰沒有那么多干擾信息的界面變得更難能可貴了。

好處二：提高單個(gè)內(nèi)容的轉(zhuǎn)化

適合偏媒體型產(chǎn)品，通過提高版面占比，更多內(nèi)容的透出，提高單個(gè)精品內(nèi)容的點(diǎn)擊轉(zhuǎn)化。在廣告變現(xiàn)上，單列要遠(yuǎn)遠(yuǎn)高過雙列。

例如：App Store 2017 VS Old App Store

個(gè)人認(rèn)為2017 Apple Store的顛覆性改版是非常非常成功的改版，直接將當(dāng)時(shí)有些疲軟的軟件應(yīng)用市場重新變得充滿活力，是一次通過提升用戶體驗(yàn)達(dá)到商業(yè)目標(biāo)的一次非常好的案例。

如果對(duì)此有興趣可以看下這篇：App Store顛覆性改版，對(duì)用戶和開發(fā)者的影響 深度剖析了Apple Store的發(fā)展歷程。

回到設(shè)計(jì)上來講，新版Apple Store的采用的設(shè)計(jì)策略之一就是內(nèi)容外顯，在首頁Today里大膽采用了單列超大圖的設(shè)計(jì)方式，第一屏基本只能看到1.5張卡片，帶來的差異就是App的開發(fā)者們終于可以不用憑小小的圖標(biāo)分勝負(fù)了，他們可以用比原來更豐富的一張精美大圖去吸引用戶點(diǎn)擊下載，對(duì)于用戶來說，點(diǎn)開Apple Store看到的終于不是一排排五顏六色的小圖標(biāo)，而是一張制作精美吸引你點(diǎn)擊的圖片和一段可能正好切中你訴求的標(biāo)題。總而言之，更好“逛”了。

非常好理解的是，當(dāng)你展示的更多，越可能吸引到別人。Apple Store改版的設(shè)計(jì)聰明程度也顯示在此，數(shù)據(jù)顯示，原先通過瀏覽下載的數(shù)據(jù)量也從10%上升到15%以上。

因此如果你希望用戶在你的產(chǎn)品里完成“種草——轉(zhuǎn)化”的行為，與其百花齊放地提供給用戶更多平均的選擇，不如加大猛料在一個(gè)選擇里，用每天一個(gè)精品選擇讓每天上這個(gè)APP都充滿驚喜和收獲。

二、雙列設(shè)計(jì)

好處一：總有你喜歡的

單列設(shè)計(jì)對(duì)頭部內(nèi)容容錯(cuò)率很低，頭部內(nèi)容質(zhì)量極大影響用戶留存，用戶刷兩屏不感興趣立馬就走了。而雙列對(duì)內(nèi)容的容錯(cuò)率較高，用戶刷兩屏能看到更多內(nèi)容，因此可以允許產(chǎn)品展示更多元化的內(nèi)容。

例如：小紅書；毒

我理解『小紅書』是一個(gè)UGC圖片種草社區(qū)，用戶每天都會(huì)在上面發(fā)布大量的筆記，從服裝到養(yǎng)生，內(nèi)容涵蓋領(lǐng)域非常廣泛。因此我理解有兩點(diǎn)原因讓小紅書選擇雙列瀑布流的展示方式：

• UGC內(nèi)容的質(zhì)量不能完全把控，只能用更多的內(nèi)容留住用戶，總有你喜歡的。
• 一次性能讓更多作品被曝光，有助于提升社區(qū)內(nèi)容創(chuàng)作者的活力。
• 觀看者的目的性不明確，可能想看護(hù)膚可能想看搭配，需求精準(zhǔn)匹配的可能性較低。

并且對(duì)于社區(qū)來說，雙列設(shè)計(jì)的長期好處可能要遠(yuǎn)超單列設(shè)計(jì)。一個(gè)社區(qū)的健康發(fā)展非常依靠內(nèi)容創(chuàng)作者，而單列設(shè)計(jì)會(huì)讓頭部的內(nèi)容獲得更多關(guān)注，而腰部尾部的關(guān)注相應(yīng)就少很多，長期以來不利于社區(qū)的健康發(fā)展。

所以如果你的產(chǎn)品是一個(gè)泛品類的UGC社區(qū)，不能保證每個(gè)內(nèi)容都能精準(zhǔn)地吸引到用戶，用雙列設(shè)計(jì)是一種又保險(xiǎn)又健康的選擇。

好處二：“找”的效率更高

非常好理解的是，雙列比單列能展示更多的信息。這個(gè)優(yōu)勢(shì)在帶有較強(qiáng)目的性的產(chǎn)品里就非常重要，能極大提升用戶“找”的效率。比如淘寶的猜你喜歡，用戶本身有模糊的購物意向，逛淘寶跟逛街類似，可能不是為了買某個(gè)具體品牌的某個(gè)東西，而是想看看有沒有什么可以買的。這個(gè)時(shí)候雙列設(shè)計(jì)如同一排排商品貨架能夠快速地在一屏瀏覽更多到寶貝，更容易在里面發(fā)現(xiàn)自己心儀的物品。

例如：淘寶的猜你喜歡；Pinterest

所以如果你的產(chǎn)品使用場景是用戶帶有比較明確目的的，建議使用雙列設(shè)計(jì)，讓用戶能更快速地找到自己想要的東西。

總結(jié)

逛單列和雙列設(shè)計(jì)的產(chǎn)品有點(diǎn)像吃一家不提供菜單的高級(jí)餐廳和一家奢華自助餐，單列設(shè)計(jì)是我提供給你最可能喜歡的菜品給你，你只要安心坐著一道道吃下去就好了，雙列設(shè)計(jì)是我不確定你喜歡什么，所以我提供更多選擇給你，這么多菜品里總有你愛吃的。

單雙列不是一個(gè)絕對(duì)的選擇，但卻是一個(gè)影響深遠(yuǎn)值得細(xì)細(xì)斟酌的選擇。

從個(gè)人盤點(diǎn)來看，有兩類產(chǎn)品的選擇比較清晰：

• 偏媒體型的產(chǎn)品——單列能讓用戶更不費(fèi)力地讀到更精品的內(nèi)容
• 社區(qū)平臺(tái)類的產(chǎn)品——雙列更容易讓社區(qū)呈現(xiàn)百花齊放的發(fā)展

同時(shí)在做選擇時(shí)，可以從以下的好處去判斷，哪些優(yōu)勢(shì)是你的產(chǎn)品更看重的。

單列設(shè)計(jì)的好處：

1. 減少用戶思考
2. 提升單個(gè)內(nèi)容的轉(zhuǎn)化

雙列設(shè)計(jì)的好處：

1. 展示更多元的內(nèi)容，總有你喜歡的
2. “找”的效率更高

拓展閱讀

亂翻書-單列和雙列會(huì)帶來廣告變現(xiàn)上的哪些不同？

App Store顛覆性改版，對(duì)用戶和開發(fā)者的影響

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

題圖來自Unsplash，基于CC0協(xié)議