设计样式详解-信息流

​UI中的设计样式-信息流

信息流介绍：

信息流是涵盖很多应用程序的常见设计样式，主要以文字内容为主，它是用户了解更多细节信息的入口。信息流里面又包含着列表流和卡片流的设计分类。

列表流：

列表流主要以文字内容为主，构成结构:头像、标题/名称、概要信息、时间

列表流设计细节:

1.结构清晰（头像、标题/名称、概要信息、时间）

单个列表栏的内容信息要完整且统一。文本内容要简洁清晰，不宜过长，造成用户阅读时间浪费，应该提炼关键信息引导用户操作。

2.兜底加载，缓解用户等待焦虑

很多时候app的使用会受到网络延迟的状况影响，那么用户在打开的时候会因为这类原因等待几秒钟让内容信息加载出来，我们需要提前给用户布局，让用户知道自己的操作是否得到回应，而不是盲目的等待或者由于加载时间过长而退出应用。

卡片流：

卡片流的排版一般会搭配大图式的图片来展现，图文合一，丰富页面内容，组合样式更多样化。交互行为更多如：点赞、收藏

卡片流设计细节:

1.结构清晰（头像、标题/名称、概要信息、时间、点赞/收藏、评论）

卡片式设计会以概要文字加图片介绍为主，通常用大图搭配摘要文字，吸引用户点击进入页面查看。这样的设计样式适合线上培训课程、社交平台。

2.多样化交互行为

卡片式展示需要与用户更多的互动，活跃平台，吸引用户。如朋友圈的点赞、评论。

3.加载内容更多，预加载样式不能丢

无论是列表流还是卡片流的设计，用户点击进来都需要提前预备好加载样式，避免用户等待焦虑。预加载效果应用到各个页面的设计，这是一个很好的用户体验设计。

信息流设计作用:

1.快速浏览信息内容，找到功能入口

这类列表信息以文字内容为主，一般信息条数较多，出现频率高，用户需要快速对栏目的标题进行浏览，快速确定栏目信息内容，来决定是否进入下一步操作。

2.列表流的多为静态加载，加载速度要快

3.多数以时间线作为排序标准

4.内容板式统一

5.卡片流设计交互样式是产品的活跃度高，用户与产品连接更加亲切

6.引流用户操作行为的目标

信息流的设计方式今天就简单介绍到这里吧，有需要补充或者更正的欢迎留言探讨。

如果您对我的文章感兴趣，欢迎关注微信公众号“U点计”，每周更新2-4篇设计干货文章。