最開(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ī)右下角