掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)(2)
對大規(guī)模的數(shù)據(jù)信息進(jìn)行架構(gòu)是復(fù)雜的,而對于這類信息的架構(gòu)需要有專業(yè)的信息分析師從多維度進(jìn)行分析整理。而在實(shí)際的手機(jī)產(chǎn)品設(shè)計(jì)中,信息量相對較為簡單,對于這類信息目前采用的分析方法主要有:信息結(jié)構(gòu),邏輯樹和卡片分類三種方法。
信息結(jié)構(gòu)主要是從物理世界中人們已經(jīng)獲得普遍贊同的信息的基礎(chǔ)結(jié)構(gòu)對信息進(jìn)行排布,如歌曲的標(biāo)題信息按照26字母的順序進(jìn)行排列;邏輯樹則是按照人們心智模型中普遍認(rèn)知的邏輯結(jié)構(gòu),將信息按照樹狀邏輯進(jìn)行梳理,比如類別信息(顏色,材料等),從屬信息(紅色屬于顏色,木頭屬于材料); 卡片分類則是對一些不確定的信息,按照用戶習(xí)慣,通過卡片分類和統(tǒng)計(jì)的方法,來對信息進(jìn)行歸類,在電商的物品類別和網(wǎng)站地圖的設(shè)計(jì)中進(jìn)行了廣泛的應(yīng)用。
任務(wù)分析的定義及使用方法
任務(wù)分析是指將用戶為了實(shí)現(xiàn)某個(gè)目標(biāo)執(zhí)行的一系列動(dòng)作或者是進(jìn)行的認(rèn)知過程進(jìn)行分析的一種行為。通過任務(wù)分析,能讓設(shè)計(jì)師清晰地了解到當(dāng)前APP將要實(shí)現(xiàn)的功能層級順序以及信息在系統(tǒng)中傳遞的狀態(tài),使其在設(shè)計(jì)中能全局地把握住產(chǎn)品的結(jié)構(gòu)以及用戶當(dāng)前所需要進(jìn)行的操作。
任務(wù)分析的首要任務(wù)需要明白用戶的目標(biāo),然后將用戶實(shí)現(xiàn)目標(biāo)進(jìn)行的操作進(jìn)行拆解,此時(shí)每一個(gè)操作都可視作為一個(gè)原始任務(wù)。 再原始任務(wù)的基礎(chǔ)上,根據(jù)需要深入的程度將任務(wù)再進(jìn)行更加細(xì)致的拆解。在產(chǎn)品設(shè)計(jì)中,拆解的終點(diǎn)一般視為可以單獨(dú)進(jìn)行設(shè)計(jì)以及分析的子單元。
Step2 : 功能層級判斷: 扁平 VS 樹狀
再分析了App的框架結(jié)構(gòu)后,產(chǎn)品功能的邏輯層次也就基本確定。建議可以利用一些框架繪制軟件將分析整理的框架記錄下來,形成一張大的藍(lán)圖。在后期的導(dǎo)航設(shè)計(jì)中,許多功能的安排以及排布可以直接從圖中所示的位置關(guān)系進(jìn)行設(shè)計(jì)。
在導(dǎo)航的設(shè)計(jì)中,經(jīng)常遇見的功能層級主要是兩種:一種是扁平層級,即所屬功能在框架藍(lán)圖中屬于同一層級的并列關(guān)系,這種主要出現(xiàn)在信息架構(gòu)較為扁平化,同級別任務(wù)功能較多的視圖中,如Dashboard和列表設(shè)計(jì);另外一種則是樹狀層級,即信息架構(gòu)較為層次化或者任務(wù)之間有從屬關(guān)系,需要用戶逐層深入的視圖中,如iOS中的單進(jìn)單出式層級導(dǎo)航。
Dashboard是扁
本文地址:http://irelandcustomcontracting.com/tutorial/id1398.html
您可能還喜歡
- 關(guān)于第三方注冊和本地注冊的選擇
- 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)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏