推广

利用5种浮动按钮增加网站的体验设计。

iseeyu3年前 (2023-12-23)推广134

在手机应用当中浮动的动作按钮(FAB)或许可以提供我们在制作移动版网站提供一些交互的灵感,浮动的动作按钮是一种漂浮在用户界面上面的图标。它的形状、位置和颜色使它在众多设计元素中脱颖而出。浮动按钮在谷歌2014年的设计标准当中发布和推广。现浮动按钮用户界面元素已被广泛应用在Web和移动设计。

虽然浮动按钮看起来非常地小,甚至看似微不足道的视觉组件,但它的作用是很重要的,总会引导用户的点击。只要对它正确使用,它的可以使用户是立即识别和访问点击。

1、代表一个当前页面最重要的动作

理想的情况是,浮动按钮应突出最相关的或经常使用的操作,它应该被使用,你的应用程序的主要特点的行动。如果你想在你的应用程序使用的晶圆厂,设计必须仔细考虑和用户的可能的行动必须归结到一个单一的突出特点。例如,一个音乐应用程序可能有Fab表示"播放/停止"。Instagram的一个类似的应用程序可能有一个浮动按钮,代表"拍照"。

一个动作按钮代表应用程序中的主要作用。暂停或恢复在这个屏幕上播放告诉用户,这是一个音乐应用程序。

根据研究史蒂夫·琼斯,Fab显示轻微的负对可用性的影响当用户第一次使用按钮。然而,一旦用户成功地完成了任务,使用FAB,他们能够比传统的操作按钮更有效地使用它。

2、最容易找到工具的办法

浮动按地是一个自然的提示告诉用户下一步要做什么。谷歌的调查显示,当面对陌生的屏幕很多用户依浮动按钮导航。因此,FAB是非常有用的一个标志,我们不需要思考就知道下一步要做什么。

一个浮动的动作按钮的使用推特鼓励你的文章内容

3、提供一组动作(多个)

在某些情况下,它是适当的按钮旋转,让其他几个选项,可以在下面看到Evernote。Fab可替换自身一系列更具体的行动,你可以设计你的用户是语境。作为一个经验法则,提供至少三个选项后,按不超过六(含原浮动作按钮的目标)。

也请记住,这些行动必须是初级行动Fab本身表达有关,且相互关联:不要把这些发现的行为作为独立的可如果位于工具栏。

别:"我的行动不创造内容的行为有关。

4、上下文感知

上下文在用户交互的重要作用。有时用户想消费的内容,有时他们要执行的操作。这一切都取决于上下文。使用一些上下文的行为可以带来最好的用户体验的任何应用程序的浮动按钮。让我们来看看谷歌为例。谷歌显示按钮,当用户与流接合,和隐藏在这种交往是相反的。这两个操作需要引导 :当用户与社会流的吸引力,一个主要的行为是滚动,因此不需要浮动按钮,当用户停止滚动,他们可能想要的东西后。

5、连接两个操作界面

浮动按钮的不仅仅是一个圆形按钮,它有一些变革性的特性,可以用来帮助缓解你的用户在屏幕。当变形的动作按钮,使这样一个逻辑的两个状态之间的转换。在下面的例子中的动画保持用户的方位感和帮助用户理解的变化,刚刚在视图的布局发生了,是什么触发了变化,和如何开始再次改变,在需要的时候。

结论

有人可能会说,浮动按钮是坏的用户体验。很想说,因为用户和设计人员不使用它。我们习惯于熟悉的工具栏和浮动按钮的概念仍然是相当新的我们。我们都知道,新的东西是很难的,但同时他们鼓励更多精心设计的用户体验。正确使用,可以是一个令人震惊的浮动按钮帮助最终用户便捷的使用网站。

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/112681.html

相关文章

如何让网站关键词排名更稳定。

如何让网站关键词排名更稳定。

我们在优化网站关键词的时候,如何让网站关键词的排名更加稳定呢?让网站关键词排名稳定的方法都有哪些呢?这个关于网站关键词排名更加稳定的问题,相信是许多站长朋友们比较关注的,那么,我们先来简单地说一下,网站关键词排名主要取决于哪些因素吧,网站关键词要想获得排名,主要的因素有:网站权重的高低、网页标题关键...

分析企业网站为何需要网站seo推广外包。

分析企业网站为何需要网站seo推广外包。

自从互联网技术发展以来,网络营销市场越来越活跃,使企业能够及时嗅到互联网巨大的潜在市场,于是各行各业都开始建立自己的,但在网站建设成功后,我们需要进行运营优化,才能保证企业品牌能够在互联网上长期保持良好的曝光度和知名度,只有这样才能让更多的潜在用户发现、了解和选择企业。那么为什么强烈要求企业网站做...

树立财富新信念:越花越有钱

树立财富新信念:越花越有钱

对于金钱,从小到大我似乎一直都活在紧绷的状态之中:花钱要尽可能地少,买东西要尽可能地买性价比高的,从不敢高消费,更加不要成为请客吃饭的那个东道主。虽然长大后,消费观念已经大幅度改变,但是一到花钱时,心里首先要计较一下。比如和同学、朋友吃饭前,我会算计怎么让自己避免买单,如果...

拼多多退货包运费流程是轻松解决售后问题的关键

拼多多退货包运费流程是轻松解决售后问题的关键

在众多电商平台中,拼多多以价格实惠、商品丰富著称,吸引了大量消费者。然而,购物难免会遇到不满意的时候,这时就需要面临退货的问题。对于消费者来说,拼多多退货包运费流程是解决售后问题的关键。本文将为大家详细介绍拼多多退货包运费流程是,让你在购物过程中更加轻松应对退货问题。 一、拼多多退货...

淘宝开美妆店有什么要求

淘宝开美妆店有什么要求

淘宝开美妆店有什么要求?一、若您经营国产化妆品,所需资质如下:1、化妆品生产厂商持有的《化妆品卫生许可证》复印件。2、化妆品生产厂商持有的《化妆品生产许可证》(即全国工业产品生产许可证》)复印件。3、化妆品生产厂商企业营业执照副本复印件...

B2B出海企业如何向目标客户推销产品?6个社交销售技巧 ...

B2B出海企业如何向目标客户推销产品?6个社交销售技巧 ...

随着社交媒体越来越流行,影响的不仅是B2C企业,同时影响了一批B2B企业利用社媒来宣传、自己的服务和产品。不同于To C企业直接落地到购买页面,完成订单,to B企业想要依靠社媒获客显得更让人手足无措。但随着社媒的推广和用户购物方式的改变,多种的销售也成为必然趋势。 今天就...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片