5个界面模式:导航造就良好的用户体验

5个界面模式:导航造就良好的用户体验,第1张

5个界面模式:导航造就良好的用户体验

网页对抗移动端的五种边界方式,为了恶化你的用户体验,提升你的角色。

可遇见的导航条会专门引导用户通过整个过程中的可疑信息流,帮助他们不辜负自己的使命,提升你的用户体验,鼓励你的网页移动整体转化。同样的,如果用户找不到地址页面或者没有应用法语风格,那么在页面上使用法语风格也是没有用的。邋遢的导航条让用户感觉越来越邋遢,导致用户退出换台通道。所以,用户世界里不恰当的假设或者忽视导航,会给你的有效性带来苦难伤害,其实也不足为奇。

世界友谊的导航方式必须从导航栏菜单开始。为了更好的让用户从你的网站或应用的A端走到B端,他们要求有一个地方来引导他们。想象导航栏菜单应该不如想象过程。这种类型的导航栏菜单的终止将为您提供从数据可视化和交互开始就需要的资产。我们来看看世界上常见的五种方式。他们每个人都可以使用交互式意见项目Justinmind来终止此意见。

按下菜单,并使用它来顺利浏览网站。

下拉菜单有很多值,合理的用户可以选择,并从那里发送到网站的另一个区域,这是一个在世界上可扩展的导航。下拉菜单是URL导航的一种思路,可以将用户转移到URL中一个新的影响力,根据第一个选中的选项实现控制命令菜单。

什么时候想象下推式菜单当你有很多展示选项,期待节流室空的时候,下推式菜单是一种万无一失的阅读网站的方式。熟悉扫描仪,好的下拉菜单可以开发人脸命中率。但是这需要一场时间战,所以要照顾你的用户的感受。要求菜单包含足够的导航栏值,让用户知道如何使用它来终止交互(比如点击选中的值,而不是使用单选按钮来终止点击),而不是让用户很容易地浏览菜单列表。如果你明智地使用它,你可以很好地改变你的用户在战争世界中的体验。

拖移汉堡移动菜单。

拖拽菜单或拖拽菜单是一种常见的Android和iOS移动菜单,用于呈现多个连接。有“兴趣”的影响,拖动菜单一直隐藏在显示屏中。整个触摸汉堡logo的过程结束后,用户就可以遇到已经被覆盖的导航栏了。

想象一下什么时候用拖动汉堡菜单来衬托网页。比如Anroid的Gmail支持箱的导航栏抽屉柜,YouTubevs.脸书的世界。

拖动菜单是隐藏导航栏的一种假想选择,例如,有大量导航栏连接的移动显示屏。最好去那边逛逛大量的闭拖菜单。

在页面边界中精确定位菜单的方式

精准定位菜单是什么?精准定位菜单,也可以叫粘性菜单,是网页边界的一种方式,问题区域(菜单、URL问题类型、logo)被背部旋转时相互连接,页面中的内容有其底圈主题活动。棘手的问题曾经是网页世界的一种限制——谷歌和Dropbox都有棘手的菜单。

什么时候使用精准定位菜单适用于想听意见的网页,比如整卖,网络科技类网站。用户可以在几秒钟内到达导航条选项——使精确定位菜单非常强大。在用户已经看过网站的情况下,速度是最关键的。事实上,根据Akamai和Gomez.com的研究,79%的收集消费者不会返回网站,如果他们得到测试结果。

用于网页导航的自定义多栏下拉菜单

多栏下拉菜单是一个可扩展的多级菜单,用于网站导航。它有一个二维内板,分为导航栏选项(菜单栏)组。每个菜单栏中的所有连接都可以一次性使用,所以不需要旋转。用户可以通过单击或悬停在菜单栏上来检查他们包含的连接。

像下拉菜单一样,多栏下拉菜单使用徽标来提供结构化子菜单的可见性。它们可以在导航栏中间包含图像或彩色字体,以引导用户注意一些非常值得注意的东西。

何时使用多栏式下拉菜单是一个巨大的储藏室空,它隐藏了内容,用户可以将鼠标悬停在菜单栏上来显示导航栏连接中的一切。尼尔森诺曼集团在网页上提供的链接越多,多栏下拉菜单越大,越受欢迎。

这个菜单最适合能遇到网页,想象视觉效果比较停滞的用户或者初级中级用户。他们也得到了思想纯洁、雄心勃勃的客人的感谢,这些客人包括大量不同的主题风格。

用于分隔导航栏的网格

网格是一种已经在移动终端的导航栏中使用的导航方法。网格由一组图像组成,这些图像被分成可扩展和可折叠的块。它是另一种数据可视化结构,允许你分离数据可视化的主题、风格和用户感知流的相关元素。

何时使用网格中的图像提供大量面对面/面对面的目标,使网格成为移动世界导航的一种想象选择。他们还使用许多网页来想象阅读文章视觉效果的网站,如图片共享网站Pinterest和歌曲媒体服务器服务Spotify。

因为他们的逻辑和整体规划,网格是一个声音的衬托导航条!

本文地址:https://uxlanet.org/5-ui-patterns-navigation-that-make-good-UX-sense-92a65df7485d本文作者:Justinmind解释者:SKYUI

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

原文地址: https://outofmemory.cn/zz/778282.html

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

发表评论

登录后才能评论

评论列表(0条)

保存