iPhone App的特點及基本設(shè)計方法
此類應(yīng)用給用戶的感覺是層層進入,內(nèi)容逐步具體化,直到可以完成用戶的任務(wù)。本文引用地址:http://m.butianyuan.cn/article/165436.htm
另外一個非系統(tǒng)應(yīng)用且典型的就是QQ,可以看一下是不是也遵循這個特點。
2)實用工具型應(yīng)用
此類應(yīng)用一般交互操作非常少,也沒有很深的層次結(jié)構(gòu),往往都是直接了當(dāng)?shù)恼故拘畔?,一般會?ldquo;背面”(通常會有一個翻轉(zhuǎn)的效果)展示設(shè)置功能。最常見的就是“天氣”和“股票”兩個系統(tǒng)自帶的應(yīng)用。
3)浸入式應(yīng)用
大多指游戲類應(yīng)用,但也有一些實用工具,比如電子羅盤,所謂浸入式應(yīng)用一般是全屏模式,專注一個任務(wù)或是娛樂的深入體驗,沒有過多的文字,而將用戶的注意力放在如何使用它。
1)iPhone應(yīng)用的基本結(jié)構(gòu)
狀態(tài)欄:這是ios系統(tǒng)的一部分,除了浸入式應(yīng)用外,其他應(yīng)用一般都會保留這個bar。
導(dǎo)航欄:這里包括當(dāng)前的title,當(dāng)前的主要操作的控件和返回的導(dǎo)航功能
工具欄:對當(dāng)前內(nèi)容區(qū)可執(zhí)行的功能動作。
標(biāo)簽欄:可以理解為全局導(dǎo)航,方便快速切換功能或是導(dǎo)航。工具欄和標(biāo)簽欄在一個視圖中只能存在一個。
2)移植你的應(yīng)用
大多數(shù)情況下我們都是把web端的應(yīng)用移植到手機上,而在web端的應(yīng)用,如果我們列出一個功能結(jié)構(gòu)圖,可能會包含100項以上的功能點,你可以做如下工作:
?、倏紤]這個web端的產(chǎn)品,核心功能是什么。任何一個產(chǎn)品都會有核心功能,以及附加功能,比如QQ,核心功能就是IM,即時通信,可能截屏是一個附加功能,盡管用的人非常多。確定核心功能后,以及圍繞核心功能盡可能少的擴展功能和邏輯。
②對確認(rèn)的功能結(jié)構(gòu)考慮在iPhone上的信息架構(gòu)模型。上文說過,iPhone應(yīng)用是線性的連貫操作,一層一層進入直到完成最后的任務(wù),所以你要按這個思路去整理信息架構(gòu),一般來說,操作的深度不要超過3層,如果超過3層就要對產(chǎn)品形態(tài)進行扁平化處理,即由深度改為廣度,因為隨著深度的增加,每一級別都會有不同的功能,甚至有承載上一級的功能或邏輯,深度越多,這些功能就會越復(fù)雜,而在手機如此小的空間上就很難進行合理組織。
?、酆侠砝胕Phone應(yīng)用的結(jié)構(gòu)及標(biāo)準(zhǔn)控件。
標(biāo)簽欄,可以理解為web應(yīng)用中的全局導(dǎo)航或是主要子功能的切換,這個bar可以貫穿于主要視圖的底部,方便用戶快速跳轉(zhuǎn),比如下圖這個標(biāo)簽欄。
導(dǎo)航欄,可以理解為web應(yīng)用中的局部導(dǎo)航,子導(dǎo)航或是面包屑,顯示當(dāng)前位置,同時還承載了1個或兩個主要功能操作。可以方便用戶返回,或是對當(dāng)前視圖進行1-2個最重要的操作。如下面這個導(dǎo)航欄。
評論