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

掌上指路標(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ù)分析的定義及使用方法

(圖片來源: University of York, HCI 課程講義)

任務(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是扁

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