您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 交互設計 >> 瀏覽設計教程

掌上指路標 —– APP架構(gòu)與導航設計(3)

平層級導航設計中經(jīng)常使用到一種模式,系統(tǒng)的首頁和App的入口作為全局導航的一種方式應用廣泛。在手機操作系統(tǒng)中,一般采用圖標加消息數(shù)目的形式配合出現(xiàn),讓用戶在第一個頁面即可以選擇想使用的軟件功能。

 

沿用這種思路,在App的設計中,應用的第一個頁面將扁平化的信息層級展現(xiàn)出來提供給用戶進行選擇,可以讓用戶迅速定位到自己關(guān)注的功能點上。這種導航設計的優(yōu)點在于App的功能結(jié)構(gòu)較為扁平,用戶能迅速了解全局架構(gòu),而同時又因為功能選擇過多集中在首頁上,那么單個功能的層級不宜過于復雜,并且需要提供快速返回首頁的設置,讓用戶能再次做出選擇。

 

列表設計適用于內(nèi)容瀏覽類應用的扁平信息層級設計,將相同層級的類別信息聚合地放在一個縱向列表中。 操作系統(tǒng)中,使用到這種導航設計的主要有通訊錄,歌曲列表,商店應用等以項目名字進行排布的扁平化區(qū)域。

 

同理,在App的設計中,類別信息較多的電商類應用,由單條目名稱聚合的應用,信息訂閱型的新聞類應用的導航模式,都屬于典型的扁平化信息層級,因此列表導航的設計也非常適用。并且根據(jù)自身的特性,均有一些細微的差異。 如淘寶的類別目錄導航,類別在設計中根據(jù)用戶使用的熱度進行了自上而下的排版; 而Eataly菜譜導航,則因為名稱聚合較多,在右側(cè)提供了便捷選擇的字母索引;BBC的新聞導航則類似于類別信息與條目信息的綜合導航,因此列表導航在設計時,除了按照用戶關(guān)注熱度自上而下進行排列,類別欄目還能方便地收起展開或者在瀏覽的過程懸停在頁面頂端。

 

(圖片來源: http://www.androidpatterns.com/  )

樹狀層級結(jié)構(gòu)的設計在移動設備的設計中應用極其廣泛。和傳統(tǒng)PC時代大量使用的“面包屑”網(wǎng)狀設計不同,樹狀層級結(jié)構(gòu)只允許用戶從唯一的入口進入,并且從唯一的出口返回原處。這種設計模式非常適用于功能層級或者信息架構(gòu)縱向非常復雜的應用,用戶能夠清晰地某個分枝上前進后退,而不用擔心在App 迷失了當前所在位置。

 

 

樹狀層級導航在App的設計上有兩種表現(xiàn)形式。 一種是如iOS中的導航欄設計。用戶從列表導航中選擇某項進入下一層級,通過導航欄左上位置的“返回”

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1398.html
作為交互設計師的九大基本素質(zhì)
軟件推薦為移動設計而生-Justinmind
圖趣網(wǎng)微信
建議反饋
×