网站导航设计的方法

网站导航设计的方法,第1张

网站导航设计指南

如何构思“清晰、简单、发散”的导航?

“如果你已经看过网站,过不去,他们会犹豫要不要返回网站。”

你可以在过去经历类似的情况。如果你安装了一个app,但是你要花时间去搜索你想要的特殊工具,那么你就不能长时间呆在那里,这样你就不会回来了。

那么如何构思“清晰、简单、发散”的导航呢?

想象一下,你在星期天早上进去买了你最喜欢的巧克力。走进店里,首先看到的是挂在墙上的产品系统分区名称。他们的年龄足以在城市的所有住宅中看到他们。

“啊,纯品区。”你一边读,一边来到了早上的目标价,然后你找到了你想要的巧克力。

在细节相同的情况下,你只需要稍微篡改一下就可以迷失在产品系统分区里,然后你就可以对巧克力棒一无所知了。

现在把城市比作你的Web应用风格,把你当成符合Web应用风格的客户。

当你遇到了Web应用方法,你会在市场上体验到类似的感觉,尝试找到一些特殊的工具。

“客户需要记住他在你的网页应用程序上读到的方法。导航应该在最上面,而且应该很显眼。”

法式商场的应用差异之一已经有了。前一种是拿出指南站在顾客身边,具体指导。导航栏会起到导购的作用:掠夺——核心区已经在掠夺框中输入,然后跳转到需要的连接目录。

它已经被应用到Web上,你可以在整个过程中经历一个逻辑结构,使用导航条作为具体的引导。

但是,所有Web应用程序都有一个静态数据全局导航,其他主要和次要单元都有一个子导航栏。

导航的两个主要和次要的总体目标是显而易见的:

帮大家找专门的阅读工具,报告自己去过的地方。

但是导航也有一些关键且容易被忽视的功能:

它告诉你那里有什么。

整个过程结束后,逻辑结构就可以看到了,导航可以报告应用方法包括了什么,也就是导航呈现的内容!更何况,提示哪个应用的功能比指导大家更重要。

它帮助你如何使用应用方法。

导航的主次任务已经在里面了,它会告诉你从哪里开始,你想选择什么。如果做的准确,应该符合你的所有要求。这听起来是对的,但是大城市的大多数客户对其他订单都很粗心。)

它让我们对创造它的人更有信心。

每输入一个采集应用方法,我们都会有一种大城市的身体冥想:“这些混蛋知道自己做了什么吗?”这时候,我们再回到法语应用的主次果之一。

简单明了,一目了然,思考后的导航是运用法语可以掌控的最好机会之一,从而为客户创造高质量的第一印象。

针对如何创建众所周知的“清晰、简单、发散”的导航,我收集了以下几个根导航的老例子:

齐局导航——为什么拿什么?

现在没必要再等下去了。最后,他会陪着大家。

想象一下,Web员工使用“持久导航”(或“一体化导航”)来聚合每个页面上显示的导航元素,这些元素的外观应用了法语。

耐久性导航——用一种安静、理性、宁静和客观的声音方式:

“哪个元素一直在那边。有些单元会根据你的网页应用的影响力进行修改,但它会一直在那里,一直以同样的方式引导客户。”

就像商店每个部分的名字一样,无论你在哪里,如果你知道你的影响力,你总会开始,然后你就可以用自己的方式找到你喜欢的巧克力。

只要导航到在每个页面上显示相同的影响,并连接差异,你就可以立即确认你仍然有一个统一的应用方法——这比你想象的更关键。所有应用方法的差异意味着你只需要知道它是如何工作的。

核心单元:

核心单元——无意中被称为“主导航”——是法语中主次单元的连接,也是法语中第一流的逻辑结构。

已经设想了耐力导航将包括呈现二级导航的室内空房间:今日单元中的无标题目录。

在其他情况下,指向一个标题或打它的脸会出现一个下拉列表。在某些情况下,点击它会把你带到单元的最后一页,在那里你会创造发明来帮助导航。

垃圾导航-你的导航指向北方。

就像“你已经在那里”的煽动者一样,内袋面包屑导航会向你报告你应用法语的详细影响。

虽然它的功能未知,也不占太多空间空,但是它提供了一种方便且发散的方式来做你最需要做的两件事:返回到最后一页左右。

它们被称为“袋屑”,因为它们提醒人们汉斯正在山里失去他健康的袋屑,这促使他与格莱特战斗,我可以找到回去的路。

你从首页到地址呈现影响力的方式让你感觉很紧绷,你已经应用法语搬回了一个更低的逻辑结构。

在短时间内,克拉姆导航是一个奇怪的标志。仅在法语中就有大量的数据信息,但现在它们在UI/UX中是不可或缺的。

以下是一些最好基本理论方法:

1.最高位置

包屑的导航好像是最好的。是的,我认为这可能是因为它使它们边缘化了——它使它们看起来像一个附件,就像一本书或一本书的页数一样。

2.用途>:等级

试题好像是告白。年级中间的分隔符最好是“大于号(>:),可以是因为它会记忆移动数据可视化。

3.第一项是细体的使用。

目录中的第一个新项目应该是当前页面中的标题,并且应该精炼以突出其必要的关键性。因为那么今天对页面的使用是纯天然的,不是连接。

符号

菜单栏是在客户世界中接受隐喻的少数例子之一。就像三环活页夹里的文件一样,他们会把专门的工具分发给不同的单位。全程点击它的logo(大概,在网页上已经被点击过了)打开内容非常简单。

如果你还记得购物在巧克力中间,那也很好。标一个类似糖果市场的储物架。它会告诉你,你读的东西在那边。你可以在货架上看到不同种类的巧克力,它们被区分出来供不同的人购买。

我当时觉得是非常好的导航选择。这就是为什么我喜欢他们的水果:

1、简洁明了一目了然

这些年来,我见过每个人——甚至是“计算机盲”——看着一个菜单栏说:“嗯,我想知道这些是怎么做的?”

2.无容错。

当我们做可用性测试时,我们非常害怕人们经常忽略网页顶部的水平导航栏。菜单栏的视觉效果如此非凡,很容易让人不小心。除了导航之外,它们很容易被误认为是别的东西,所以它们在导航战的内容上造成了那种“明显”的差异。

3、控制光洁

页面设计者总是试图让页面看起来更幽默。如果控制准确,菜单栏可以美化你的导航,并提供其他真正的努力。

结果

掌握导航可能很难,但可能更难。但是无论你做什么,你必须保证你真正的导航是终端客户想要看到的。这一点至关重要,因为客户可以比你想象的更快地找到自己的专用工具。

如果你是一名UI/UX设计师,你喜欢使用哪种导航风格?

备注:如果你喜欢游览任何地方,请与你的爱人分享。

制造商:AakritiChugh

文章中的地址:https://UXplanet.org/designing-navigation-labels-and-breadcrumbs-2a6220bbc6c6

本文由@Mockplus精英团队本创发表于《素材一百》,已经同意劝阻拦截。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/777588.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存