美文网首页
首页金刚区的推荐应用设计

首页金刚区的推荐应用设计

作者: 夜的UE笔记 | 来源:发表于2020-05-28 10:24 被阅读0次

金刚区作为首页的承载核心,承担着产品功能导航和业务导流的任务。越来越多的APP首页,尤其是平台型APP已经离不开金刚区。目前金刚区形式一般为2-3行,每行4-5个。因产品需求不同,在金刚区可能会存在推荐应用和自选应用。当有新的功能上线,还会需要对其进行强推荐。这里讨论一下在进行推荐设计时,可以采用的几种形式。

01

不区分设计

指系统推荐与自选应用不在图标设计风格上进行区分。

这种情形通常前几位放置推荐应用,后面放置自选应用。具体推荐个数可以由产品方自定。

这种设计的优势在于推荐的个数不受限,而推荐置于金刚区首,相对比较易于发现。

缺点也很明显:推荐效果比较弱,需要搭配其他效果才能强化推荐;后期推出的新增应用可能还会将用户原先的自选应用位强行挤掉,会导致用户再使用过程中存在一定的迷惑感。

有一个我个人认为做的比较好的案例来自淘宝。

淘宝上的各类服务应用是非常多样的,除了系统推荐外,用户可以在进入一个服务应用后,点击关注,该服务就会出现在首页的金刚区里。因此淘宝将金刚区原先固定的位置改良为左滑的形式,将有限的金刚区拓展开,良好的避免了用户自选应用被挤的情况。

02

区分设计

指从设计风格上区分开推荐及自选应用。通常采用推荐应用单独位列一行,其余应用列两行的设计方式。

这种区别化的设计使得推荐应用能够得到更大程度的突出,用户对于推荐与自选能够一目了然。

缺点则是由于样式限制,推荐的个数有限。

而最新版本的支付宝也改成了这种类型。

03

标签推荐设计

采用标签来标记推荐应用是最最常用的方式。

用标签的添加,去强化吸引视觉的焦点,从而实现突出推荐的效果。标签的另一个优势,就是还可以标记出不同服务应用的特点,吸引用户进行点击操作。

04

微动效推荐设计

给应用图标进行动效设计,使用图标动静之间的对比达到吸引用户视线、进而推荐的目的。

这种方式适用于强推少量应用图标的时候。因为金刚区内进行微动效设计的图标越多,反而会降低推荐的效果,过多的动效也会使页面显得杂乱。

05

深层动效推荐设计

这种动效不应用于金刚区图标本身,反而应用于金刚区中的“更多”图标。

支付宝在“更多”这个图标上,进行了一种类似将图标藏进去的动效设计,适度引起用户的好奇心,引领用户去点击更多寻找。

这里推荐的并非强推服务应用,一是用户没有经常使用该功能的需求,也就没有使其长期放置于金刚区的必要;二是业务上却仍需要使用户知晓该应用的新推上线。

06

其他辅助推荐效果

除了在金刚区进行推荐设计以外,还可以进行一些辅助设计来共同强化推荐效果。

比如将搜索栏中的默认提示语设为该推荐应用名称;在搜索页面关键字添加热门标签(小火苗),增加“热门搜索”、“大家都在搜”等板块。

同理还可以在所有应用界面增加“推荐应用”等。

以及配合一些运营手段,例如头部banner、活动参与等等。

总结:

由此可见,推荐设计看似简单,却并非能够依样画瓢。最终实现的推荐设计可以根据业务需要、推荐强度,选择单一方式或者结合多种方式进行设计。

相关文章

  • 首页金刚区的推荐应用设计

    金刚区作为首页的承载核心,承担着产品功能导航和业务导流的任务。越来越多的APP首页,尤其是平台型APP已经离不开金...

  • 金刚区图标设计的4步法则

    文章结构预览: 什么是金刚区? 金刚区的意义和功能是什么? 金刚区图标的常见设计类型和表现手法? 金刚区图标该从哪...

  • 8种金刚区设计样式

    前言 当我们设计一款 App 的时候,大家在考虑页面布局和设计细节的时候可能最头疼的就是金刚区的设计,金刚区作为页...

  • 不得不说的金刚区图标设计

    前言 当我们设计一款 App 的时候,大家在考虑页面布局和设计细节的时候可能最头疼的就是金刚区的设计,金刚区作为页...

  • 金刚区

    金刚区图标应从四个方面设计 1辨识度、识别性(图标在辨识度上要优于文字) 2强调性(金刚区图标通常是在 app 的...

  • View的可见性与图片加载优化

    引子 最近在做应用内存优化,首要考虑优化的就是首页推荐位的图片。 首页.png 上图Tab页是通过ViewPage...

  • 一只“大四狗”的手机里都有啥?

    手机壁纸 女朋友的照片,十一假期拍的,个人比较喜欢。 首页应用 个人推荐: 锤子便签:老罗锤子rom自带便签应用,...

  • 翻译-小程序

    不同功能页思路 首页思路:(小程序的方法类似于Vue的MVVM设计模式) 主要分为三个大功能区:选择语言区,翻译区...

  • 微利Demo说明

    首页 在首页可以可以查看宝贝,查看推荐等 宝 可以查看个人能力值,宝的应用中心,宝的来源,在线学习和公益活动 --...

  • 产品百天-效率-布谷布谷-iOS-0531

    产品概况 获得成就 【荣获 AppStore 首页推荐,四月最佳 App】【荣获最美应用推荐】【荣获少数派,爱范儿...

网友评论

      本文标题:首页金刚区的推荐应用设计

      本文链接:https://www.haomeiwen.com/subject/knjoahtx.html