1、自上而下的操作 用戶多數(shù)情況下會如上圖的姿態(tài)，一手握機，大拇指做為主要操作和點擊手指，我們可以看到不管是iPhone系統(tǒng)應(yīng)用還是很多其他的優(yōu)秀應(yīng)用，大多使用很多的列表，因為拇指在滑動列表時會非常順暢和方便，而且操作速度非常快，所以很長的列表不會成為iPhone應(yīng)用的障礙，這與其他手機平臺上的特性不同，更何況在表格的情況下，單擊頂部的狀態(tài)欄可以快速回到頂部。 2、減少輸入 這與《移動設(shè)備交互設(shè)計》書中的一些觀點一致，即對于手持設(shè)備我們要盡量的減少用戶輸入，特別對于iPhone這種虛擬鍵盤而言，即便電容屏再靈敏，對于每次都準(zhǔn)確的觸動面積很小的虛擬鍵盤也并不是一件輕松的事情，我們要盡量使用選擇器，或是輸入提示suggestion來減少成本。 3、足夠大的按鈕面積 對于iPhone這塊電容屏來講，雖然很靈敏，但接受的感觸面積并不小，且用戶又是直接用手指操作，所以我們要對應(yīng)用中的所有按鈕要適合指尖來操作，跟據(jù)官方給出的設(shè)計指導(dǎo)，44*44pix是一個較理想的面積。 4、多點觸控手勢 相對于設(shè)備的軟硬件來說，手指總是保持可用，它是人體的一部分，可以靈活的做各種動作，而且直接觸控屏幕非常直觀，且用戶也非常愿意使用這些看上去 很酷手勢動作，比如可以對圖片用兩個手指拉開來放大，合并來縮小，直接拖動來調(diào)換順序，搖晃來進(jìn)行刷新等。當(dāng)然我們要考慮這些手勢在不同應(yīng)用的不同使用場景，不要濫用。 總之，iPhone應(yīng)用的是線性的，連貫的，直觀的依賴滑動操作，手指點擊，以及各種手勢給人很酷的感覺。 iPhone App的基本設(shè)計方法 1、iPhone應(yīng)用的分類 1) 高效型 這類應(yīng)用可以幫助用戶快速完成一個任務(wù)，注重內(nèi)容的組織邏輯功能和信息架構(gòu)的展現(xiàn)，以方便用戶快速高效的使用，最終完成任務(wù)。此類應(yīng)用一般包含大量的列表及每個列表中的任務(wù)功能。最典型的就是系統(tǒng)自帶的“Mail”應(yīng)用，這是一個非常典型的高效型應(yīng)用。
此類應(yīng)用給用戶的感覺是層層進(jìn)入，內(nèi)容逐步具體化，直到可以完成用戶的任務(wù)。 另外一個非系統(tǒng)應(yīng)用且典型的就是QQ，可以看一下是不是也遵循這個特點。 2)實用工具型應(yīng)用 此類應(yīng)用一般交互操作非常少，也沒有很深的層次結(jié)構(gòu)，往往都是直接了當(dāng)?shù)恼故拘畔ⅲ话銜凇氨趁妗?通常會有一個翻轉(zhuǎn)的效果)展示設(shè)置功能。最常見的就是“天氣”和“股票”兩個系統(tǒng)自帶的應(yīng)用。 3)浸入式應(yīng)用 大多指游戲類應(yīng)用，但也有一些實用工具，比如電子羅盤，所謂浸入式應(yīng)用一般是全屏模式，專注一個任務(wù)或是娛樂的深入體驗，沒有過多的文字，而將用戶的注意力放在如何使用它。 2、設(shè)計iPhone應(yīng)用 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)用是線性的連貫操作，一層一層進(jìn)入直到完成最后的任務(wù)，所以你要按這個 思路去整理信息架構(gòu)，一般來說，操作的深度不要超過3層，如果超過3層就要對產(chǎn)品形態(tài)進(jìn)行扁平化處理，即由深度改為廣度，因為隨著深度的增加，每一級別都會有不同的功能，甚至有承載上一級的功能或邏輯，深度越多，這些功能就會越復(fù)雜，而在手機如此小的空間上就很難進(jìn)行合理組織。 ③合理利用iPhone應(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)前視圖進(jìn)行1-2個最重要的操作。如下面這個導(dǎo)航欄。
工具欄，可以理解為web某個具體頁面中的一些主要操作功能，比如上傳，搜索等。如下面這個工具欄。
這是ios系統(tǒng)應(yīng)用mail中，具體郵件打開后的工具欄，包括了對當(dāng)前郵件的幾個主要操作。對于你的應(yīng)用，你也可以把一些操作放到主視圖區(qū)中以按鈕的形式展現(xiàn)，不放在底部的工具欄。但我們說，iPhone用戶更習(xí)慣于iPhone一些“標(biāo)準(zhǔn)”操作，習(xí)慣iPhone的標(biāo)準(zhǔn)邏輯，所以把主要的操作以底部工具欄的方式展現(xiàn)似乎更好一些。 使用引喻的標(biāo)準(zhǔn)控件
我們看到滑動效果的開關(guān)，突起效果的分段按鈕，轉(zhuǎn)盤選擇器等，代替了傳統(tǒng)web中死板無生氣的標(biāo)準(zhǔn)控件。 ④調(diào)用系統(tǒng)提供的功能接口 例如iPhone提供的地理位置接口，可以為你的應(yīng)用提供不同于web端的特殊功能，設(shè)計出更具有特色的產(chǎn)品，更能滿足移動用戶的需求。 最后，我想說iPhone應(yīng)用是簡潔的，包括設(shè)計上的簡潔和功能上的簡潔，不應(yīng)該有太多的功能分支，不管你是否能組織好這些功能，過多的功能總會把用戶搞暈。iPhone應(yīng)用是有特殊氣質(zhì)的，你可以把他設(shè)計的完全符合iPhone使用的特點，甚至帶有一點炫酷，而不用考慮低端用戶，因為使用 iPhone并且可以裝App的用戶，他的使用經(jīng)驗不會太差。
推薦閱讀
iPhone應(yīng)用SunSmart可幫助用戶防范皮膚癌
[db:內(nèi)容簡介]>>>詳細(xì)閱讀
本文標(biāo)題：iPhone App的特點及基本設(shè)計方法
地址：http://www.xglongwei.com/a/apple/2013-07-05/277244.html
網(wǎng)友點評
精彩導(dǎo)讀
科技快報
品牌展示