iPad軟件設計初步:它不只是大號的iPhone
原創(chuàng)【51CTO獨家特稿】編者按:蘋果是個神奇的公司,它的每一款產(chǎn)品都能在市場上激起不小的波瀾,上周正式發(fā)售的iPad也是如此。對開發(fā)人員而言,iPad的推出是iPhone軟件開發(fā)之后的新機會。但iPad與iPhone的軟件開發(fā)有哪些不同呢?
本文并未提到過多關于iPad程序開發(fā)的問題,而是從iPad平臺上軟件設計和用戶體驗的角度來談iPad的軟件開發(fā)與iPhone及桌面軟件有哪些不同。蘋果公司崇尚的設計理念是“Think different”,文中所提到的“觸手可及”、“功能減法”等理念的確讓人眼前一亮,在其他平臺的軟件開發(fā)中這些理念也值得我們借鑒。
從iPad的硬件和操作系統(tǒng)方面來看,iPad可能像一個大號的iPhone,但在應用開發(fā)方面將其與iPhone看作相同的設備將是錯誤的。增大的觸摸屏硬件使其成為全新的裝置。iPad將成為一個iPhone從未嘗試過的全新的軟件平臺。
這一點,從喬布斯介紹iPad的特殊方式上就可以看出:
喬布斯在iPad發(fā)布會上的演示
在喬布斯的幻燈演示上,iPad位于iPhone和Mac之間。這并不是因為iPad的顯示屏尺寸和處理器能力的排位,這還是關于iPad設備與軟件的市場定位的明確暗示。
桌面應用是iPad的目標,而不只是智能手機的替代品。這將帶來一些非常有趣的機會。
iPad開發(fā)大不同
我們已有的iPhone應用程序可以運行在iPad上(這些應用程序將以原本的尺寸居中運行在iPad屏幕上,或者放大到全屏運行)。這很好,但沒什么特別。更關鍵的是,我們可以將桌面級應用程序帶到iPad上——但這要求我們重新構思用戶界面并重新設計。
iPad為開發(fā)者帶來的真正機遇是桌面級應用,不是我們在iPhone上所看到的小型的工具類的程序;而是一些可以提高工作效率、應用于實際工作中的軟件。事實是,完全符合iPhone OS設備的這類軟件直至目前還沒有出現(xiàn)。
為了明確這一點,我們先來比較一下iPad與觸摸屏智能手機有哪些不同。這一切都與輸入和輸出有關。
◆顯示器變的更大,1024×768像素。顯示在iPad上的應用程序要求更高。
◆虛擬鍵盤更大,外接物理鍵盤通過藍牙或擴展塢提供。對應用程序的鍵盤輸入有更高的可用性要求。
◆iPhone支持多點觸控技術。但iPad要求可靠的雙手多點觸控支持,這一點我們會在后面具體介紹。
以上所提到幾點將導致我們在開發(fā)iPad應用程序和界面時思想的轉變。我們需要遵守一些指導方針。
主從頁面組(Master-Detail)
Master-Detail并不是新鮮事物,但在iPhone OS平臺卻還是第一次出現(xiàn)。主從頁面(Master-Dettail)是一個用戶界面概念(元素),它是指:用戶可以看到所操作的事物的一個列表,還同時可以操作列表中所選中的某項。在iPhone中,事物列表和操作項界面并不同時可見(iPhone的顯示空間有限),但在iPad上,我們可以使用Master-Detail呈現(xiàn)更多,比如iPad的郵件功能。
這可以給我們帶來一些iPad開發(fā)的規(guī)則:
◆iPad上可以大范圍應用Master-Detail元素
◆在顯示界面上,主窗口和從屬窗口同時出現(xiàn)且可用能夠加強操作的便捷性。
◆在某些界面響應時,主窗口短暫彈出。
◆在iPad這類手持設備上,雙窗口或三窗口界面需要被重視起來。
Look like a Viewer
為iPad設計應用程序,有一個最基本的規(guī)則需要遵守:更大的可觸摸空間并不意味著更多的UI。我們可能會因為iPad更大的可觸摸控制的顯示空間而違反這一原則,抵制這樣的誘惑吧。程序的實際功能會應用到一些UI沒錯,但更大的顯示屏并不意味著他們都需要顯示出來。
◆隱藏那些用戶用不到的UI元素,直到需要時再顯示(比如軟件設置功能)
◆讓軟件看起來像個觀察者,表現(xiàn)的像個編輯者
下圖是個個漂亮的閱讀器應用
直到你需要交互時才顯示一些用于編輯的UI
這可以讓我們更容易理解下面要提到的部分。#p#
觸手可及(Edit in place)
在Mac或其他桌面平臺,有一個約定俗成的概念:放置一個可控全局的UI。比如菜單欄、工具條或者狀態(tài)條等。在iPad上,這些元素不會出現(xiàn),因為這些元素的操作和操作對象是間接的。iPad是個觸摸屏設備,我們可以直接與操作對象交互。
◆在需要的地方點擊操作對象的屬性,讓操作觸手可及
◆為操作對象加上屬性操作的UI。但顯示、隱藏和移動只在需要時顯示。
例如,當你要編輯一個幻燈片時,你可以直接在要操作的對象上點擊來完成一些添加和修改任務。
為幻燈片添加一個動畫效果,可用類型的列表被附加到所操作對象中顯示出來。
這些類似的操作同樣適合對全局幻燈片的控制。
這是一個好的原則:直接、即使響應,憑直覺來操作設備。這種感覺就像你在用手指與所要操作的對象交互。
考慮上下文環(huán)境(Inspectors should be Contextual)
有時,標準的位置出現(xiàn)標準的設置界面是有價值的。但關鍵是,我們要顯示多少UI。在桌面軟件上,有我們經(jīng)常做錯。這里有兩個熟悉的例子。
這兩個屬性窗口(來自蘋果Keynote軟件和微軟Word軟件的Mac版)很難用,因為他們顯示了所有可能被用到的屬性,而失去了選擇性。在你某個時刻需要編輯某個選項時,你會發(fā)現(xiàn)這很麻煩;同時,大密度的控制選項占用了大量的顯示區(qū)域且需要鼠標頻繁的操作。
在iPad,任何全局的屬性窗口都會考慮到所要操作對象的上下文環(huán)境,當他們被使用時才被顯示。不為用戶帶來任何不相干的操作;隱藏任何不需要的操作。
如果你要操作(編輯)一段文本,只為你顯示文本編輯的相關控制選項。
如果你在編輯一個圖表,只顯示圖表相關的選項。
這些規(guī)則挺簡單,甚至對桌面應用程序的開發(fā)也是很好的建議。
◆根據(jù)用戶的上下文應用環(huán)境提供相應的屬性選擇。
◆隱藏用戶不需要或當前應用場景中不關注的選項。
根據(jù)上下文環(huán)境提供操作選項是iPad軟件設計的關鍵,要做到這點很難,要求我們在設計之初就洞察用戶在使用我們的產(chǎn)品時會發(fā)生哪些行為。#p#
功能的減法(Fewer Features)
特性繁雜是當前桌面軟件的弊病。對于絕大多數(shù)用戶而言,那些功能繁雜的軟件并沒有被完全使用。比如,任何用戶都沒有完全應用微軟Office或者Photoshop,大量的功能我們從未碰過。
將軟件專注于多數(shù)用戶關心的那一小部分功能。這樣做的好處是軟件的UI更簡單和易于理解,我們也不用為復雜的功能而經(jīng)歷過長的開發(fā)周期。有限功能特性的一個秘訣是把焦點聚集在那些用戶實際需要的、重要的、不可或缺的功能上。
◆只提出那些最常被使用和必須的功能。如果對某功能有質疑,取消這個功能。
◆丟棄那些可選的或需要復雜配置的功能。
這樣的規(guī)則對桌面端軟件同樣適用。不同之處是,人們已經(jīng)習慣接受他們計算機上大而全的軟件(雖然多數(shù)功能我們并不使用);然而在iPad上卻未必如此。你可以當一項重要的功能變得清晰起來時再添加它,但你將不會重第一印象中恢復。
雙手輸入(Two Hands)
iPad的尺寸可以支持雙手同時輸入,這讓人感到興奮。iPad屏幕的硬件技術與iPhone沒什么不一樣,但可用空間足夠大。iPad的大屏幕是我們無法忽視的,我們想到可以想象在iPad上玩紙牌、桌上曲棍球等等。
對于iPad開發(fā)者,大屏幕+雙手輸入是一個誘惑。我聽到一些人計劃在iPad上呈現(xiàn)雙倍的UI——在屏幕兩邊都提供按鈕來為雙手控制提供方便,因為iPad有足夠的空間來呈現(xiàn)這些UI。無論如何都要抵制這種誘惑。這里有幾個關于Keynote的例子(Keynote是Mac平臺上的幻燈片播放軟件)。
上面的圖片來自iPad的發(fā)布會現(xiàn)場,Phil Schiller正在iPad上用Keynote演示如何在iPad上進行雙手輸入操作:當改變一張的尺寸時,你可以用另一只手點擊其他圖片,這時,后面的這張圖片會自動匹配到你之前所調整的圖片尺寸。相似的,當你拖動一張幻燈片時,另一只手可以點擊其他幻燈片將他們拖動到一個組里,從而一次將所有幻燈片歸檔。
但是,我們有其他更方便的方法來實現(xiàn)這些功能。雙手輸入是方便、實用的功能,有效利用可以節(jié)省操作者的時間,但它并不是實現(xiàn)這些任務的唯一途徑。雙手輸入是個新鮮事物,一些基礎的功能還不需要它。合理使用雙手輸入。
◆發(fā)揮單手的作用。不要在基礎功能上使用雙手輸入。
◆但不要害怕在必要時提供節(jié)省時間的操作,發(fā)掘雙手輸入的功能。
事實上,用戶能夠用他們的雙手交互完成一些事;這是像iPad這類設備最具吸引力的一個重要方面。這源于人的心理。
總結
總而言之,當進入iPad應用程序設計時,我們需要首先認清這個設備和平臺的優(yōu)勢和特點,問問自己下面這些問題:
◆什么是核心功能?我怎樣才能從中刪去一些比必要的功能?
◆我該如何讓軟件在觸摸設備上工作?
◆另外,別跳過在真實設備上測試的環(huán)節(jié),不要做它在iPhone上正確工作也能在iPad上正常工作的假設。
iPad的應用軟件開發(fā)是獨特而令人激動的機會,很可能這個機會的開始就在軟件設計和用戶體驗,我們在同一起跑線上,完全有理由保持樂觀。Google Luck!
【編輯推薦】
- 月入40萬 iPhone中文應用程序開發(fā)者訪談
- iPhone軟件開發(fā)完美起步
- iPhone多視圖開發(fā)案例紀實
- iPhone應用程序數(shù)量預計2010年將達到30萬個
- 效仿iPhone 蘋果推出全新Mac軟件開發(fā)服務
原文:iPad Application Design 作者:Matt Legend Gemmell