销售排行榜交互设计案例

“每天早上起来看看福布斯富豪榜，如果没有我的名字，我就继续上班去。”虽然这只是一个网络梗，但也从侧面反映出人们对排行榜的极大关注。在日常生活中，排行榜也随处可见，听音乐有热歌榜，看比赛有球队实力榜，买个车有销量排行榜，结个婚也有礼金排行榜...为什么人们会对排行榜如此热衷？排行榜交互设计应该注意哪些因素？本文将以销售排行榜为例，进行具体讲解。

导读目录：

Chapter1 需求背景

Chapter2 需求分析

Chapter3 交互设计

Chapter1 需求背景

需求的背景是这样的，一个主要面向销售人员使用的后台系统，打算增加一个销售排行榜的功能，把销售量最高的达人展示出来，提高销售的积极性。

Chapter2 需求分析

说实话，这是一个比较简单的需求，只需要明确规则（按照XX范围产品销售量排行）和更新频率（多久更新一次）即可，至于销售排名变化、销售提成参考、所属分公司/营业部等其他非重点因素，可根据业务需求酌情考虑增加。但是，作为一名交互设计师，如果仅仅考虑表层的功能实现，不去思考背后的需求本质，只会沦落为彻头彻尾的“线框仔”。所以，在打开原型设计工具之前，不妨多花一些时间用产品思维进行需求分析。

回到开头的问题上，为什么人们会对排行榜如此热衷呢？这需要从马斯洛需求层次理论说起，该理论是由美国心理学家亚伯拉罕·马斯洛在1943年在《人类激励理论》论文中提出，人类需求像阶梯一样从低到高按层次分为五种，分别是：生理需求、安全需求、社交需求、尊重需求和自我实现需求。

①生理需求：最基本的生存需求，例如，利用产品能实现的最基本的生存需求——点外卖。

②安全需求：人身财产安全有保障，例如，在线支付安全。

③社交/情感需求：例如，给最爱的人买一份保险，满足情感上的需求。

④尊重需求：产品给予用户带来的成就感，常见例子是游戏升级。

⑤自我实现需求：用户通过产品实现了人生追求，例如，利用股票软件赚取了第一桶金。

人们对高层次需求的追求，会转化为驱使人们行为的动力，我们常见的排行榜则属于其中高层次的需求——尊重需求，销售排行榜可能让销售人员获得成就、名声、地位和晋升机会，这是销售人员需要的。

Chapter3 交互设计

深入了解需求的本质后，交互设计已经不是难题了，我们先明确规则（按照XX范围产品销售量排行）和更新频率（多久更新一次），然后从需求本质的角度对排名前3的做交互设计展示强化，例如增加皇冠的展示；同时，因为后台系统登录用户也是销售人员，所以需要对个人排名也做展示，一方面方便和销售达人做对比，另一方面也对个人的尊重需求做进一步的强化，参考交互设计图如下图所示。

---

更多我的原创精彩的文章推荐（读完多点赞哦）

精品（超过700赞）：干货：让你全方位学习成为一名交互设计师（1.6万字诚意之作）

交互设计系列：后台全局搜索交互设计案例

Sketch教程：Sketch进阶教程：这可能是Symbol最详细的使用说明书