(匯總)APP常見(jiàn)的8種導(dǎo)航欄設(shè)計(jì)

最開(kāi)始是在了解 Tab 欄岛琼,慢慢了解到 拇指熱區(qū)视卢、導(dǎo)航設(shè)計(jì)等概念雏逾,所以嘉裤,本文從導(dǎo)航的優(yōu)點(diǎn)、移動(dòng)端大屏?xí)r代的拇指熱區(qū)以及常見(jiàn)的8種導(dǎo)航設(shè)計(jì)來(lái)分享自己這些天學(xué)習(xí)整理的資料栖博,同時(shí)分享過(guò)程中會(huì)以我們常用的APP進(jìn)行舉例屑宠。


導(dǎo)航的優(yōu)點(diǎn)

結(jié)構(gòu)化產(chǎn)品內(nèi)容和功能

導(dǎo)航系統(tǒng)相當(dāng)于APP的骨架,支撐著內(nèi)容和功能組成的血肉仇让,導(dǎo)航系統(tǒng)起著組織內(nèi)容和功能的作用典奉,讓它們按照產(chǎn)品的信息架構(gòu)圖進(jìn)行連接,展現(xiàn)在在用戶面前丧叽,導(dǎo)航將零散的內(nèi)容和功能組織成了一個(gè)完成的有結(jié)構(gòu)的系統(tǒng)卫玖。

突出核心功能

每一個(gè)APP都有一個(gè)核心功能,其他的都是次要功能和擴(kuò)展功能踊淳,像微信的核心功能是即時(shí)聊天骇笔,京東是購(gòu)物,貓眼是買(mǎi)電影票等等嚣崭,核心功能對(duì)目標(biāo)用戶來(lái)說(shuō)是最重要的笨触,把核心功能放在用戶最能接觸到的位置,給予充分的展現(xiàn)雹舀,而其他功能應(yīng)該適度隱藏芦劣、甚至是刪除。導(dǎo)航就起到了突出核心功能说榆,適度隱藏次要功能的作用虚吟。

扁平化用戶任務(wù)路徑

建立合理的導(dǎo)航系統(tǒng)寸认,設(shè)計(jì)順暢的任務(wù)路徑,讓用戶能夠快速在各個(gè)模塊之間進(jìn)行切換串慰,偏塞。一個(gè)好的導(dǎo)航,能夠扁平化用戶的任務(wù)路徑邦鲫,減少用戶操作成本灸叼,從而提高用戶體驗(yàn)。


拇指熱區(qū)

一個(gè)觀察實(shí)驗(yàn)

拇指熱區(qū)概念來(lái)源于交互大神?Steve Hoober 的一個(gè)觀察實(shí)驗(yàn)庆捺,他發(fā)現(xiàn)在手機(jī)大屏?xí)r代古今,大部分的用戶是以下圖的方式抓握手機(jī):以拇指的底部為支點(diǎn),抵在手機(jī)的右下角滔以。

嗯捉腥,大概是這樣的


當(dāng)時(shí)一共有 1333 名參與者參與了該項(xiàng)研究。他通過(guò)觀察發(fā)現(xiàn)用戶會(huì)用以下三種姿勢(shì)進(jìn)行手機(jī)操作:

? ? 單手操作:49%

? ? 一手支撐你画,一手操作:36%

? ? 雙手操作:15%

單手操作最高


在單手操作的人群里面抵碟,左右手使用比例:

? ? 右手拇指操作:67%

? ? 左手拇指操作:33%

美國(guó)《醫(yī)藥日?qǐng)?bào)》報(bào)道稱(chēng),左撇子占據(jù)世界人口的約10%坏匪,在上述過(guò)程中左撇子占到33%是因?yàn)橛胁糠值谋挥^察人員使用手機(jī)時(shí)在干其他的事情立磁,比如吃早餐、騎自行車(chē)剥槐、抽煙等。


拇指熱區(qū)

通過(guò)以上的觀察實(shí)驗(yàn)宪摧,Hoober根據(jù)我們使用手機(jī)常用的場(chǎng)景畫(huà)出了大拇指活動(dòng)的拇指熱圖

? ? 單手操作

? ? 右手拇指操作

? ? 拇指底部固定在手機(jī)右下角

iphone 拇指熱區(qū)圖
還有 75% 的精彩內(nèi)容
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末粒竖,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子几于,更是在濱河造成了極大的恐慌蕊苗,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沿彭,死亡現(xiàn)場(chǎng)離奇詭異朽砰,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)喉刘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)瞧柔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人睦裳,你說(shuō)我怎么就攤上這事造锅。” “怎么了廉邑?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵哥蔚,是天一觀的道長(zhǎng)倒谷。 經(jīng)常有香客問(wèn)我,道長(zhǎng)糙箍,這世上最難降的妖魔是什么渤愁? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮深夯,結(jié)果婚禮上抖格,老公的妹妹穿的比我還像新娘。我一直安慰自己塌西,他們只是感情好他挎,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著捡需,像睡著了一般办桨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上站辉,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天呢撞,我揣著相機(jī)與錄音,去河邊找鬼饰剥。 笑死殊霞,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的汰蓉。 我是一名探鬼主播绷蹲,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼顾孽!你這毒婦竟也來(lái)了祝钢?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤若厚,失蹤者是張志新(化名)和其女友劉穎拦英,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體测秸,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡疤估,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了霎冯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片铃拇。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖沈撞,靈堂內(nèi)的尸體忽然破棺而出锚贱,到底是詐尸還是另有隱情,我是刑警寧澤关串,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布拧廊,位于F島的核電站监徘,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏吧碾。R本人自食惡果不足惜凰盔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望倦春。 院中可真熱鬧户敬,春花似錦、人聲如沸睁本。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)呢堰。三九已至抄瑟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間枉疼,已是汗流浹背皮假。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留骂维,地道東北人惹资。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像航闺,于是被迫代替她去往敵國(guó)和親褪测。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

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

  • 1潦刃、通過(guò)CocoaPods安裝項(xiàng)目名稱(chēng)項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_x閱讀 15,968評(píng)論 3 119
  • Masonry是一個(gè)布局框架侮措。 下載地址:https://github.com/Masonry/Masonry 安...
    南方_H閱讀 1,071評(píng)論 0 3
  • 【不忘初心】20171208學(xué)習(xí)力踐行day59:1.古詩(shī)叫醒,依然是《問(wèn)劉十九》福铅。2.英文:今天借用TPR表演了...
    Tiffanyzj閱讀 160評(píng)論 0 0
  • “此事定有蹊蹺”客棧內(nèi),一鳴反復(fù)捉摸手中的匿名信项阴,感覺(jué)此事有些不對(duì)勁滑黔。 胖達(dá)身為當(dāng)?shù)毓賳T,一鳴深知他說(shuō)話習(xí)慣云里霧...
    句號(hào)與逗號(hào)閱讀 483評(píng)論 6 4