最近在設(shè)計(jì)一個(gè)新的拍攝玩法，用戶點(diǎn)擊拍攝后，首先會(huì)進(jìn)入一個(gè)素材列表頁(yè)，選擇對(duì)應(yīng)的素材后進(jìn)入拍攝頁(yè)面開始拍攝。經(jīng)過(guò)一個(gè)版本上線后收到的定性和定量的用戶數(shù)據(jù)反饋都顯示，在素材列表頁(yè)的選擇階段，用戶的流失率較高，用戶對(duì)于素材選擇行為的目的性明顯不足。

原設(shè)計(jì)稿如下圖所示：

根據(jù)用戶的訪談反饋，主要是對(duì)于素材列表頁(yè)的樣式認(rèn)知出現(xiàn)了偏差，而問(wèn)題根源來(lái)源于兩方面：

1. 樣式：當(dāng)前的素材列表頁(yè)樣式采用的是類似宮格樣式，1:1的方圖更像是一個(gè)視頻內(nèi)容；封面圖片為明星內(nèi)容，而不是一般意義上的貼紙或、文字等素材樣式；加之素材名稱往往以內(nèi)容來(lái)命名，用戶對(duì)于『這是一個(gè)素材』的認(rèn)知被削弱了。
2. 用戶習(xí)慣與記憶：這是一個(gè)隱藏的，但是與用戶體驗(yàn)深度相關(guān)的疏漏。新的玩法是作為視頻App的一個(gè)新的拍攝互動(dòng)玩法，用戶對(duì)于視頻的認(rèn)知和記憶根深蒂固，而且封面圖都是明星，用戶對(duì)于明星的直觀指向就是視頻內(nèi)容，這就導(dǎo)致用戶一看到這種宮格樣式的頁(yè)面，第一反應(yīng)就是這是一個(gè)視頻列表頁(yè)，而不是素材列表頁(yè)。

在收到用研同學(xué)的反饋后，設(shè)計(jì)師有研究了一些競(jìng)品的素材列表的設(shè)計(jì)樣式，發(fā)現(xiàn)了一些通用的設(shè)計(jì)樣式：

1. 宮格樣式-小影

小影蘇素材列表樣式多樣，其中的宮格樣式同樣選取1:1的方圖，但是其標(biāo)題文案描述、標(biāo)簽內(nèi)容與素材內(nèi)容較為一致；方圖畫面風(fēng)格選擇和樣式上都具有很強(qiáng)的一致性，因此并不會(huì)產(chǎn)生過(guò)多的認(rèn)知偏差；

2. 列表樣式-小影，抖音，小咖秀，音樂(lè)app

列表樣式的素材，弱化了圖片內(nèi)容，增加了素材的文案描述和說(shuō)明內(nèi)容，同時(shí)增加符合場(chǎng)景的下載、收藏、拍攝icon，能夠強(qiáng)化用戶對(duì)于『素材』的認(rèn)知，便于用戶理解；

3. 瀑布流樣式-小影

小影的這種瀑布流樣式素材列表頁(yè)面不太常見(jiàn)，但是由于畫面效果更加突出，標(biāo)題描述、下載icon的存在，給用戶傳達(dá)的信息同樣比較明確。

由此可見(jiàn)，對(duì)于素材列表頁(yè)的重新設(shè)計(jì)，需要從以下幾點(diǎn)展開：

1. 避免與當(dāng)前APP內(nèi)的視頻樣式?jīng)_突，選取差異化的樣式；
2. 增加標(biāo)題文案描述，同時(shí)可給出對(duì)應(yīng)的玩法引導(dǎo)；
3. 增加對(duì)應(yīng)的拍攝icon，提升引導(dǎo)效果。

概念方案

總結(jié)

從素材列表頁(yè)面衍生到其他APP內(nèi)頁(yè)面，除了要與用戶的心理預(yù)期和認(rèn)知一致，避免產(chǎn)生偏差影響轉(zhuǎn)化率；同時(shí)也要考慮用戶對(duì)于APP的使用習(xí)慣和固有記憶。尤其針對(duì)新的內(nèi)容或者互動(dòng)玩法，要盡量避APP內(nèi)已有的設(shè)計(jì)樣式，防止給用戶帶來(lái)認(rèn)知混淆。

作者：蝦米&胖喵，百度交互設(shè)計(jì)師

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