toast该何时出现

用户头像
杭州/UX设计师/6年前/633浏览
toast该何时出现
用户头像
曾啊牛

关于toast使用的一点解惑

首先要弄清楚,使用toast的根本原因是什么?信息反馈。那么就很容易区分了。


当用户操作后页面已经有反馈时,就不需要再出现toast给用户增加信息负担了;但这里需要啰嗦一句,当操作后虽已有反馈,但该操作会引起不好的后果时,设计师可根据不同使用场景选择toast的使用。


举个例子:淘宝的宝贝页面

当点击“加入购物车-确定”时,出现一个“添加成功,在购物车等亲~”的toast提醒,这是因为完成加入购物车这一动作后,当面页面没有发生任何变化,用户不知道操作后会产生什么结果,因此需要toast提醒。


当点“赞”的时候,icon颜色和文本内容会发生变化,足够起到反馈的作用,且这一操作不会引起不好的后果,这时就不需要再用toast提醒;同理,点击“收藏”的时候也是这样;

undefined


但是“取消收藏”的时候即使icon和文本发生变化,也有“取消收藏成功!”的toast提醒,这是因为“取消收藏”可能会引起“用户在收藏夹找不到该宝贝”的不好后果,因此又用toast给用户提醒。


toast的轻量化,出现几秒会自动消失的优点,让很多设计师偏爱,但滥用也会让用户有负担哦~

2
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
高级表盘系列UI源文件
【新年UI图标】影音icon
拟物风质感写实UI卡片合集源文件
高级感金属拟物 UI设计组件库
3D渐变流体抽象矢量UI背景图
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
【新年UI图标】活动icon
新拟态风格 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
钱包ui模板
【新年UI图标】礼物/活动icon
矢量立体简约UI蓝白图标
盲盒APP UI设计
【新年UI图标】积分icon
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
UI界面 组件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
新能源APP应用UIKit
【新年UI图标】汽车icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册