27
4006-5666-83
当前位置:首页 > 资讯 > 建站知识

网站导航应该如何设计

2012-07-22 酷站科技
导航栏是设计产品的重中之重,Web网站设计的情况下是在考虑到如何把实际操作展现给客户,而Mobile的设计方案大量的情况下则是考虑到如何把实际操作恰当的掩藏起來。但这类掩藏事实上是为了更好地关键作用的突显。
Navigation is the product design of LPS, the Web design is in considering how to show the user will operation, and the design of the Mobile more of the time is considered how operation clever is hidden. But this is actually the core functions in order to hide the outstanding.

iOS导航栏方式基础全是根据iOS系统软件本身的一些方式,伴随着iOS新品的持续出現,新的导航栏方法也随着升级。在这儿,说一下“零件柜”的导航栏方法。
IOS navigation mode is based on the basic of iOS system itself some mode, with iOS new product appear constantly, the new navigation way also will update. Here, said the "upper" navigation way.

自然,零件柜导航栏是创作者自身给这类导航栏方法取的姓名,对于学全名是哪些,我也不知道。这类导航栏方式一般选用将导航栏行为主体掩藏在app侧面的方法,以一个按键来呼出来导航栏,在应用进行以后在应用同样的按键掩藏起來。一拉一缩,从品牌形象上与抽屉柜相近,因此就是这样叫法他。
And, of course, is the author of the upper navigation to the navigation way the name, as to learn what name, small make up also don't know. The navigation mode general use of the main body hidden in the app will navigation on the way to a button to exhale navigation, in use by using the same after completion of the button is hidden. Pull a shrink, from image and drawer similar, so they call him that.

依据不彻底的资格证书,这类导航栏方法起源于Facebook。在最开始的Facebook App中,一直选用了较为传统的九宫格导航栏方法,伴随着FB的发展趋势,这类非常重的导航栏方法会导致用户Timeline的展现被非常大水平上减弱,尽管FB也曾试着在客户进到App的情况下直接进入Timeline而不是这一九宫格导航栏。
According to incomplete research, the navigation way begins with Facebook. In the first Facebook App, has been adopted more conservative JiuGongGe navigation systems, along with the development of the FB, this heavy navigation way can lead to users of the display of the Timeline is greatly overshadowed, although FB also tried in the App users to directly into the Timeline and not the JiuGongGe navigation.

可是,显而易见这类优化还并不是充足好。因此,在二零一一年十一月上下,FB公布了新的iOS和android手机客户端,在其中一个关键的转变便是导航栏方式的转变,发布了新的零件柜的导航栏,另外加强了对Timeline的展现。
But, obviously this optimization still isn't good enough. Then, in November 2011 or so, FB issued new iOS and android client, one of the important change is the change of pattern of navigation, released new drawer navigation, it also strengthens the Timeline for the show.

FB发布这类新的导航栏方式没多久,Gmail的iOS版本号一样选用了这类导航栏方式,再以后path 2.0版本号也选用了这类零件柜导航栏并将其演化到完美。到此,这类零件柜的导航栏方式快速窜红与iOS设计产品中。
FB launched the new navigation mode soon, Gmail iOS versions of the same this navigation mode, after again path version 2.0 also adopted this drawer navigation and its evolution to the extreme. So far, the drawer navigation model is rapidly change red and iOS product design.

简易的界定(Simple definition of)

一般操纵抽屉柜的门把出現在App的左上方,以按键的方式出現,点一下按键以后抽屉柜被打开,按键被拖到App的右上方,左边地区被打开(抽屉柜)后显示信息出导航栏內容。
General control drawer handle appeared in the top left corner of the App, with the form of a button, click on the button was opened after the drawer, button is pulled into the top right-hand corner of the App, the left open area (the drawer) after the show navigation content.

导航栏的內容能够 是以目录方式展现的基本2级导航栏,还可以将一些十分用的便捷实际操作通道立即放进来,如FB的检索。实际方式如下图
The content of the navigation is the form of the list can show regular grade 2 navigation, also can use some very fast and operator put directly to come in, such as the FB search. Specific form the following figure
FB的搜索

自然,这类抽屉柜也存有一些变异,现阶段以Path和Sparrow比较突显。Path不但将主导航栏做为一种抽屉柜,另外底端的实际操作按键也是一种变异的抽屉柜;而Sparrow则提升了抽屉柜的等级,在一级抽屉柜被开启以后还能够再再次打开一层抽屉柜。 
This, of course, there are also some variant drawer, at present by the Path and Sparrow is serious. Path will not only capital navigation as a drawer, at the same time, the operation of the bottom button is also a kind of varieties of drawer; And the Sparrow increased by the drawer level, and in a drawer was after open also can continue to open a layer of the draw er.

此外,针对一些必须采用消息提示的运用,抽屉柜的出現会给信息的展现产生新的不便,因而,许多的抽屉柜导航栏会将信息展现在Title地区里,以一个通道的方式来展现。典型性的如Facebook、连锁酒店大管家。
In addition, for some need to use the application of news remind, drawer presence would give the news show brings new trouble, so, a lot of drawer navigation will show in the Title in the regional news, in the form of a portal to the show. The typical such as Facebook, quick hotel housekeeper.

抽屉柜导航栏的关键构思(The core of the drawer navigation ideas)

零件柜导航栏的关键构思是“掩藏”。掩藏单核心的实际操作与作用,让客户更致力于关键的作用实际操作上来。本人觉得,掩藏的逻辑思维是挪动设计产品中最关键的一个观念。上星期在极客公园共享了有关怎样运用变小、掩藏、赋加的构思来做挪动设计产品的话题讨论,而这一构思中最为关键的刚好是掩藏。
The core idea of the upper navigation is "hidden". Hidden non-core operations and function, allow the user to focus more on the core function up. People think, hidden thinking is mobile product design is the heart of a thought. Last week, in a guest park share about how to shrink and the application and fu hidden with of thought to do mobile product design topic, and this idea of most core is just hide.

Facebook中,客户关键的实际操作是阅读文章Timline,因此抽屉柜里掩藏了全部别的的实际操作;Path中,客户的关键实际操作還是看朋友的Timeline,因此抽屉柜里掩藏了别的的实际操作,另外UGC的实际操作又不可或缺,因而Path在左下方也用了一个抽屉柜;在Sparrow里,客户看未读邮件的頻率超过查询存档电子邮件的頻率,因而抽屉柜里掩藏了电子邮件种类等实际操作,另外为了更好地均衡发送邮件的要求,在右下方独立留了一个通道;在连锁酒店管家中,客户的关键实际操作是根据地形图找寻周边的连锁酒店,因此抽屉柜里掩藏了转换大城市等别的实际操作……
Facebook, the users of the core operation is reading Timline, so the drawer hide all other operation; The Path, and the user's core operation or see Timeline of friends, so the drawer hide other operation, at the same time, the operation of the UGC and indispensable, therefore Path in the bottom left corner also used a drawer; In the Sparrow, users see the new mail more than view the file frequency mail frequency, so the drawer hide mail type operation, at the same time, in order to balance the needs of E-mail, alone in the lower right corner left a entrance; In the quick hotel tube home, the user's core operation is through the map to find the hotel near fast, so the drawer hidden switch over city, the other operations...

这类导航栏方法会慢慢时兴,推断的根据便是伴随着挪动设计产品的演变,愈来愈多的工业设计师刚开始了解到仅有让关键更突显才可以提升总体商品的感受,仅有持续减少客户的影响才可以持续提升客户的应用高效率。
The navigation way will gradually popular, speculation is based on the evolution of the product design with mobile, more and more product designers started to realize that only let core more outstanding to improve overall product experience, only by continuously reduce the interference can improve efficiency in the use of the user.

而不宜零件柜导航栏的App则有必须客户持续在导航栏间开展转换的App、没必要有过多导航栏的App、或是关键作用便是一堆通道的App。
And do not suit drawer of navigation App is the need to users to switch between unceasingly in the navigation of the App, don't need to have too much of the navigation App, or core function is a pile of the entrance of the App.
文中公布于北京市网站建设企业酷站科技http://www.bjkuzhan.com">来源于申明:以上内容一部分(包括照片、文本)来自互联网,若有侵权行为,请立即与本网站联络(010-57218159)。
如没特殊注明,文章均为酷站科技原创,转载请注明来自http://www.bjkuzhan.com/jianzhanzhishi/3982.html
联系专业的商务顾问,制定方案,专业设计,一对一咨询及其报价详情
服务热线服务热线 4006-5666-83
联系我们 contact us
4006-5666-83
400-6566-683 — 海淀营业部
400-6566-683 — 昌平营业部
+

酷站科技为你提供上门/网站策略方案

留下联系方式,我们将会在一个工作日内与你联系

隐私条款信息保护中,请放心填写