UI设计培训-浮动按钮的设计技巧是什么

发布时间:2020-12-25 10:20:00

原题:UI设计培训-浮动按钮的设计技巧是什么

原题:UI设计培训-浮动按钮的设计技巧是什么?

如今,企业对网站界面设计和app移动终端设计的要求越来越高,尤其是对app移动终端的要求越来越高,要求与客户进行互动,包括界面设计、搜索框方式、用户浏览习惯等因素。其中,浮动按钮的设计方法可以让用户感觉更有趣,增加与用户的互动。虽然浮动按钮似乎是一个非常小和微不足道的设计元素,但它对用户界面的影响是非常重要的。如果设计得当,可以在时间被用户识别和浏览。那么,浮动按钮的设计技巧是什么呢?我想给你整理一下

浮动按钮不仅仅是一个圆形按钮,它可以帮助用户从一个界面切换到另一个界面。当您单击浮动按钮时,按钮图形将更改,界面状态也将相应更改。在下面的示例中,动画将引导用户的视觉方向,帮助用户了解刚刚在界面布局中发生的更改,告诉用户是什么触发了更改,以及在必要时如何重新启动。

用户交互中的使用场景非常重要。有时用户只读取内容,有时需要操作,这完全取决于当前的使用场景。结合用户使用场景,用浮动按钮引导用户,可以给任何应用带来良好的实现效果。以Google+为例,当用户还在页面上时,Google+会在用户界面上显示浮动按钮,否则会隐藏按钮。这两种行为基于用户的使用场景:当用户滑动页面时,其主要行为是滑动页面,因此不需要浮动按钮。当用户停止滑动时,用户可能需要按钮来执行某些发布内容操作。

三、作为提供线索的工具

浮动按钮是告诉用户下一步要做什么的重要线索。谷歌研究显示,当面对一个不熟悉的应用程序界面时,许多用户会依赖浮动按钮进行导航。因此,告诉用户下一步做什么是一个重要的线索。

4提供一组动态效果

在某些情况下,如下图所示,Evernote的浮动按钮在适当旋转后会显示其他操作选项。浮动按钮可以通过一系列更***的动作来丰富功能,浮动按钮还可以设计成引导用户来回移动。一般情况下,可以设计3到6个操作选项(包括原浮动按钮的操作项)。

同时,需要注意的是,这些操作必须与浮动按钮相关联。如果他们在工作岗位上,他们不应该被认为是独立的。

5只代表一种象征性的行为

一般来说,浮动按钮应该突出显示相关的或经常使用的用户操作,它应该用于操作应用程序中的主要功能。如果你打算在你的应用程序中使用浮动按钮,在设计时必须仔细考虑。当用户点击浮动按钮时,它一定是一个非常重要的目标行为。例如,音乐应用程序中的浮动按钮通常意味着“播放/停止”,而instagram等应用程序通常使用浮动按钮来表示“拍照”功能。