网站导航计划指南
|
以下内容由Mockplus团队翻译清算，仅供进修交换，Mockplus是更快更简朴的原型计划器材。
你早年也许经验过相同的环境，假如你下载了一个app，却要花时刻去探求你想要的对象，那么你不行能恒久呆在这里，乃至不会返来。 那要怎样计划出“清楚，简朴，同等”的导航呢？ 想象一下，你周日早上出去买本身喜好的巧克力。走进市肆，你起首看到的是货物分区的名字挂在墙上。（它们够大，可以在市肆的任那里所看到他们）。 “啊，杂货区。”你一边想一边朝着这个偏向走去然后找到了你想要的巧克力。 在完全沟通的场景下，只需一点小小的窜改，去掉货物分区，那你也许对巧克力放在哪一窍不通了。 此刻，将市肆比作你的Web应用措施，将你视为会见Web应用措施的客户。 当你在会见Web应用措施时，你将经验与市肆中相相同的感觉，并试图在个中找到一些对象。 “一个用户没有须要记着他在你的网页应用上赏识的方法，导航应该是在最前面的，并且应该很是明明。” 收集应用措施和市肆之间的一个区别就在于，前者是没有导购站在客户的身边，引导客户。 而导航栏就要充当导购的脚色：搜刮 - 在搜刮框中输入要害字，然后跳到必要的链接列表。 在Web应用措施中，您可以通过一个条理布局，行使导航栏来作为引导。 凡是，在整个Web App中都有一个静态全局导航（Global Navigation），其他首要部门都有一个子导航栏。 导航的两个首要目标是显而易见的：
但导航也有一些重要且轻易被忽视的成果：
通过让条理布局可见，导航可以汇报我们该应用措施包括了哪些内容，即导航表现的内容！并且，显现这款应用的成果也许比指导我们更重要。
导航的首要使命就在于，它会汇报你从那边开始，以及你要选择什么。假如做的正确，它应该切合你所必要的全部指令。(这听起来不错，可是大大都用户城市忽略其他指令。) 它让我们对缔造它的人更有信念。 每当我们进入一个收集应用措施的时辰，我们城市有一种精力冥想：“这些家伙知道他们在做什么吗？”这是让我们返回应用措施的首要身分之一。 简朴明白，颠末深图远虑后的导航是应用措施可以操作的最佳机遇之一，从而给用户缔造精采的第一印象。 为答复怎样建设众所周知的“清楚、简朴、同等”的导航，我总结了以下收集的根基导航老例: 全局导航——什么与为什么？ 此刻不要急着往下看，事实他会随着我们的。 Web计划职员行使“耐久化导航”(或全局导航)来描写在应用措施的每个页面上呈现的导航元素荟萃。 耐久的导航——用一种安静、理性的声音说：
就像市肆里的各个部分的名字一样，不管你在那边，假如你想知道你的位置，你老是会抬起头来，然后你可以以本身的方法找到你最喜好的巧克力。 只要导航呈此刻每个页面的沟通位置，而且保持同等的外面，就可以当即确认你如故在统一个应用措施中——这比你想象中的更为重要，在整个应用措施中保持一请安味着你只必要知道它是怎样事变的。 要害部门： 要害部门——偶然被称为“主导航”——是应用措施首要部门的链接，也是应用措施的条理布局的第一流。 在某些计划中，耐久导航还将包括表现二级导航的空间：当前部门中的末节列表。 在其他环境下，指向一个名称或点击它会表现一个下拉菜单。而在某些环境下，单击它将带你到该部门的首页，在哪里你会发明帮助导航。 面包屑导航——您的导航指南 就像“你在这里”的指示器一样，面包屑导航会汇报你你在应用措施的详细位置。 其浸染虽然是不问可知的，不占用太多空间，却提供了一个利便和同等的方法来做你最必要做的两件工作：回到上一个页面可能首页。 他们之以是被称为面包屑，是由于它们让人想起汉斯在树林里掉落的面包屑，使得他和格莱特尔可以找到回家的路。 面包屑向您表现从主页到您地址的位置的路径，让你轻松地在应用措施中移回到更高的条理布局。 很长一段时刻，面包屑导航是一个稀疏的征象，只在应用措施中才有大量的数据，但此刻它们在UI/ UX中是必不行少的。 以下是一些最佳实践要领： 1、置顶 面包屑导航在置顶中好像是做的最好的，我想这也许是由于把它们边沿化了——让它们看起来像一个隶属品，就像书或杂志里的页码一样。 2.行使>层级 试验和错误好像表白，层级之间的最佳脱离符是“大于”标记（>），也许是由于它将向下移动可视化。 3、最后一项行使粗体 列表中的最后一个项目应该是当前页面的名称，并使其为粗体，以突出其应有的重要性。 由于这是当前行使页，天然它不是一个链接。 标签 选项卡是少数几个在用户界面中回收暗喻的例子之一。就像一个三环的活页夹里的文件一样，它们会把对象分成差异的部门。通过点击它的标签(可能，在Web上点击它)来打开内容是很轻易的。 假如你还记得购物中心和巧克力，那也很棒了。标签相同于阛阓的一个货架，它会汇报你你的所想之物在那边，你可以在差异的货架上看到差异种类的巧克力，供差异的人购置。 我以为这是一个很是优越的导航选择。这也是为什么我喜好他们的缘故起因： 1、简捷明白 我从来没见过任何人——哪怕是“电脑文盲”——看一个选项卡界面，然后说，“嗯，我想知道这些是怎么做的？” 2、不容错过 当我做可用性测试时，很受惊的是，人们在网页顶部常常忽略程度导航栏。而选项卡的视觉特性是云云的与众差异，以至于很难被忽略。由于除了导航，它们很难被误以为是其他的什么，以是它们建设了导航和内容之间的那种“显而易见”的分别。 3、操纵滑腻 网页计划师老是在全力让页面看起来更风趣一点。假如操纵正确，选项卡还可觉得你的导航润色，并提供其他适用成果。 结论 领略导航也许是坚苦的，实现它大概越发坚苦。可是无论你做什么，你都必需确保你实现的导航是终端用户想要看到的。这很是重要，由于用户比你想象中的更想快速的找到本身想要的对象。 假如你是一名UI / UX计划师，你喜好行使哪种导航气魄威风凛凛呢？ 备注： 假如你喜畛啬读这个，请与你的伴侣分享。 作者：Aakriti Chugh 地点：https://uxplanet.org/designing-navigation-labels-and-breadcrumbs-2a6220bb0cc6 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
