5个常见界面模式,提升『导航菜单』的用户体验

5个常见界面模式,提升『导航菜单』的用户体验,第1张

5个常见界面模式,提升『导航菜单』的用户体验

品牌营销会用这些常用招,7月主题活动立减500-1000元。

可浏览导航会根据界面中的信息流正确引导用户投放广告,帮助他们实现目标,提升你的用户体验,促进你的网页和移动终端的转化。同样,如果用户找不到自己所属的网页或应用软件,那么网页或应用软件就毫无用处,笨拙的导航设计方案让用户感觉越来越痛苦,导致用户退出转化模式。

用户友好的导航技巧是从导航菜单开始。你的网站或应用要想让用户从A点到B点,必须有地形图来引导。设计方案的导航菜单应该优先于设计过程。在开发设计之前原型化导航菜单将向您展示实时数据可视化和人机交互所需的资源。

让我们来看看五种常见的接口方法。

一、流畅的网站导航设计下拉菜单

下拉菜单有许多值可供用户选择,并从那里发送到网站的另一个区域。这是一个可扩展的界面导航。下拉菜单是网站导航的一种设计方案,可以将用户转移到网站的一个新的部分,根据选中的最后一个选项实现系统命令菜单。

什么时候设计下拉菜单?

如果你有很多显示信息的选项,并且期望节省空间空,下拉菜单是一个非常好的访问网站的方式。

要了解扫描仪,好的下拉菜单可以增加点击量。但是它必须有一个时间和地址,所以要考虑你的用户的感受。菜单必须包括足够的导航值,以便用户能够理解如何与之交互(例如,单击选定的值,而不是应用单选按钮来双击鼠标),而不是使用户无法扫描菜单目录。明智地使用它可能会给你的用户体验和界面设计带来好的改变。

二。拖动汉堡手机上的菜单

拖动汉堡菜单或拖动菜单是几个用来显示信息的链接,常见的Android和iOS手机菜单。在“静止”位置,拖动菜单隐藏在显示屏中。根据汉堡标志,用户可以浏览未覆盖的导航链接。

什么时候应用?

拖动汉堡菜单进行响应网页制作。比如Anroid的Gmail发件箱导航抽屉柜,YouTube和脸书界面。

拖动菜单是隐藏导航的理想选择,例如,消除有许多导航连接的杂乱的移动显示。在这里阅读大量关于拖动菜单的最佳实践。

三。网页界面模式的精确定位菜单

精准定位菜单,也叫粘性菜单,是一种网页界面模式,向下翻转时保持标题区(菜单、URL标题、logo),使网页内容直接在其下方流动。粘性主题已经成为网页界面的标准——Google和Dropbox就是粘性菜单。

什么时候应用?

精准定位菜单应用于要付诸行动的网页,如零售、网络科技类网站。用户可以在几秒钟内到达导航选项-使精确定位菜单非常强大。当用户访问一个网站时,速度是最重要的。事实上,根据Akamai和Gomez.com的研究,79%的互联网消费者在遇到困难时不会轻易返回他们的网站。

四。自定义多栏下拉菜单(用于网页导航)

多栏下拉菜单是用于URL导航的可扩展的多级菜单。它有一个二维控制面板,分为导航选项组(菜单栏)。每个菜单栏中的所有连接都可以一次性应用,因此不需要翻转它们。用户可以通过单击或悬停在菜单栏上来查询包含的连接。

像下拉菜单一样,多栏下拉菜单应用标志来显示构件和子菜单的可见性。它们还可以在导航链接的旁边包含图像或彩色字体,以正确引导用户集中注意力于特别关注的内容。

什么时候应用?

多栏下拉菜单是一个极好的存储空房间,它隐藏了内容。只有当用户将鼠标悬停在菜单栏上时,才能显示信息的所有导航链接。尼尔森诺曼集团的研究表明,网页上显示信息的连接越多,多栏下拉菜单越大越受欢迎。

这种菜单最适合制作可浏览的网页,视觉效果阻碍用户或高级互联网用户。他们也受到了杂志设计风格博客的热烈欢迎,该博客包括许多不同的主题风格。

V.用于响应导航的网格

网格是一种应用于网页和手机导航的导航方法。网格包括一组切割成可扩展和可折叠块的图像。它是另一种长宽比数据可视化结构,允许您将数据可视化的主题样式与用户体验流的相关元素相结合。

什么时候应用?

网格中的图像显示了许多点击/点击总体目标,使网格成为移动界面导航的理想选择。他们还使用大量网页制作和访问具有视觉效果的网站,如图片共享资源网站Pinterest和歌曲媒体服务器服务Spotify。

由于它们的逻辑性和适应性,网格是最终响应的网站导航!

全文地址:https://UXplanet.org/5-ui-patterns-navigation-the-make-good-UX-sense-92a65df7485d

作者:Justinmind

中文翻译:SKYUI

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存