如何设计一个素材列表

小提示：您能找到这篇{如何设计一个素材列表}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的如何设计一个素材列表内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

最近在设计一个新的拍摄玩法，用户点击拍摄后，首先会进入一个素材列表页，选择对应的素材后进入拍摄页面开始拍摄。经过一个版本上线后收到的定性和定量的用户数据反馈都显示，在素材列表页的选择阶段，用户的流失率较高，用户对于素材选择行为的目抖音运营吸粉的性明显不足。

原设计稿如下图所示：

根据用户的访谈反馈，主要是对于素材列表页的样式认知出现了偏差，而问题根源来源于两方面：

1. 样式：当前的素材列表页样式采用的是类似宫格样式，1:1的方图更像是一个视频内容；封面图片为明星内容，而不是一般意义上的贴纸或、文字等素材样式；加之素材名称往往以内容来命名，用户对于『这是一个素材』的认知被削弱了。
2. 用户习惯加盟意向与记忆：这是一个隐藏的，但是与用户体验深度相关的疏漏。新的玩法是作为视频App的一个新的拍摄互动玩法，用户对于视频的认知和记忆根深蒂固，而且封面图都是明星，用户对于明星的直观指向就是视频内容，这就导致用户一看到这种宫格样式的页面，第一反应就是这是一个视频列表页，而不是素材列表页。

在收到用研同学的反馈后，设计师有研究了一些竞品的素材列表的设计样式，发现了一些通用的设计样式：

1. 宫格样式-小影

小影苏素材列表样式多样，其中的宫格样式同样选取1:1的方图，但是其标题文案描述、标签内容与素材内容较为一致；方图画面风格选择和上海软文推广排名好样式上都具有很强的一致性，因此并不会产生过多的认知偏差；

2. 列表样式-小影，抖音，小咖秀，音乐app

列表样式的素材，弱化了图片内容，增加了素材的文案描述和说明内容，同时增加符合场景的下载、收藏、拍摄icon，能够强化用户对于『素材』的认知，便于用户理解；

3. 瀑布流样式-小影

小影的这种瀑布流样式素材列表页面不太常见，但是由于画面效果更加突出，标题描述、下载icon的存在，给用户传达的信息同样比较明确。

由此可见，对于素材列表页的重新设计，需要从以下几点展开：

1. 避免与当前APP内的视频样式冲突，选取差异化的样式；
2. 增加标题文案描述，同时可给出对应的玩法引导；
3. 增加对应的拍摄icon，提升引导效果。

概念方案

总结

从素材列表页面衍生到其他APP内页面，除了要与用户的心理预期和认知一致，避免产生偏差影响转化率；同时也要考虑用户对于APP的使用习惯和固有记忆。尤其针对新的内容或者互动玩法，要尽量避APP内已有的设计样式，防止给用户带来认知混淆。

作者：虾米&胖喵，百度交互设计师

本文由 @虾米&胖喵 于。，。