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

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

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

自然接受的暗示

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

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

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

独特的信息展示

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

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

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

类似的卡片应用

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

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

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

评论