童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

APP反馈的三种形式:toast、snackbar、dial

1月1日 天浪楼投稿
  聪明的产品会在恰当的时间给予恰当的反馈,不反馈、反馈不及时、反馈不对都会让用户反感你的产品,从而失去用户。
  现在的公司是做软硬件一体化,我负责OS层面的交互方案,这里会遇到要制定一些设计原则,从而让产品体验更统一。我们都知道,针对信息提醒,有一种设计形式叫toast,如何对toast进行规范,引发了我写这篇文章。
  1。反馈
  互联网产品存在两套反馈机制,一套是有明显界面变动的反馈,例如你点击淘宝列表页,立马就进入了商品详情页,页面的及时跳转是明显的视觉反馈;再比如你输入完账号密码,点击登录,登录成功,并进入了APP首页,这也是很明显的视觉反馈。
  但,如果某种反馈不明显该怎么办?例如,你登录的时候你输错了账号密码,点击登录,是进入不了APP的,这个时候大部分产品都会给予toast提示用户:密码或账号输入错误,请重试。你看到这个提示之后,就会知道自己改怎么做了。这就是反馈的第二套机制:通过设计不同的形式来提示用户。
  常见的反馈有三种样式:toast、snackbar、dialog。
  2。Toast
  toast属于一种轻量级的反馈,常常以小弹框的形式出现,一般出现1到2秒会自动消失,可以出现在屏幕上中下任意位置,但同个产品会模块尽量使用同一位置,让用户产生统一认知。
  在样式上,尽量和产品整体风格保持一致,这样会更和谐,不至于突兀。
  豆瓣APP淘宝APP
  3。Snackbar
  Snackbar继承了toast的所有特性,即:为小弹窗的形式,会自动消失。有三个差异化:可以出现0到1个操作,不包含取消按钮;点击Snackbar以外的区域,Snackbar会消失;一般只出现在屏幕底部。
  带一个操作不带操作
  Snackbar只出现在Android平台,提示程度比toast稍重,介于Toast和Dialog之间。
  Snackbar使用场景:当你删除某张照片时,可以在屏幕底部出现Snackbar,提示“照片成功删除”,并附带撤销操作,当用户点击撤销时,照片可恢复。用户不进行操作Snackbar则消失,照片删除成功。
  4。Dialog
  如果Toast和Snackbar两种形式都不足以达到你需要的反馈强度,则推荐你使用Dialog的形式,即对话框提示。
  强提示运营消息
  如上图,Dialog有两种使用场景,第一是很强的消息提示;第二是重要的运营消息。
  由于Dialog不会自行消失,必须用户操作后(点击确定或关闭)才能消失,所以会打断用户当前任务,这会增加用户的焦虑和不安感,影响用户体验,请谨慎使用。如果一定要使用Dialog形式来提示用户,可以尝试在视觉上做得更有趣,减少用户的焦虑和不安。
  除了Toast、Snackbar、Dialog之外,还有一种临时框,叫Actionbar,该提示框一般用于让用户选择操作,而不是作为反馈或消息提示。
  所有的设计形式都是服务于产品功能,而产品功能则来源于用户需求、公司战略、老板意志等方面。在知道每种设计形式的来龙去脉的基础上,让设计形式服务好用户和公司。
  临时框:Actionbar
  5。总结
  人机交互最重要的一条原则之一:反馈。我们拿人与人之间打比方,和某朋友聊天,你依据他一句,针对你的每个话题他都在给你反馈,有言语的反馈、表情和动作的反馈等。试想一下,如果某个傻逼朋友,你说一句,他半天不理人,你会不会很懊恼?为什么?因为他没有给你应有的反馈。
投诉 评论

创业公司设计师怎样从0到1设计一款APP?(立项)创业公司在产品立项时期有什么特点?作为设计师又该如何入手?一起来看看。最近听到的最多的就是讲故事和场景两个词。我们尽可能地还原用户在特定的环境下所产生的行为。在场景中判断……目标导向设计法的应用:爱奇艺PC站风云榜改版总结本文通过爱奇艺PC站改版的例子,介绍了目标导向设计法在实际工作中的一次应用。爱奇艺PC站的风云榜,是一个提供各种频道榜单的荟萃之地。其存在的主要功能,是让用户能够了解热门……《游戏化设计》读书笔记:如何有条理地设计用户激励系统最近工作中需要设计一套面向产品核心用户的情绪激励安抚系统,也因此再次翻出了《游戏化设计:改变未来商业的新力量》一书。过去在想用户激励怎么做的时候,我的思考方式偏向从比较……论心思,有多少icon经得起放大来看?设计师常吐槽甲方的审美一塌糊涂,要求改稿数十次,末了来一句“还是第一版好看”。(图自你丫才美工公众号)每个人都可能成为甲方。但糟糕的审美究竟是怎么来的?每日所……思考:如何在体验设计中营造惊喜感在体验设计中营造惊喜感的方式千千万万,本文作者举例分享了几点,一起来看看在平时的设计工作中,我们有时候会陷入一种千篇一律的平淡式苦恼,觉得类似的产品基本都是差不多的信息架……干货贴:Web后台设计易被忽视的组件技巧今天我们聊一聊哪些容易被忽视的Web设计组件技巧。尽管现在各家都将产品设计的重头放在移动端,但对于运营后台管理系统,仍然会将Web端作为自己的兵家必正之地。对于有着精细化……实体联系模型如何用ER图绘制业务实体(更新了一下配图)当你设计一个新的功能模块,服务端童鞋一定会追问你具体有哪几种实体以及之间的关系,如果你没想清楚或者描述含糊,那么就有必要学习一下ER图。你是否碰到过类似的问题?设计……10个环节打造一套完整的UED流程一套完整的UED设计流程,可以让产品设计的关注点,从单点的体验设计转向全流程的服务设计。一套完整的UED流程,可以从下面10个环节来分析。1、分析业务流程和场景问题……APP反馈的三种形式:toast、snackbar、dial聪明的产品会在恰当的时间给予恰当的反馈,不反馈、反馈不及时、反馈不对都会让用户反感你的产品,从而失去用户。现在的公司是做软硬件一体化,我负责OS层面的交互方案,这里会遇到……跨平台通用账号系统(四)总结跨平台通用账号系统设计规则前面三篇文章《跨平台通用账号系统(一)浅析Facebook、Instagram、Messenger三者的联系》、《跨平台通用账号系统(二)浅析Nike系列产品的做法》、《跨平台……产品设计中要考虑6大类优先级今天来聊聊产品设计中需要考虑的几类优先级。设计中对优先级的把握就是要让我们能够将真正重要的功能内容元素放到突出的位置,以最多的界面资源去展示它们,而将次要的部分弱化,隐藏……电商后台产品设计:页面动态配置(CMS系统)(一)本文提供了CMS系统的产品设计思路,落到实际项目中,还需要权衡实际需求和自定义配置程度之间的关系。这两天3。8妇女节,各大电商又开始不断推出促销活动,借势营销。电商平台仿……
对比分析4类记账产品的差异拆解Keep,了解其产品逻辑与行业发展火花思维如何在数学思维赛道中脱颖而出?财新APP产品分析:新闻付费路漫漫携程旅拍产品分析:从财报得出“旅拍”模式的价值产品思维实战:你今天真好看你用过吗?竞品分析:小红书、考拉海购、洋码头微信视频号的胜算到底在哪里?东南亚电商巨头Shopee的养成攻略“猿辅导系”产品分析(1):快思考、慢决策的粉笔网中老年短视频小程序分析报告:小年糕早安看看的对比分析“猿辅导”产品分析:解析背后的运转逻辑提高高考冲刺阶段数学复习效率的五大策略麦冬泡酒的功效与作用药酒饮用因人而异信念的执着作文800字地震发生时我们都有哪些自我保护方法教大家荒野乱斗赏金猎人模式玩法攻略及玩法小技巧十大动物杀手自然界最隐蔽的动物杀手排行榜玻璃耐高温吗(中硼硅玻璃好不好)音频你有没有遇见过深处泥潭依然乐观的人?创业企业融资方式有哪些类型?累得造句用累得造句大全2020年农村房屋产权证怎么办理宋仲基整容前的照片对比和亲妹妹容貌相差巨大

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界