Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音

Smartwind 沙漠风互联网整合营销

地址:深圳市福田区泰然四路创新科技广场一期A座1304

业务热线: 0755-83739169

大客户专线: 18098908287

售前QQ:3290449062

E-mail: sales@szweb.cn

合作意向表

您希望我们 为您提供什么服务?

预算

点击更换

APP开发资讯 APP开发资讯

资讯

03 2018/05

在APP开发和网站开发中,导航设计很重要吗?

APP开发资讯 / 沙漠风风享 2018/05/03

  移动和PC用户都习惯于通过导航菜单探索网站内容及特性。所以导航菜单的设计,在网站和APP开发中,都非常重要。下面,沙漠风小编就跟大家聊一聊导航设计的一些指导原则。


QQ图片20180503153902.png


  APP导航栏设计


  首页,导航的作用,顾名思义就是为用户导航。毕竟用户一旦迷路,再炫酷的动效、再有趣的内容也都毫无意义。即使我们的网站中有搜索功能,也不能把搜索框当成用户导航的唯一工具。大多设计者都明白这一点,并在自己的网站中设计了导航菜单。


  导航菜单是什么?导航菜单就是网站主要内容或特征的列表,通常由一组链接或icon组成,并在视觉样式上与网站其他内容有显著差异。


  导航菜单的重要性已经不言而喻,我们平时遇到的每一个网站或软件中都有它的存在;但并不是所有的导航菜单都设计得准确无误。我们也常发现用户因导航设计不当而感到困惑、难以操作,或者连导航在哪儿都不知道。下面的设计原则,可以避免导航菜单出错。


  1、导航菜单要清晰可见


  大屏中的导航菜单不要太小。如果空间足够,不要将菜单隐藏。把导航菜单放在用户熟悉的位置。通常用户会希望在浏览过的网站或app中的类似位置(譬如网站顶部、左侧等)中找到他们想要的UI元素。让菜单链接看起来有互动感。如果菜单选项看起来不可点击,用户未必能认出它是导航。如果我们的导航设计融入太重的图形、或太过追崇扁平化设计风格,会使它们看起来更像是装饰性图片或标题。确保导航菜单拥有足够的视觉吸引力。很多导航菜单的周围会留有一点空白区域以从视觉上突显它。但当网站UI元素比较拥挤时,如果导航菜单视觉比重太弱就会在各色图形、促销广告、标题里迷失,不易被用户识别。


  2、告诉用户其当前位置


  告诉用户当前所处什么位置。用户成功导航的一个最基本的标准是他自己能发现:“我在哪儿?”通常被选中的菜单选项在视觉上与其他选项是有差异的,这可以帮助用户明确自己的当前所在位置(或者通过面包屑导航定位)。如果没有让用户明确所在位置、导致他们迷路,那么就犯了网站设计最基本的错误。讽刺的是用户不总是通过首页到达目的页,所以导航菜单对于用户来说意义重大。


  3、导航菜单要与用户任务协调一致


  使用易懂的链接标签。清楚用户要找的是什么,使用相似且相关的类别标签。要记住导航菜单并不是拿自造词和行话去忽悠人的。请使用可以准确描述网站内容和特征的术语。链接标签要容易阅读。减少用户阅读菜单具体内容的时间,如使用左对齐的垂直菜单、或将关键词前置。对于大型网站来说,让用户通过导航菜单预览子级内容。对于喜欢挖掘网站各层级内容的典型用户来说,下拉菜单可以让用户快速浏览、节省时间。


  4、导航菜单要易于操作


  菜单选项要够大、方便点击。如果导航菜单的选项过小或者彼此靠得太近,会给移动用户造成很大的困扰;大屏网站中导航菜单选项如果也设计成这样,那就会很难操作。


  确保下拉菜单不会太大或太小。鼠标悬停触发的下拉菜单呈现时间太过短暂会给用户带来挫败感,因为用户还没来得及点击菜单里的某个链接的时候,下拉菜单就消失了。另外,太长的垂直导航菜单也不利于底部选项的点击,除非滚动屏幕。最后,鼠标悬停触发的下拉菜单不能太宽,否则会让用户误以为是新页面、并且好奇为什么自己还没点击就出现了新的“页面”?


  当页面内容很长时,可以考虑悬浮吸顶(或固底)菜单。已浏览到页面底部的用户要想回到首屏需要一次又一次地回滚鼠标(移动端则是不断向上划动屏幕);如果导航可以悬浮吸顶,用户就可以很方便地进行其他菜单选项的切换。这很适合小屏幕场景。


  5、用新颖有趣的交互方式去惊艳用户?


  实际上……答案是“不”。炫酷的效果并非我们的首要目标。对于用户来说,最能打动他们的还是网站的精彩内容、以及熟悉且操作简单的导航菜单。当然,有的时候一些创新型菜单的确可以提升用户体验(下拉菜单就是一个例子)。在某些场景下,由于新技术的独特要求,这些原则也未必使用。但大多数情况下,以上几个方面都是我们需要考虑的指导原则,因为它们会大大提高导航菜单的易用性。


以上内容由沙漠风为您提供!更多有关深圳APP开发APP定制微信平台开发微信小程序开发等互联网应用服务都可以联系我们!热线:0755-83739159 或致电大客户专线:18098908287 陈经理!

上一条: APP开发中搜索有哪些设计要点?

下一条: APP开发怎么在手机端展示数据?

返回

最新案例