30 | 产品案例分析：Primer的扑克牌交互

今天还是打算从几款应用出发，跟你分享一种目前很流行的交互形式，以及它在各种领域的应用。

这种交互方式看起来很像在玩儿扑克牌，所以我们就姑且管它叫扑克牌交互，这其实也是卡片设计的一种，所以单独拿出来说一说。

我们从 Google 出品的一个叫做 Primer 的说起，Material Design 是 Google 发布的设计规范，卡片是其中很重要的一个元素，所以我们可以看到 Google 官方的很多应用中都有卡片设计，Primer 就是其中之一。

自然接受的暗示

Primer 是一个技能学习类的应用，通过卡片去介绍和讲授一个独立的话题。它还会要求用户登录，以便做个性化推荐，说实话看到这个要求的时候我脑海中一闪而过，觉得 Google 就是这个时代的老大哥。

我们来看这个应用，结构非常直观简单，Lesson 和 Lesson Sets，Lesson 包含于 Lesson Sets 中，安排很直观、很好理解。一个课程中有说明性卡片和互动式的卡片，这些分类用户是不需要理解和区分的，很自然。

在整个课程推进的过程中，我们要做的就是读内容，翻卡片，卡片会随着手的方向被推走。可以看到有的卡片是一张，有的是一叠。如果我们去分析，会理解一叠是一个知识点，一张是一句话，但在用的过程中，我们很自然地就会接受这个暗示。

独特的信息展示

这里有一个我特别喜欢的交互和信息展示结构，是当我们两个手指缩放的时候，你可以看到完整的课程结构，当然有一些灰掉的是还没有看到的，不能点开看，要循序渐进；但这里把水平和竖直两个方向都利用起来。

我之前在不断探索各种可能的信息关系怎么展示的时候，我有一次做梦就梦到过一个类似的结构，但我梦到的是三个维度的，也就是还有纵向，后来看到 Primer 这个结构的时候，我还挺高兴的。

在我们不断学这些内容的过程中，还有一个值得关注的交互，就是这个 App 会拦住你不断翻卡的过程，让你去做题，这个交互很像是在学校上课考试。而且有一些题目其实是告知的过程，总之，通过让你做选择，强制你思考，而不是开自动挡一张张划卡。

类似的卡片应用

类似这种卡片的应用也很多，比如 Tinycards，这是一款教育类应用，正面是题目，反面是答案，利用卡片的正反面，可以背单词学东西。

Swiipe 则是利用卡片交互来读新闻，右划收藏，左划则不感兴趣，点进去就可以读到新闻的内容，整个过程也是基于卡片来制作的。SweatDeck 则是利用扑克牌健身，也是基于翻卡牌的交互，每个扑克牌都是你需要做的动作。还有 Tinder，跟 Swiipe 类似，是一款卡片交友的软件。

我们利用扑克牌的交互方式不断地推着用户做事，基于这样的架构，人的操作会非常自然，这样的交互下，内容也被划分零碎，用户接受起来不会有那么重的负担。同时，你也可以思考：自己平时熟悉的内容应用，如果改成扑克牌操作，跟现有的传统架构相比会有哪些差异。

戳此获取你的专属海报