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

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

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

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

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

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



 

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

 


 

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

框架整理的方法

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

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

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

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

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