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

———— / BEGIN / ————

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

一、标签

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、整体联动

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

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

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

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

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

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

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

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

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

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

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

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