大概你平时没太注意,但每次打开 App,手指最先点到、目光最先扫到的那几排图标,就是金刚区。它像个小型的交通枢纽,一边给用户指路,一边把流量引向各个业务线。平台型产品尤其离不开它——功能越来越多,服务越来越杂,总得有个地方把最重要的东西摊到用户眼前。

眼下常见的金刚区,大多是两到三行,每行四五个图标。麻烦就出在这十几个位置里:到底放哪些应用、怎么放,背后总有两股力量在较劲——一边是产品想推的“推荐应用”,另一边是用户自己选的“常用应用”。尤其是新功能上线、急需强推的时候,必须在方寸之间做取舍:既要给够曝光,又不能把用户的自选应用挤得找不着北。
这么一来,推荐设计就不是单纯把图标画好看的事了,得根据业务需求,去选一种或几种方式来配合。常见的做法有这么几种,各有利弊。
混在一起,不刻意区分

最直接的方式,就是不做视觉上的区分,图标风格完全统一,只是把推荐应用放在前面,用户自选的应用排在后面。推荐几个、占多少位,全由产品说了算。这么做的好处是灵活,推荐数量不受限,而且位置靠前,天然容易被注意到。淘宝就是这种思路的典型。它里面的服务应用实在太多,用户还可以在“服务应用”里点关注,把常用功能挂到首页金刚区,所以淘宝会用左滑的方式扩展金刚区,避免新推荐把用户自己关注的图标硬生生挤走。但即便这样,混排的缺点也藏不住:单靠位置靠前,推荐效果偏弱,往往还得搭配其他视觉手段来强化;而且后期一旦不断塞入新应用,用户自选的位置很容易被挤掉,每次打开都可能发现“我的东西又挪了”,那种别扭感挺明显的。
单独成行,划清界限
另一种做法,是单独拿出一整行,专门放推荐应用,图标风格、大小甚至底色,都和下面两行明显不一样。用户一眼就能分清哪些是 App 让你用的,哪些是你自己选的。支付宝新版本走的也是这个路子。这样识别极快,推荐效果突出,不会被淹没。但缺点也很明显:一行就那么几个坑位,推荐数量被卡死,想多推也没有空间。而且如果设计风格差异过大,把握不好,容易让页面显得割裂。所以它更适合推荐数量少但强度高的场景,比如只推一个核心新功能,或者某个阶段性的重点业务。
加个标签,抓住视线
这可能是最常用的手法了——在推荐应用的图标上打个小标签,比如“新”“热门”“推荐”,用颜色和形状制造一个视觉焦点,引导用户点击。标签不光能推新功能,还能标注服务特点,像“限时”“免费”“有优惠”,这就比单纯靠位置变化多了一层信息。它的优势在于灵活且成本低,不用动整体布局,也不用改图标风格,加个角标就行。即便推荐应用稍微多一点,也能靠标签保持一定的吸引力。不过,标签太多也会互相打架,用户反而不知道该看哪个。所以控制数量、保持克制,是这种方式的要点。
让图标自己动起来
如果想让某个应用更显眼,还可以给它加一点微动效——轻微缩放、呼吸灯效果,或者一个简单的符号动画。在周围一片静止的图标里,那个动的自然会跳出来。这种方式很适合只推一两个应用的情况,因为动效越少越聚焦,越多越干扰。要是整排图标都在动,画面会变得乱糟糟的,效果大打折扣,用户甚至会感到烦躁。所以它只能作为点睛之笔,没法大面积铺开。

在“更多”上动点心思

还有一种动效,并不直接用在金刚区图标上,而是用在“更多”入口。支付宝就在“更多”图标上做过类似隐藏图标的微动效,有意营造一种“里面还有东西”的感觉,吸引用户点进去看看。这里面推荐的不是那些天天要用的功能,而是刚上线、需要让用户知道,但又没必要长期占据金刚区位置的应用。通过这种方式,用户不会觉得被强行塞了一堆东西,产品也完成了新功能的告知,算是一种比较温和的曝光。
辅助手段,强化感知
除了金刚区本身的改动,还有很多辅助手段可以打配合。比如把搜索框的默认提示词设置成推荐应用的名字,或者在搜索页里给某些关键词加上“热”的小火焰图标,设置“大家都在搜”“热门搜索”等板块。甚至在全部应用列表里,也可以置顶推荐应用,再配合首页的 banner、活动入口一起推。这些手段不直接改金刚区,但能从多个触点反复触达用户,让推荐效果更立体。当推荐强度要求很高时,单一方式往往不够,需要组合使用。
说到底,金刚区的推荐设计看着简单,其实真不是照搬别人的样式就行。推荐几个、推多强、是短期还是长期、要不要跟用户的自选打架,每个问题都对应着不同的设计选择。落地时,完全可以根据业务需求,从上面这些方式里挑一种,或者把几种揉在一起,做出最适合自己的方案。
立即登入