tft每日頭條

 > 圖文

 > 常用的容器控件有哪些

常用的容器控件有哪些

圖文 更新时间:2025-01-26 18:46:09

本篇文章講解功能分類之提示類,如果我是寫信息的提示類,那麼裡面涉及到的會有toast、警示框、界面内嵌、loading加載、tips提示、空數據界面、卡片等等,這就和之前講的有重複。所以,這裡寫的提示類是消息的提示類,而不是信息的提示類。

常用的容器控件有哪些(詳解組件控件結構體系)1

提示性類型一共有四類:

  1. 紅點提示
  2. 數字提示
  3. 系統推送提示
  4. 彈框提示

依舊附上一張腦圖,組件控件分類(如果單純通過組件控件,難以滿足功能劃分的需求,所以我将這個範圍擴大,分類裡面不僅僅含有組件和控件,所以請不要在意細節。)

常用的容器控件有哪些(詳解組件控件結構體系)2

紅點提示

用途

通過紅點引導用戶點擊,從而達到要給用戶傳達的信息。

使用場景

1. 以産品的目标來說,新功能更新想讓用戶知道并去使用,從而使用紅點提示用戶。

2. 新消息的提示,通過紅點讓用戶直觀的知道有信息。

3. 因為業務需要,通過紅點讓用戶去點擊操作。

舉例說明

微信讀書,列表關注欄出現紅點,點擊進去,新增微信好友出現紅點。這樣的使用是為了讓用戶加微信讀書好友從而增加微信讀書的社交化和粘度。這個屬于使用場景第三條。

QQ日迹列表出現紅點,在日迹界面,有新增動态,故通過紅點提示。這個屬入使用場景第二條。

MIX商店有新的更新,通過紅點引導用戶點擊消費,從而滿足業務目标。這個屬于使用場景第三條。

常用的容器控件有哪些(詳解組件控件結構體系)3

數字提示

用途

通過數字讓用戶知道新更新的信息數量,同時引導用戶去點擊,從而達到要給用戶傳達的信息。

使用場景

1. 通過數字來提示用戶新功能的數量。

2. 通過數字來提示用戶收到信息的數量。

3. 桌面圖标的數量讓用戶在進去App之前就知道收到的信息數量。

舉例說明

Messenger在tab 我通過數字提示,讓用戶知道列表功能的數量。這屬于使用場景的第一條。

微信消息列表通過數字讓用戶知道,收到對方多少條消息。這屬于使用場景的第二條。

iOS 桌面圖标的數量讓用戶在進去App之前就知道收到的信息數量。這屬于使用場景的第三條。

常用的容器控件有哪些(詳解組件控件結構體系)4

紅點和數字提示兩者既有相同點又有不同點

  • 相同點:都是提示用戶,從而引導用戶去點擊達到信息傳導的作用。
  • 不同點:數字提示相對于紅點提示,提示強度更大。同時數字傳達用戶的信息更完整,具體到數量。

系統推送提示

用途

前提是iOS和安卓系統推送權限打開,通過系統推送讓用戶獲取到APP要傳達的信息,屬于強提示類。用戶通過推送消息進入App獲取消息,提高産品的活躍度和使用粘性。

使用場景

1. 重要信息需要提示用戶,例如郵件,IM。當用戶收到新消息時,系統自動推送。

2. 滿足運營需求,通過系統推送消息給用戶傳達運營促銷活動,吸引用戶去消費。

舉例說明

1. 如果網易郵箱的系統權限打開時,會收到系統推送,屬于使用場景第一條

2. 貓眼有新電影上映時,會有系統推送消息,引導用戶去點擊消費,這樣的行為也提高了用戶粘度。屬于使用場景第二條。

常用的容器控件有哪些(詳解組件控件結構體系)5

彈框提示

用途

彈框可以讓用戶知道一些重要的消息,同時通過彈框為某些業務提供一個流量入口。

使用場景

1. 運營需求,通過彈框的提示語和入口,從而達到流量導入的效果

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

3. 用于重要信息的提示,單純的提示信息的作用。

舉例說明

支付寶的信用生活界面,用戶進入後會給出一個彈框提示,引導用戶去搶紅包。滿足運營需求。這屬于使用場景的第一條。

QQ的H5頁面通過彈框引導用戶去下載使用QQ音樂,這屬于使用場景的第二條。

QQ的服務号升級,通過彈框讓用戶知曉,這屬于使用場景的第三條。

常用的容器控件有哪些(詳解組件控件結構體系)6

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved