通用统计模块设计java_App产品设计『核心模块』通用模块（二）

这是《App产品设计指南》系列文章的第8篇内容&＃xff0c;更多精彩可以点击下方链接查看。

上篇文章介绍了一些常见的通用模块&＃xff0c;在本文中我们会接着了解App产品中的通用模块&＃xff0c;这次和大家介绍的是关于消息提示类的模块。

在开始正文之前&＃xff0c;我们先了解一个概念&＃xff1a;弹窗。弹窗分为模态弹窗和非模态弹窗两种&＃xff0c;模态弹窗就是不能进行其他操作的弹窗&＃xff0c;非模态弹窗则可以继续进行操作。非模态弹窗通常都有时间限制&＃xff0c;出现一段时间后就会自动消失。

Toast吐司

Toast吐司是我们经常用到的一个组件&＃xff0c;它是一种非模态弹窗。Toast不会获取到焦点&＃xff0c;通常显示一段时间之后就会自动消失。

Toast可以出现在屏幕顶部&＃xff0c;中央或者底部&＃xff0c;具体如何选择需要和平台定义的整体规范保持一致。

Dialog对话框

Dialog属于比较重度的场景&＃xff0c;而且会有很多衍生的类型。

Dialog是一种模态弹窗&＃xff0c;不会自行消失&＃xff0c;必须用户进行操作才会消息。由于中断了用户目前的操作&＃xff0c;如果该信息不是必须的&＃xff0c;用户会感觉焦虑&＃xff0c;愤怒。所以使用Dialog一定要慎重。

Snackbar消息条

Snackbar是非模态弹窗&＃xff0c;谷歌MD规范里对Snackbar的定义是&＃xff1a;一种针对操作的轻量级反馈机制&＃xff0c;常以一个小的弹出框的形式&＃xff0c;出现在手机屏幕下方或者桌面左下方。它们出现在屏幕所有层的最上方&＃xff0c;包括浮动操作按钮。

Snackbar与Toast比较相似&＃xff0c;属于比较轻度的消息提示&＃xff0c;不会打扰用户的正常操作。另外它可以和其他的操作进行组合&＃xff0c;使用场景会更加广泛。比如说文案&＃43;按钮这种组合形式。

Snackbar目前没有统一的中文叫法&＃xff0c;有人叫做消息条&＃xff0c;有人叫做操作提示栏。Snackbar和下文中提到的Noticebar比较类型&＃xff0c;但也存在很多不同点。下面会针对差异点重点介绍一下。

位置

Snackbar通常位于页面底部。

停留时间

Snackbar一般停留时间比较短&＃xff0c;超过时间自动消失。或者是点击Snackbar上的操作&＃xff0c;触发操作的同时消失。还可以点击Snackbar以外的区域&＃xff0c;Snackbar也会消失。

数量

Snackbar只有一个。

Noticebar通告栏

Noticebar是非模态弹窗&＃xff0c;通常位于页面顶部&＃xff0c;一般用作系统提醒、活动提醒等通知。

位置

Noticebar通常位于页面顶部&＃xff0c;比如在搜索框下面&＃xff0c;全局导航下面。

停留时间

Noticebar可以是查看后直接关闭&＃xff0c;或者是始终显示。

数量

Noticebar可以有一个也可能有多个&＃xff0c;但一般建议只使用一个。

Actionbar操作面板

Actionbar和Dialog比较类似&＃xff0c;都是模态弹窗&＃xff0c;用户需要进行操作。Actionbar组件可以放置更多的功能按钮&＃xff0c;提供更多选择。用户可以选择点击“取消”按钮或者点击上方的遮罩层关闭弹窗。

Actionbar的样式比较多&＃xff0c;比如纯文字&＃xff0c;图文混排等。

无论选择什么样的组件都是服务于产品功能&＃xff0c;服务于用户需求&＃xff0c;用户场景。所以我们在产品设计时一定要尽可能多的挖掘、理解用户&＃xff0c;甚至可以自己设计出组件&＃xff0c;交互模式。

在写作过程中&＃xff0c;如果有意见或者想法&＃xff0c;欢迎有兴趣的读者添加我的微信一起交流探索&＃xff0c;共同进步。