用户友好导航的秘诀是从导航菜单开始,设计导航菜单应该是由于设计过程 。
文章插图
文章插图
无障碍导航将引导用户通过界面中的信息流,帮助他们完成任务,提升你的用户体验,促进你的网页和移动终端之间的转换 。同样,如果用户找不到页面或应用,那么页面或应用就是无用的,糟糕的导航设计让用户体验变差,导致用户退出转换通道 。因此,不恰当的设计或对用户界面导航的忽视会对你的结果产生灾难性的影响也就不足为奇了 。
用户友好导航的秘密是从导航菜单开始 。为了让用户在你的网站或app上从A点到B点,他们需要一张地图来指引他们 。设计菜单应该优先于设计过程 。在开发之前对导航菜单进行原型设计将从一开始就为您提供实时可视化和交互设计所需的资源 。
让我们来看看五种常见的接口模式 。
下拉菜单,用于平滑的网站导航设计
文章插图
文章插图
下拉菜单有几个值可供用户选择,并从那里转到网站的另一个区域 。这是一个可扩展的界面导航 。下拉菜单是一种网站导航设计,可以将用户转移到网站中的一个新位置,并根据最后选择的选项执行操作命令菜单 。
什么时候设计下拉菜单
当你有很多显示选项,想保存空时,下拉菜单是浏览网站的好方法 。
熟悉扫描,好的下拉菜单可以提高点击率 。但是这需要时间和地点,所以考虑一下你的用户体验模型 。菜单需要包含足够的导航值,以便用户知道如何与之交互(例如,单击选定的值,而不是用单选按钮双击),而不是让用户难以浏览菜单列表 。明智地使用它会给你的用户体验和界面设计带来好的改变 。
滑动汉堡包移动端菜单
文章插图
文章插图
滑动汉堡菜单或滑动菜单用于显示多个链接,常见的Android和iOS手机菜单 。在“静止”位置,滑动菜单隐藏在屏幕中 。通过触发汉堡包图标,用户可以访问未覆盖的导航链接 。
什么时候使用
滑动汉堡菜单适用于响应式网页设计 。比如Anroid的Gmail收件箱导航抽屉,YouTube和脸书界面 。
滑动菜单是隐藏导航的理想选择,例如,用大量的导航链接清理混乱的手机屏幕 。在这里阅读更多关于滑动菜单的最佳实践 。
网页界面模式的定位菜单
文章插图
文章插图
什么是导航菜单?导航菜单(Navigation menu)也叫粘滞菜单(sticky menu),是一种web界面模式,向下滚动时标题区(菜单、网站标题和logo)保持可见,页面内容在其下流动 。粘性标题已经成为网络界面模式的标准——Google+和Dropbox都有粘性菜单 。
什么时候使用
定位菜单应该应用于网页采取行动,如零售和电子商务网站 。用户可以在几秒钟内到达导航选项,这使得导航菜单非常强大 。用户浏览网站,速度是最重要的 。事实上,根据Akamai和Gomez.com的研究,79%的网上购物者如果遇到问题,将永远不会返回网站 。
- 上古时期的嫘祖和嫫母究竟谁是黄帝的妻子
- 揭秘:历史上的上古传说黄帝大战蚩尤的真相
- 上古四大僵尸王究竟谁是中国第一个僵尸
- 上古神话中寒浞是通过什么手段取代羿成为王的
- 揭秘上古散仙陆压是大神东皇太一的儿子吗
- 山西吉县竟惊现疑似6200年上古神话女娲遗骨
- 上古九大神兽,梼杌、混沌、犼...你知道几个?
- 中国上古八大姓氏,来看看有没有你的姓氏?
- 上古神话之:黄帝的玄孙禺疆是什么神?它象征什么?
- 上古四大僵尸始祖,初代僵尸也是神!