移動(dòng)UI設(shè)計(jì)模式之導(dǎo)航設(shè)計(jì)


導(dǎo)航–我理解為APP中的地圖,好的導(dǎo)航能夠快捷的指引用戶達(dá)到目的炕柔,也能提高用戶體驗(yàn)嘉汰。

跳板式導(dǎo)航

跳板式導(dǎo)航又稱為快速啟動(dòng)板或?qū)m格導(dǎo)航,其特征為界面中的菜單選項(xiàng)就是進(jìn)入各個(gè)應(yīng)用的起點(diǎn)唱逢。當(dāng)有多個(gè)內(nèi)容項(xiàng)(>5)時(shí),可以用這種導(dǎo)航模式屋休,往往用在二級(jí)頁面作為內(nèi)容列表的一種圖形形式呈現(xiàn)坞古,或作為一系列工具入口的聚合。

其表現(xiàn)方式有:①利用網(wǎng)格布局將主要入口全部聚合在頁面劫樟,讓用戶做出選擇痪枫,各項(xiàng)之間同等重要。②利用不規(guī)則的布局方式可以凸顯某些項(xiàng)的重要性叠艳。③視情況使用個(gè)性化和用戶自定義選項(xiàng)奶陈,個(gè)性化的跳板式導(dǎo)航可在顯示菜單選項(xiàng)的同時(shí)顯示用戶個(gè)人資料,通常會(huì)提供自定義功能附较,允許用戶改變跳板式導(dǎo)航的布局吃粒。

跳板式導(dǎo)航的缺點(diǎn)為:無法第一時(shí)間看到內(nèi)容,選擇壓力大拒课。

列表菜單式導(dǎo)航

與跳板式的特征相同徐勃,列表菜單式導(dǎo)航的每個(gè)菜單項(xiàng)都是進(jìn)入應(yīng)用各項(xiàng)功能的入口點(diǎn)。

其表現(xiàn)形式有:個(gè)性化列表菜單早像,分組菜單和增強(qiáng)列表僻肖,分組菜單可將內(nèi)容劃分區(qū)域,增強(qiáng)列表是在簡(jiǎn)單的列表菜單上增加搜索卢鹦,瀏覽或過濾之類的功能后形成臀脏。

列表菜單很適合用來顯示較長(zhǎng)或擁有次級(jí)內(nèi)容的標(biāo)題,通常用在二級(jí)頁面冀自,不會(huì)默認(rèn)展示任何內(nèi)容揉稚。其缺點(diǎn)是會(huì)占用一定高度。

選項(xiàng)卡式導(dǎo)航

選項(xiàng)卡式導(dǎo)航在不同操作系統(tǒng)上有不同表現(xiàn)凡纳。位于屏幕底端的選項(xiàng)卡可以方便用戶用拇指進(jìn)行操作窃植,適用于需要經(jīng)常切換的標(biāo)簽。選項(xiàng)卡上的標(biāo)簽采用7+-2原則不超過5個(gè)荐糜,如有更多可以用水平滑動(dòng)來設(shè)計(jì)巷怜。位于屏幕頂端的選項(xiàng)卡看上去讓人眼熟葛超,因?yàn)樗7铝藰?biāo)準(zhǔn)的網(wǎng)站導(dǎo)航模式。

為已選擇的菜單項(xiàng)設(shè)置不同的視覺效果延塑,用戶就能清晰的知道自己選擇了哪一項(xiàng)绣张。

當(dāng)下所流行的tab導(dǎo)航,舵式導(dǎo)航关带,抽屜式導(dǎo)航都屬于選項(xiàng)卡的變種侥涵。

陳列館式導(dǎo)航

陳列館式導(dǎo)航通過在平面上顯示各個(gè)內(nèi)容項(xiàng)來實(shí)現(xiàn)導(dǎo)航。主要用來顯示一些文章宋雏,菜譜芜飘,照片,產(chǎn)品等磨总。

表現(xiàn)形式可以布局成輪盤嗦明,網(wǎng)格或用幻燈片演示。

陳列館式與宮格式的區(qū)別在于陳列館式可以看得到內(nèi)容蚪燕,用來展示娶牌,而宮格大多運(yùn)用圖標(biāo)來表現(xiàn)。陳列館式導(dǎo)航能很好的應(yīng)用于用戶需要經(jīng)常瀏覽馆纳,頻繁更新的內(nèi)容诗良。

儀表式導(dǎo)航

儀表式導(dǎo)航提供一種度量關(guān)鍵績(jī)效指示是否達(dá)到要求的方法,經(jīng)過設(shè)計(jì)以后鲁驶,每一項(xiàng)量度都可以顯示出額外的信息鉴裹。這種導(dǎo)航模式對(duì)于商業(yè)應(yīng)用,分析工具以及銷售和市場(chǎng)應(yīng)用非常有用灵嫌。

儀表式導(dǎo)航用的不多壹罚,因?yàn)樾枰_展研究才能決定應(yīng)該對(duì)哪些關(guān)鍵量度采用儀表式導(dǎo)航葛作。

隱喻式導(dǎo)航

隱喻式導(dǎo)航的特點(diǎn)是用頁面模仿應(yīng)用的隱喻對(duì)象寿羞,這種導(dǎo)航主要用于游戲,但在幫助人們組織事物(比如日記赂蠢,書籍绪穆,紅酒等),并對(duì)其進(jìn)行分類的應(yīng)用中也能看到虱岂。閱讀類APP很多采取隱喻式玖院。

超級(jí)菜單式導(dǎo)航

這種導(dǎo)航模式在現(xiàn)在的設(shè)計(jì)中使用的比較少,而且一般會(huì)用做分類檢索的次級(jí)導(dǎo)航使用第岖。個(gè)人理解超級(jí)菜單即為一個(gè)界面中擁有多個(gè)菜單導(dǎo)航难菌,當(dāng)有多種分類選項(xiàng)時(shí)適合應(yīng)用超級(jí)菜單式導(dǎo)航。

頁面輪盤式導(dǎo)航

通過這種導(dǎo)航模式蔑滓,用戶可利用滑動(dòng)操作快速瀏覽一系列離散的頁面郊酒,頁面指示器可顯示出導(dǎo)航中的頁面數(shù)量遇绞,用戶滑動(dòng)可顯示下一頁。

頁面輪盤式可以很好的實(shí)現(xiàn)少量頁面燎窘,用直觀的指示器來表明總屏數(shù)和當(dāng)前所在位置摹闽。

圖片輪盤式導(dǎo)航

圖片輪盤式能很好的顯示清新悅目的內(nèi)容,如藝術(shù)品褐健,產(chǎn)品或照片等付鹿。無論是使用箭頭,部分圖片內(nèi)容或是頁面指示器蚜迅,它都能提供良好的視覺化功能可見性舵匾,也便于告知用戶有更多的內(nèi)容可以訪問。

擴(kuò)展列表式導(dǎo)航

擴(kuò)展列表式導(dǎo)航通過下拉屏幕顯示更多的信息谁不,它能夠很好的逐步顯示某個(gè)內(nèi)容項(xiàng)的更多細(xì)節(jié)或選項(xiàng)纽匙。

在選擇導(dǎo)航模式之前,首先要確定信息架構(gòu)拍谐,再根據(jù)信息內(nèi)容選擇合適的導(dǎo)航烛缔。


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市轩拨,隨后出現(xiàn)的幾起案子践瓷,更是在濱河造成了極大的恐慌,老刑警劉巖亡蓉,帶你破解...
    沈念sama閱讀 221,406評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晕翠,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡砍濒,警方通過查閱死者的電腦和手機(jī)淋肾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來爸邢,“玉大人樊卓,你說我怎么就攤上這事「芎樱” “怎么了碌尔?”我有些...
    開封第一講書人閱讀 167,815評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)券敌。 經(jīng)常有香客問我唾戚,道長(zhǎng),這世上最難降的妖魔是什么待诅? 我笑而不...
    開封第一講書人閱讀 59,537評(píng)論 1 296
  • 正文 為了忘掉前任叹坦,我火速辦了婚禮,結(jié)果婚禮上卑雁,老公的妹妹穿的比我還像新娘募书。我一直安慰自己轧钓,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,536評(píng)論 6 397
  • 文/花漫 我一把揭開白布锐膜。 她就那樣靜靜地躺著毕箍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪道盏。 梳的紋絲不亂的頭發(fā)上而柑,一...
    開封第一講書人閱讀 52,184評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音荷逞,去河邊找鬼媒咳。 笑死,一個(gè)胖子當(dāng)著我的面吹牛种远,可吹牛的內(nèi)容都是我干的涩澡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼坠敷,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼妙同!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起膝迎,我...
    開封第一講書人閱讀 39,668評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤粥帚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后限次,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芒涡,經(jīng)...
    沈念sama閱讀 46,212評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,299評(píng)論 3 340
  • 正文 我和宋清朗相戀三年卖漫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了费尽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,438評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡羊始,死狀恐怖旱幼,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情店枣,我是刑警寧澤速警,帶...
    沈念sama閱讀 36,128評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站鸯两,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏长豁。R本人自食惡果不足惜钧唐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,807評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望匠襟。 院中可真熱鬧钝侠,春花似錦该园、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至忽舟,卻和暖如春双妨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背叮阅。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評(píng)論 1 272
  • 我被黑心中介騙來泰國打工刁品, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人浩姥。 一個(gè)月前我還...
    沈念sama閱讀 48,827評(píng)論 3 376
  • 正文 我出身青樓挑随,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親勒叠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子兜挨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,446評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容