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

iOS和Android规范解析:提示框(Toast)对比

1月13日 封了心投稿
  在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。
  交互设计师在设计交互稿的时候,时常需要一些反馈手段,以提示用户操作的结果。Toast是其中很常用的一种:它简单、小巧、对用户的打扰小。然而现在很多应用中,存在对于toast过度使用的情况,并且常常出现Android样式的toast出现在iOS应用中(反之亦然)的情形。在研究了iOS和Android的规范之后,笔者惊人地发现iOS中其实是没有toast这种部件的。到底我们在设计的时候应该如何处理这种部件呢?且看下面的分解。
  GoogleMaterialDesignGuideline
  Google的MaterialDesign规范中,将toast和snackbars归为一类。下面是规范中对snackbars的定义:
  Snackbars包含一行与进行的操作直接相关的文案(文案前不可有icon)。它可以包含一个操作。
  Snackbar示例
  规范中对toast的定义:
  Toast优先适用于系统提示。它也在屏幕下方出现,但是不能被划出屏幕外(而被清除)。
  Toast示例
  Snackbarstoast该如何使用呢?以下几点是从GoogleMD规范中归纳出来的:
  行为:Snackbarstoast从屏幕底部向上出现,经过设定的秒数后消失,或者用户进行了别的操作它们也会消失。
  Snackbar出现和消失
  简洁:提示的文案要简短,包含的操作按钮最多只有一个,或者没有。(注意,snackbar不能包含使其消失的“取消”按钮!)
  左边是正确的,右边是错误的(因为多了“取消”按钮)
  不可重叠:snackbar与floatingactionbutton不能重叠
  snackbar与floatingactionbutton不能重叠
  一次只出现一个:如果出现了一个snackbar,这时候用户进行了操作,需要出现另一个,则第一个snackbar从上向下退出,之后第二个snackbar从下向上出现。
  反例:不能同时出现两个snackbars
  以上是GoogleMaterialDesign中对于snackbars和toast的介绍。
  iOSHumanInterfaceGuideline
  对于iOS系统,在研究了iOS的规范之后,笔者有个惊人的发现:严格地说,iOS规范中没有Toast这个部件。笔者找遍了iOS的人机交互设计规范,都没有找到对于Toast这种部件的介绍,在iOS系统中,与toast功能相似的是“HUD”(透明指示层)。
  iOS系统中的HUD弹窗
  将iOS的HUD与Android的Toast经过对比,它们的区别有以下4点:
  HUD出现在屏幕的中央,Toast在底部;
  HUD可以由icon,Toast不能有icon,只能用文字;
  HUD一般是毛玻璃透明,Toast一般是灰黑或者黑色半透明;
  HUD中内容可以变化(如调节音量时),Toast中内容不可变化。
  另外,在iOS的设计规范,与toast关系最紧密的“feedback(反馈)”一节中,也没有提到Toast或者HUD。笔者分析后认为,苹果对于Toast这种形式,是比较谨慎的,也就是不鼓励大量使用这种组件。在介绍“反馈”原则时,苹果提到:
  潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是:用户可以不用进行操作或者被打扰,就能得知重要的信息。
  Unobtrusivelyintegratestatusandothertypesoffeedbackintoyourinterface。Ideally,userscangetimportantinformationwithouttakingactionorbeinginterrupted。
  并且还祭出了苹果自家邮件应用的例子:
  该应用在更新状态后的反馈,是在应用的底部操作栏,展示了当前邮件的状态:“刚刚更新,2封未读”。这正是符合苹果“不操作、不打扰”的原则。相比之下,在屏幕中间出现HUD,虽然也不用操作,但是打扰的程度却严重了许多。
  因此,在对iOS的应用进行设计的时候,操作的反馈最好是这种打扰程度比较小的,或者通过操作本身就能看到结果的,比如下面这个例子:
  用户进行删除操作之后,短信就消失了,这时候就不需要再弹出HUD提示“已删除”。
  以上对比了iOS和Android设计规范中对Toast这类提示框的用法说明。有一点还想提醒大家:规范是官方给出的最标准的做法,但是具体的运用还是要看场景的需要。很喜欢初中老师说过的一句话:“学数学要会‘死去活来’,要死死地掌握住公式,然后灵活运用”。对于规范,也是这个道理。
  欢迎留言交流。让我们在讨论中共同成长。
投诉 评论 转载

实战经验在工作中,交互设计师应学会的“僭越”本文是刚入行的交互设计师结合整个实际项目实践,尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系,希望帮助设计新人找到与上下游配合的一点灵感。协助产品经理确定……交互设计思路:积分模块改版总结作者根据工作经验对积分模块改版进行了一些总结,与大家分享,希望可以从中收获点滴。积分已经成为每个互联网平台黏住用户,增加平台留存率的重要手段之一,金融平台也不例外,虽然积……APP设计:那些打动人心的设计点(4)你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨……iOS和Android规范解析:警告框(Alerts)规范是最标准的情况,场景是千变万化的,具体运用的时候还是需要根据场景来灵活应用。在iOS的设计规范以及Android的MD规范中,都有警告框(Alerts)这个组件。笔者……在无线产品中,一些普适的交互设计原则及实践本文作者将逐条列出其总结的无线产品设计领域应当遵循的的一些基本原则,并在每条原则下辅以实例说明以便理解。开始正文之前,再次明确一下什么是交互设计,我认为交互设计可以狭义理……思路总结:从体验设计角度做有效竞品分析本文作者总结了自己在实践中学习和应用过的竞品分析思路,一起来看看竞品分析的概念大家都不陌生,在产品有了大概方向、但业务需求还没有完全明确时,UX设计师可以先行开始搜集分析……从用户视角看设计:分享我从用户测试里吸取的5个教训用户视角对于设计师来说,是需要学习的。我一直喜欢做用户测试,甚至为此写过一篇安利文《作为交互设计师,都应该尝试的低保真原型测试》。用户测试对设计师的能力提升来说最好的一点……设计和建立设计体系规范的小贴士毫无疑问,我被问到最多的就是关于设计规范体系的建立。所以在过去几年里,最多思考的就是如何设计、建立完整的设计体系,像Marvel,Bantam和Modulz这样的产品,下面我想……iOS和Android规范解析:提示框(Toast)对比在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。交互设计师在设计……关于用户体验你应该知道的8件事用户体验(UserExperience,以下简称UX)是一个含义很广泛的术语,近两年来我们从越来越多的人们口中听到这个词,但是并不是每个人都真正了解究竟什么是用户体验。人们对于……帮助视觉设计师高效工作的三大招互联网视觉设计师如何在职业上精深一直是我在思考的,遇到过许多视觉设计师想转行去做交互或者项目经理,找不到视觉设计师的价值和专深入点。我也在思考与探索中,下文是我现在想到的一些点……交互实战覆盖层设计:弹出式半屏页面和弹出式气泡(下)上篇《交互实战覆盖层设计:对话框浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snack……
从用户角度去分析:“我”为什么选择用小米直达服务?小米直达服务:小米的下一个护城河?圈钱又圈粉,拆解互联网“工具流”创业大招网易有道词典APP体验报告:弱社交的综合性在线教育AppFaceu尝试在相机工具中做社交,这样就可以黏住用户了吗?浅析电商类APP中的用户互动功能三线城市本地化服务产品竞品分析乐分商城和脉单细数小米直达服务需要迈过哪些大坑产品体验报告银联钱包能否实现银行卡管家,完美体验扫码支付享受战局与战因:内容产品服务于什么?(短视频一)民以食为天:菜谱app行业研究报告豆瓣时间复盘:文艺小清新的变现之路提高班级成绩的方法班主任提高班级成绩的方法宽容与感恩小学生作文数学教师教学反思白酒放久了到底会不会过期?tp路由器重启怎么设置瘦脸秘诀大公开最时尚的修颜发型五泄导游词成年人的儿童节,抱抱内在的孩子大理石养护原则大理石养护攻略关于暑假计划的小学生日记老年骨折的危险因子低脂菜排行榜西兰花未上榜,生菜排第3,吃瘦不饿瘦

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