中心議題：

• iPhone App的特點
• iPhoneApp的基本設計方法

解決方案:

• iPhone應用的分類
• 設計iPhone應用
• 使用引喻的標準控件

iPhone App的特點
　　
iPhone有自己的特點和氣質，因此他的App不同於其他鍵盤手機甚至Android這種觸屏手機。
　　
首先iPhone隻有一個物理按鍵Home，而這個按鈕主要是在係統級操作上起到一些作用，在一個應用中，絕大多數情況都是退出功能。在480x320這個對手機而言很大的屏幕上要包括以下3個模塊
，才能對一個App進行操作。
　　
1、虛擬鍵盤
　　
iPhone雖然與Android同為觸屏，但沒有物理鍵盤(而Android有可能有物理鍵盤)
，所有的輸入操作都需要屏幕中的虛擬鍵盤來實現
，同時需要考慮虛擬鍵盤的遮擋問題。
　　
2

、目錄導航
　
沒有物理按鍵做為目錄菜單的呼出功能，完全不同於Symbian和Android係統，包括導航也需要屏幕中的虛擬按鈕來實現。
　　
3
、功能操作
　　
需要把所有的功能集成在App中，比如我們可以用Tabbar來做功能的分類，工具欄來做具體視圖的功能操作集合。
　　
我們再來看看用戶對iPhone的使用習慣
　　
顯然支持單手操作並不是iPhone應用的特性，當然也有一些遊戲需要雙手進行(沉浸式應用)
，但因為iPhone有一塊非常靈敏支持手指多點觸控的電容屏，所以手指直接在屏幕上的操作更加直觀和更具操控感，不需要任何中間設備(按鍵或是鼠標)來控製。


1、自上而下的操作：
　　
用戶多數情況下會如上圖的姿態，一手握機
，大拇指做為主要操作和點擊手指，我們可以看到不管是iPhone係(xi)統(tong)應(ying)用(yong)還(hai)是(shi)很(hen)多(duo)其(qi)他(ta)的(de)優(you)秀(xiu)應(ying)用(yong)，大(da)多(duo)使(shi)用(yong)很(hen)多(duo)的(de)列(lie)表(biao)，因(yin)為(wei)拇(mu)指(zhi)在(zai)滑(hua)動(dong)列(lie)表(biao)時(shi)會(hui)非(fei)常(chang)順(shun)暢(chang)和(he)方(fang)便(bian)
，而(er)且(qie)操(cao)作(zuo)速(su)度(du)非(fei)常(chang)快(kuai)，所(suo)以(yi)很(hen)長(chang)的(de)列(lie)表(biao)不(bu)會(hui)成(cheng)為(wei)iPhone應用的障礙，這與其他手機平台上的特性不同，更何況在表格的情況下，單擊頂部的狀態欄可以快速回到頂部。
　　[page]
2、減少輸入
　　
這與《移動設備交互設計》書中的一些觀點一致，即對於手持設備我們要盡量的減少用戶輸入，特別對於iPhone這(zhe)種(zhong)虛(xu)擬(ni)鍵(jian)盤(pan)而(er)言(yan)，即(ji)便(bian)電(dian)容(rong)屏(ping)再(zai)靈(ling)敏(min)

，對(dui)於(yu)每(mei)次(ci)都(dou)準(zhun)確(que)的(de)觸(chu)動(dong)麵(mian)積(ji)很(hen)小(xiao)的(de)虛(xu)擬(ni)鍵(jian)盤(pan)也(ye)並(bing)不(bu)是(shi)一(yi)件(jian)輕(qing)鬆(song)的(de)事(shi)情(qing)
，我(wo)們(men)要(yao)盡(jin)量(liang)使(shi)用(yong)選(xuan)擇(ze)器(qi)

，或(huo)是(shi)輸(shu)入(ru)提(ti)示(shi)suggestion來減少成本。
　　
3、足夠大的按鈕麵積
　　
對於iPhonezhekuaidianrongpinglaijiang
，suiranhenlingmin
，danjieshoudeganchumianjibingbuxiao，qieyonghuyoushizhijieyongshouzhicaozuo，suoyiwomenyaoduiyingyongzhongdesuoyouanniuyaoshihezhijianlaicaozuo，genjuguanfanggeichudeshejizhidao
，44*44pix是一個較理想的麵積。
　　
4、多點觸控手勢
　　
xiangduiyushebeideruanyingjianlaishuo，shouzhizongshibaochikeyong，tashirentideyibufen
，keyilinghuodezuogezhongdongzuo
，erqiezhijiechukongpingmufeichangzhiguan
，qieyonghuyefeichangyuanyishiyongzhexiekanshangquhenkushoushidongzuo，birukeyiduitupianyonglianggeshouzhilakailaifangda
，hebinglaisuoxiao
，zhijietuodonglaitiaohuanshunxu

，yaohuanglaijinxingshuaxindeng。dangranwomenyaokaolvzhexieshoushizaibutongyingyongdebutongshiyongchangjing

，buyaolanyong。
　　
總之

，iPhone應用的是線性的，連貫的，直觀的依賴滑動操作，手指點擊，以及各種手勢給人很酷的感覺。
　　
iPhoneApp的基本設計方法
　　
1、iPhone應用的分類
　　
1)高效型
　　
這(zhe)類(lei)應(ying)用(yong)可(ke)以(yi)幫(bang)助(zhu)用(yong)戶(hu)快(kuai)速(su)完(wan)成(cheng)一(yi)個(ge)任(ren)務(wu)，注(zhu)重(zhong)內(nei)容(rong)的(de)組(zu)織(zhi)邏(luo)輯(ji)功(gong)能(neng)和(he)信(xin)息(xi)架(jia)構(gou)的(de)展(zhan)現(xian)
，以(yi)方(fang)便(bian)用(yong)戶(hu)快(kuai)速(su)高(gao)效(xiao)的(de)使(shi)用(yong)，最(zui)終(zhong)完(wan)成(cheng)任(ren)務(wu)。此(ci)類(lei)應(ying)用(yong)一(yi)般(ban)包(bao)含(han)大(da)量(liang)的(de)列(lie)表(biao)及(ji)每(mei)個(ge)列(lie)表(biao)中(zhong)的(de)任(ren)務(wu)功(gong)能(neng)。最(zui)典(dian)型(xing)的(de)就(jiu)是(shi)係(xi)統(tong)自(zi)帶(dai)的(de)“Mail”應用
，這是一個非常典型的高效型應用。


此類應用給用戶的感覺是層層進入，內容逐步具體化，直到可以完成用戶的任務。
　　
另外一個非係統應用且典型的就是QQ，可以看一下是不是也遵循這個特點。
　　
2)實用工具型應用
　　
此類應用一般交互操作非常少，也沒有很深的層次結構

，往往都是直接了當的展示信息，一般會在“背麵”(通常會有一個翻轉的效果)展示設置功能。最常見的就是“天氣”和“股票”兩個係統自帶的應用。
　　
3)浸入式應用
　　
大da多duo指zhi遊you戲xi類lei應ying用yong，但dan也ye有you一yi些xie實shi用yong工gong具ju，比bi如ru電dian子zi羅luo盤pan，所suo謂wei浸jin入ru式shi應ying用yong一yi般ban是shi全quan屏ping模mo式shi，專zhuan注zhu一yi個ge任ren務wu或huo是shi娛yu樂le的de深shen入ru體ti驗yan，沒mei有you過guo多duo的de文wen字zi，而er將jiang用yong戶hu的de注zhu意yi力li放fang在zai如ru何he使shi用yong它ta。
　　
2、設計iPhone應用
　　
1)iPhone應用的基本結構
　　狀態欄：這是ios係統的一部分，除了浸入式應用外，其他應用一般都會保留這個bar。
　　導航欄：這裏包括當前的title，當前的主要操作的控件和返回的導航功能
　　工具欄：對當前內容區可執行的功能動作。
　　標簽欄：可以理解為全局導航，方便快速切換功能或是導航。工具欄和標簽欄在一個視圖中隻能存在一個。

[page]
2)移植你的應用

　　大多數情況下我們都是把web端的應用移植到手機上
，而在web端的應用，如果我們列出一個功能結構圖，可能會包含100項以上的功能點
，你可以做如下工作：
　　
①考慮這個web端的產品，核心功能是什麼。任何一個產品都會有核心功能，以及附加功能，比如QQ，核心功能就是IM，即時通信，可能截屏是一個附加功能，盡管用的人非常多。確定核心功能後
，以及圍繞核心功能盡可能少的擴展功能和邏輯。
　　
②對確認的功能結構考慮在iPhone上的信息架構模型。上文說過，iPhone應用是線性的連貫操作

，一層一層進入直到完成最後的任務，所以你要按這個思路去整理信息架構，一般來說，操作的深度不要超過3層，如果超過3層(ceng)就(jiu)要(yao)對(dui)產(chan)品(pin)形(xing)態(tai)進(jin)行(xing)扁(bian)平(ping)化(hua)處(chu)理(li)
，即(ji)由(you)深(shen)度(du)改(gai)為(wei)廣(guang)度(du)
，因(yin)為(wei)隨(sui)著(zhe)深(shen)度(du)的(de)增(zeng)加(jia)
，每(mei)一(yi)級(ji)別(bie)都(dou)會(hui)有(you)不(bu)同(tong)的(de)功(gong)能(neng)，甚(shen)至(zhi)有(you)承(cheng)載(zai)上(shang)一(yi)級(ji)的(de)功(gong)能(neng)或(huo)邏(luo)輯(ji)，深(shen)度(du)越(yue)多(duo)，這(zhe)些(xie)功(gong)能(neng)就(jiu)會(hui)越(yue)複(fu)雜(za)，而(er)在(zai)手(shou)機(ji)如(ru)此(ci)小(xiao)的(de)空(kong)間(jian)上(shang)就(jiu)很(hen)難(nan)進(jin)行(xing)合(he)理(li)組(zu)織(zhi)。
　　
③合理利用iPhone應用的結構及標準控件。
　　
標簽欄，可以理解為web應用中的全局導航或是主要子功能的切換，這個bar可以貫穿於主要視圖的底部，方便用戶快速跳轉，比如下圖這個標簽欄。


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


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

這是ios係統應用mail中(zhong)，具(ju)體(ti)郵(you)件(jian)打(da)開(kai)後(hou)的(de)工(gong)具(ju)欄(lan)，包(bao)括(kuo)了(le)對(dui)當(dang)前(qian)郵(you)件(jian)的(de)幾(ji)個(ge)主(zhu)要(yao)操(cao)作(zuo)。對(dui)於(yu)你(ni)的(de)應(ying)用(yong)
，你(ni)也(ye)可(ke)以(yi)把(ba)一(yi)些(xie)操(cao)作(zuo)放(fang)到(dao)主(zhu)視(shi)圖(tu)區(qu)中(zhong)以(yi)按(an)鈕(niu)的(de)形(xing)式(shi)展(zhan)現(xian)，不(bu)放(fang)在(zai)底(di)部(bu)的(de)工(gong)具(ju)欄(lan)。但(dan)我(wo)們(men)說(shuo)
，iPhone用戶更習慣於iPhone一些“標準”操作，習慣iPhone的標準邏輯
，所以把主要的操作以底部工具欄的方式展現似乎更好一些。
　　
使用引喻的標準控件


我們看到滑動效果的開關
，突起效果的分段按鈕，轉盤選擇器等，代替了傳統web中死板無生氣的標準控件。
　　
④調用係統提供的功能接口
　　
例如iPhone提供的地理位置接口，可以為你的應用提供不同於web端的特殊功能，設計出更具有特色的產品，更能滿足移動用戶的需求。
　　
最後，我想說iPhoneyingyongshijianjiede，baokuoshejishangdejianjiehegongnengshangdejianjie，buyinggaiyoutaiduodegongnengfenzhi，buguannishifounengzuzhihaozhexiegongneng，guoduodegongnengzonghuibayonghugaoyun。iPhone應用是有特殊氣質的，你可以把他設計的完全符合iPhone使用的特點，甚至帶有一點炫酷
，而不用考慮低端用戶，因為使用iPhone並且可以裝App的用戶
，他的使用經驗不會太差。