249045439
网站设计

方法总结!网页设计人员必知的高效导航设计三原则

发表日期:2024-08-13   作者来源:www.pnc9.com   浏览:0   标签:网站制作    

【文章描述】很多人对于网站导航设计的认知并不统一。有人觉得,构成网站导航的是网页中的焦点元素,它们让用户明确直观地找到他们想要的东西。同样的,还有人觉得导航设计是一种办法,引导用户去探寻网站上非常重要的信息,以达到销售或者查看等目的。这类说法都没问题,它们都是导航设计的一部分。

为网站建设导航就好似为房屋打基础。假如地基不牢靠,再壮观的设计也没办法掩盖建筑结构的潜在风险,其实网站也是这样,假如想让网站拥有出色的客户体验,好的实际转化的比例,可观的销售额,你需要花费相当的时间去知道你的用户需要,精心设计网站的内容,寻求靠谱而直观有效的内容组织体系,而这类东西的外化体现,就是网站的导航设计。

什么是导航?

很多人对于网站导航设计的认知并不统一。有人觉得,构成网站导航的是网页中的焦点元素,它们让用户明确直观地找到他们想要的东西。同样的,还有人觉得导航设计是一种办法,引导用户去探寻网站上非常重要的信息,以达到销售或者查看等目的。这类说法都没问题,它们都是导航设计的一部分。

和设计范围的很多东西一样,导航设计并没一个统一一致的官方的设计办法,或者说法,每一个网站因为其目的、需要、设计手法、运营等很多原因致使它们在导航设计上千差万别,但在最基本的设计思路和组织结构上,导航设计还是有基本的规律和原则,确保组织构造靠谱,减少失败的机率。

70percentpure 用了最简单容易见到的垂直和水平导航来引导用户。

1、第一确定信息构造

规划一个大型网站,规划好内容是进行导航设计之前的一要务。而大家此处所说的信息构造(IA,Information Architecture),是适当的组织信息的展示形式,支撑起网站内容的骨架。信息构造的主要任务是为信息与用户认知之间构建一座畅通的桥梁。

从更高的地方来看待网站内容能够帮助信息构造的搭建。更要紧的是,你得掌握从用户的角度来看待网站内容。这也就意味着,有些时候你得站在正反两个地方来看待同一个东西,不同视角下你会发现有些内容的呈现方法很反人类。你可以通过下面的问题来健全整个构造方法总结!网页设计人员必知的高效导航设计三原则网站的导航地区要尽量设计的简单。的确,复杂而拥挤的导航栏设计会紧急妨碍网站的整体可用性。

彭博的网站就是如此做的,用简单的导航栏设计来掩盖网站的复杂性。

然而,简单的设计还是具备欺骗性的。用户在随后的操作中会发现复杂的信息被以一种看着简单的方法包装了起来。这就是信息构造有哪些用途。

以Microsoft的首页为例,网站的导航栏被划分成四个项目,考虑到Microsoft庞大的商品线,这几乎已经被简化到了极致。也正是因此,每一个项目的下拉菜单都被巧妙地分割成为几段,如此一来,导航的层级就明确了,用户可以更快地找到他们想要的东西,而Microsoft也可以将复杂多样的商品和服务,整理到一个看上去简单的导航栏里面。

类似迷你站的子页面中,导航栏也沿用了相同的设计。菜单的设置乍一看和首页很像,事实上设计者加入了更多细节,更有针对性的功能和服务。

总的来讲,如此的导航栏设计愈加易用了,在维持一致的首要条件下,也拥有更好的预测性。考虑到Microsoft的商品体量,商品所需的页面数,Microsoft官方网站的设计非常明显是耗费了很多时间迭代开发的产物,殊为不容易。官方网站在这种组织构造之下,不只让用户的体验更好了,而且对于Microsoft而言也愈加便于管理内容。这不只维持简单,也简化了复杂。

3、小心选择方向

传统意义上的电脑屏幕方向是横向的,这也使得纵向下拉菜单,在非常长的一段时间里面成为了导航栏设计的主流方向。如此的设计,平衡且少干扰,从设计的角度上来看是很好的选择。

作为虚拟现实设施制造商的Oculus,将导航设计成为横向的很符合他们的设施的自然逻辑。

但横向的导航并未必符合所有些网站的需要,这也是为何你会看到那样多纵向导航的网站,特别是在电子商务范围。彩色的标签被用来标识不一样的品类,纵向的导航设计,与现实世界中的导购图册暗合。如此的导航符合多品类,多内容的信息构造,横向导航用在此处会由于品类和文字内容而产生混乱。

一个好的垂直方向的导航,要设计好并不是易事,特别是当你的网站内容很多的时候。Jack Jones 的网站是一个非常不错的学习对象。

网站导航中的小图标拥有很好的可读性,简单的形状包括了可观的信息,整齐而有力。每点击一个类别,菜单展开,显示子类,逻辑明确。

当然,你还可以在Squarepusher 的网站看到相对不同一般一些的纵向菜单设计。导航被设计成标签页,访客可以通过滚动切换,这是一种更为线性的导航栏设计。

结语方法总结!网页设计人员必知的高效导航设计三原则方法总结!网页设计人员必知的高效导航设计三原则网站路径:

如没特殊注明,文章均为龙源技术网 原创,转载请注明来自http://www.yanlongwu.com/news/sheji/12519.html