设计规范 | 详解组件控件结构体系-提示类

@Echo 本篇文章讲解功能分类之提示类,如果我是写信息的提示类,那么里面涉及到的会有toast、警示框、界面内嵌、loading加载、tips提示、空数据界面、卡片等等,这就和之前讲的有重复。所以,这里写的提示类是消息的提示类,而不是信息的提示类。

提示性类型一共有四类:

  • 红点提示
  • 数字提示
  • 系统推送提示
  • 弹框提示

依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。)

红点提示

用途

通过红点引导用户点击,从而达到要给用户传达的信息。

使用场景

1. 以产品的目标来说,新功能更新想让用户知道并去使用,从而使用红点提示用户。

2. 新消息的提示,通过红点让用户直观的知道有信息。

3. 因为业务需要,通过红点让用户去点击操作。

举例说明

微信读书,列表栏出现红点,点击进去,新增微信好友出现红点。这样的使用是为了让用户加微信读书好友从而增加微信读书的社交化和粘度。这个属于使用场景第三条。

QQ日迹列表出现红点,在日迹界面,有新增动态,故通过红点提示。这个属入使用场景第二条。

MIX商店有新的更新,通过红点引导用户点击消费,从而满足业务目标。这个属于使用场景第三条。

数字提示

用途

通过数字让用户知道新更新的信息数量,同时引导用户去点击,从而达到要给用户传达的信息。

使用场景

1. 通过数字来提示用户新功能的数量。

2. 通过数字来提示用户收到信息的数量。

3. 桌面图标的数量让用户在进去App之前就知道收到的信息数量。

举例说明

Messenger在tab 我通过数字提示,让用户知道列表功能的数量。这属于使用场景的第一条。

微信消息列表通过数字让用户知道,收到对方多少条消息。这属于使用场景的第二条。

iOS 桌面图标的数量让用户在进去App之前就知道收到的信息数量。这属于使用场景的第三条。

红点和数字提示两者既有相同点又有不同点

  • 相同点:都是提示用户,从而引导用户去点击达到信息传导的作用。
  • 不同点:数字提示相对于红点提示,提示强度更大。同时数字传达用户的信息更完整,具体到数量。

系统推送提示

用途

前提是iOS和安卓系统推送权限打开,通过系统推送让用户获取到APP要传达的信息,属于强提示类。用户通过推送消息进入App获取消息,提高产品的活跃度和使用粘性。

使用场景

1. 重要信息需要提示用户,例如邮件,IM。当用户收到新消息时,系统自动推送。

2. 满足运营需求,通过系统推送消息给用户传达运营促销活动,吸引用户去消费。

举例说明

1. 如果网易邮箱的系统权限打开时,会收到系统推送,属于使用场景第一条

2. 猫眼有新电影上映时,会有系统推送消息,引导用户去点击消费,这样的行为也提高了用户粘度。属于使用场景第二条。

弹框提示

用途

弹框可以让用户知道一些重要的消息,同时通过弹框为某些业务提供一个流量入口。

使用场景

1. 运营需求,通过弹框的提示语和入口,从而达到流量导入的效果

2. 重要功能重要信息的入口。

3. 用于重要信息的提示,单纯的提示信息的作用。

举例说明

支付宝的信用生活界面,用户进入后会给出一个弹框提示,引导用户去抢红包。满足运营需求。这属于使用场景的第一条。

QQ的H5页面通过弹框引导用户去下载使用QQ音乐,这属于使用场景的第二条。

QQ的服务号升级,通过弹框让用户知晓,这属于使用场景的第三条。

相关文章:

《设计规范 | 详解组件控件结构体系-导航类》

《设计规范 | 详解组件控件结构体系-加载类》

《设计规范 | 详解组件控件结构体系-引导类》

《设计规范 | 详解组件控件结构体系-网络异常类》

《设计规范 | 详解组件控件结构体系-空数据类》

作者:Echo(微信公众号:UEDC)

(0)

相关推荐

  • 设计规范 | 详解组件控件结构体系-单元控件类

    @Echo  本篇文章是设计规范中的单元控件类,也是设计规范系列的最后一篇,继这个系列之后我会写一些超有意思的文章,敬请期待哦! 单元控件类一共含以下7类: 搜索 开关 页面控制 图标 滑块 进度 选 ...

  • 设计规范 | 详解组件控件结构体系-加载类

    本文作者将加载划分为6种类型,分别适用于不同的场景,各有优缺点.设计师在设计时,可以根据用户的使用场景和环境设计适合的加载. @Echo 设计师在进行APP设计时,往往会更加专注于界面的布局.界面和界 ...

  • 设计规范 | 详解组件控件结构体系-引导类

    @Echo 本文是系列文章之详解组件控件结构体系的第三篇--引导类.enjoy~ 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品功能前或遇到障碍之前给予及时的引导提示. 为了业务或者产品 ...

  • 设计规范 | 详解组件控件结构体系-网络异常类

    @Echo 从用户使用情况来说,在用户在使用APP过程中,任何操作都可能出现网络异常的情况.那么,针对网络异常情况一共有哪几种设计呢?哪些情况使用全局组件,哪些情况使用局部组件呢?本文作者就按照三种网 ...

  • 设计规范 | 详解组件控件结构体系-空数据类

    UI设计师或产品经理在设计产品原型时,大部分情况都是先设计主流程的主界面,然后设计其他各个场景的界面,最后设计异常界面.空数据界面等等.那么,空数据界面一共有哪几种类型呢?这篇文章我们来看一下设计规范 ...

  • 设计规范 | 详解组件控件结构体系-导航类

    @Echo 本文作者将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航.分段控制式导航.列表式导航.下拉菜单式导航.抽屉式导航.宫格式导航和卡片式导航.enjoy~ 什么是控件?什么组 ...

  • CBox启动时弹出初始化播放控件失败的提示怎么办?如何解决

    有用户遇到启动CBox央视影音的时候弹出“初始化播放控件失败”的提示框或者播放直播始终提示“网络繁忙,请稍候重试”。有什么解决办法么?下面小编就为大家介绍解决方法,希望能帮到大家! 当您启动cbox时 ...

  • 从设计指南说起,详解Material Design体系组件

    @Echo  iOS 或 Material Design的设计指南,都是按照组件的属性来系统介绍. 一般把Control翻译成控件,把Component翻译成组件.通俗的解释说法就是组件为多个元素组合 ...

  • ie8/9下Activex控件无法加载的两种解决方法

    activex控件无法加载怎么办?activex控件是网页的加载等问题的重要软件组件,但是activex无法加载怎么解决呢?下面绿茶小编为大家带来解决方法。 IE8/IE9下Activex 控件不能加 ...