iPad: 大尺寸觸屏的交互意義——大尺寸多點觸控會給人機交互帶來哪些變化？

Ornithopter是我們進行iPad成都漂流活動時遇到的一個很善于思考的Geek,他將為我們帶來一系列的關(guān)于手持設(shè)備人機交互的思考和心得。也是ifanr【iShout】系列的組成部分。我們希望有更多善于思考的讀者和手持設(shè)備的愛好者把自己的體會通過ifanr“Shout”出來。投稿請聯(lián)系fashaola@gmail.com或者@ifanr?！猄treetsmart

photo by Daniel.[V]

被遺忘的交互界面：

關(guān)于 iPad 的人機交互原則，蘋果說：

內(nèi)容和交互性是王道。 (Content and interactivity are paramount in the iPad user experience. )

他們認為，好的 UI (User Interface) 應當降低 UI 本身的存在感，從而突出用戶真正關(guān)心的內(nèi)容。交互界面是為內(nèi)容服務的，為了讓用戶關(guān)注他們想看的內(nèi)容，UI的存在感被最大程度地降低，以致于 iPad 的 UI 反倒是被用戶所忽略的。這是一套返璞歸真的思路。的確，開發(fā)者的工作重心是功能與交互界面，然而交互界面承載的內(nèi)容才是用戶真正關(guān)心的。下文會討論iPad的大尺寸是如何推動這一原則。

瀏覽內(nèi)容：

內(nèi)容可以分成兩類：一類是嚴格依賴排版的，比如科技文獻、商業(yè)圖表和網(wǎng)站；另一類是不依賴排版的，比如一般的小說。我們不妨稱前者為版式依賴型，后者為版式無關(guān)型。在手機上，為了適應手機的小尺寸屏幕，版式無關(guān)型的內(nèi)容可以被轉(zhuǎn)換為純文本來閱讀(影印版的內(nèi)容除外)。比如說，iPhone 的 Stanza 和? Goodreader 允許用戶以純文本的形式閱讀文章，并且能自定義字號、字體、文字與背景顏色。因為內(nèi)容的組織結(jié)構(gòu)并未被破壞，字體也能夠適應小的屏幕，此時的閱讀體驗尚可接受。然而版式依賴型的數(shù)學公式、圖表和影印文本卻無法得體地轉(zhuǎn)換成純文本來閱讀，一旦你以原有的版式閱讀，你卻不得不在手機上不斷縮放和拖曳?，F(xiàn)在 iPad 以近乎 1：1 的比例完整地再現(xiàn)了原來的版式，所以你可以直接整頁瀏覽。據(jù) TUAW 報道，已經(jīng)有 app 利用 iPhone/touch 作為操控器，以 iPad 作為顯示器來進行多人游戲，這也是大尺寸帶來的新模式。

文件操作的淡化

Downplay File-Handling Operations and encourage people to view their content as objects in the application.

——?Apple iPad User Interface Guidelines

以上在談論內(nèi)容時，我一直避免用”文件”來描述內(nèi)容，這是因為iPad本身淡化了文件的存在與操作。iPad 沒有 Mac OS finder，也沒有”文件存放在文件夾中”的概念。這是因為iPad的設(shè)計重心是“師法自然”，而 Mac/PC 的文件屬性很多違背了真實物體的使用經(jīng)驗。反觀 iPad，內(nèi)容自動保存，沒有只讀，沒有地址，你只會在相應的 app 中看到高度實物感的物體(object)： 相冊就是一堆堆照片，書就是書架上有封面有形狀的書籍，素描本就是畫板上真真切切的本本……一切物體具有真實的材質(zhì)紋理，一眼看去，虛擬與實物毫無二致，操作也就再自然不過了。

實際操作時，我們也看到負面的結(jié)果：不同的 app 共享內(nèi)容不太方便，比如繪畫本應用?penultimate 無法直接使用 Goodreader 中的照片；同時，各種 app 中關(guān)于共享內(nèi)容的標示與操作只是各自草創(chuàng)，并沒有很好地統(tǒng)一，因此導致用戶使用時會有一定困擾。

操作工具：

與內(nèi)容相對應的是工具，盡管 iPhone 的控制鍵做到了極簡，還是有人抱怨玩游戲時虛擬搖桿占據(jù)了小半個屏幕。iWork 等辦公軟件無法在 iPhone 上施展，也是因為操作工具欄會大大擠壓內(nèi)容的版面。在 iPad 的大屏幕上，工具按鍵能伴隨內(nèi)容呈現(xiàn)在同一個界面上，所以絕大多數(shù)的全屏切換都可以被避免。iPad app 的工具與選項常常以四種形式出現(xiàn)：

1.tab bar

2.segmented control

3.浮動窗口 popover

4.劃分屏幕的導航欄navigation bar in split view

這些 tab bar/segmented control/popover/navigation bar 在大屏幕的環(huán)境下已然不再擠壓內(nèi)容，所以現(xiàn)在能夠完整地保留在內(nèi)容周邊，整裝待發(fā)。

當然，空間與功能的增減不是簡單的線性關(guān)系，更多空間并不意味著功能的鋪陳，單純堆砌能實現(xiàn)的功能是不明智的。蘋果對 app 開發(fā)者說了： 那些iPhone屏幕上塞不下的功能，甭以為就可以填給 iPad；砍掉不重要的，注意精簡！

所以我們見到的 iPad app 界面仍然只是保留了最直接、最常用的功能。關(guān)于此處，iPad app 開發(fā)準則中還有一條“80%原則”，意思是說 app 界面只允許保留最常用的UI元素，剩余20%不常用的元素一律推到下一個層級中。另外，比如瀏覽照片時，單擊屏幕的操作會抹去頂部與底部的工具欄，這屬于“突出內(nèi)容”的范疇，不再贅述?？傊m然保留了蘋果一貫精簡的風格，iPad 無疑提供了更詳盡的工具欄。

操作空間：

能想象 iPhone 版本的 iWork 嗎? 事實上類似 app 早已出現(xiàn)，但它們有著嚴重低效率的操作。關(guān)于 iPad 版 iWork，ifanr 主站已經(jīng)有評測，此處略去。iPad 的觸屏是蘋果迄今為止創(chuàng)造的最大的多點觸控（multitouch）屏幕，可以預見各種標準下的多點觸控手勢將得以真正施展并豐富內(nèi)容的交互性，app store 美國店中的游戲、藝術(shù)創(chuàng)作與幼兒教育這三個特色專題就是生動的例證。除此之外，iPad 的確有多人共用一個大屏幕的能力，比如說用 iPhone 操控、把 iPad 作為顯示器的雙人游戲，以及兩個人分別從 iPad 兩側(cè)玩的對戰(zhàn)游戲，或者多人在 iPad 上進行一個小規(guī)模的樂團演奏。拋開朗朗在音樂會上用 iPad 彈奏鋼琴曲，關(guān)于知名畫家在 iPad 上作畫的消息也層出不窮，以下是兩幅畫作：

不得不提到 iPad 的虛擬鍵盤，landscape 模式下的鍵盤雖然與通常的實體鍵盤尺寸相同，卻仍然不適合雙手高速盲打。我的理解是虛擬鍵盤失敗在物理觸感上。在普通的實體鍵盤上，手指的狀態(tài)有三種：（i）靜態(tài)擱置在按鍵上、（ii）短暫敲擊按鍵、（iii）長按以激活mode（比如按ctrl鍵）。而在 iPad 上，你的左右食指無法像實體鍵盤上通過 F、J 鍵上凸塊來定位，更令人困擾的是，手指在虛擬按鍵上無法靜態(tài)擱置，只能懸浮在鍵盤上方。所以 iPad 僅能良好支持輕量化的輸入，對于大量文本的創(chuàng)作者來說，只好通過其他的藍牙鍵盤來碼字。筆者很好奇帶有USB接口的鍵盤能否通過 iPad camera connection kit? 連接到 iPad 上使用，希望有設(shè)備的讀者親自檢驗。

視覺穩(wěn)定性：

When you perform fewer full-screen transitions, your application has greater visual stability, which helps people keep track of where they are in their task. You can use UI elements such as split view and popover to lessen the need for full-screen transitions.

——Apple iPad Human Interface Guidelines

以上兩點——內(nèi)容與操作——無不體現(xiàn)了大尺寸的視覺穩(wěn)定性（visual stability）。iPad 的頁面分割(split view)或浮動窗口(popover)等 UI 元素能極大地減少全屏切換，保證用戶不會因操作本身而分心，他們在意的內(nèi)容隨時原地待命。反觀小屏幕上的全屏切換，不僅會降低用戶對內(nèi)容的關(guān)注度，還會令用戶思考自己所在的定位和層級(hierarchy)，導致用戶分心，降低工作效率。今天筆者在 Digital Campus podcast 中聽到kindle 的使用者抱怨頁面定位的問題，原因是他們沒有直觀快捷的辦法定位自己所在的章節(jié)，iPhone、iPod touch 的 Goodreader、Stanza 的用戶同樣需要激活工具欄或切換至目錄頁面才能看到當前頁面所在的位置，而 iBook 可以直接在頁面下方顯示當前頁數(shù)，同時，用戶能通過拖動底部虛線上的節(jié)點來精確到達指定頁面（如下圖）。這樣的設(shè)計保證了跳轉(zhuǎn)閱讀時無需切換至目錄頁面，響應快捷的同時，再一次體現(xiàn)了良好的視覺穩(wěn)定性。

使用iBook底部虛線上的節(jié)點來精確到達指定頁

在《尼爾森諾曼集團關(guān)于 iPad 易用性的測試報告》（Apple4us Lawrence Li譯）中，雅各·尼爾森本人談到了「卡片」與「卷軸」的概念：

用戶介面先驅(qū)杰夫·拉斯金（Jef Raskin）曾經(jīng)用「卡片」與「卷軸」來區(qū)分兩種截然不同的超文本模型：卡片的畫布尺寸是固定的。你可以在這個二維空間里隨意安排信息（可以實現(xiàn)漂亮的布局），但你不能擴大該區(qū)域的尺寸。用戶要看更多的信息，就必須跳去另一張卡片。HyperCard 就是卡片模型的最著名實例。卷軸有足夠的空間容納任何數(shù)量的信息，因為畫布可以隨意延展。用戶不需要經(jīng)常跳轉(zhuǎn)，但卷軸的布局通常不那么精致，因為設(shè)計師無法控制用戶在任意時間點能夠看到哪些內(nèi)容。萬維網(wǎng)絕對是卷軸派的，尤其是在今天。滾動網(wǎng)頁是家常便飯，用戶有時會查看長網(wǎng)頁底部很深處的信息。即便是手機軟件也經(jīng)常利用卷軸式介面來呈現(xiàn)小屏幕無法容納的信息。對比之下，卡片派設(shè)計在早期的 iPad 軟件設(shè)計中占主導地位。滾動條也會不時出現(xiàn)在屏幕上，但大多數(shù)軟件都試圖在這塊漂亮的屏幕上呈現(xiàn)出一個固定的頁面布局。這兩種模式如果并存下去并不奇怪：iPad 上是卡片派主導，桌面電腦上是卷軸派主導（手機則居于兩者之間）。但兩種模式的融合也有可能出現(xiàn)，卷軸式交互風格的優(yōu)勢或許會令用戶期待 iPad 軟件更多地采納它。

我認為卡片式的界面源于 iPad 對實物感的追求，因為 iPad 是一個捧在手里能夠接觸的物體，所以卡片式的內(nèi)容更接近一塊標本、一本手冊、一頁能翻動的紙張；同時，部分 iPad app 上幾近固定的頁面格局能提供更良好的視覺穩(wěn)定性，易于用戶定位，這是其不可忽視的優(yōu)點。我們以在線游戲 We Rule 為例：

iPhone/touch 版的全屏視圖有五種：領(lǐng)土全景、建造工具、mojo 商店和 plus+ 游戲社區(qū)，五者之間的跳轉(zhuǎn)需要全屏切換。

以上是 We Rule 的兩種版本，iPhone/touch 版的全屏視圖有五種：領(lǐng)土全景、建造工具、友鄰地圖、mojo 商店和 plus+ 游戲社區(qū)，五者之間的跳轉(zhuǎn)需要全屏切換。iPad 的視圖只有一種，即領(lǐng)土全景，而其余三者是通過浮動窗口在領(lǐng)土全景之上顯示，不再引起低效率的全屏切換。

實物感：

當一切越接近真實世界時，用戶的學習成本越低，產(chǎn)品的易用性就越好。iPad 的 UI 元素具有以下特點：

• 同時模擬實物的靜態(tài)外觀與動態(tài)運動
• 被操作物體的行為與人們的期待一致
• 不違背物理原理
• 保留實際用料的質(zhì)感
• 極端寫實的繪畫功底

如下所示，通訊錄中央的裝訂孔清晰可辨，而記事簿被賦予了皮革的外套。在 iPhone OS 上，物體的行為符合日常生活經(jīng)驗和物理原理。而 iPad 更大的屏幕帶來更強的視覺沖擊，更廣的多點觸控區(qū)域帶來更自然的實物操作感，iPad? 把 GUI（graphic user Interface? 圖形用戶界面） 做到了極致。

通訊錄中央的裝訂孔清晰可辨

記事簿被賦予了皮革的外套

總結(jié)

從 iPhone、iPod touch 到 iPad ，規(guī)格的增大，已經(jīng)產(chǎn)生質(zhì)的變化。我們完全有理由期待在這個大尺寸的平臺上出現(xiàn)更高效、更強大的 app，這也是?Fraser Speirs? 回到 app 開發(fā)陣營的原因 。同時，在 iTunes U 上涌現(xiàn)出不少美國頂尖大學關(guān)于 iPad app 開發(fā)與交互設(shè)計的研討會與課程。iPad 為人機交互提供了史無前例的平臺，并為后來者提供了試驗案例與市場反饋，它絕不僅僅是“一臺放大的 iPod touch”，這是毫無爭議的。

來源：http://www.ifanr.com/11003