您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)

一款小小的手機(jī)應(yīng)用,卻包羅萬象,融合這復(fù)雜的信息內(nèi)容或功能邏輯。要讓用戶在使用中獲得最好的體驗(yàn),迅速掌握應(yīng)用的框架結(jié)構(gòu),其導(dǎo)航的設(shè)計(jì)是一個(gè)重要的環(huán)節(jié)。
 

手機(jī)應(yīng)用的導(dǎo)航和現(xiàn)實(shí)世界中的路標(biāo)或者地圖的作用很類似。它是應(yīng)用軟件的虛擬框架,對(duì)用戶具有指示標(biāo)識(shí)以及識(shí)別的功能。
 

比如,如同路標(biāo),導(dǎo)航能在使用中,定位用戶當(dāng)前在哪兒,為用戶突出當(dāng)前視圖重要的功能,告知用戶可以去哪兒,在不同的視圖和區(qū)域迅速地切換信息,記錄使用的操作軌跡防止用戶迷失等。那么導(dǎo)航應(yīng)該如何設(shè)計(jì)呢?

APP導(dǎo)航設(shè)計(jì)的步驟主要為以下三步:
1. APP框架整理:信息架構(gòu) or 任務(wù)分析
2. 框架層級(jí)判斷: 扁平 vs 樹狀
3. 導(dǎo)航具體表現(xiàn)形式:控件形式and擺放位置



 

Step1: APP框架整理: 信息架構(gòu)or 任務(wù)分析

 


 

為什么需要框架整理呢?
這和建造一棟大樓一樣。 在搭建一棟宏偉的建筑之前,需要預(yù)先對(duì)建筑中的各個(gè)小房間進(jìn)行規(guī)劃,以確保大樓結(jié)構(gòu)的正確規(guī)劃和安排。 而蘊(yùn)含著在App設(shè)計(jì)的最初階段,需要先建立一個(gè)App藍(lán)圖,來確保在之后軟件導(dǎo)航的設(shè)計(jì)過程中,設(shè)計(jì)人員能對(duì)功能產(chǎn)品所屬層級(jí)以及需要兼顧的前后關(guān)系進(jìn)行宏觀的掌控。
 

框架整理的方法

在建立藍(lán)圖的過程中,需要根據(jù)App自身的特性,選取適當(dāng)?shù)姆椒ā.?dāng)下的App應(yīng)用主要可以分為兩大類,內(nèi)容瀏覽類應(yīng)用和功能操作型應(yīng)用。對(duì)于內(nèi)容瀏覽類應(yīng)用,需要通過信息架構(gòu)的方法,對(duì)信息數(shù)據(jù)進(jìn)行整合歸類。而對(duì)于功能操作型應(yīng)用,則需要通過任務(wù)分析的方法,將功能分解組織形成一個(gè)能夠閉環(huán)的網(wǎng)狀操作模式。
 

信息架構(gòu)的定義及使用方法

信息架構(gòu)是一種對(duì)信息進(jìn)行組織分類的方法,提升信息的可用性和可尋性,以使其能更加高效有序地被用戶認(rèn)知。
 

該方法最早起源于圖書館的圖書分類,圖書管理員通過將相似書籍歸類并且進(jìn)行編號(hào),使讀者能快捷方便地在上萬冊(cè)的圖書中找尋到自己所需要的書籍。隨著計(jì)算機(jī)科學(xué)技術(shù)的發(fā)展,信息量日益增多,該方法也廣泛地開始應(yīng)用于虛擬數(shù)據(jù)和信息的管理中,如數(shù)據(jù)庫(kù),內(nèi)容管理系統(tǒng)CMS(contents management system)和網(wǎng)站設(shè)計(jì)中。

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