iPhone X:手勢的興起

4 評論 12848 瀏覽 27 收藏 20 分鐘

移動設備設計最大的問題之一是屏幕小,而手勢不需要視覺表示,因此可以為內容留出更多空間。iPhone X代表了一種大規模的使用手勢,來最大化移動屏幕上的內容空間的嘗試。

一、簡介

大屏幕可以緩解,用滑動手勢替換HOME鍵會產生的一些用戶體驗方面的困擾。

十年前,第一代iPhone掀起了移動革命。2009年,當我們發布了第一版的移動可用性報告時,我們需要讓公司相信他們仍然需要移動設備。當我們發布這一報告的第四版時,移動的領域發生了巨大的變化——今天它不僅提供了更多的多樣性,而且令人驚訝的是更好,更一致的用戶體驗。

移動設備設計最大的問題之一是屏幕小,因為只有那么大的屏幕可以設計,基本的信息被隱藏在下拉菜單中,導航元素被擠在漢堡包菜單下,而用戶很難快速找到他們需要的。每一塊額外的屏幕空間,都能在移動設備上產生影響。

多年來,移動設計師考慮使用手勢,為了在不犧牲屏幕空間下集成更多的功能。與圖形用戶界面元素不同的是:手勢不需要視覺表示,因此可以為內容留出更多空間。但是,手勢是很難記住和使用的。如:待辦事項列表管理器清除,待辦事項和現已停用的郵箱應用程序,通過手勢實現了其全部或大部分功能。

這些類型的應用程序已經被設計界的熱情所接受,但是對于一般的移動用戶來說,從來沒有取得過成功,因為記住手勢(尤其是很多手勢)是很難的。如果你沒有機會每天使用這些手勢,那么你很可能不會學習這些手勢,或者你可能放棄學習它們。

iPhone X代表了一種大規模的使用手勢,來最大化移動屏幕上的內容空間的嘗試。有了這個新設備,蘋果取消了iPhone的定義特征——即Home鍵,轉而使用更大的屏幕,用戶必須在屏幕的底部向上滑動進入主屏幕。

與iPhoneX一起打印的小冊子指示用戶在手機的底部邊緣向上滑動以進入主屏幕

這個變化有什么意義?

二、滑動手勢歧義更明顯了

隨著取消了Home鍵,它的功能特別是訪問主屏幕和最近應用程序的列表,需要放到其他地方輕掃手勢及其多種選擇一直是蘋果公司選擇的解決方案。

從iOS7開始,輕掃手勢在操作系統中扮演重要的角色。在Safari或Mail等應用程序中用于導航回到上一頁,或者調用通知和控制中心。

在iPhone X上,蘋果改變了一些現有的的iOS的滑動手勢的含義,并創建了新的手勢根據滑動的三個屬性,左側、底部和上部邊緣上的滑動可能會有不同的結果。

  1. 手勢發起的位置
  2. 滑動的長度
  3. 滑動的方向

改變用戶已經習慣的設計元素總是不好的,用戶界面的變化不僅不受現有用戶的歡迎,而且用戶錯誤的風險,隨著人們有時錯誤地使用舊的交互而增加。如果新設計比舊的設計更好,這些可用性問題最終會消失,因為用戶將逐漸適應新的設計。

然而就蘋果的新手勢而言,設計更改的錯誤傾向,被認為是決定許多手勢含義的無形標準所放大。因此,用戶的適應速度可能會比平時慢。

下表提供了與iPhone 8/8P相比,iPhone X上的手勢輕掃的含義表格。

最近的應用程序的兩個視圖:左邊的是通過向上滑動到屏幕中間,右邊是以45度角向上滑動到右邊消除。這兩個設計變型需要人用戶思考的更多,以減少用戶錯誤和提高手勢的可學習性:少即是多。

在底部邊緣水平滑動翻轉最近的應用程序(左),但在邊緣上方滑動一點移到的Safari瀏覽器(右)的上一頁,從兩個幾乎相同的手勢產生了兩個截然不同的結果。

許多滑動有問題嗎?

當我們分析第一代iPad的程序應用的可用性時,記錄我們了滑動手勢歧義(在這種情況下,水平滑動根據用戶在哪里滑動來實現轉動頁面或移動輪播圖)。

滑動手勢歧義意味著:用戶必須學習與基本相同的動作(滑動)相關的多種含義,這使得對手勢的記憶檢索變得更加費力和緩慢。

在iOS 7以后的所有iOS版本中都出現了輕掃模糊的情況,這可能是網頁上,包含嵌入式傳送帶的最惱人的方式,其中橫向輕掃可能意味著返回或可以移動輪播圖。

在iPhone X上,滑動手勢歧義可能是一個交易破壞者嗎?

雖然它會引起煩惱,但是新的滑動手勢歧義類型,不太可能像上面提到的已經存在的Safari歧義那樣有問題。在一個他們以前從未見過的隨機網站上,為了避免重復的歧義,用戶必須意識到潛在的問題,并相應地規劃他們的動作。

遺憾的是:大多數用戶并不是UX專家,他們對這些設計概念或分析經驗的能力沒有明確的理解,并推斷出可能出錯的地方?,F在你已經知道了,在遇到滑動手勢歧義的時候,你可能會比普通用戶少受一些影響。

在iPhone X上,大多數新的滑動手勢歧義都涉及手機的基本功能。用戶將有無數的機會發現滑動手勢歧義,實踐回避它,并學習如何正確地執行不同的滑動。用戶可能會受到蘋果新設計的困擾,但至少他們正在遭受苦難,最終可能會遭受更少的痛苦。

相比之下,在您的網站上,由于雅各布的互聯網用戶體驗法則,用戶將花費相對較少的時間,通常沒有機會學習您使用的任何奇怪的手勢。在個別網站上,用戶痛苦只是一種讓人無法彌補的痛苦。

與一些滑動有關的新的含義也會造成一些困難,在不同的iPhone上以不同的方式使用相同的手勢意味著——如果您將較舊的iPhone升級到iPhone X,則必須取消習慣的行為并創建新的關聯。再次,這可能會導致一開始就出現問題,因為人們將轉向新的設備,但不是一個致命的缺陷。最終,重復的次數將足夠高,人們將克服最初的困難,并學習新的含義。

但是,我同情擁有iPad和iPhone X的人——他們將不得不忍受不同iOS設備上手勢的不同含義。

三、一個視覺指示器節省時間

使用手勢進行界面操作的一個主要問題是:它們是不可見的,人們無法記住它們并記住使用它們?!把鄄灰娦牟粺边@句老話不遺余力地適用于隱藏的用戶界面元素——無論是否是手勢。

當Windows 8第一次出現時,它很大程度上依靠手勢來啟用對接口功能的訪問。我們測試了它,這是一個可用性的巨大失?。ㄎ④浌咀龀隽烁淖?,導致更多可用的后續版本)。

蘋果是否僅僅是踏入微軟的腳步而重蹈覆轍?

我擔心如此,但是一個簡單的設計元素可以節省時間——主頁按鈕的視覺指示器。出現在屏幕底部的“home line”(Home鍵曾經是提醒用戶執行向上滑動)是他們真正需要記住的一個手勢。

事實上,人們不需要記住大部分通過滑動的變體可用的操作。這些操作是增強或加速器——對于高級用戶來說是不錯的,但是普通用戶沒有他們可以用的很好。他們可以使用手機的設置訪問控制中心,他們可以通過向上滑動來獲取最近的應用程序列表,或者在最壞的情況下通過導航回到家中。

但在微軟的情況下,如果他們不記得如何導航回到開始屏幕或者如何公開所謂的“魅力” ——基本的界面控制,他們就不能做太多的事情。

屏幕底部的home line作為視覺提醒,使用輕掃手勢回到主頁。這不是一個明顯的指標,但至少在那里。但是,在某些情況下(例如:正確的屏幕截圖),該行可能與內容混合并變得不太可見。

home line有時難以看到,因為它融入了屏幕內容,它也不總是存在。例如:它不顯示在主屏幕上。從邏輯上講,不要在那里展示它,如果你已經在主頁,你不需要回到主頁。

home line不僅提醒如何回到主頁,而且還提醒如何訪問最近的應用程序列表。另外,回到主頁可以作為一個逃生出口。在許多用戶研究中,我們注意到當人們感到迷失時,按下Home鍵,并希望從一個干凈的石板開始。當沒有其他的工作時,按下Home鍵提供了一個具體的物理的方式。

例如:如果您長時間按下iPhone X上的應用程序,則會進入主屏幕編輯模式。應用程序將開始“搖動”,您可以移動它們。但是一旦你完成了,你如何擺脫這種模式呢?

通常情況下,按Home鍵將退出。如果沒有Home鍵,用戶仍然可以執行相同的Home鍵動作——在屏幕的底部邊緣向上滑動,但是home line并沒有提醒他們這個選擇。相反,蘋果添加了一個不同的可見UI元素——在左上角或屏幕上的一個小的完成按鈕。

老款的iPhone型號用戶起初會感到困惑,可能不會注意到完成按鈕,并不知道如何解除視圖。小酒吧可以提醒你,在沒有Home鍵的情況下,你應該滑動。

右上角的小完成按鈕,是現有iOS用戶的新增功能。人們不太可能注意到這一點,當他們降落到它的時候可能會有困難離開這個模式,主屏幕上可見的home line可以防止這種混淆。

四、以零交互成本登錄

對于之前的iPhone版本,Home鍵作為指紋認證傳感器。它運行得非常好,從而避免了在小型軟鍵盤上輸入密碼的麻煩。

令我驚訝的是,FaceID的效果相當好。當用戶在黑暗中,或者當臉蒙上護目鏡或面罩時,它確實會遇到一些困難,或者當臉被護目鏡或面罩遮住的時候,但在大多數實際情況下似乎都能工作得很好。

事實上,FaceID與可用性零交互成本的圣杯更接近。有些諷刺的是:可以說是系統中最難的任務(登錄)現在可能是最簡單的,用戶不必做任何事情來驗證或解鎖手機(從技術上說:他們應該向上滑動以進入應用程序視圖)。

五、異構的iOS體驗

早年,iPhone的優勢之一就是所有設備的體驗一致性。與眾多廠商生產的Android手機不同,每款手機都有自己的設計議程和想法,所有的iPhone用戶都擁有相同的屏幕尺寸,物理按鈕(唯一的Home鍵),并運行幾乎相同的iOS操作系統版本。

但隨著iPhone 5推出新屏幕尺寸,情況發生了變化。之后,不同的iPhone具有不同的屏幕尺寸是很常見的。后來隨著iPhone 6S的出現,又出現了另一種不同:3D Touch——一種舊設備上無法使用的手勢。

最新的iPhone,iPhone X使iPhone生態系統更加多樣化?,F在,有多種類型的iPhone——有些帶有Home鍵,有些則沒有(有點像用一個按鈕的鼠標和其他有兩個按鈕的鼠標來銷售一些mac),相同的頁面在這些設備上看起來完全不同。

iPhone X的狀態欄被劃分成兩個不同的部分,iPhone X的屏幕寬高比與其他iPhone是不同的。

未針對iPhone X優化的iOS應用會在屏幕的頂部和底部顯示黑色橫條。

六、成本與收益

正如我們上面已經提過的,缺少Home鍵會導致可用性成本。

  • 首先,現有的iPhone用戶將不得不忘記他們在以前的設備上形成的所有習慣。
  • 其次,他們將不得不記住更多的手勢和相應的結果,他們一開始就會犯錯誤,但是經歷了足夠的經驗之后,他們最終會像舊裝置一樣精通。
  • 最后,但同樣重要的是,設計師們需要擔心這個新外形的因素以及他們的應用將如何看待這個設備。

然而,問題不在于是否有任何成本,而在于這種設計的成本是否超過了收益。在這種情況下,有一個潛在的巨大的可用性好處:更多的屏幕空間。

屏幕上的房地產在手機上非常昂貴,所以每增加一毫米都會對用戶體驗產生積極的影響。這個額外的空間可能意味著:更少的滾動和更高的實際看到相關內容的機會。(另外:用戶多長時間使用一次Home鍵?通常比閱讀應用程序或網頁上的內容要頻繁。)

現在,額外的空間可能看起來并不慷慨,如果您比較iPhone 8 Plus和iPhone X上的可見區域,您最多可以看到一行文本。然而,使用手勢而不是可見的按鈕,有可能在蘋果和其他設計公司中提供更多的用戶體驗改進。

在iPhone X(左)和iPhone 8 Plus(右)上看到的NNgroup.com網頁

蘋果在推動這種基于手勢的創新方面處于獨一無二的地位,甚至可以超越這一點來創造一個可供其他應用程序或手機制造商使用的標準手勢詞匯表,因為蘋果品牌如此強大,克服學習新系統的障礙,為了使用產品而忘記學到的東西。

一般而言,任何創新(以及現狀的替代)都有成本。用戶是不愿意改變的,他們不得不花費時間和精力去學習使用新的用戶界面,而放棄他們熟練和有效的老用戶界面,大多數公司很難推出創新的用戶界面(許多桌面應用程序將同時保留兩個版本的界面,新舊版本以防止用戶抱怨,并使人們能夠保持高效。)

但是擁有強大品牌和用戶眾多的公司上,更容易推動設計或技術進步——因為感知價值。品牌的使用率如此之高,它可以彌補最初的可用性障礙一旦該品牌的用戶采用創新,有可能成為主流,其他品牌的產品也可能從中受益。(微信在中國使用二維碼,就是一個從一個品牌傳播而來的技術的例子。)

這種創新的力量帶來了巨大的責任,確保創新使世界朝著正確的方向前進,而不是為了使一個品牌的產品更獨特而關閉有希望的設計途徑。

當談到刪除Home鍵,我認為我們是沒問題的。在我們的移動可用性報告的第四版的擴展中了解有關滑動手勢歧義,手勢使用和移動設計的更多信息。

由于水平有限,翻譯中難免存在疏漏和不當之處,望讀者見諒并指正。

 

原文作者:Raluca Budiu

原文鏈接:iPhone X:手勢的崛起

本文由 @中懿visvim 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CCO協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有種讀不懂的感覺??

    來自北京 回復
  2. 翻譯是硬傷。。

    來自上海 回復
    1. ?? 建議看原文

      來自江蘇 回復