移动端的用户交互动线设计

———— / BEGIN / ————

用户的交互是在从下载之后打开app（或小程序或h5，这里特指移动端）遇到的第一个选项开始，从一些功能授权也好，功能指引提示也好，从这里开始。

一、标签

在这个平台上有什么内容你能为他提供什么，这个有两种方式可以展现：

一种是常用的启动页或引导页，通过几行短描述和图片展示平台内容；另一种是用户主动选择一些喜好的内容标签。

我在不同的平台上看到文字和图片这两种打标签的形式：文字与画面，用户的感知力主要是放在画面上。

用户对文字的理解抽象感更大，只要稍微有点符合的就算是或不是；而且文字描述是需要用户去思考解读的内容类型，对你的平台不重视的话更倾向于随便选几个或跳过。

用图片来做类型的筛选，也需要把握好图片内容，需展示具体清晰一目了然的内容。

图片的具象化可以给用户提供统一内容价值，让用户不去思考就可以辨别选项，且不会对内容产生歧义。

例如：衣服、帽子、裤子，或是用户选了之后，可以提供多种不同类型的衣服、帽子、裤子。

如果用图片无法清晰定义选项的内容，例如音乐类型：朋克、金属、小清新、民谣，其实很多用户的喜好很杂，并没有清楚定义自己的喜好方向。

而且有些用户喜欢某些音乐属于当中的某个流派，但不一定喜欢那个流派的所有音乐，单凭确切的文字描述不是很贴切到用户的喜好。

反而是给多几组类型的歌手图片，让用户选择几组具体喜欢的歌手，通过选择的歌手曲风来分辨用户喜好的音乐风格的比例。

而且图片内容能够贴切到用户具体的喜好内容，用户的配合度更高。

我之前在一个平台上看到过一个交互方式，有选项“换一换”以及进入“下一步”，我在选择图片内容的时候，不知不觉操作好几组“换一换”选择了更多的图片内容。

这个操作对我来说无思考负担，而且是我确切的具体喜好。相比我之前经常随便选或跳过的文字选项，这个图片选项我的对待态度是完全不同的。

后面想了一下，的确是非常好的一种交互方式。

这种打标签的交互方式主要是在有做个性化推荐的平台会出现，其实这个也是一种双向选择——如果有个性化推荐的需要，可以在进入首页前加上。

除了是我们给用户打标签，根据用户标签来展示内容，也是给用户知道我们平台有这些内容可以为他提供。

如果不是往个性化推荐方向发展的平台的话，为以后的数据打下基础也好，也可以通过这种方式具象化用户画像，可以另外提供一个入口加上一些用户激励，让用户选择一些针对平台内容或用户喜好的标签内容，通过这种方式来进行用户调研。

二、整体联动

标签之后进入首页，如果有一些用户操作指引的图层，可以在这个图层上给用户明确的内容指引。

不过不管有没有，首页的运营内容，也是需要产品和运营人员一起去规划把握好的一个因素。

首页是一个门面，特别是第一屏的内容展示。

有些太花里胡哨的图片，而这些图片又不能很好的展示出这个模块的内容，图片的抽象形式大于背后真正内容，用户要去仔细注意到图片下方的小文字，那个才是你这个模块真正的内容。

需要去思考的模块位置，往往是热力图上交互最少的地方。

我当时做的首页是以模块的形式，运营可以自主拼接，整体的内容把控都是在运营上。

当时接入了某个数据平台，以电商来说，进入首页主要是以推荐内容为主，分类页以具体内容为主，是两种不同类型的用户：

一种是有明确商品需求的用户，一般就直奔搜索页或分类页；另外一种无目的型的浏览用户，首页就是主要的浏览动线了。

设计用户交互动线的一个重点是：不能断。

不管是针对哪种类型的用户，我们都是希望他的交互动线是不断掉的，能够一直不断浏览点击，提高更多的SKU曝光率。

——这个说白了其实就是互相关联跳转，联动起整个平台。

可以根据商品属性或关联专题内容或同类个性化推荐算法，每个平台的内容类型不同，根据自身的内容特性去串联内容，互相跳转。

在商品详情页下方增加其他关联商品内容或专题专辑，可以让用户浏览完这个商品不选择购买的话还可以继续浏览其他商品，而不是选择后退返回上一页，在各个为空的页面主动给用户提供一些商品或内容选择。

这些需求都不难，很多平台也都有，但是如何通过位置和内容的配合，来达成整个平台的联动，还是需要不断关注调整的。

足够精准的个性化推荐可以达成粘性比较高的交互动线，都是你喜欢看的内容，交互点击停不下来。

但是如果没有足够的技术和人力去做和维护推荐引擎的话，主要还是需要产品和运营的配合设计了。

首页、专题、专辑、分类、商品详情、搜索结果、我的页面等等等等，每个页面都是整体的一部分——这个也是一句正确的废话。

这个方面主要是由于面试时候被提问到的，问我对平台的改善建议，使用过程中交互动线在很多地方断掉了，很多平台真的这个是没有做好的。

而且内容堆积没有逻辑，给到的信息也不足以让用户明确交互动线，那就主要是浏览－没有想要的内容－离开。浏览－刚好看到感兴趣的内容－点击－看完了－后退，继续浏览。

联动，看运营和产品人员有没有这个意识去维护这个交互动线了。

三、弹窗

弹窗是一种很好的交互方式，但如果是仅仅弹出需要被关掉的页面内容（例如：纯内容广告位），而不是引导下一步的交互内容，这样设计的弹窗也会被浪费。

弹窗是我们可以主动让用户进行选择的一种交互方式，这里说的主要是以首页的弹窗内容为主。

一般是会弹出展示新人福利，能够给进来有点懵的新用户一个很好的明确交互操作。

点击领取福利之后跳转至这个福利可用的商品页面，页面内容的展示引导又是另外一方面了。

比起让用户做决定，做选择会更容易的多。决定需要思考，选择可以靠简单逻辑判断。

需要花钱的地方，用户会主动思考，但是能不去思考的地方，用户还是更愿意不去动脑。很多在闲暇时候打开的移动端内容（app、微店h5、小程序等），不要让我想，但是你也需要提供具体的指示内容或选项让我操作。

如果返回上一页内没有我想要的内容，那我就离开了。

电商的底层逻辑可以适用于很多类型的平台，SKU的多跟少的展示方式不同，但总体来说都是需要主动去提高商品展示的曝光率。

这个在电商的底层逻辑上是共通的，越贴近用户喜好的内容，从曝光到转化的漏斗才能提升。

从标签开始贴近用户喜好内容，从联动提高商品曝光率。

我之前参加上海站的产品经理大会上看到一个关于转化率数据描述：

0.5秒的产品标题－2秒的价格－10秒的产品亮点－100秒的考虑购买。

那在产品上要如何把握这个时间去设计对应的平台逻辑，下一篇我们交流一下。

———— / END / ————