snackbar是什么意思

snackbar

快餐店;小吃店;小吃吧;快餐厅

双语例句

Vishwesh Bhatt, Snackbar, Oxford, Miss.?

维斯怀斯·巴特(Vishwesh Bhatt),Snackbar,密西西比州牛津

Snackbar Snackbar是术语,(无准确翻译,一种会自动消失,带有操作的轻量提示框)

SnackBar是用户操作后,显示提示信息的一个控件,类似Toast,会自动隐藏。它还可以添加操作按钮,等等。SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。

创建Scaffold

显示SnackBar

首先创建一个SnackBar,再通过Scaffold的方法来显示。

给SnackBar添加一个操作按钮

有时候,我们可能会想在显示的提示信息上添加一些操作。例如提示用户删除了一条消息,可以在提示信息上添加一个撤消的按钮,要达到这个效果,我们可以在SnackBar上添加一个操作按钮。

[产品设计] [用户体验]

封面用研整编文章

对于新手引导来说,用户需求是快速、愉悦地学习使用产品,产品目标是将新手用户快速转化为活跃度高、黏着度高的忠实用户。用户需求和产品目标出发的角度会不一样,有时候会存在着冲突,但并不是不可调和的矛盾,所以新手引导设计就是要平衡处理好用户需求和产品目标,实现双赢的局面。

为了不破坏用户正常使用产品原有的功能和操作,需要在引导力和对正常用户使用的干扰上做出平衡。不妨多反问自己几个问题:这个功能真的很必要引导和提醒用户吗?这个功能是需要让所有用户都知道还是某一类用户知道就可以了?这个提醒是需要所有场景都提示,还是到某一类特定场景才来提示呢?下面我们来梳理各类引导设计模式:

一. 初次使用说明引导

1. 滑动展示引导页

如今市场上大多数APP都会在初次登录的时候提供一系列滑动展示型引导页,介绍应用功能或演示交互。这种形式的缺陷在于它横亘在用户和APP之间,即使页面设计得足够精美有趣,用户也很难充满耐心地仔细阅读完。因为绝大多数的用户还是倾向于自己探索APP,即使教程对他们有所助益,但是这本身是偏离用户初衷的。

2. 使用说明书引导

“Welcome Board”是用户打开Trello的任务管理面板的时候,能看到的第一个的界面,其中涵盖了预填充的代办事项列表,说明了程序中不同控件的交互和功能,这种方式可以让用户更有效地学习产品的功能。

App Store的精华产品Paper,作为绘图软件它的交互建立在很多特殊手势之上,还定义了一些带有品牌特色的操作规范。要知道用户没有多少时间和耐心去摸索一个完全陌生的产品,因此Paper为用户使用初期做了大量的引导。

二. 场景式引导

符合场景的用户引导是在 特定的界面、场景和时刻 ,或者说 特定的用户历程的节点 ,给用户提供必要的说明。

1. 遮罩式提示

遮罩式提示为一种强引导,通过直接盖住界面来强调当前需要引导的内容。这种提示 让用户将注意力集中到某个特定的主要交互上,最大限度的减少说明的信息量 。引导内容以图层的形式叠加到对应的UI控件上,通常出现在用户首次操作的时候,并且一次只显示一个。它要求用户必须看到提示内容并且执行相应操作或触碰点击x按钮才会消失,这和app的弹窗逻辑有点类似,但不同之处在于弹窗通常都是警示或者确认是否执行操作的提醒。

虽然没有相关的统计数据,但用户直接关闭蒙灰提醒不看内容的行为是非常普遍的,使用此类提示建议设计简洁有力,文案尽量少。

2. 临时框提示

临时框可以分为两大类,一类称为 模态临时框 ,另一类称为 非模态临时框 。模态临时框需要用户必须选择一项操作后才会消失,比如 Alert 确认等;而非模态临时框并不需要用户必须选择一项操作才会消失,比如页面上弹出的 Toast 提示。

模态临时框:

A. 警告视图 Alert View

Alert View是iOS中的概念,官方定义是:警告框用于告知用户一些 会影响到他们使用 app 或设备的重要信息 。与之对应的临时框,在Android系统中被称为dialog,翻译为对话框。

回想一下,当听到一个令人震惊消息时你的反应是?大部分人的反应是“什么?”或者“你说什么?”你潜意识要求对方再说一遍。为什么?因为这个信息太出人意外了,所以你要再次确认下是不是真的!同理,当你触发了删除按钮时,App是什么反应?删除的操作太敏感了,所以需要让再次确认,这里用到的便是警告视图Alert View。 App要获取位置信息;访问相册和相机;询问是否升级App等等,这些都需要用到警告视图。

除此之外,警告视图还能作为运营活动的入口或者引导页。

从上图可以看到,警告视图包括三个部分:标题;正文;按钮。有些简单的警告视图只有标题和按钮,不需要正文来说明;另外一些可能会没有按钮,点击临时框外部区域临时框会消失。

B. 操作菜单 Action Sheet

iOS中Action Sheet中文翻译为操作菜单,对应Android中的Bottom Sheets,中文翻译为底部动作条。使用某音乐App听一首歌,看着播放界面,这时候你想要查看歌手信息,专辑信息,还想要收藏这首歌...,在当前页面要满足这这么多需求,就要用到操作列表Action Sheet。针对当前页面,用户想要执行的操作太多了,不可能把这些操作都放出来,这样页面上全都是密密麻麻的icon、button。用操作列表的形式把 这些按钮都放在一个临时框里 就完美的解决了这个问题。

上面两张图,看起来完全不一样,但是原理是我上面所说的,万变不离其中,只不过换了个UI样式。它们都属于操作菜单类临时框。该类临时框还有一类变种,不在底部弹出,而是在用户触发操作的区域附近弹出,如下图:

C. 全局模态 Modal View

全局模态属于一种很特殊的临时框,因为它的区域会占据整个屏幕。但在iOS的设计规范中,全局模态被放在了临时框中。官方定义是:一个以模态形式展现的视图,它为当前任务或当前工作流程提供独立的、自包含的(self-contained)功能。

全局模态有一下几个特点(对照上面iOS自带的邮件APP的图会更容易理解):①占据整个屏幕,或者占据整个父视图的区域。②包含完成当前任务所需的文字和控件。③通常也包含一个完成任务的按钮,和一个取消按钮。

非模态临时框:

A. Toast

Toast是Android平台的设计形式,iOS规范中并没有规定这种形式,但是由于Toast能很好的起到轻量级反馈的作用,现在很多iOS的APP也在使用这种临时框。Toast属于一种轻量级的反馈,常常以小弹框的形式出现在屏幕上中下任意位置,但同个产品会模块尽量使用同一位置,让用户产生统一认知。

关于Toast的显示时间,Android自带的两种时间属性分别为2秒和3.5秒,但是一般会自定义为1.5秒和2.5秒。Toast中的文本超过10个字符用2.5秒,少于10个字符用1.5秒。因此 不要将其用作重要对象的引导形式,大多是可有可无或是会反复出现的, 其次语言精练也是必要的。在样式上,尽量和产品整体风格保持一致,这样会更和谐,不至于突兀。

B. Snackbar

同Toast,SnackBar同样是Android特有的临时框。SnackBar继承了Toast的所有特性,即:为小弹窗的形式,会自动消失。有三个差异化:①可以出现0到1个操作,不包含取消按钮;②点击SnackBar以外的区域,SnackBar会消失;③一般只出现在屏幕底部。在实际的产品设计中,很少看到SnackBar这种形式,以下放了两张MD规范中的图。

举个可以采用SnackBar临时框的场景:当删除某张照片时,可以在屏幕底部出现Snackbar,提示“照片成功删除”,并附带撤销操作,当用户点击撤销时,照片可恢复。用户不进行操作Snackbar则消失,照片删除成功。

C. 气泡/浮层

气泡/浮层式是一种量级轻但是目的性很强的引导方式,一般是半透明浮层结合文案的设计模式。 大部分浮层模式带有指向性的箭头,可以用来提示重要功能或者隐藏操作 。通常是非模态的,显示3-5秒后自动消失,对用户的干扰较小。

3. 嵌入式(局部嵌入/整体嵌入)

嵌入式引导分为局部嵌入和整体嵌入。局部嵌入就是在当前页面内容上增加引导提示。为了保证对象不埋没在信息流中,有效地引起用户注意,需要从视觉上做处理。整体嵌入则是将引导做为一个整体代替页面内容的显示,多使用在“空状态”的情况下。

三. 互动式引导

1. 互动提示

是用户在使用过程中, 进入特定的环节、进度的时候才会被触发 的一种提示,它不会按照一定的顺序出现,所以不同的用户碰到这些提示的时间、场景不尽相同。Duolingo 这一语言学习APP 就非常了解人们语言学习的规律,在实战中学习语言是最为有效的方式,所以它会在用户不断同APP进行交互的过程中提供交互式的提示。

2. 操作示意

操作示意较常采用 简短的动画 向用户展示操作方法,也不乏静态配以描述的方式。这种方法的好处是很直观,用轻松浅显的手法,就能传达给用户新鲜的功能和趣味的用法,比生硬的文字来得体贴。

还有一种操作示意比较隐蔽,是在用户与产品之间互动的过程中引导用户完成操作。常见的如下拉刷新、底部上拉等手势互动,也经常发生在语音操作中。例如用户使用麦克风的过程中,界面随着用户的声音的输入而产生互动。

四. 引导的强弱及触发

1. 引导的强弱

根据出现时是否有阻断、消失时是否需要操作,我们可以划分出不同强弱的引导提示。弱提示通常情况下它的出现不一定能让每一个用户都注意,或者不需要让所有用户都完整的了解,这样的提示不会阻碍用户当前的阅读和操作行为,还可以自动消失;强提示需要用户一定注意到的,它会阻断用户当前的使用且需要有明确的指定操作才能消失。

2. 引导触发点的选择

用户引导的触发点,就是在什么地方触发引导。是用户打开程序时触发?到达特定页面后触发?操作了指定功能后触发?到了某个时间点触发?它们都是在原有产品的基础上附加的一个东西,往往不是用户有心理预期出现的东西。

方式一:已经明确针对什么用户,就要结合场景考虑,此类用户的共性是什么,哪些页面是此类用户经常访问的页面?基于用户共性和访问最多的页面,把触发点放在此处,对于目标用户影响面会是最大的,对于非目标用户的影响也会是最小的。

方式二:有时候引导的内容会限制触发点,比如功能性引导,用户第一次浏览到功能所在页面,即触发引导,这个应该算是针对新功能的一个普遍的操作方式了。此时,最好逆向思考,本页面的用户是否大部分需要引导?如果是,如何才能降低对非目标用户的干扰;如果不是,此时就要反思,这个功能放在此处是否恰当?

3. 引导触发的频率

是指单位时间内完成周期性变化的次数。是确定了引导的触发点和类型后,另一个不可忽视的思考要素。引导的形式太强会干扰用户当前操作,太弱又可能被忽略,需要把握好它出现的频率,尤其是类似toast、浮层这种很容易被忽略的引导。下图为网易云音乐的截屏分享功能。虽然分享浮层出现后3秒会自动消失,但为了防止每次截屏都出现浮层给用户带来干扰,在设置页里加入了功能开关。

那么如何告诉用户有开关这个事情呢?做法是:功能上线后针对所有用户,首次手动取消浮层时(点击浮层右上角的“×”、点击半透明遮罩)即toast提示“可在设置中取消截屏分享提示”,之后每累计手动取消3次提示一次。

五. 引导效果衡量

当你设计好了新用户引导的流程之后,需要不断的根据用户反馈的数据和信息来衡量用户是否真正的“Onboarding”了。这个衡量的指标是至关重要的,应该设定一个值,严格的跟踪数据的变化,并且根据成功率和用户的反应,敏锐地调整。在开始任何新项目之前,你都应该问自己一个问题:“这个项目要如何衡量新用户引导成功率?”

本文来自作者[寻菡]投稿,不代表鸡脖创新立场,如若转载,请注明出处:https://jcjybjb.com/jb/4237.html

(11)

文章推荐

  • 怎样鉴别pp食品级工程塑料

    食品级pp工程塑料和工业级pp工程塑料的鉴别鉴别要通过实验检验才能确定,作为消费者,我们是很难做到的,所以我们就只能通过看标识来确认。食品级pp工程塑料在底部会有食用级塑料的标示,分别的1-7这几个数字,代表的不同成分的塑料。1号PET:无毒、无味,卫生安全性好,可直接用于食品包装。2号HDPE:采

    2025年08月19日
    8
  • 各类冷门的花的花语

    各类冷门的花的花语各类冷门的花的花语,世界上的花有千百万种,数不计数,不同类型的花有不同的寓意而且花语也不同,有很多人对花语很感兴趣,下面我和大家分享各类冷门的花的花语,一起来了解一下吧。各类冷门的花的花语11、梗花的花语是真诚不变的爱2、白玫瑰

    2025年10月14日
    10
  • 蒙纳士大学留学专业推荐详细介绍

     蒙纳士大学,别名为莫纳什大学,是澳洲的老牌名校。这个学校的综合实力很强,专业也很多。下面跟着我来了解一下蒙纳士大学都有哪些好的专业推荐吧。?蒙纳士大学留学专业推荐详细介绍 学校简介 1958年,蒙纳士大学由澳大利亚联邦政府通过议会法案宣布成立,以工程师、军人及政治家约翰·莫纳什爵士命名

    2025年10月28日
    11
  • 自己宰的羊怎样办理检疫证明

    自己宰的羊办理检疫证明到当地动物疫控中心或兽医站办理检疫证明即可。自己屠宰卖羊肉需要手续如下:1、办理工商登记领取营业执照;2、取得食品卫生许可证;3、取得屠宰工人持屠宰技术人员资格证和身体健康证;4、建立屠宰场或委托屠宰场屠宰许可证和动物防疫合格证,由动物检疫部门检疫盖章;5、屠宰前活体检疫,屠宰

    2025年10月29日
    18
  • 枫树有哪几种

    枫树(Aceracede)(又名糖槭树)枫叶为掌状5浅裂,长13厘米,宽略大于长,3枚最大的裂片具少数突出的齿,基部为心形,上面为中绿至暗绿色,下面脉腋上有毛,秋季变为**至橙色或红色。树皮灰褐色,光滑随树龄增长而出现沟纹和鳞片。花黄绿色,小,无花瓣,下有垂于细长柄上,春季随幼叶开放,呈开放型花序。

    2025年10月29日
    12
  • 红豆多少年开一次花

    红豆一年开一次花。红豆花期为每年3到6月,果期是每年9到10月。红豆是藤本植物。茎细弱,多分枝,被锈疏白色糙伏毛。羽状复叶;小叶8到13对,膜质,对生,近长圆形,长1到2厘米,先端截形,具小尖头,基部近圆形,上面无毛,下面被稀疏白色糙伏毛;小叶柄短。红豆产于中国台湾、广东、广西、云南。生于山地疏

    2025年10月30日
    7
  • 万能开挂辅助“微乐保皇作弊太厉害”详细分享装挂步骤

    无需打开直接搜索微信:本司针对手游进行,选择我们的四大理由:1、软件助手是一款功能更加强大的软件!无需打开直接搜索微信:2、自动连接,用户只要开启软件,就会全程后台自动连接程序,无需用户时时盯着软件。3、安全保障,使用这款软件的用户可以非常安心,绝对没有被封的危险存

    2025年11月01日
    13
  • 真实辅助“微乐二七王开挂神器下载安装”其实确实有挂

     >>>您好:手机十三水刷胜率,软件加微信【】确实是有挂的,很多玩家在手机十三水刷胜率这款游戏中打牌都会发现很多用户的牌特别好,总是好牌,而且好像能看到其他人的牌一样。所以很多小伙伴就怀疑手机十三水刷胜率这款游戏是不是有挂,实际上这款游戏确实是有挂的,添加客服微信【】安装

    2025年11月07日
    8
  • 教程开挂辅助“微乐家乡麻将挂软件”(原来确实是有挂)

    您好:微乐怎么让系统给你发好牌这款游戏是可以开挂的,软件加微信【添加图中微信】确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总是好牌,而且好像能看到其他人的牌一样。所以很多小伙伴就怀疑这款游戏是不是有挂,实际上这款游戏确实是有挂的,添加客服微信【添加图中微信】安装软件.1.微

    2025年11月08日
    9
  • 教程开挂辅助“微乐南昌麻将小程序有没有挂”其实确实有挂

    亲,手机捕鱼辅助器开挂这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总是好牌,而且好像能看到其他人的牌一样。所以很多小伙伴就怀疑这款游戏是不是有挂,实际上这款游戏确实是有挂的通过添加客服微:本司针对手游进行匹配,选择我们的四大理由:1、软件是一

    2025年11月09日
    8

发表回复

本站作者后才能评论

评论列表(4条)

  • 寻菡
    寻菡 2025年09月21日

    我是鸡脖创新的签约作者“寻菡”!

  • 寻菡
    寻菡 2025年09月21日

    希望本篇文章《snackbar是什么意思》能对你有所帮助!

  • 寻菡
    寻菡 2025年09月21日

    本站[鸡脖创新]内容主要涵盖:生活百科,小常识,生活小窍门,知识分享

  • 寻菡
    寻菡 2025年09月21日

    本文概览:snackbar快餐店;小吃店;小吃吧;快餐厅双语例句Vishwesh Bhatt, Snackbar, Oxford, Miss.?维斯怀斯·巴特(Vishwesh Bhat...

    联系我们

    邮件:鸡脖创新@sina.com

    工作时间:周一至周五,9:30-18:30,节假日休息

    关注我们