推荐系统的UI交互与视觉展示

点击上方“大数据与人工智能”，“星标或置顶公众号”

第一时间获取好内容

作者丨gongyouliu

编辑丨P新

这是作者的第27篇文章，约1.2w字，阅读需60分钟

推荐系统是一个偏工程应用的领域，要想在商业产品中引入推荐系统，利用推荐系统来帮助用户过滤信息，除了构建精准高效的推荐算法外，还需要设计适合特定场景的、具备美感的、易于交互的推荐产品形态。用户在与推荐产品交互的过程中获得推荐服务，通过UI交互完成了一次推荐产品的使用体验，体验越好的产品用户更愿意继续使用。推荐产品形态在视觉上是可以被用户感知的，用户通过可感知的视觉要素来判断推荐的标的物是否是自己喜欢的，从而决定要不要进行下一步操作。

 

上述过程中，涉及到推荐系统的视觉展示、UI设计、用户交互，这些属于产品、设计的范畴。从作者多年推荐系统实践经验中发现，推荐产品的UI交互与视觉展示在决定用户是否“消费”推荐的标的物中起着非常关键的作用，所起的作用甚至不亚于精准的算法所产生的价值，而推荐算法工程师往往忽略了它们的价值，过度夸大算法所起的作用。作者本身不是做产品和设计的，也不是这方面的专家，但是觉得这些要素对推荐系统最终能否发挥出应有的价值太重要了，因此基于自己的理解和经验，基于过去几年对产品与设计相关知识的学习，尝试写一篇文章来说明UI交互和视觉展示在推荐系统中的作用与价值。

 

本文会从信息获取与推荐系统、交互设计的基本原则、推荐系统的UI交互、推荐系统的视觉展示、UI交互与视觉展示的未来展望等5个部分来介绍相关知识点，期望给从事推荐系统相关工作的读者提供一些参考和借鉴以及一些新的思考问题的视角，也期望读者读完后对推荐产品的UI交互和视觉展示更加重视。

一、信息获取与推荐系统

人体通过感觉器官来获得外界的信息，获取信息最重要的感觉器官是眼睛、耳朵、鼻子、嘴巴、手等。智能设备(电脑、Pad、智能手机、智能手表、智能音箱、智能汽车、机器人等)属于信息技术发展过程中出现的新产品，在与智能设备交互过程中，人类可以使用的感觉器官有眼睛(看)、耳朵(听)、手(触摸)、嘴巴(说)，而鼻子是无法被使用到的，鼻子可以感受的是化学信号，而智能设备属于物理范畴，不会产生化学分子，同样道理嘴巴的味觉也是无法发挥作用的。当然，人类与智能设备交互可以借助其他辅助工具做得更好，鼠标、触控板、触控笔等就是拓展人类交互能力的优秀工具。

 

好的交互方式让人们获取信息更加方便快捷，降低了智能设备的使用门槛，让用户更加愿意使用，最终成就了智能设备的价值。过去十几年最伟大的科技发展莫过于移动互联网了，乔布斯通过发明iPhone开启了移动互联网时代，通过触屏交互让使用体验更好，连三岁小孩都可以轻松使用iPhone、iPad。移动互联网让我们的生活发生了翻天覆地的变化，对经济、产业、社会生活、沟通交流、甚至文化等各个方面都产生了深远的影响。这其中最重要的变革之一要属交互方式的变革，从传统的PC互联网时代的鼠标交互切换到移动互联网时代的触屏交互，让交互更加直接、高效。下图展示了当前三大互联网时代对应的主要产品、可使用的交互器官及交互方式，其中家庭互联网最近几年才刚刚兴起，随着小米、华为等科技巨头进入智能电视行业，家庭互联网未来几年一定会有一个大的爆发期。 

            图1：互联网时代的交互方式创新

 

推荐系统属于依附于智能设备的众多信息类产品中的一个非常重要的业务功能模块，在上述3大互联网时代中的很多产品上都有广泛应用。传统PC互联网上由于屏幕大，用户可以借助键盘、鼠标、输入法等非常方便地浏览、查看、搜素信息，在PC互联网早期阶段，信息量还没有那么多，产品也没有当前这么丰富，主流的门户网站通过编辑编排、导航、搜素等就可以很好找到需要的信息，对推荐的诉求没有那么强。虽然目前很多PC产品上也有推荐业务存在，但推荐系统在国内的迅猛发展主要发生在移动互联网上，特别是2012年今日头条将推荐作为核心业务，让推荐发挥了极大的商业价值，给整个行业提供了一个使用推荐系统的学习样本，最终促使推荐系统的应用在各类产品、各个公司遍地开花。由于手机的便携性，目前大家获取信息的主要方式是通过移动互联网，基本所有互联网公司将资源、精力主要放到开发、维护、运营移动互联网服务上，而推荐系统在移动互联网中也是最受重视的、最成熟的。在家庭互联网中，推荐系统也有用武之地，特别是智能电视目前还是主要靠遥控器操控，操作相当不便，不利于信息(视频等)查找与搜索，导航也很困难，这时推荐的价值就凸显出来了，通过精准的推荐系统可以减少用户的操作成本，大大节省用户的找寻时间。在国外，Netflix将智能推荐作为用户获取内容的重要手段，推荐系统是内容分发的核心技术，这也给国内的家庭互联网提供了示范，电视猫作为国内最早聚焦家庭大屏的视频聚合服务商，也早在2012年就开始部署推荐系统，目前有超过15种推荐系统落地在产品中，也是智能推荐系统在家庭互联网的重度使用者、践行者。

 

推荐系统是一种获取信息的方式，通过推荐算法的过滤作用，辅助用户决策，减轻用户的决策负担，降低用户的决策成本，不至于让用户淹没在海量信息的洪流中。用户通过视觉感受到推荐系统的存在，可以直观看到给自己推荐的标的物，并通过一定的交互方式来与推荐系统互动，筛选标的物，通过互动获得推荐服务。推荐系统要想发挥作用无法离开具体的互联网形态，推荐系统与用户的交互方式也无法摆脱相应互联网产品所提供的交互能力。

二、交互设计的基本原则

随着移动互联网的成熟，人类越来越依赖于从网络获取信息，这不可避免地需要跟硬件/软件互动，本质上就是人与技术之间的互动，于是交互设计这门学科就产生了，交互设计是信息科技发展下的产物。

 

《设计心理学》(见参考文献7)中将交互设计定义为：交互设计关注人与技术的互动，目标是增强人们理解可以做什么，正在发生什么，以及已经发生了什么。交互设计借鉴了心理学、设计、艺术和情感等基本原则来保证用户得到积极的、愉悦的体验。

 

为了大家可以更好地理解后面介绍的知识以及对交互设计有一个初步的了解，下面按照《设计心理学》中的归纳简单介绍一下交互设计的基本原则，第三、第四节中的一些原则和方法也是基于这些基本规则延伸拓展而来，是这些原则在推荐系统UI交互与视觉展示中的具体体现。交互设计的基本原则主要包括如下5个：

 

1. 示能(Affordance)

所谓示能是物品的特性与决定物品预设用途的主体的能力之间的关系，说的简单一点，就是物品本身就有的、特定的交互方式，不需要过多解释，直接可以被人们感知到。比如手机屏幕上有一个按钮形状的图标，大家就知道是可以用手指去点击的。示能可以给用户提供明确的操作信息，不需要用户进行复杂的思考，只依赖大脑的“系统1”就可以做出快速决定(诺贝尔经济学奖得主丹尼尔·卡尼曼（Daniel Kahneman）在《思考，快与慢》中认为人的大脑有快与慢两种做决策的方式。常用的无意识的“系统1”依赖情感、记忆和经验迅速作出判断，它见闻广博，使我们能够迅速对眼前的情况作出反应，而“系统2”依赖理性和推理来做决定，是比较慢的。而人类绝大多数决定都是由系统1做出的)。

 2. 意符(Signifiers)

意符是一种提示，告诉用户可以采取什么行动，一般可以采用文字、图案、颜色等加以说明。意符不光可以用视觉要素来展现，还可以用声音作为提示。比如洗手间门口用穿裙子和不穿裙子的简单人物原型来指代男女厕所，就是一种意符，手机上的各种提示音也是意符。

 

3. 约束(Constraint)

约束大家应该很好理解，就是对使用情况加以限制，提供有限的可选择方案，甚至只提供唯一的选择。比如手机的耳机孔是圆形的而充电孔是扁平的，这是对外形的约束，这样大家也不会插错。

 <