网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

网页导航设计技巧教程:高效导航设计三原则帮你打造美观大方的网

时间:2015-06-29 09:24 来源:教程资料 作者:网页导航设计技巧 阅读:

网页导航设计技巧教程:高效导航设计三原则帮你打造美观大方的网站,为网站设计导航就如同为房子打基础。如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的用户需求,精心设计网站的内容,寻求可靠而直观有效的内容组织体系,而这些东西的外化体现,就是网站的导航设计。

什么是导航?

许多人对于网站导航设计的认知并不统一。有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西。同样的,还有人认为导航设计是一种方法,引导用户去寻找网站上最重要的信息,以达到销售或者查询等目的。这些说法都没问题,它们都是导航设计的一部分。

和设计领域的许多东西一样,导航设计并没有一个统一一致的“官方”的设计方法,或者说法,每个网站由于其目标、需求、设计手法、运营等诸多因素导致它们在导航设计上千差万别,但是在最基本的设计思路和组织结构上,导航设计还是有基本的规律和原则,确保组织架构可靠,降低失败的机率。

网页导航设计技巧教程:高效导航设计三原则帮你打造美观大方的网

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

1、首先确定信息架构

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

从更高的位置来看待网站内容有助于信息架构的搭建。更重要的是,你得学会从用户的角度来看待网站内容。这也就意味着,有的时候你得站在正反两个位置来看待同一个东西,不同视角下你会发现有的内容的呈现方式非常反人类。你可以通过下面的问题来完善整个架构:

·哪些页面是这个网站必不可少的?
·从宏观架构上来看是否每个页面都有其独立的目的,它们的存在是否影响整体的连续性和可靠性?
·有哪些内容是需要在将来持续提供并更新的?
·网站所需要涉及到的用户群有哪些?(登录用户、订阅用户、广告商等等)
·针对每种用户,网站所要达成的目标是什么?

思考这些问题能够帮助你更好的完善网站的信息架构,为导航设计做好准备。

2、保持简单

绝大多数的网站浏览者可能会一致的认同这一点:网站的导航区域要尽可能设计的简单。的确,复杂而拥挤的导航栏设计会严重阻碍网站的整体可用性。

网页导航设计技巧教程:高效导航设计三原则帮你打造美观大方的网

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

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程