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