日本a级黄色大片免费看,亚洲涩综合,免费大片xxxx,51午夜国产午夜精品,欧美亚洲日韩国产色色,99国产精品视频久久久久,高清国产美女**毛片录

您當(dāng)前所在位置:知道網(wǎng)絡(luò) > 新聞 > 行業(yè)新聞

我們

移動站點(diǎn)優(yōu)化:移動端導(dǎo)航的七種設(shè)計(jì)模式

  根據(jù)產(chǎn)品層級的深度和廣度,選擇適合的導(dǎo)航模式,是產(chǎn)品設(shè)計(jì)中的關(guān)鍵一環(huán)。與大家共勉。

  寫在前面:看了很多總結(jié)導(dǎo)航的文章,其實(shí)都基本雷同,但是都覺得不夠細(xì)致,也不是從我們常用的產(chǎn)品去分析的,因此用自己的思路重新分析了一遍,某些段落來自引用,比如拇指熱區(qū),某些來自我讀過的文章,但大部分的分析來自我的原創(chuàng)。這篇文章應(yīng)該說是站在巨人的肩膀上,自己的一些淺見。

  任何APP的組織信息都需要以某種導(dǎo)航框架固定起來,就像是建筑工人拔地而起的高樓大廈一樣,地基非常重要,之后你想要蓋多少層樓、每層樓有多少間房,都在地基的基礎(chǔ)上構(gòu)成。而一個(gè)新的產(chǎn)品也是這樣,合適的導(dǎo)航框架,決定了產(chǎn)品之后的延伸和擴(kuò)展。

  不同的產(chǎn)品需求和商業(yè)目標(biāo)決定了不同的導(dǎo)航框架的設(shè)計(jì)模式。而交互設(shè)計(jì)的第一步,就是決定導(dǎo)航的框架設(shè)計(jì),框架確定后,才能開始逐漸豐富血肉。

  首先,我們要為組織信息分層,在這一步驟,一定要做好信息層級的扁平化,不能把所有的組織信息都鋪出來,這樣做只會讓用戶心煩意亂找不到想要的重要操作,也不能把層級做的很深,用戶沒有那么多耐心跟你玩躲貓貓。一定要將做核心、最穩(wěn)固、最根本的功能要素放在第一層頁面,其他得內(nèi)容收在第二層、第三層、甚至更深。

  之后,根據(jù)層級的深度和廣度來確定導(dǎo)航的設(shè)計(jì)模式。不要覺得這有多難,移動端的屏幕尺寸就這么大,操作方式也無非就是點(diǎn)擊、滑動、長按這些。因此導(dǎo)航模式一般也就分為以下7種(當(dāng)然你可以在這七種的基礎(chǔ)上互相組合)接下來我們可以具體分析一下這七種導(dǎo)航模式。

  一、標(biāo)簽式導(dǎo)航

  也就是我們平時(shí)說的tab式導(dǎo)航,是移動應(yīng)用中最普遍、最常用的導(dǎo)航模式,適合在相關(guān)的幾類信息中間頻繁的調(diào)轉(zhuǎn)。這類信息優(yōu)先級較高、用戶使用頻繁,彼此之間相互獨(dú)立,通過標(biāo)簽式導(dǎo)航的引導(dǎo),用戶可以迅速的實(shí)現(xiàn)頁面之間的切換且不會迷失方向,簡單而高效。需要注意的是標(biāo)簽式導(dǎo)航根據(jù)邏輯和重要性控制在5個(gè)以內(nèi),多余5個(gè)用戶難以記憶而且容易迷失。

  而標(biāo)簽式導(dǎo)航還細(xì)分為底部tab式導(dǎo)航、頂部tab式導(dǎo)航、底部tab的擴(kuò)展導(dǎo)航這三種。

  1、底部tab式導(dǎo)航

  如果此時(shí)你觀察一下自己手機(jī)中常用的APP你就會發(fā)現(xiàn)QQ、微信、淘寶、微博、美團(tuán)、京東等全部都是底部tab式導(dǎo)航

  這是符合拇指熱區(qū)操作的一種導(dǎo)航模式,那么什么是拇指熱區(qū)呢?當(dāng)你走在路上、單手持握手機(jī)并操作;站在公交車上,一手拉扶手,另一只手操作等等這些場景時(shí),你最常用的操作就是右手單手持握并操作手機(jī),因此,對于手機(jī)來說,為觸摸進(jìn)行交互設(shè)計(jì),主要針對的就是拇指。

  但在手機(jī)操作中,拇指的可控范圍有限,缺乏靈活度。尤其是在如今的大屏手機(jī)上,拇指的可控范圍還不到整個(gè)屏幕的三分之一——主要集中在屏幕底部、與拇指相對的另外一邊。當(dāng)用右手持握手機(jī)的時(shí)候(左撇子畢竟是少數(shù),我們還是要為主流用戶設(shè)計(jì),拇指的熱區(qū)如下圖所示)

  

網(wǎng)站導(dǎo)航設(shè)計(jì) 移動端導(dǎo)航設(shè)計(jì) 移動站點(diǎn)優(yōu)化 移動站點(diǎn)策劃

 

  隨著手機(jī)屏幕越來越大,內(nèi)容顯示變多了,但是單手操作變難了。這也就是為什么,工具欄和導(dǎo)航條一般都在手機(jī)界面的下邊緣,而將導(dǎo)航放置在屏幕底部即拇指熱區(qū),這樣的方式為單手持握時(shí)拇指操作帶來了更大的舒適性。

  將導(dǎo)航放置在屏幕底部也不僅僅關(guān)乎到拇指操作的舒適性,還關(guān)系到另一個(gè)問題:如果放在上面,用手指操作時(shí),會擋住閱讀的視線。如果控件在底部,不管手怎么移動,至少不會擋住主要內(nèi)容,從而給予清晰的視角。呈遞內(nèi)容的屏幕在上方,控制按鍵在下方。

  這也是為什么我是個(gè)果粉的原因,iPhone把一個(gè)需要按壓的home鍵放在手機(jī)底部比Android手機(jī)將三個(gè)觸摸式物理按鍵放在底部高明多了,這些接近屏幕邊緣的物理按鍵擠在一起,手指非常不便于操作。(華為甚至直接將3個(gè)物理按鍵放在了屏幕里),尤其是在我玩游戲的時(shí)候總會誤觸發(fā)這3個(gè)物理按鍵,造成無意退出,非常不爽。如果再將導(dǎo)航也放置在底部,只能對舒適性說拜拜了(市面上的主流Android手機(jī))

  

 

 

  2、頂部tab式導(dǎo)航

  Android的物理按鍵已經(jīng)放在底部了,為了不產(chǎn)生堆疊,很多Android應(yīng)用運(yùn)用了頂部tab式導(dǎo)航,這是一種妥協(xié)下的行為。(下圖為微信Android和iOS圖)

  

網(wǎng)站導(dǎo)航設(shè)計(jì) 移動端導(dǎo)航設(shè)計(jì) 移動站點(diǎn)優(yōu)化 移動站點(diǎn)策劃

 

  而如今,在妥協(xié)物理按鍵和拇指操作舒適中,微信Android版拋棄了頂部導(dǎo)航的方式,和IOS保持了一致

  

網(wǎng)站導(dǎo)航設(shè)計(jì) 移動端導(dǎo)航設(shè)計(jì) 移動站點(diǎn)優(yōu)化 移動站點(diǎn)策劃

 

  當(dāng)然頂部導(dǎo)航也不是那么一無是處,QQ音樂和酷我音樂現(xiàn)在用的就是頂部Tab式導(dǎo)航,為了更好的瀏覽基本信息(歌手、歌曲名)、以及支持快捷操作(播放/暫停)播放器需要固定在底部,那么頂部tab導(dǎo)航不失為一個(gè)好選擇(如下圖)

  

網(wǎng)站導(dǎo)航設(shè)計(jì) 移動端導(dǎo)航設(shè)計(jì) 移動站點(diǎn)優(yōu)化 移動站點(diǎn)策劃

 

  還有騰訊新聞和網(wǎng)易新聞這種新聞?lì)怉PP,由于內(nèi)容、分類較多,運(yùn)用頂部和底部雙tab導(dǎo)航,而切換頻率最高的tab放在頂部,這是為什么呢?因?yàn)樾侣勗诿總€(gè)tab都是沉浸式閱讀,最常用的操作是在一個(gè)tab中不斷地下滑閱讀內(nèi)容,將常用的tab放在頂部,加入手勢切換的操作,反倒能帶來更好地閱讀體驗(yàn)。(如下圖)

  小結(jié):在兩種情況下可以選擇頂部tab式導(dǎo)航,

  l 某項(xiàng)功能必須固定在底部,那么其他tab只能固定在頂部,但為了方便操作,頂部tab導(dǎo)航最好支持手勢操作,即滑動即可切換;

  l 該APP是沉浸式體驗(yàn),如新聞、小說等,為了帶給用戶更好的閱讀體驗(yàn),可以將tab放在頂部。

青島知道網(wǎng)絡(luò)-專注企業(yè)網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣-全網(wǎng)整合營銷

推薦閱讀