提升 Material Design「悬浮按钮」用户体验

提升 Material Design「悬浮按钮」用户体验,第1张

提升MaterialDesign「悬浮按钮」用户体验

浮动按钮是材料设计语言中常用的控件,英文称为浮动动作按钮(FAB)。但是,每当在Android的终端中使用一个按钮时,它的特征区域是在阳光下会有一个阴影,这使它看起来好像漂浮在UI世界中。悬停按钮一直是AndroidUI交互中的关键元素之一,也是客户流程中的关键步骤。悬停按钮非常实用,但要准确使用它,你必须遵循一些基本规则。

在明天的文章中,你将寻找上述考试结果的谜语:

什么时候使用悬停按钮比较合适?

浮动按钮的基本原理是什么?

悬停按钮如何脱离动画效果恶化客户体验?

什么时候适合使用悬停按钮

A.实施对核心区域的 *** 纵

暂停按钮是在启动-负载相关下最常用和最关键的 *** 作。无论何时应用它,它都应该启动特征 *** 作并作为管理中心运行,就像上面的例子一样:

悬停按钮使用触摸关闭应用程序中的主要 *** 作。显示器上的长时间停止/播放视频交互使用悬停按钮来触摸和接收,指示哪个应用程序是音乐播放软件。

B,作为具体的指导项目

浮动按钮贷款可以为客户提供下一次提示战的具体说明。Google的讨论告白,在处理陌生的世界时,很多客户都专注于敲击悬停键进行学习,获得具体的指导。所以一直使用浮动按钮,它有类似路标的特点。

Twitter把接收和推送功能做成浮动按钮。

实际上,并不是每个屏幕都需要悬停按钮

悬浮按钮遮住了眼睛,闪闪发光,非常抢眼。当你打开世界的时候,你不可能不注意到它就去读它,因为它太重要了。但是,其实悬停键并不是每个世界都需要的,所以是每个屏幕上都标注的按键 *** 控。

不要乱动悬停键,它的存在只是为了更好的 *** 控核心区域!

Android管理系统中的GooglePhotos应用就是一个典型的例子。当你打开它的图片库,用来掠夺的悬浮按钮就体现在了最后的视野里。此时,浮动按钮将考试分数存储在两个核心区域:

关于客户数量最大,主次互动的掠夺性长度。关键 *** 作是读图,所以这里其实不需要悬停键。

悬停按钮会分散客户的注意力。

乔希:判断一个世界中的主要和次要 *** 纵真的像看起来那么简单。为了更好的简化任务,并且考虑是否可以要求悬停按钮,可以参考哪一个“五分钟划分规则”:如果你五分钟内不用要求那个屏幕的主次 *** 作,就意味着那个屏幕不需要悬停按钮。

悬停按钮最好是一个基本理论

A.劝阻显示“神秘的导航条”[S2/]

在实践中,大家混淆的导航栏在那里指的是“神秘肉导航”,但它通常被称为MMN。这个讽刺性的技术术语来自文森特·弗兰德斯,烂网页站。指的是这些容易被发明的“隐藏”连接,整体目标不明确,鼠标光标在上面移动才能创造发明,开启才能知道内容。

在实践中,浮动按钮存储的现有考试分数类似于MMN的分数。它是一个模型标志按钮,实际上并不包括显示其功能的墨水笔标志,但在开头和结尾都很少有通用的、为人熟知的标志。比如上面那个按钮的作用是什么?

有人能猜到是共享相关,那么它的详细共享功能是指它有什么样的住所,有什么结果。你能确定吗?如果你想知道,你必须打它的脸。的确,面对面地敲击这些按钮来创造它们的功能,需要很短的时间,也没有风险,但这毕竟是一种认知上的责任,不是吗?最难的住宿已经到位,顾客一定要记住它的功能。

记住所有对这些标志有反应的app,东西量都不小。

虽然,使用标记的按键本身其实并没有测试结果,标准是APP的高低文字状态要一目了然,客户的天赋足以清晰判断按键的优劣。例如,您正在使用一个笔记应用程序,主要和次要功能是记录和检查笔记。那么,在那个时候,浮动按钮上的笔的标记,它所表达的意思是非常清楚的。

B、一个屏幕只用一个悬停键

悬停键是凸出的,也是世界上最具侵入性的,所以最后应该只用一个悬停键,不要用在最后。

C、暂停按钮仅启动前后 *** 作

因为浮动按钮是一个主次分明的符号 *** 作,应该是一个积极正面的互动,比如创作、分享、研究。单个浮动按钮不应该被破坏性地 *** 作,比如删除和返回文件。它不应该以特殊的方式 *** 作,但没有完整的交互。就像剪切和粘贴是一组开放的交互一样,它们应该存储在工具栏的边缘,而不是悬停按钮中。

在材料的概念规格中,有关于浮动按钮所携带的互动战争符号的引导符号。

浮动按钮的动画效果

悬浮按钮本身就很聪明,可以膨胀变形,还能给倒影。

A,扩展成一系列 *** 纵

在某些情况下,点击悬停按钮可以扩展其他常用的 *** 作(如Evernote)。整个扩展过程结束后,原来单一的交互被一组相关的、经常使用的浮动按钮代替,可以停止。他们是一体的,他们可以被打破或支持,没有永久的存在。事实上,战争中提到的这个原则并不排斥。

不,那种想法应该注意几件事:

这些 *** 作是必不可少的。开头的总悬浮按钮是联动的,是一体的。没必要把坏了的按键当成零比特。

作为一般的划分规则,那组扩展按钮的数量不能少于3个,也不能少于6个超容量,否则就违背了悬浮按钮快速有效的原则。

B,悬停按钮变形为新的边界

浮动按钮可以都像按钮一样,可以通过动画效果添加到所有显示中,变得独立。

浮动按钮可以作为边界转换的管理中心。

当悬停按钮转化为边界时,它分析前后左右边界之间的逻辑联系,就像上面的例子:

C、旋转时分隐藏和浮动按钮

为了让客户在旋转时更容易访问内容,悬停按钮可以在他们旋转时隐藏。

Medium的安卓版手机客户端,悬停键就是这么用的。当旋转到文章内容的底部时,悬停按钮将再次显示。在实践中,他们的网站也接受了类似的思维方式。

摘要

悬停按钮看起来很简单,但是在APP已经构思好的情况下要准确使用,所以要注意重点,场景战客户需要什么。使用精准的悬停按钮会事半功倍。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778963.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存