APP導(dǎo)航系統(tǒng)

關(guān)于導(dǎo)航

導(dǎo)航系統(tǒng)的設(shè)計(jì)尺度是信息與用戶。之前的文章提到過一個(gè)概念,應(yīng)用平臺(tái)本身是一個(gè)信息節(jié)點(diǎn)。平臺(tái)的價(jià)值在于通過匯聚目標(biāo)信息吸引用戶群,通過向單一用戶分發(fā)有效信息滿足用戶訴求。即信息由外部匯聚到平臺(tái),由平臺(tái)分發(fā)到單一個(gè)體。信息的匯聚其實(shí)是一個(gè)將信息以便于目標(biāo)群體辨識(shí)、使用的形式重新組織的過程;信息的分發(fā)是一個(gè)為信息規(guī)劃出一條便于用戶快速獲取目標(biāo)信息路徑的過程。將信息結(jié)構(gòu)化與標(biāo)簽化是實(shí)現(xiàn)信息匯聚與分發(fā)的有效手段。結(jié)構(gòu)化(信息由匯聚到分發(fā)過程中,信息在縱向上的分類管理)與標(biāo)簽化(信息由匯聚到分發(fā)過程中,信息在橫向上的分類管理)是對(duì)信息從縱向與橫向角度進(jìn)行的分類管理。以淘寶為例,用戶要買一件森馬的男式T恤衫,他可能會(huì)點(diǎn)擊:主體市場(chǎng)(男裝)---內(nèi)搭(短袖T)---森馬---單一商品,這便是縱向;主體市場(chǎng)這一級(jí)不但包括男裝,還有家具、家電、辦公等各種品類這便是橫向。實(shí)際上信息在開始組織時(shí)所遵循的一些規(guī)則便是導(dǎo)航系統(tǒng)的源頭,只不過這些規(guī)則更加強(qiáng)調(diào)的是信息之間相互配合以實(shí)現(xiàn)針對(duì)目標(biāo)用戶的特定功能,這里更加強(qiáng)調(diào)的是從交互層面、視覺層面進(jìn)行強(qiáng)化,以便于指導(dǎo)用戶按照設(shè)計(jì)者的意圖對(duì)內(nèi)容塊進(jìn)行瀏覽使用。

導(dǎo)航的作用在于在縱向上指導(dǎo)用戶抵達(dá)內(nèi)容塊,也即信息在縱向上的匯聚分發(fā)。大部分APP各功能塊之間并不是獨(dú)立的,而是相互補(bǔ)充相互配合,因而導(dǎo)航在承擔(dān)信息在縱向匯聚、分發(fā)這一功能的同時(shí),還承擔(dān)用戶在橫向、縱向各信息塊之間跳轉(zhuǎn)的作用。

關(guān)于頁面

從本質(zhì)上來說,所有的應(yīng)用都是由多個(gè)單頁面組成的,所有的應(yīng)用都只有兩類頁面,內(nèi)容頁和聚合頁,內(nèi)容頁是具體的信息,是網(wǎng)站的根本,也是用戶真正需要的,而其他頁面實(shí)際上都是對(duì)內(nèi)容頁的聚合,按照一定的規(guī)則(導(dǎo)航的內(nèi)在邏輯)把內(nèi)容頁中的可以體現(xiàn)內(nèi)容頁主旨的部分鏈接聚合到一個(gè)頁面上,按照一定的規(guī)則進(jìn)行布局,產(chǎn)生了內(nèi)容頁以外的其他頁面。如果以這種觀點(diǎn)看待應(yīng)用,可以將應(yīng)用頁面簡(jiǎn)單的分為:首頁(也是聚合頁)、聚合頁與內(nèi)容頁。

從導(dǎo)航的角度來看,聚合頁實(shí)際上就是標(biāo)簽管理頁,聚合頁將某一類功能相近或者相互之間需要密切配合的標(biāo)簽進(jìn)行聚合,以實(shí)現(xiàn)特定的目的或功能。當(dāng)然,所有標(biāo)簽構(gòu)建的頁面必須滿足一些基本的原則:

原則一

用戶到達(dá)目標(biāo)內(nèi)容,路徑最小化。

原則二

用戶在相關(guān)內(nèi)容間跳轉(zhuǎn),路徑最小化。我們需要注意的是用戶在抵達(dá)目標(biāo)內(nèi)容過程中,是否需要添加相關(guān)內(nèi)容的跳轉(zhuǎn)鏈接?在哪里添加?也即做好標(biāo)簽頁面之間在縱向與橫向之間的跳轉(zhuǎn)。

原則三

這一原則實(shí)質(zhì)是上述兩條原則的前提:標(biāo)簽與路徑的體系化。設(shè)計(jì)師在追求路徑最小化的同時(shí),應(yīng)該明白單純的路徑最小化并不是關(guān)鍵,關(guān)鍵在于讓用戶通過標(biāo)簽與路徑形成的系統(tǒng)架構(gòu),可以對(duì)內(nèi)容頁最終呈現(xiàn)的內(nèi)容有一個(gè)準(zhǔn)確的預(yù)期,標(biāo)簽頁中的所有標(biāo)簽內(nèi)容之間需要有一個(gè)邏輯關(guān)系,這種邏輯關(guān)系應(yīng)該力求達(dá)到1 + 1 > 2,而非簡(jiǎn)單的羅列。


一般APP導(dǎo)航結(jié)構(gòu)圖

關(guān)于標(biāo)簽形式

標(biāo)簽形式一般為:純文字、純文字+圖片、純文字+圖片+描述三種形式。我們知道標(biāo)簽的作用在于對(duì)內(nèi)容的概括以及鏈接(這里的鏈接既是指對(duì)目標(biāo)內(nèi)容的鏈接也是對(duì)相關(guān)內(nèi)容的跳轉(zhuǎn)),因而,評(píng)價(jià)一個(gè)標(biāo)簽形式好壞的標(biāo)準(zhǔn)就在于其對(duì)于內(nèi)容的概括性以及對(duì)于相關(guān)內(nèi)容的跳轉(zhuǎn)。

標(biāo)簽設(shè)計(jì)一定要體現(xiàn)出內(nèi)容的層次性,如果說導(dǎo)航系統(tǒng)是對(duì)應(yīng)用內(nèi)容的引導(dǎo),那么內(nèi)容標(biāo)簽就是對(duì)該標(biāo)簽下內(nèi)容的引導(dǎo),用戶應(yīng)該通過標(biāo)簽內(nèi)容就可以判斷是否要繼續(xù)點(diǎn)擊。

標(biāo)簽鏈接的是頁面以內(nèi)容閱讀為主

案例一:豆瓣首頁標(biāo)簽


豆瓣APP首頁標(biāo)簽

標(biāo)簽形式:文字+圖片+描述

由左側(cè)圖片可知,雖然標(biāo)簽中采用了一張用色很濃重的圖片,讀者視線可能會(huì)被短暫吸引,但是主標(biāo)題依然會(huì)將視線牢牢地抓住。實(shí)際上,大部分標(biāo)簽并沒有如此濃重配色的圖片,此時(shí)用戶視線首先將被標(biāo)題吸引。用戶視線按照:標(biāo)題--->圖片--->描述--->小標(biāo)題的順序很容易快速獲取內(nèi)容概要。

案例二:好奇心日?qǐng)?bào)


好奇心日?qǐng)?bào)APP首頁標(biāo)簽

標(biāo)簽形式:文字+圖片

由左側(cè)圖可知圖片是視覺主體,相較于前者用戶獲知內(nèi)容的詳細(xì)程度較低。

案例三 簡(jiǎn)書


簡(jiǎn)書APP首頁標(biāo)簽

標(biāo)簽形式:文字+圖片

簡(jiǎn)書的標(biāo)簽排版想要突出的東西太多,標(biāo)題想突出,作者想突出,專欄還想突出。實(shí)際上,雖然主標(biāo)題采用了加黑大字號(hào)粗體,但是作者與主題連接的色彩完全可以在視覺吸引力上與之抗衡,這就造成視覺不斷在三者之間跳轉(zhuǎn),不能說有大問題,但就是不舒服。

案例四淘寶


淘寶APP商品展示

標(biāo)簽形式:圖片+文字

很明顯,對(duì)于消費(fèi)類物品,相較于文字,圖片更容易幫助用戶獲取目標(biāo)信息。此時(shí),文字的作用僅僅是輔以必要的簡(jiǎn)介,以及說明價(jià)格。實(shí)際上,以圖片為主的標(biāo)簽,其鏈接內(nèi)容多半以娛樂消遣或者圖片類展示為主。

案例一與案例二差別在哪里?首先,圖片的大小決定了案例一以文字閱讀為主,好奇心日?qǐng)?bào)以圖片閱讀為主。一個(gè)標(biāo)簽采用圖片為主還是文字為主并沒有對(duì)錯(cuò),關(guān)鍵看其所鏈接內(nèi)容是什么。對(duì)于設(shè)計(jì)類作品,商品,圖片,展示類網(wǎng)站就沒有錯(cuò),但問題在于在于兩者鏈接的內(nèi)容都是以文字閱讀為主,那么后者采用圖片為主就有問題,更為關(guān)鍵的是后者選的圖片并不能準(zhǔn)確表達(dá)文章內(nèi)容。當(dāng)然,還需要考慮兩個(gè)應(yīng)用的定位,好奇心日?qǐng)?bào)定位于“我們希望成為中文世界最好的媒體之一”,當(dāng)我們從媒體(報(bào)紙雜志)這個(gè)角度去理解的時(shí)候,或許好奇心日?qǐng)?bào)是希望通過大圖片的形式來體現(xiàn)應(yīng)用的媒體屬性。因此,到這里就無法去判斷到底好奇心日?qǐng)?bào)以圖片為主的行為是對(duì)還是錯(cuò)了,實(shí)際上設(shè)計(jì)本就沒有對(duì)錯(cuò),設(shè)計(jì)本身就是根據(jù)目標(biāo)進(jìn)行多方面利弊權(quán)衡之后的最優(yōu)解。

通過這兩個(gè)例子的比較,我們還可以發(fā)現(xiàn)的一點(diǎn)是,幫助用戶判斷內(nèi)容頁是否值得閱讀的兩何種手段。第一種,就是豆瓣式的盡可能的展示內(nèi)容,標(biāo)題、圖片、關(guān)于內(nèi)容的一小段描述;第二種,就是好奇心日?qǐng)?bào)式的,通過展示贊、喜歡、收藏、閱讀數(shù)量等內(nèi)容幫助用戶進(jìn)行判斷。在我看來,注意是在我看來(觀點(diǎn)錯(cuò)了概不不負(fù)責(zé)),前者適合于深度閱讀內(nèi)容,讓用戶自己通過內(nèi)容進(jìn)行判斷。而后者適合于淺閱讀內(nèi)容,娛樂型內(nèi)容,這些內(nèi)容一般“贊”、“喜歡”、“收藏”等越多,說明內(nèi)容越符合大眾口味,免去了用戶需要自己判斷的麻煩。

標(biāo)簽鏈接的頁面以實(shí)現(xiàn)某種功能為主

案例一


微信消息框

該標(biāo)簽鏈接的頁面為對(duì)話框,我們看該標(biāo)簽顯示的信息,對(duì)話群的名稱,最新留言及未讀留言數(shù)量,發(fā)表時(shí)間,消息提醒,群成員頭像,群某些功能設(shè)置。


陌陌聊天室

該標(biāo)簽鏈接的是聊天室,就是一個(gè)實(shí)時(shí)聊天的對(duì)話框。標(biāo)簽顯示的信息,在線人數(shù),聊天室名稱,聊天室所屬地域,群頭像。

同樣是聊天窗口的標(biāo)簽,為什么兩者顯示差別如此大。原因在于,前者用戶本身就屬于這個(gè)聊天群,內(nèi)容對(duì)于群成員不具有私密性,標(biāo)簽呈現(xiàn)信息目的是讓用戶知道當(dāng)前聊天狀況,以決定是否查看。后者屬于臨時(shí)聊天,內(nèi)容具有私密性質(zhì),呈現(xiàn)的信息目的是讓瀏覽者了解該臨時(shí)聊天群的大體狀況,以決定是否加入。因而,標(biāo)簽形式及其內(nèi)容的設(shè)置應(yīng)該根據(jù)標(biāo)簽鏈接的內(nèi)容頁面的訴求、內(nèi)容特點(diǎn)而定。

標(biāo)簽鏈接的頁面以次級(jí)標(biāo)簽羅列為主

案例一


貓眼電影

案例二


今日頭條

案例三


今日頭條

該類標(biāo)簽以文字或者文字+icon為主,由于文字內(nèi)容是對(duì)于次級(jí)標(biāo)簽的概括,因而設(shè)計(jì)重點(diǎn)在于如何處理標(biāo)簽的放置形式,采用的交互方式,重要標(biāo)簽與非重要標(biāo)簽的處理等等。


常見APP導(dǎo)航模式


實(shí)際上,在進(jìn)行導(dǎo)航設(shè)計(jì)時(shí)需要對(duì)各個(gè)層級(jí)的標(biāo)簽從重要程度以及標(biāo)簽數(shù)量兩個(gè)層面進(jìn)行必要的評(píng)估。為什么要評(píng)估標(biāo)簽的重要程度?我們知道,任何事情都有一個(gè)輕重緩急,為什么要設(shè)計(jì),設(shè)計(jì)的本質(zhì)就是通過一定的方法手段將事物的本質(zhì)呈現(xiàn)出來。為什么要做一個(gè)應(yīng)用,為的是將有效信息重要的信息提取出來。同樣的,將信息標(biāo)簽化,并根據(jù)用戶需求提取出一個(gè)輕重緩急也是為了向目標(biāo)用戶呈現(xiàn)信息的本質(zhì)。實(shí)際上標(biāo)簽的重要程度與數(shù)量應(yīng)該結(jié)合考慮,譬如標(biāo)簽重要程度等同且數(shù)量較多,如果屬于一級(jí)或者二級(jí)導(dǎo)航需要采用那種導(dǎo)航形式?譬如標(biāo)簽重要程度有差異,且數(shù)量不少,那么是否考慮隱藏一部分標(biāo)簽?采用哪一種形式?是否考慮增加標(biāo)簽層級(jí)?這些都需要結(jié)合標(biāo)簽數(shù)量以及標(biāo)簽重要程度進(jìn)行這考量。

列表式

列表式顧名思義,內(nèi)容是按照水平、垂直方向以列表的形式進(jìn)行羅列,因而列表式對(duì)人的視覺往往呈現(xiàn)為由左到右、由上至下的直線。因而,一般較為重要的標(biāo)簽、內(nèi)容會(huì)放置于左側(cè)或上側(cè)。列表式并沒有一個(gè)準(zhǔn)確的定義,實(shí)際上大部分內(nèi)容按照橫向與縱向的羅列均可視為一種列表形式。在這里僅按照位置、使用的交互方式、標(biāo)簽數(shù)量、標(biāo)簽內(nèi)容形式的不同將橫向列表簡(jiǎn)單地分為:標(biāo)簽式、選項(xiàng)卡式、卡片式三類進(jìn)行講解,關(guān)于縱向列表僅介紹縱向列表特征最為突出的一種。

橫向列表式一------標(biāo)簽式

橫向列表放置于屏幕下方一般被用于一級(jí)導(dǎo)航頁面,標(biāo)簽3——5個(gè),所使用的交互方式只有點(diǎn)擊,標(biāo)簽采用的形式一般為:文字+ icon。雖然這種形式被iOS系統(tǒng)廣泛使用,可以方便用戶快速在不同內(nèi)容塊之間跳轉(zhuǎn),但是不可避免的具有消耗屏幕有限空間的缺陷。Android操作系統(tǒng)將該導(dǎo)航標(biāo)簽置于屏幕頂側(cè),交互方式也由置于下側(cè)的僅可點(diǎn)擊增加為點(diǎn)擊與滑動(dòng)(不絕對(duì))。很明顯,滑動(dòng)的交互方式更加便于用戶快速在內(nèi)容之間的轉(zhuǎn)換。當(dāng)然,將標(biāo)簽式置于上側(cè),還要配合抽屜式將個(gè)人中心等不成用的內(nèi)容塊進(jìn)行收納,因而相同的應(yīng)用安卓版的標(biāo)簽會(huì)相對(duì)iOS版而言少1---2個(gè),抽屜式下面詳述。

關(guān)于標(biāo)簽式---變形1,實(shí)際上中間的按鍵通常被稱為行為召喚按鈕,顧名思義使用這種形式的應(yīng)用一般會(huì)有一個(gè)或多個(gè)頻繁操作行為在用戶行為中居于突出地位,但是這樣的應(yīng)用并不多見。


從左到右依次為(標(biāo)簽式、標(biāo)簽式---變形1、標(biāo)簽式(安卓))

橫向列表式二------選項(xiàng)卡式

橫向列表置于頂側(cè),交互方式采用點(diǎn)擊與滑動(dòng),標(biāo)簽至少兩個(gè),標(biāo)簽采用的形式為:純文字。由于選項(xiàng)卡式多被用戶二級(jí)導(dǎo)航,因而根據(jù)不同的應(yīng)用其標(biāo)簽的數(shù)量并沒有嚴(yán)格的限制。為了滿足多標(biāo)簽狀況下的使用,引入了滑動(dòng)交互方式。當(dāng)然,iOS系統(tǒng)給予設(shè)計(jì)師的一點(diǎn)啟發(fā)是,選項(xiàng)卡式標(biāo)簽?zāi)芊窕瑒?dòng)應(yīng)該通過具體的形式反饋給用戶,譬如iOS系統(tǒng),描邊按鈕不可滑動(dòng),按鈕下邊有滑動(dòng)塊的可以滑動(dòng)。但是需要注意的是,是否在點(diǎn)擊方式的基礎(chǔ)上添加滑動(dòng)方式要根據(jù)具體設(shè)計(jì)內(nèi)容而定,實(shí)際上并沒有一個(gè)明確的標(biāo)準(zhǔn),需要設(shè)計(jì)師根據(jù)具體的內(nèi)容之間的邏輯關(guān)系而定。當(dāng)然,iOS操作系統(tǒng)給予設(shè)計(jì)師的一個(gè)提示是,設(shè)計(jì)師有必要通過必要的設(shè)計(jì)手段使用戶可以快速辨別按鍵是否可以滑動(dòng)。


選項(xiàng)卡式常見形式

橫向列表式三------卡片式

橫向列表用于屏幕中間區(qū)域,承載的一般是內(nèi)容頁的相關(guān)連接及信息,換句話說點(diǎn)擊該列表中的內(nèi)容項(xiàng)將展示的是具體的內(nèi)容頁。由于該橫向列表承擔(dān)的任務(wù)是向用戶展示具體的內(nèi)容頁內(nèi)容,且列表項(xiàng)中的內(nèi)容項(xiàng)以卡片形式呈現(xiàn),因而其面積遠(yuǎn)遠(yuǎn)大于標(biāo)簽式與選項(xiàng)卡式,因而其表現(xiàn)形式一般為圖片+文字+描述(非必須)。其交互方式一般為點(diǎn)擊與左右滑動(dòng)。


卡片式常見形式

豎向列表

豎向列表采用的交互方式一般為點(diǎn)擊與上下滑動(dòng),當(dāng)然不同的應(yīng)用由于對(duì)列表內(nèi)容操作需求的不同,還會(huì)引入其它的交互方式譬如:長按或者左右滑動(dòng)以調(diào)出相應(yīng)的操作。注意,豎向列表的特點(diǎn)在于排列緊湊,配合屏幕的豎向結(jié)構(gòu)以及豎向滑動(dòng)交互,使得其在展示大量內(nèi)容的同時(shí)方便用戶快速瀏覽。正是因?yàn)檫@些特點(diǎn),豎向列表被廣泛應(yīng)用。豎向列表由于可以靈活的調(diào)節(jié)列表之間的距離,因而豎向列表的表現(xiàn)形式可以靈活處理。常見的表現(xiàn)形式有:純文字、文字+描述、圖片+文字+描述等形式。豎向列表內(nèi)容一般屬于同一層級(jí),常被用于承載內(nèi)容頁的相關(guān)連接及信息,即點(diǎn)擊該列表中的內(nèi)容項(xiàng)將展示的是具體的內(nèi)容頁。當(dāng)然,并不僅局限于此。


豎向列表常見形式

宮格式

宮格式顧名思義,由于其排版形式與傳統(tǒng)的九宮格相似而得名。具體表現(xiàn)形式在使用的過程中,依照實(shí)際的需求而定。宮格式布局適用于內(nèi)容模塊種類較多,模塊之間內(nèi)容重要程度相同的內(nèi)容排布。宮格式布局利于用戶在模塊之間快速跳轉(zhuǎn)。宮格式布局具體使用情況一般分為兩種:


宮格式常見形式

第一種情況

該情況是從平臺(tái)角度出發(fā),典型案例是支付寶。我們知道,支付寶面對(duì)的是海量用戶,因而用戶群對(duì)于資金使用、管理類型多種多樣,但是具體到單一用戶可能僅僅需要幾種功能。此時(shí),宮格模式就是最好的布局方式,因?yàn)閷m格式可以在有限的屏幕中放置較多的功能模塊,最大程度的滿足用戶群的需求,而配合長按滑動(dòng)交互模式,單一用戶可以將自己經(jīng)常使用的功能模塊集中于屏幕操作熱區(qū),快速實(shí)現(xiàn)在不同功能模塊之間跳轉(zhuǎn)??梢哉f,宮格式很好地解決了,平臺(tái)匯聚內(nèi)容時(shí)面向的是群體而分發(fā)內(nèi)容時(shí)面向的是個(gè)體這一矛盾。


支付寶APP

第二種情況

該情況是從單一用戶角度出發(fā),典型案例是美圖秀秀。用戶對(duì)于每一個(gè)功能模塊都有需求,但是各功能模塊之間沒有必然的聯(lián)系,此時(shí)宮格式布局可以方便用戶在各功能模塊之間的跳轉(zhuǎn)。但是很明顯,如果內(nèi)容塊之間有著緊密的聯(lián)系,這種在多個(gè)頁面之間跳轉(zhuǎn)的方式容易影響用戶的沉浸感,每一次的跳轉(zhuǎn)就是一次打斷,因?yàn)橛脩羰褂妹缊D秀秀本身即是一件娛樂屬性的行為,對(duì)于沉浸式要求并不高,因而并沒有太大的問題,但是對(duì)于百詞斬而言,因?yàn)閱卧~背誦本身就是比較枯燥的行為,需要用戶集中注意力,用戶在一個(gè)頁面剛剛建立起的沉浸行為就可能因?yàn)轫撁娴奶D(zhuǎn)而被打斷,當(dāng)然舉這個(gè)例子僅僅是為了從更加細(xì)致的角度理解宮格式布局,實(shí)際產(chǎn)生的負(fù)面影響其實(shí)并不會(huì)太大。


左:美圖秀秀 ?右:百詞斬

彈出式導(dǎo)航

顧名思義,需要用戶觸發(fā)才會(huì)顯示于屏幕的特定位置。實(shí)際上正確理解彈出式導(dǎo)航在各層級(jí)的使用,依然需要從內(nèi)容的匯聚與分發(fā)角度去分析,當(dāng)內(nèi)容匯聚時(shí),面向的用戶是群體那么必然不同的用戶群體其行為訴求點(diǎn)是不同的,而這些用戶群面對(duì)的是同一個(gè)用戶界面,那么必然要以核心用戶群的行為為主,但是又不能忽略非核心用戶群的行為,此時(shí)需要將部分用戶行為按鍵進(jìn)行隱藏。當(dāng)內(nèi)容分發(fā)時(shí),需要通過一定的內(nèi)容與功能組合對(duì)特定人群進(jìn)行引導(dǎo),而非必要內(nèi)容標(biāo)簽、按鍵會(huì)對(duì)用戶造成干擾甚至使得引導(dǎo)的準(zhǔn)確性降低(當(dāng)然,不必要的隱藏也會(huì)造成同樣的問題)。譬如好奇心日?qǐng)?bào),將文章分類標(biāo)簽隱藏過深,那么對(duì)于某一些對(duì)特定內(nèi)容有需求的用戶來說會(huì)造成干擾,這種干擾甚至?xí)沟糜脩舴艞壥褂闷脚_(tái)。


彈出式導(dǎo)航常見形式

彈出式導(dǎo)航的使用一般分為兩種情況:

第一種情況

對(duì)于非重要功能、選項(xiàng)的隱藏。非重要功能的判斷其實(shí)是從內(nèi)容匯聚角度,或者說平臺(tái)角度出發(fā)進(jìn)行的,設(shè)計(jì)師應(yīng)該謹(jǐn)慎判斷。移動(dòng)端內(nèi)容與PC端最大的區(qū)別在于,移動(dòng)端面向的是碎片化的使用場(chǎng)景,無論是內(nèi)容分布還是操作設(shè)置都應(yīng)該聚焦化以幫助用戶快速做出決策。因而,向用戶提供集中的幾項(xiàng)功能、內(nèi)容,將非重要功能進(jìn)行隱藏將更加有利于主要用戶群的使用體驗(yàn)。

第二種情況

對(duì)于非重要操作的隱藏。一個(gè)操作行為重要與否的判斷是從單一用戶角度出發(fā)進(jìn)行的,設(shè)計(jì)師需要根據(jù)用戶需求進(jìn)行謹(jǐn)慎分析。當(dāng)然,這里的非重要是相對(duì)的,需要根據(jù)具體情況而定。譬如微信,


微信首頁彈出框

微信此處將多項(xiàng)功能進(jìn)行收納并非這些功能不重要,恰恰相反正是因?yàn)檫@些功能很重要,使用頻次較高才會(huì)被收納至微信首頁右上角,以方便用戶調(diào)出。

抽屜式

首先需要明確的一點(diǎn)是,抽屜式導(dǎo)航實(shí)際上也屬于彈出式導(dǎo)航,只不過抽屜式導(dǎo)航對(duì)于收納內(nèi)容的考量應(yīng)該從平臺(tái)層面來考量。抽屜式導(dǎo)航一般會(huì)與橫向列表三所示標(biāo)簽式導(dǎo)航相配合,將重要的標(biāo)簽置于標(biāo)簽式導(dǎo)航,將非重要或很少操作的內(nèi)容收納至抽屜式導(dǎo)航中。抽屜式導(dǎo)航由于將大部分不重要的內(nèi)容隱藏,避免了無關(guān)內(nèi)容的干擾,使得用戶可以獲得沉浸式的使用體驗(yàn)。但是,設(shè)計(jì)師一旦決定使用抽屜式導(dǎo)航,應(yīng)該明確的一點(diǎn)是,抽屜式導(dǎo)航不但會(huì)減弱用戶使用其所收納內(nèi)容的頻度,還會(huì)降低用戶在相關(guān)內(nèi)容之間的跳轉(zhuǎn)。因而,頻繁操作的內(nèi)容不可以放置于抽屜式導(dǎo)航中;相互間有某種關(guān)聯(lián)或需要相互配合的內(nèi)容不可以放置于抽屜式導(dǎo)航中。


抽屜式導(dǎo)航常見形式

注意:以上內(nèi)容僅具參考價(jià)值,不具指導(dǎo)實(shí)踐價(jià)值,另外本文在寫作過程中對(duì)相關(guān)文章進(jìn)行了參考。

參考文章:

1 幾種常見移動(dòng)導(dǎo)航模式詳析 - 簡(jiǎn)書

2?有效地簡(jiǎn)化導(dǎo)航-Part 2:導(dǎo)航系統(tǒng) - 簡(jiǎn)書

3?資深PM傾情分享丨我用3×3矩陣,來概括移動(dòng)App導(dǎo)航 - 簡(jiǎn)書

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,828評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,098評(píng)論 4 61
  • 作者:蒲陽凡媽 每個(gè)人對(duì)故鄉(xiāng)的懷念都不盡相同,有人懷念的是一座老宅,一棵大樹,一張熟悉的面孔。我對(duì)故鄉(xiāng)的懷念是一條...
    蒲陽凡媽閱讀 928評(píng)論 16 15
  • 不想一夜返貧,請(qǐng)把下面的內(nèi)容讀完。 即便你有房有車有存款坐擁一切富可敵國,你也要讀讀。 因?yàn)楹苡锌赡?,你將失去一?..
    狗熊的熊閱讀 443評(píng)論 2 2
  • 我親愛的麋鹿先生: 請(qǐng)?jiān)试S我這樣稱呼你。但不要問我為什么,希望你從這一刻就開始習(xí)慣,我就是這樣一個(gè),有一點(diǎn)點(diǎn)奇怪的...
    有山初白閱讀 333評(píng)論 0 0

友情鏈接更多精彩內(nèi)容