toast属于一种轻量级的反馈,常常以小弹框的形式出现,一般出现1到2秒会自动消失,可以出现在屏幕上中下任意位置,但同个产品会模块尽量使用同一位置,让用户产生统一认知。 关于Toast的显示时间,Android自带的两种时间属性Toast.LENGTH_SHORT和Toast.LENGTH_SHORT分别为2秒和3.5秒,但是我的设计习惯一般会自定义为1.5秒和2.5秒。Toast中的文本超过10个字符用2.5秒,少于10个字符用1.5秒。 在样式上,尽量和产品整体风格保持一致,这样会更和谐,不至于突兀。 淘宝&豆瓣 2. Snackbar 同Toast,SnackBar同样是Android特有的临时框。 SnackBar继承了Toast的所有特性,即:为小弹窗的形式,会自动消失。有三个差异化:①可以出现0到1个操作,不包含取消按钮;②点击SnackBar以外的区域,SnackBar会消失;③一般只出现在屏幕底部。 在实际的产品设计中,我没采用过SnackBar这种形式,在平时使用APP时也很少看到。所以放了两张MD规范中的图。 带一个操作 & 不带操作 举个可以采用SnackBar临时框的场景:当删除某张照片时,可以在屏幕底部出现Snackbar,提示“照片成功删除”,并附带撤销操作,当用户点击撤销时,照片可恢复。用户不进行操作Snackbar则消失,照片删除成功。 APP中所有临时框的设计,基本上不会脱离上面提到的五种形式,这五种形式是按照临时框的作用和呈现形式来划分的。当然也可以按照开发的实现方式来划分(Android端):Dialog、Toast、SnackBar、Popupwindow、Activity等等。但这种划分对用户来说并没有什么价值,但对于设计师来说知道什么样的临时框可以用什么代码去实现,会更容易推动自己的设计方案。 总结一下,一共有五种临时框:警告识图,操作菜单,全局模态,Toast,SnackBar。知道这五类临时框的作用与特点,就能在设计APP临时框时做到心中有数,游刃有余。 特殊情况下的APP设计(1):注册登录页设计 特殊情况下的APP设计(2):启动页的设计 特殊情况下的APP设计(3):如何处理加载页面 特殊情况下的APP设计(4):网络异常时该如何设计? #专栏作家# 邹志楠,微信公众号:邹志楠,人人都是产品经理专栏作家。用户体验设计师,专注于互联网产品设计。 (责任编辑:本港台直播) |