尚武科技——负责任的企业公民

尚武十年[点击进入]

科技以人为本
尚武旗下网站
尚武科技
搜索图标
Sitemap | Mail | 合作答疑 | 招贤纳士
网站公告 尚武科技服务热线:0311-87882018
   
我们是谁  |  企业文化  |  新闻动态  |  加入我们  |  行业知识
浅谈:石家庄做网站的导航设计指南

  对于网站的导航设计有很对人认为这些并不是什么重要的事儿,但是今天石家庄尚武科技的网站建设工程师则要告诉大家,您这么想并不是错,可能只是理解的稍微有点偏差和少分析了一部分,下面我们就一起来详细的了解一下吧。
  
  “如果人们在浏览网站时遇到困难,他们就会犹豫是否要回到该网站。”
  
  你以前可能经历过类似的情况,如果你下载了一个app,却要花时间去寻找你想要的东西,那么你不可能长期呆在这里,甚至不会回来。
  
  那要做网站如何设计出“清晰,简单,一致”的导航呢?
  
  想象一下,你周日早上出去买自己喜欢的巧克力。走进商店,你首先看到的是货品分区的名字挂在墙上。(它们够大,可以在商店的任何地方看到他们)。
  
  “啊,杂货区。”你一边想一边朝着这个方向走去然后找到了你想要的巧克力。
  
  在完全相同的场景下,只需一点小小的改动,去掉货品分区,那你可能对巧克力放在哪一无所知了。
  
  现在,将商店比作你的Web应用程序,将你视为访问Web应用程序的客户。
  
  当你在访问Web应用程序时,你将经历与商店中相类似的感受,并试图在其中找到一些东西。
  
  “一个用户没有必要记住他在你的网页应用上浏览的方式,导航应该是在最前面的,而且应该非常明显。”
  
  石家庄做网站和商店之间的一个区别就在于,前者是没有导购站在客户的身边,引导客户。 而导航就要充当导购的角色:搜索 - 在搜索框中输入关键字,然后跳到需要的链接列表。
  
  在Web应用程序中,您可以通过一个层次结构,使用导航来作为引导。

石家庄做网站,石家庄网站设计,导航的重要性

  
  通常,在整个Web App中都有一个静态全局导航(Global Navigation),其他主要部分都有一个子导航。
  
  导航的两个主要目的是显而易见的:
  
  帮助我们找到想要的东西,并告诉我们在哪。
  
  但导航也有一些重要且容易被忽视的功能:
  
  它告诉我们这里有什么
  
  通过让层次结构可见,导航可以告诉我们该应用程序包含了哪些内容,即导航显示的内容!而且,揭示这款应用的功能可能比指导我们更重要。
  
  它帮助我们如何使用该应用程序
  
  导航的主要任务就在于,它会告诉你从哪里开始,以及你要选择什么。如果做的正确,它应该符合你所需要的所有指令。(这听起来不错,但是大多数用户都会忽略其他指令。)
  
  它让我们对创造它的人更有信心
  
  每当我们进入一个网络应用程序的时候,我们都会有一种精神冥想:“这些家伙知道他们在做什么吗?”这是让我们返回应用程序的主要因素之一。
  
  简单明了,经过深思熟虑后的导航是应用程序可以利用的最佳机会之一,从而给用户创造良好的第一印象。
  
  为回答如何创建众所周知的“清晰、简单、一致”的导航,我总结了以下网络的基本导航惯例:
  
  全局导航——什么与为什么?
  
  现在不要急着往下看,毕竟他会跟着我们的。
  
  网站设计人员使用“持久化导航”(或全局导航)来描述在应用程序的每个页面上出现的导航元素集合。
  
  持久的导航——用一种平静、理性的声音说:
  
  “这个元素在这里。有些部分会根据你在网页应用中的位置而有所改变,但它会一直在这里,而且总是以同样的方式引导用户。”
  
  就像商店里的各个部门的名字一样,不管你在哪里,如果你想知道你的位置,你总是会抬起头来,然后你可以以自己的方式找到你最喜欢的巧克力。
  
  只要导航出现在每个页面的相同位置,并且保持一致的外观,就可以立即确认你仍然在同一个应用程序中——这比你想象中的更为重要,在整个应用程序中保持一致意味着你只需要知道它是如何工作的。
  
  关键部分:
  
  关键部分——有时被称为“主导航”——是应用程序主要部分的链接,也是应用程序的层次结构的最高级。
  
  在某些设计中,持久导航还将包含显示二级导航的空间:当前部分中的小节列表。
  
  在其他情况下,指向一个名称或点击它会显示一个下拉菜单。而在某些情况下,单击它将带你到该部分的首页,在那里你会发现辅助导航。
  
  石家庄做网站的面包屑导航——您的导航指南
  
  就像“你在这里”的指示器一样,面包屑导航会告诉你你在应用程序的具体位置。
  
  其作用当然是不言而喻的,不占用太多空间,却提供了一个方便和一致的方式来做你最需要做的两件事情:回到上一个页面或者首页。
  
  他们之所以被称为面包屑,是因为它们让人想起汉斯在树林里掉落的面包屑,使得他和格莱特尔可以找到回家的路。
  
  网站建设的面包屑向您显示从主页到您所在的位置的路径,让你轻松地在应用程序中移回到更高的层次结构。
  
  很长一段时间,面包屑导航是一个奇怪的现象,只在应用程序中才有大量的数据,但现在它们在UI/ UX中是必不可少的。
  
  以下是一些最佳实践方法:
  
  1、置顶
  
  面包屑导航在置顶中似乎是做的最好的,我想这可能是因为把它们边缘化了——让它们看起来像一个附属品,就像书或杂志里的页码一样。
  
  2.使用>层级
  
  试验和错误似乎表明,层级之间的最佳分隔符是“大于”符号(>),可能是因为它将向下移动可视化。
  
  3、最后一项使用粗体
  
  列表中的最后一个项目应该是当前页面的名称,并使其为粗体,以突出其应有的重要性。 因为这是当前使用页,自然它不是一个链接。
  
  标签
  
  选项卡是少数几个在用户界面中采用暗喻的例子之一。就像一个三环的活页夹里的文件一样,它们会把东西分成不同的部分。通过点击它的标签(或者,在做好的网站上点击它)来打开内容是很容易的。
  
  如果你还记得购物中心和巧克力,那也很棒了。标签类似于商场的一个货架,它会告诉你你的所想之物在哪里,你可以在不同的货架上看到不同种类的巧克力,供不同的人购买。
  
  我认为这是一个非常优秀的导航选择。这也是为什么我喜欢他们的原因:
  
  简洁明了
  
  我从来没见过任何人——哪怕是“电脑文盲”——看一个选项卡界面,然后说,“嗯,我想知道这些是怎么做的?”
  
  不容错过
  
  当我做可用性测试时,很吃惊的是,人们在网页顶部经常忽略水平导航。而选项卡的视觉特征是如此的与众不同,以至于很难被忽略。因为除了导航,它们很难被误认为是其他的什么,所以它们创建了导航和内容之间的那种“显而易见”的划分。
  
  操作平滑
  
  网页设计师总是在努力让页面看起来更有趣一点。如果操作正确,选项卡还可以为你的导航润色,并提供其他实用功能。
  
  对于网站建设的导航设计,我们可以说看起来并不是很难,但是要设计到用户可以更好的使用,其实并不是一件容易的事情。以上就是从事石家庄做网站12年的尚武科技网站建设工程师的分享,希望大家能够喜欢。



上一篇:石家庄网站建设之登录注册的逻辑流程             下一篇:石家庄网站建设之登录注册的逻辑流程(二)

标签:石家庄做网站 石家庄网站设计 导航的重要性
尚武科技
睿亿网络用心服务的团队,竭诚为您服务 客服不能及时回复您,您可点击QQ进行交谈
欲了解业务详情,请拨打咨询热线:
总部电话:0311-87882018    值班电话:15512183667
在线服务: 尚武科技售前专员   尚武科技售前专员  尚武科技技术专员  尚武科技美工专员  尚武科技售后专员  
Copyright © 2008-2019 尚武科技 保留所有权利 >冀ICP备07012169号    Copyright © 2008 www.sw-tech.cn, Inc. All rights reserved