城市直播房产教育博客汽车
投稿投诉
汽车报价
买车新车
博客专栏
专题精品
教育留学
高考读书
房产家居
彩票视频
直播黑猫
投资微博
城市上海
政务旅游

和规范解析提示框对比

2月6日 眉梢欢投稿
  在交互设计稿中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这类提示框的用法说明。有一点还想提醒大家:规范是官方给出的最标准的做法,但是具体的运用还是要看场景的需要。很喜欢初中老师说过的一句话:学数学要会‘死去活来’,要死死地掌握住公式,然后灵活运用。对于规范,也是这个道理。
  欢迎留言交流。让我们在讨论中共同成长。
投诉 评论 转载

男士养生常识解密阻碍健康八麻烦1、他看上去越来越像个苹果大多数男人随着年龄的增长体重都会开始增加。这一部分是由于身体的新陈代谢速度变慢,另外如果摄入太多的啤酒及高脂食物,再加上锻炼太少,你的他看上去就……游记作文台北故宫博物馆故宫博物院的每一件文物,都是世上绝无仅有的稀世珍宝,小编收集了台北故宫博物馆作文,欢迎阅读。第一篇:台北故宫博物馆台北故宫博物院,位于台北市基隆同北岸士林外双溪,是……看完电视阅读下面文章,回答第16题。看完电视以后,老王一整夜都没睡好。第二天一大早就往武汉打电话,直到9点,那端才响起儿子的声音:爸,什么事?他连忙问:昨晚的天气预报看了没有?寒流快到……桃李满门唐高宗时,有位清廉的官名叫狄仁杰,他曾在一年之内,裁决了一万七千多人的罪名。在江南当巡抚使时,他率先追查各地来历不明的宗教所建立的庙宇,以破除人们的迷信;在担任预州刺史时,他更……家里的植物长地老虎怎么办大地老虎一年繁殖一代,小地老虎一年34代。它们清晨从地面上将幼苗咬断、拖入土里作为食物。对稍大花苗,它们在地下45厘米处将根皮环状咬掉,严重时苗木枯死,那么如何防治农作物虫害呢……面交造句用面交造句大全121,当时的市委、市政府主要领导坚定明确地提出,要切实改善北京地面交通拥堵状况,复八线通车后要启动地铁新线建设,并且提出力争在近年内建成八通线。122,抗战初期,中国空……龙湖公园作文350字龙湖公园真是个风景如画的好地方,小伙伴们有机会快去看看。本文为龙湖公园作文350字,希望对大家有帮助!篇1:龙湖公园作文350字我们淮南有一座美丽的公园龙湖公园,那里风景……年度造句用年度造句大全15110月1号,美国暂停了拟议中的一项1991年度总计5。74亿美元的一揽子援助方案,这其中有2。5亿美元是用于军事采购的。152在2010年,至少有23个国家实行了司……小学生日记400字有趣的课堂今天晚上七点,有趣的蜗牛课开始啦!我先向蜗牛老师打了个招呼,开始朗读《论语述而》!今天的蜗牛课告诉我很多的道理:要学会观察、努力学习!把所见所闻的,学到的知识,默默……和规范解析提示框对比在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。交互设计师在设计……一道震惊世界的数学题亚洲网民却直呼简单附答案导语:新加坡和亚洲数学奥赛中的压轴大题,曾引发西方网友疯狂想题,但亚洲网友表示这是五年级的题,题目大概的设定就是阿尔贝茨和贝尔纳德这两个小孩子想知道谢丽尔姑娘的生日,但是谢丽尔……写冬天公园的作文冬天又来临了,理所当然,纷纷扬扬的雪花也随着天气的变化,从阴沉的天空中飘落了下来。散布在这个城市的每一个角落。下面是小编为你整理了写冬天公园的作文,希望能帮助到您。写冬天公园的……
说明文金丝猴烙饼一斤面放多少水合适烙饼水的用量是多少有关牛郎织女的传说经历了什么我长大了我学会了骑自行车因为有你关于父爱的作文珍惜那一份爱高管激励和员工激励的大不同你了解吗搞笑十分有冷有损的逗以我的爸爸为题目的作文350字我家的猪可以上树这说明什么冬季易犯高血压多吃芹菜平肝降压检察院审查起诉不予起诉的依据是什么?殷桃家中玩倒立,40岁年纪20岁身材,豪宅内景如艺术馆2021年中国不干胶标签行业市场现状分析食品饮料需求旺盛明代花鸟画阅读答案高低肩怎么办?高低肩怎么矫正秋天身体燥热是怎么回事秋天身体燥热怎么办暑假生活小常识翻车鱼的死法太残忍了活活被太阳晒死蠢萌读书笔记整理续华为苏宁结盟、潘石屹没跑成、高盛减持苹果加仓阿里江苏汤沟特曲酒价格表大全及图片,其口感绵甜爽净低而不淡一粒米上京

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找