iPhone手機APP軟件開(kāi)發(fā)基本設計方法與設計特點(diǎn)

　　iPhone有自己的特點(diǎn)和氣質(zhì)，因此他的App不同于其他鍵盤(pán)手機甚至Android這種觸屏手機。

　　首先iPhone只有一個(gè)物理按鍵Home，而這個(gè)按鈕主要是在系統級操作上起到一些作用，在一個(gè)應用中，絕大多數情況都是退出功能。在480 x 320這個(gè)對手機而言很大的屏幕上要包括以下3個(gè)模塊，才能對一個(gè)App進(jìn)行操作。

　　1、虛擬鍵盤(pán)

　　iPhone雖然與Android同為觸屏，但沒(méi)有物理鍵盤(pán)(而Android有可能有物理鍵盤(pán))，所有的輸入操作都需要屏幕中的虛擬鍵盤(pán)來(lái)實(shí)現，同時(shí)需要考慮虛擬鍵盤(pán)的遮擋問(wèn)題。

　　2、目錄導航

　　沒(méi)有物理按鍵做為目錄菜單的呼出功能，完全不同于Symbian和Android系統，包括導航也需要屏幕中的虛擬按鈕來(lái)實(shí)現。

　　3、功能操作

　　需要把所有的功能集成在A(yíng)pp中，比如我們可以用Tab bar來(lái)做功能的分類(lèi)，工具欄來(lái)做具體視圖的功能操作集合。

　　我們再來(lái)看看用戶(hù)對iPhone的使用習慣

　　顯然支持單手操作并不是iPhone應用的特性，當然也有一些游戲需要雙手進(jìn)行(沉浸式應用)，但因為iPhone有一塊非常靈敏支持手指多點(diǎn)觸控的電容屏，所以手指直接在屏幕上的操作更加直觀(guān)和更具操控感，不需要任何中間設備(按鍵或是鼠標)來(lái)控制。

　　1、自上而下的操作：

　　用戶(hù)多數情況下會(huì )如上圖的姿態(tài)，一手握機，大拇指做為主要操作和點(diǎn)擊手指，我們可以看到不管是iPhone系統應用還是很多其他的優(yōu)秀應用，大多使 用很多的列表，因為拇指在滑動(dòng)列表時(shí)會(huì )非常順暢和方便，而且操作速度非?？?，所以很長(cháng)的列表不會(huì )成為iPhone應用的障礙，這與其他手機平臺上的特性不 同，更何況在表格的情況下，單擊頂部的狀態(tài)欄可以快速回到頂部。

　　2、減少輸入

　　這與《移動(dòng)設備交互設計》書(shū)中的一些觀(guān)點(diǎn)一致，即對于手持設備我們要盡量的減少用戶(hù)輸入，特別對于iPhone這種虛擬鍵盤(pán)而言，即便電容屏再靈敏，對于每次都準確的觸動(dòng)面積很小的虛擬鍵盤(pán)也并不是一件輕松的事情，我們要盡量使用選擇器，或是輸入提示suggestion來(lái)減少成本。

　　3、足夠大的按鈕面積

　　對于iPhone這塊電容屏來(lái)講，雖然很靈敏，但接受的感觸面積并不小，且用戶(hù)又是直接用手指操作，所以我們要對應用中的所有按鈕要適合指尖來(lái)操作，跟據官方給出的設計指導，44*44pix是一個(gè)較理想的面積。

　　4、多點(diǎn)觸控手勢

　　相對于設備的軟硬件來(lái)說(shuō)，手指總是保持可用，它是人體的一部分，可以靈活的做各種動(dòng)作，而且直接觸控屏幕非常直觀(guān)，且用戶(hù)也非常愿意使用這些看上去 很酷手勢動(dòng)作，比如可以對圖片用兩個(gè)手指拉開(kāi)來(lái)放大，合并來(lái)縮小，直接拖動(dòng)來(lái)調換順序，搖晃來(lái)進(jìn)行刷新等。當然我們要考慮這些手勢在不同應用的不同使用場(chǎng) 景，不要濫用。

　　總之，iPhone應用的是線(xiàn)性的，連貫的，直觀(guān)的依賴(lài)滑動(dòng)操作，手指點(diǎn)擊，以及各種手勢給人很酷的感覺(jué)。

　　iPhone app軟件開(kāi)發(fā)的基本設計方法

　　1、iPhone應用的分類(lèi)

　　1) 高效型

　　這類(lèi)應用可以幫助用戶(hù)快速完成一個(gè)任務(wù)，注重內容的組織邏輯功能和信息架構的展現，以方便用戶(hù)快速高效的使用，最終完成任務(wù)。此類(lèi)應用一般包含大量的列表及每個(gè)列表中的任務(wù)功能。最典型的就是系統自帶的“Mail”應用，這是一個(gè)非常典型的高效型應用。

　　此類(lèi)應用給用戶(hù)的感覺(jué)是層層進(jìn)入，內容逐步具體化，直到可以完成用戶(hù)的任務(wù)。

　　另外一個(gè)非系統應用且典型的就是QQ，可以看一下是不是也遵循這個(gè)特點(diǎn)。

　　2)實(shí)用工具型應用

　　此類(lèi)應用一般交互操作非常少，也沒(méi)有很深的層次結構，往往都是直接了當的展示信息，一般會(huì )在“背面”(通常會(huì )有一個(gè)翻轉的效果)展示設置功能。最常見(jiàn)的就是“天氣”和“股票”兩個(gè)系統自帶的應用。

　　3)浸入式應用

　　大多指游戲類(lèi)應用，但也有一些實(shí)用工具，比如電子羅盤(pán)，所謂浸入式應用一般是全屏模式，專(zhuān)注一個(gè)任務(wù)或是娛樂(lè )的深入體驗，沒(méi)有過(guò)多的文字，而將用戶(hù)的注意力放在如何使用它。

　　2、設計iPhone應用

　　1)iPhone應用的基本結構

　　狀態(tài)欄：這是ios系統的一部分，除了浸入式應用外，其他應用一般都會(huì )保留這個(gè)bar。

　　導航欄：這里包括當前的title，當前的主要操作的控件和返回的導航功能

　　工具欄：對當前內容區可執行的功能動(dòng)作。

　　標簽欄：可以理解為全局導航，方便快速切換功能或是導航。工具欄和標簽欄在一個(gè)視圖中只能存在一個(gè)。

　　2)移植你的應用

　　大多數情況下我們都是把web端的應用移植到手機上，而在web端的應用，如果我們列出一個(gè)功能結構圖，可能會(huì )包含100項以上的功能點(diǎn)，你可以做如下工作：

　?、倏紤]這個(gè)web端的產(chǎn)品，核心功能是什么，任何一個(gè)產(chǎn)品都會(huì )有核心功能，以及附加功能，比如QQ，核心功能就是IM，即時(shí)通信，可能截屏是一個(gè)附加功能，盡管用的人非常多。確定核心功能后，以及圍繞核心功能盡可能少的擴展功能和邏輯。

　?、趯Υ_認的功能結構考慮在iPhone上的信息架構模型，上文說(shuō)過(guò)，iPhone應用是線(xiàn)性的連貫操作，一層一層進(jìn)入直到完成最后的任務(wù)，所以你要按這個(gè) 思路去整理信息架構，一般來(lái)說(shuō)，操作的深度不要超過(guò)3層，如果超過(guò)3層就要對產(chǎn)品形態(tài)進(jìn)行扁平化處理，即由深度改為廣度，因為隨著(zhù)深度的增加，每一級別都 會(huì )有不同的功能，甚至有承載上一級的功能或邏輯，深度越多，這些功能就會(huì )越復雜，而在手機如此小的空間上就很難進(jìn)行合理組織。

　　可以延伸閱讀kentzhu同學(xué)更多的限制，更簡(jiǎn)單的設計

　?、酆侠砝胕Phone應用的結構及標準控件。

　　標簽欄，可以理解為web應用中的全局導航或是主要子功能的切換，這個(gè)bar可以貫穿于主要視圖的底部，方便用戶(hù)快速跳轉，比如下圖這個(gè)標簽欄。

　　導航欄，可以理解為web應用中的局部導航，子導航或是面包屑，顯示當前位置，同時(shí)還承載了1個(gè)或兩個(gè)主要功能操作?？梢苑奖阌脩?hù)返回，或是對當前視圖進(jìn)行1-2個(gè)最重要的操作。如下面這個(gè)導航欄。

　　工具欄，可以理解為web某個(gè)具體頁(yè)面中的一些主要操作功能，比如上傳，搜索等。如下面這個(gè)工具欄。

　　這是ios系統應用mail中，具體郵件打開(kāi)后的工具欄，包括了對當前郵件的幾個(gè)主要操作。對于你的應用，你也可以把一些操作放到主視圖區中以按鈕 的形式展現，不放在底部的工具欄。但我們說(shuō)，iPhone用戶(hù)更習慣于iPhone一些“標準”操作，習慣iPhone的標準邏輯，所以把主要的操作以底 部工具欄的方式展現似乎更好一些。

　　使用引喻的標準控件

　　我們看到滑動(dòng)效果的開(kāi)關(guān)，突起效果的分段按鈕，轉盤(pán)選擇器等，代替了傳統web中死板無(wú)生氣的標準控件。

　?、苷{用系統提供的功能接口

　　例如iPhone提供的地理位置接口，可以為你的應用提供不同于web端的特殊功能，設計出更具有特色的產(chǎn)品，更能滿(mǎn)足移動(dòng)用戶(hù)的需求。

　　最后，我想說(shuō)iPhone應用是簡(jiǎn)潔的，包括設計上的簡(jiǎn)潔和功能上的簡(jiǎn)潔，不應該有太多的功能分支，不管你是否能組織好這些功能，過(guò)多的功能總會(huì )把 用戶(hù)搞暈。iPhone應用是有特殊氣質(zhì)的，你可以把他設計的完全符合iPhone使用的特點(diǎn)，甚至帶有一點(diǎn)炫酷，而不用考慮低端用戶(hù)，因為使用 iPhone并且可以裝App的用戶(hù)，他的使用經(jīng)驗不會(huì )太差。