當(dāng)前位置:首頁 > 消費電子 > 消費電子
[導(dǎo)讀]iPhoneApp的特點  iPhone有自己的特點和氣質(zhì),因此他的App不同于其他鍵盤手機甚至Android這種觸屏手機?! ∈紫萯Phone只有一個物理按鍵Home,而這個按鈕主要是在系統(tǒng)級操作上起到一些作用,在一個應(yīng)用中,絕大多數(shù)

iPhoneApp的特點

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

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

  1、虛擬鍵盤

  iPhone雖然與Android同為觸屏,但沒有物理鍵盤(而Android有可能有物理鍵盤),所有的輸入操作都需要屏幕中的虛擬鍵盤來實現(xiàn),同時需要考慮虛擬鍵盤的遮擋問題。

  2、目錄導(dǎo)航

  沒有物理按鍵做為目錄菜單的呼出功能,完全不同于Symbian和Android系統(tǒng),包括導(dǎo)航也需要屏幕中的虛擬按鈕來實現(xiàn)。

  3、功能操作

  需要把所有的功能集成在App中,比如我們可以用Tabbar來做功能的分類,工具欄來做具體視圖的功能操作集合。

  我們再來看看用戶對iPhone的使用習(xí)慣

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

  

 

  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ù)恼故拘畔ⅲ话銜?ldquo;背面”(通常會有一個翻轉(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)行合理組織。

 ?、酆侠砝胕Phone應(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)驗不會太差。

本站聲明: 本文章由作者或相關(guān)機構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點,本站亦不保證或承諾內(nèi)容真實性等。需要轉(zhuǎn)載請聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請及時聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫毥谦F公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

加利福尼亞州圣克拉拉縣2024年8月30日 /美通社/ -- 數(shù)字化轉(zhuǎn)型技術(shù)解決方案公司Trianz今天宣布,該公司與Amazon Web Services (AWS)簽訂了...

關(guān)鍵字: AWS AN BSP 數(shù)字化

倫敦2024年8月29日 /美通社/ -- 英國汽車技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認(rèn)證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時1.5...

關(guān)鍵字: 汽車 人工智能 智能驅(qū)動 BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務(wù)能7×24不間斷運行,同時企業(yè)卻面臨越來越多業(yè)務(wù)中斷的風(fēng)險,如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報道,騰訊和網(wǎng)易近期正在縮減他們對日本游戲市場的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會開幕式在貴陽舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導(dǎo)體

8月28日消息,在2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機 衛(wèi)星通信

要點: 有效應(yīng)對環(huán)境變化,經(jīng)營業(yè)績穩(wěn)中有升 落實提質(zhì)增效舉措,毛利潤率延續(xù)升勢 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競爭力 堅持高質(zhì)量發(fā)展策略,塑強核心競爭優(yōu)勢...

關(guān)鍵字: 通信 BSP 電信運營商 數(shù)字經(jīng)濟(jì)

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺與中國電影電視技術(shù)學(xué)會聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會上宣布正式成立。 活動現(xiàn)場 NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會上,軟通動力信息技術(shù)(集團(tuán))股份有限公司(以下簡稱"軟通動力")與長三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉