您的当前位置:首页->新闻中心-> 文章预览
新闻中心

技巧总结!网页设计师必知的高效导航设计三原则

标签:技巧,总结,网页,设计,设计师,高效,导航,三原,原则  2018/8/28 9:14:40  预览106923

  很多人对于网站导航设计的认知并不同一。有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西。同样的,还有人认为导航设计是一种方法,指导用户去探求网站上最紧张的信息,以达到销售或者查询等目的。这些说法都没题目,它们都是导航设计的一部分。
  
  为网站设计导航就如同为房子打基础。假如地基不牢靠,再壮观的设计也无法袒护建筑结构的潜在风险,其实网站也是如此,假如想让网站拥有良好的用户体验,优秀的转化率,可观的销售额,你必要花费相称的时间去了解你的用户需求河北人事考试信息网,精心设计网站的内容,追求可靠而直观有用的内容组织体系,而这些东西的外化表现,就是网站的导航设计。

  什么是导航?
  
  很多人对于网站导航设计的认知并不同一。有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西。同样的,还有人认为导航设计是一种方法,指导用户去探求网站上最紧张的信息,以达到销售或者查询等目的。这些说法都没题目,它们都是导航设计的一部分。
  
  和设计领域的很多东西一样,导航设计并没有一个同一同等的“官方”的设计方法,或者说法,每个网站因为其目标、需求、设计手法、运营等诸多因素导致它们在导航设计上千差万别,但是在最基本的设计思路和组织结构上,导航设计照旧有基本的规律和原则,确保组织架构可靠,降低失败的机率。
  
  70percentpure 使用了最简单常见的垂直和水平导航来指导用户。
  
  1、首先确定信息架构

  
  规同等个大型网站,规划好内容是进行导航设计之前的第一要务。而我们此处所说的信息架构(IA,Information Architecture),是合理的组织信息的显现情势,支持起网站内容的骨架。信息架构的重要义务是为信息与用户认知之间构建一座通顺的桥梁。
  
  从更高的位置来看待网站内容有助于信息架构的搭建。更紧张的是,你得学会从用户的角度来看待网站内容。这也就意味着,有的时候你得站在正反两个位置来看待统一个东西,不同视角下你会发现有的内容的呈现体例特别很是反人类。你可以通过下面的题目来完美整个架构:
  
  ·哪些页面是这个网站必不可少的?
  
  ·从宏观架构上来看是否每个页面都有其自力的目的,它们的存在是否影响团体的延续性和可靠性?
  
  ·有哪些内容是必要在未来持续提供并更新的?
  
  ·网站所必要涉及到的用户群有哪些?(登录用户、订阅用户、广告商等等)
  
  ·针对每种用户,网站所要达成的目标是什么?
  
  思考这些题目能够帮助你更好的完美网站的信息架构,为导航设计做好预备。
  
  2、保持简单
  
  绝大多数的网站欣赏者可能会同等的认同这一点:网站的导航区域要尽可能设计的简单。的确,复杂而拥挤的导航栏设计会紧张阻碍网站的团体可用性。
  
  彭博的网站就是如许做的,用简单的导航栏设计来袒护网站的复杂性。
  
  然而,简单的设计照旧具有诳骗性的。用户在随后的操作中会发现复杂的信息被以一种看起来简单的体例包装了起来。这就是信息架构的作用。
  
  以微软的首页为例,网站的导航栏被划分成四个项目,考虑到微软重大的产品线,这几乎已经被简化到了极致。也正是因此,每个项目的下拉菜单都被巧妙地分割成为几段,如许一来,导航的层级就清晰了,用户可以更快地找到他们想要的东西,而微软也可以将复杂多样的产品和服务,整合到一个看似简单的导航栏里面。
  
  类似迷你站的子页面中,导航栏也相沿了雷同的设计。菜单的设置乍一看和首页很相似,现实上设计者加入了更多细节,更有针对性的功能和服务。
  
  总的来说,如许的导航栏设计更加易用了,在保持同等的前提下,也具备更好的展望性。考虑到微软的产品体量,产品所需的页面数,微软官网的设计很显明是耗费了大量时间迭代开发的产物,殊为不易。官网在如许的组织架构之下,不仅让用户的体验更好了,而且对于微软而言也更加便于管理内容。这不仅保持简单,也简化了复杂。
  
  3、郑重选择方向

  
  传统意义上的电脑屏幕方向是横向的,这也使得纵向下拉菜单,在很长的一段时间里面成为了导航栏设计的主流方向。如许的设计,平衡且少干扰,从设计的角度上来看是不错的选择。
  
  作为假造实际设备制造商的Oculus,将导航设计成为横向的特别很是吻合他们的设备的天然逻辑。
  
  但是横向的导航并不肯定吻合所有的网站的需求,这也是为什么你会看到那么多纵领导航的网站,尤其是在电商领域。彩色的标签被用来标识不同的品类奥龙驾驶室总成,纵向的导航设计,与实际世界中的导购图册暗合。如许的导航吻合多品类,多内容的信息架构,横领导航用在此处会由于品类和笔墨内容而产生紊乱。
  
  一个优秀的垂直方向的导航,要设计好并非易事,尤其是当你的网站内容特别很是多的时候。Jack Jones 的网站是一个很好的学习对象。
  
  网站导航中的小图标拥有不错的可读性网站开发,简单的外形包含了可观的信息,划一而有力。每点击一个类别,菜单睁开,表现子类,逻辑清晰。
  
  当然,你还可以在Squarepusher 的网站看到相对不同平凡一些的纵向菜单设计。导航被设计成标签页,访客可以通过滚动切换,这是一种更为线性的导航栏设计。
  
  结语:规则正在改变
  
  新工艺新技术的赓续涌现,使得新的设计趋势和新的挑衅源源赓续呈如今我们面前。相应式网页设计使得桌面上传统的横领导航在移动端呈现的时候,更多是以纵领导航的情势体现出来。导航的设计不再被固定的方案所约束,多种多样的体现手法都可以产生不俗的结果。但是,设计和测试的迭代方法,最好照旧围绕着网站转化率和统计数据来进行。
  
  作为驱动网站发展的引擎,导航设计的好坏是可预计的,精心布置又简单同等的。