掌上指路標(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ù)庫,內(nèi)容管理系統(tǒng)CMS(contents management system)和網(wǎng)站設(shè)計(jì)中。
本文地址:http://m.pkvc.cn/tutorial/id1398.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏