新聞中心

EEPW首頁 > 消費電子 > 設(shè)計應(yīng)用 > iPhone App的特點及基本設(shè)計方法

iPhone App的特點及基本設(shè)計方法

作者: 時間:2012-06-18 來源:網(wǎng)絡(luò) 收藏

此類應(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ù)或是娛樂的深入體驗,沒有過多的文字,而將用戶的注意力放在如何使用它。

  2、應(yīng)用

  1)應(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)簽欄在一個視圖中只能存在一個。

  

工具欄和標(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)考慮在上的信息架構(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)簽欄。

  

標(biāo)簽欄

  導(dǎo)航欄,可以理解為web應(yīng)用中的局部導(dǎo)航,子導(dǎo)航或是面包屑,顯示當(dāng)前位置,同時還承載了1個或兩個主要功能操作。可以方便用戶返回,或是對當(dāng)前視圖進行1-2個最重要的操作。如下面這個導(dǎo)航欄。


上一頁 1 2 下一頁

關(guān)鍵詞: 設(shè)計 方法 基本 特點 App iPhone

評論


相關(guān)推薦

技術(shù)專區(qū)

關(guān)閉