当前位置:首页 > 企业官网建设

网站设计菜单的10种方法

2019-12-26

设计导航菜单有明确的对与错方法。网站的基本部分通常在设计过程中被忽略,并且在可用性方面表现出优势。

笨拙,拥挤或缺少导航是最常见的问题,坦率地说,它们会使您的网站变得很糟糕。不要成为那个男人(或女孩)。使用这些技巧可确保您在网站项目中使用现代导航模式,以获取不会吸引人的炫酷,创意性导航元素。(并且非常有用。)

 

1.放弃超级菜单

超级菜单是客户喜爱的设计时尚,即使设计师讨厌它。包括“除了厨房水槽之外的所有东西”的超大菜单样式对用户来说是不知所措,并且没有提供任何实际价值。

只有少数主要零售商可以真正使用大型菜单,而这样做的目的是显示库存规模。重载导航元素的有用性值得怀疑。

通常,会选择一个大型菜单选项,因为很难缩小导航栏中的内容。做出艰难的选择。深入分析以查看用户的需求。坦白说,大多数想要特定商品的用户还是会通过搜索找到它。


 

2.突出搜索

说到搜索:使其突出。搜索应该在每个页面上。它应该在主导航中。而且它应该很大并且易于访问。

一流的搜索功能是使用户保持网站访问的链接。如果他们要找的东西不容易获得,那么下一个选项可能会搜索它。(您可以感谢Google的这种搜索优先的思考过程。)

不要试图与之抗争。与用户合作,并将搜索作为主要导航的一部分。(并确保该框足够大,可以在其中键入并完全看到常用短语。)


 

3.限制导航选择的数量

预期用户接下来将要访问哪些内容是您的工作。将导航选项限制为网站设计中最流行的页面和信息。

几乎每个导航菜单都应包含搜索,“关于”或“联系”页面,电子商务网站应始终包含购物车或“立即购买”按钮。之后,导航元素应由网站内容驱动。


 

4.开发智能导航菜单

良好的导航将帮助用户从内容的一点移到下一个逻辑点。该内容通常在网站的不同部分上有所不同。

创建多个导航配置,以便用户可以轻松访问内容,这是其设计过程中下一步的逻辑步骤。尽管某些元素可能重叠,但其他元素可以帮助用户并帮助他们更深入地设计。

我们正处在用户期望某些个性化水平的时代。亚马逊在导航元素方面做得很好,甚至可以按名称呼叫用户。下次登录时仔细查看导航,以查看[此处您的名字]的Amazon.com。辅助导航包括诸如微笑用户的年度捐赠,最近的订单历史记录,甚至还包括其他Amazon服务的贷方等信息。(此后的所有内容也都非常个性化。)


 

5.故意订购导航元素

导航元素的顺序与使用它们的决定一样重要。导航元素开头和结尾的项目将是最有效,最常查看和最多点击的项目。仔细使用这些位置。

甚至还有一些科学支持这一点。系列位置效应是一个人的回忆列表中的最一致的第一个和最后一个项目的倾向。此外,用户倾向于最好地回忆最近的项目(新近度效果),并且列表中的前几项要比中间元素(初等效果)要好。

查看网站分析中的用户流模式,以帮助您准确确定哪些页面和元素应放在最前面和最中心。包括用户要从主页转到的页面以及您希望用户连接的内容。消除不会推动用户流量的导航元素。


 

6.将粘性导航用于长滚动页面

不要让用户迷失导航。无论是粘贴在屏幕的顶部,底部还是侧面,任何长滚动格式的页面都应包含粘贴菜单。这背后的原因很简单:不要让用户继续与您的网站进行互动。

移动和体验内容越容易,用户越有可能做到这一点。用户花在设计上的网站上的时间越长,他们越有可能转化为所需的用户操作。


 

7.不要隐藏导航

微小的菜单项,隐藏在屏幕底部或仅位于页脚中的链接以及隐藏在奇数球图标后面的弹出式导航以及内部页面上的导航不足,只会使用户无法单击。不要隐藏网站导航。它应该在前面和中间。它应该在每一页上。

用户可以通过多种方式访问您的网站。确保它们到达时有导航元素在等待着他们。


 

8.使用描述性标签

从导航词到图标,每个元素都应准确告知用户单击将发生什么。使用常用的图标,例如购物卡签出或放大镜进行搜索,甚至使用汉堡包图标弹出菜单样式。

然后,进一步进行操作,并使用文本标签准确告诉用户其中包含哪些信息。如果有一个词可以更好地解释内容,请尽量避免使用过于笼统的标签,例如服务或产品。


 

9.考虑全页导航

有时设计就是导航。如果有一些对用户至关重要的关键元素,请通过全屏导航向他们展示。

尽管这并不适合每个项目,但对较小的网站,项目组合或项目工作可能会有效。


 

10.去垂直

垂直导航现在很流行,这是有充分理由的。因为有些不同,所以很容易看到并吸引眼球。

网站设计制作要更多导航元素空间的网站,侧面垂直导航是一个不错的选择。通过更深层次的菜单,该设计可以容纳更多的导航元素,而不会感到混乱,并在元素之间保持足够的空间。 


免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号