導航欄是設計產品的重中之重,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
自然,這類抽屜柜也存有一些變異,現階段以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.ttscar.com.cn">
來源于申明:以上內容一部分(包括照片、文本)來自互聯網,若有侵權行為,請立即與本網站聯絡(010-57218159)。
如沒特殊注明,文章均為酷站科技原創,轉載請注明來自http://www.ttscar.com.cn/jianzhanzhishi/3408.html