用户界面设计的趋势

发布时间:2020-06-21 12:00:00

编辑:随着移动终端的不断发展,越来越多的人成为移动终端的用户界面设计。遵循当前的UI趋势,有必要了解当前的设计趋势。更新你的知识并将其应用到实际工作中是非常重要的。因此,下面的文章可以帮助您更快地了解它的趋势。来理解和吸收它吧!

编辑:随着移动终端的不断发展,越来越多的人成为移动终端的用户界面设计。遵循当前的UI趋势,有必要了解当前的设计趋势。更新你的知识并将其应用到实际工作中是非常重要的。因此,下面的文章可以帮助您更快地了解它的趋势。来理解和吸收它吧!

2015年5月,谷歌博客发布消息称,谷歌移动终端的搜索量超过了PC机的搜索量,近,我们广泛使用移动搜索。在这种趋势下,大多数企业都希望拥有适合自己的移动网站。

在这一趋势的初期,我们网页制作者正以PC网页制作技术为基础,探索移动终端的制作方法。近年来,我们也积累了一些经验。

然而,随着移动设备的日益多样化,移动网页的UI实践也在发生变化。对于我们这些网页制作者来说,关注流行趋势、更新知识并将其应用到实际工作中是非常重要的。

因此,闲话少说。这次,我们针对当前流行的用户界面规则、技术和移动网页的共同点,从设计的角度,对各个行业(包括16个行业、45个种类、150个网站)的移动网页进行了重新调查。受访者均选择了历史悠久、在业内享有较高声誉的企业。

首先,将调查结果汇总成图表。63%的网站使用“汉堡包菜单”。可以说,各行业的手机网站大多采用从汉堡图标打开菜单的方式。虽然关于是否有标签和图标样式的讨论时有发生,但在本次调查中使用多的是没有标签的三行图标。正如预期的那样,为了考虑那些不理解只有三行的图标意味着什么的用户,在图标上添加“menu”这个词是第二种常见的情况。一半的位置在右上角。展开方法是每个下拉列表一半展开,每个XX一半展开。

超过一半的“汉堡包菜单”将放在右上角,而右上角则放在左上角。可以想象,右上角的内容比全局导航栏更重要。根据不同的网站,优先级元素也有很大的不同,包括登录、搜索、购物车、语言选择、服务网站链接、程序列表等。

有些网站没有“汉堡包菜单”。在这些网站中,高频菜单将以跳板的形式显示。它节省了点击菜单按钮的时间,提高了使用的方便性。

抽屉式和下拉式展开菜单,更多的是用机关式开闭菜单。这大大提高了在不跳过页面的情况下找到页面入口的便利性。

作为一种表现的变化,人们常常看到在企业标志创意的精髓中加入三行图标,并在易找标志的创意中加入更新的内容。

与全球导航中的定位区域导航不同,它有四种排列方式。要根据使用情况确定表达形式。调查中只有suntori采用水平滑动的方式。其他模块将在后面解释。人们很容易感到不能水平滑动,所以在使用时需要注意。

调查显示,61%的移动网站没有面包屑导航。与PC不同的是,在这样一个小屏幕上,与当前位置相比,其他元素更为重要。

在PC端,元素一般是从左到右水平排列的,而在移动端,元素通常是垂直排列的,或者可以滑动,很好地解决了面积小的问题。

与PC机相比,手机屏幕较小,可在一个屏幕上显示的元素有限,因此经常使用辅助目标内容的移动导航。

42%的网站将返回顶部按钮设置在底部。在右下角有一种半透明的方式。我想这是因为当返回顶部不是一个重要的功能时,它会阻塞重要的内容并暂时隐藏起来。

我们可以看到,很多网站都会显示各种按钮,方便用户随时点击。在许多信息中,带有目的过滤器的网站会显示一个搜索按钮。

为了激发购买和咨询的行动,CTA按钮经常固定在详细页面上。

此外,还有各种各样的网站。浏览当前页时,请考虑下一步操作并显示相应的按钮。

滑动导航可以在狭窄的区域中显示多个项目的目录。包含图片等图形元素的目录的滑动处理趋势明显。近,这种表示法的使用正在扩大。首先,让我们看一下表示滑动范围的方法和补充搜索的多个关键字的示例。

而且,像雅虎新闻评论和显示谷歌搜索结果的amps一样,滑动文本作为目录主题的例子也越来越多。

重要的是,滑动导航可以节省空间,方便地显示多个目录,但在使用过程中也有一些需要注意的地方。也就是说,当水平滑动时,是否可以一眼看到它的滑动。例如,2015年,苹果音乐的移动网站开始使用滑动导航,2016年,它被改为风琴菜单。这应该是因为菜单的水平滑动不容易被用户检测到。

网站边缘的以下两个地方让人们意识到它可以滑动。对于重要的选项,必须努力让用户意识到这种滑动交互。相反,当网站的目的不是那么强烈的时候,_能反映出来。

下拉菜单可以有效地在一个小区域中保存许多选项。当单击菜单后没有那么多选择器时,通常使用下拉菜单。可以说,这是一个方便的方法时,几乎没有选择。

在智能手机的检索中,通过输入所有想要搜索的文本来节省输入时间的趋势非常强烈。基于这个特性,我们可以看到很多带有建议功能的搜索表单。此外,当需要首先限制号码时,例如邮政编码和电话号码,需要考虑号码特定的关键字。可以说,表单是基于智能手机的特性而形成的,是一种重要的输入辅助工具。

在小屏幕上,尤其是那些必须显示才能携带大量信息的标签,其表达方式是用户界面头疼的问题。展示方式包括:手机网页重新排版、滚动条或提示“请放大确认”。

为了获得舒适的操作和阅读体验,越来越多的高质网站追求细节。指示等待时将设置加载。为了使操作方法更容易理解,将采用小的动态效果,应用程序将有更好的用户体验和追求各种细节。

用户界面设计人员在任何时候都有必要看到和积累更多的东西,了解这个趋势。我们不仅要看网站,还要培养能看到变化的视角,使这些知识在实际工作中灵活运用。

这份记录原本是为公司内部学习会准备的,现已整理并公开。希望对你有一定的参考价值。