譯文 | iPhone X:手勢的興起

簡介:大屏幕可以緩解用滑動手勢替換HOME鍵會產(chǎn)生一些用戶體驗方面的困擾替蔬。

十年前,第一代iPhone掀起了移動革命。2009年镀钓,當(dāng)我們發(fā)布了第一版的移動可用性報告時,我們需要讓公司相信他們?nèi)匀恍枰苿釉O(shè)備镀迂。當(dāng)我們發(fā)布這一報告的第四版時丁溅,移動的領(lǐng)域發(fā)生了巨大的變化:今天它不僅提供了更多的多樣性,而且令人驚訝的是更好探遵,更一致的用戶體驗窟赏。

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

多年來,移動設(shè)計師考慮使用手勢為了在不犧牲屏幕空間下集成更多的功能掘殴。與圖形用戶界面元素不同的是赚瘦,手勢不需要視覺表示,因此可以為內(nèi)容留出更多空間奏寨。但是起意,手勢是很難記住和使用的。如待辦事項列表管理器清除待辦事項和現(xiàn)已停用的郵箱應(yīng)用程序通過手勢實現(xiàn)了其全部或大部分功能病瞳。這些類型的應(yīng)用程序已經(jīng)被設(shè)計界的熱情所接受揽咕,但是對于一般的移動用戶來說,從來沒有取得過成功套菜,因為記住手勢(尤其是很多手勢)是很難的亲善。如果你沒有機會每天使用這些手勢,那么你很可能不會學(xué)習(xí)這些手勢逗柴∮纪罚或者你可能放棄學(xué)習(xí)它們。

iPhone X代表了一種大規(guī)模的使用手勢來最大化移動屏幕上的內(nèi)容空間的嘗試。有了這個新設(shè)備掘而,蘋果取消了iPhone的定義特征挟冠,即Home鍵,轉(zhuǎn)而使用更大的屏幕袍睡。用戶必須在屏幕的底部向上滑動進入主屏幕知染。

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

這個變化有什么意義斑胜?

滑動手勢歧義更明顯了

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

從iOS7開始掺炭,輕掃手勢在操作系統(tǒng)中扮演重要的角色:在Safari或Mail等應(yīng)用程序中用于導(dǎo)航回到上一頁,或者調(diào)用通知和控制中心凭戴。在iPhone X上涧狮,蘋果改變了一些現(xiàn)有的的iOS的滑動手勢的含義,并創(chuàng)建了新的手勢根據(jù)滑動的三個屬性么夫,左側(cè)者冤,底部和上部邊緣上的滑動可能會有不同的結(jié)果:

1、手勢發(fā)起的位置?

2档痪、滑動的長度

3涉枫、滑動的方向

改變用戶已經(jīng)習(xí)慣的設(shè)計元素總是不好的。用戶界面的變化不僅不受現(xiàn)有用戶的歡迎腐螟,而且用戶錯誤的風(fēng)險隨著人們有時錯誤地使用舊的交互而增加愿汰。如果新設(shè)計比舊的設(shè)計更好,這些可用性問題最終會消失乐纸,因為用戶將逐漸適應(yīng)新的設(shè)計衬廷。然而就蘋果的新手勢而言,設(shè)計更改的錯誤傾向被認(rèn)為是決定許多手勢含義的無形標(biāo)準(zhǔn)所放大锯仪。因此泵督,用戶的適應(yīng)速度可能會比平時慢。

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

最近的應(yīng)用程序的兩個視圖:左邊的是通過向上滑動到屏幕中間救鲤,右邊是以45度角向上滑動到右邊消除久窟。這兩個設(shè)計變型需要人用戶思考的更多,以減少用戶錯誤和提高手勢的可學(xué)習(xí)性:少即是多本缠。
在底部邊緣水平滑動翻轉(zhuǎn)最近的應(yīng)用程序(左)斥扛,但在邊緣上方滑動一點移到的Safari瀏覽器(右)的上一頁。從兩個幾乎相同的手勢產(chǎn)生了兩個截然不同的結(jié)果。

許多滑動有問題嗎稀颁?當(dāng)我們分析第一代iPad的程序應(yīng)用的可用性時芬失,記錄我們了滑動手勢歧義。(在這種情況下匾灶,水平滑動根據(jù)用戶在哪里滑動來實現(xiàn)轉(zhuǎn)動頁面或移動輪播圖)棱烂。滑動手勢歧義意味著用戶必須學(xué)習(xí)與基本相同的動作(滑動)相關(guān)的多種含義阶女,這使得對手勢的記憶檢索變得更加費力和緩慢颊糜。

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

在iPhone X上,滑動手勢歧義可能是一個交易破壞者嗎?雖然它會引起煩惱憔杨,但是新的滑動手勢歧義類型不太可能像上面提到的已經(jīng)存在的Safari歧義那樣有問題鸟赫。在一個他們以前從未見過的隨機網(wǎng)站上,為了避免重復(fù)的歧義消别,用戶必須意識到潛在的問題惯疙,并相應(yīng)地規(guī)劃他們的動作。(遺憾的是妖啥,大多數(shù)用戶并不是UX專家霉颠,他們對這些設(shè)計概念或分析經(jīng)驗的能力沒有明確的理解,并推斷出可能出錯的地方【J現(xiàn)在你已經(jīng)知道了蒿偎,在遇到滑動手勢歧義的時候,你可能會比普通用戶少受一些影響怀读。)

在iPhone X上诉位,大多數(shù)新的滑動手勢歧義都涉及手機的基本功能。用戶將有無數(shù)的機會發(fā)現(xiàn)滑動手勢歧義菜枷,實踐回避它苍糠,并學(xué)習(xí)如何正確地執(zhí)行不同的滑動。用戶可能會受到蘋果新設(shè)計的困擾啤誊,但至少他們正在遭受苦難岳瞭,最終可能會遭受更少的痛苦。(相比之下蚊锹,在您的網(wǎng)站上瞳筏,由于雅各布的互聯(lián)網(wǎng)用戶體驗法則,用戶將花費相對較少的時間牡昆,通常沒有機會學(xué)習(xí)您使用的任何奇怪的手勢姚炕。在個別網(wǎng)站上,用戶痛苦只是一種讓人無法彌補的痛苦。)

與一些滑動有關(guān)的新的含義也會造成一些困難柱宦。在不同的iPhone上以不同的方式使用相同的手勢意味著些椒,如果您將較舊的iPhone升級到iPhone X,則必須取消習(xí)慣的行為并創(chuàng)建新的關(guān)聯(lián)掸刊。再次免糕,這可能會導(dǎo)致一開始就出現(xiàn)問題,因為人們將轉(zhuǎn)向新的設(shè)備痒给,但不是一個致命的缺陷说墨。最終,重復(fù)的次數(shù)將足夠高苍柏,人們將克服最初的困難尼斧,并學(xué)習(xí)新的含義。(但是试吁,我同情擁有iPad和iPhone X的人——他們將不得不忍受不同iOS設(shè)備上手勢的不同含義棺棵。)

主線:一個視覺指示器節(jié)省時間

使用手勢進行界面操作的一個主要問題是它們是不可見的,人們無法記住它們并記住使用它們熄捍≈蛐簦“眼不見心不煩”這句老話不遺余力地適用于隱藏的用戶界面元素 - 無論是否是手勢。當(dāng)Windows 8第一次出現(xiàn)時余耽,它很大程度上依靠手勢來啟用對接口功能的訪問缚柏。我們測試了它,這是一個可用性的巨大失敗碟贾。(微軟公司做出了改變,導(dǎo)致更多可用的后續(xù)版本袱耽。)

蘋果是否僅僅是踏入微軟的腳步而重蹈覆轍杀餐?我擔(dān)心如此,但是一個簡單的設(shè)計元素可以節(jié)省時間:主頁按鈕的視覺指示器朱巨。出現(xiàn)在屏幕底部的“home line”(Home鍵曾經(jīng)是提醒用戶執(zhí)行向上滑動)是他們真正需要記住的一個手勢史翘。事實上,人們不需要記住大部分通過滑動的變體可用的操作冀续。這些操作是增強或加速器——對于高級用戶來說是不錯的琼讽,但是普通用戶沒有他們可以用的很好。他們可以使用手機的設(shè)置訪問控制中心沥阳,他們可以通過向上滑動來獲取最近的應(yīng)用程序列表跨琳,或者在最壞的情況下通過導(dǎo)航回到家中。但在微軟的情況下桐罕,如果他們不記得如何導(dǎo)航回到開始屏幕或者如何公開所謂的”魅力“ ——基本的界面控制,他們就不能做太多的事情。

屏幕底部的home line作為視覺提醒功炮,使用輕掃手勢回到主頁溅潜。這不是一個明顯的指標(biāo),但至少在那里薪伏。但是滚澜,在某些情況下(例如,正確的屏幕截圖)嫁怀,該行可能與內(nèi)容混合并變得不太可見设捐。

home line有時難以看到,因為它融入了屏幕內(nèi)容塘淑。它也不總是存在萝招,例如,它不顯示在主屏幕上存捺。從邏輯上講槐沼,不要在那里展示它:如果你已經(jīng)在主頁,你不需要回到主頁捌治。home line不僅提醒如何回到主頁岗钩,而且還提醒如何訪問最近的應(yīng)用程序列表。另外肖油,回到主頁可以作為一個逃生出口:在許多用戶研究中兼吓,我們注意到當(dāng)人們感到迷失時,按下Home鍵森枪,并希望從一個干凈的石板開始视搏。當(dāng)沒有其他的工作時,按下Home鍵提供了一個具體的物理的方式疲恢。

例如凶朗,如果您長時間按下iPhone X上的應(yīng)用程序,則會進入主屏幕編輯模式:應(yīng)用程序?qū)㈤_始“搖動”显拳,您可以移動它們棚愤。但是一旦你完成了,你如何擺脫這種模式呢杂数?通常情況下宛畦,按Home鍵將退出。如果沒有Home鍵揍移,用戶仍然可以執(zhí)行相同的Home鍵動作——在屏幕的底部邊緣向上滑動次和。但是home line并沒有提醒他們這個選擇。相反那伐,蘋果添加了一個不同的可見UI元素——在左上角或屏幕上的一個小的完成按鈕踏施。老款的iPhone型號用戶起初會感到困惑石蔗,可能不會注意到完成按鈕,并不知道如何解除視圖畅形。小酒吧可以提醒你养距,在沒有Home鍵的情況下,你應(yīng)該滑動日熬。

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

FaceID:以零交互成本登錄

對于之前的iPhone版本,Home鍵作為指紋認(rèn)證傳感器毕荐。它運行得非常好束析,從而避免了在小型軟鍵盤上輸入密碼的麻煩。令我驚訝的是东跪,F(xiàn)aceID的效果相當(dāng)好畸陡。當(dāng)用戶在黑暗中,或者當(dāng)臉蒙上護目鏡或面罩時虽填,它確實會遇到一些困難丁恭,或者當(dāng)臉被護目鏡或面罩遮住的時候,但在大多數(shù)實際情況下似乎都能工作得很好斋日。事實上牲览,F(xiàn)aceID與可用性零交互成本的圣杯更接近。有些諷刺的是恶守,可以說是系統(tǒng)中最難的任務(wù)(登錄)現(xiàn)在可能是最簡單的——用戶不必做任何事情來驗證或解鎖手機第献。(從技術(shù)上說,他們應(yīng)該向上滑動以進入應(yīng)用程序視圖兔港。)

異構(gòu)的iOS體驗

早年庸毫,iPhone的優(yōu)勢之一就是所有設(shè)備的體驗一致性:與眾多廠商生產(chǎn)的Android手機不同,每款手機都有自己的設(shè)計議程和想法衫樊,所有的iPhone用戶都擁有相同的屏幕尺寸飒赃,物理按鈕(唯一的Home鍵),并運行幾乎相同的iOS操作系統(tǒng)版本科侈。

但隨著iPhone 5推出新屏幕尺寸载佳,情況發(fā)生了變化。之后臀栈,不同的iPhone具有不同的屏幕尺寸是很常見的蔫慧。后來隨著iPhone 6S的出現(xiàn),又出現(xiàn)了另一種不同:3D Touch——一種舊設(shè)備上無法使用的手勢权薯。

最新的iPhone姑躲,iPhone X使iPhone生態(tài)系統(tǒng)更加多樣化∷铮現(xiàn)在,有多種類型的iPhone——有些帶有Home鍵肋联,有些則沒有(有點像用一個按鈕的鼠標(biāo)和其他有兩個按鈕的鼠標(biāo)來銷售一些mac)威蕉。相同的頁面在這些設(shè)備上看起來完全不同刁俭。iPhone X的狀態(tài)欄被劃分成兩個不同的部分橄仍。iPhone X的屏幕寬高比與其他iPhone是不同的。

未針對iPhone X優(yōu)化的iOS應(yīng)用會在屏幕的頂部和底部顯示黑色橫條牍戚。

成本與收益

正如我們上面已經(jīng)提過的侮繁,缺少Home鍵會導(dǎo)致可用性成本。首先如孝,現(xiàn)有的iPhone用戶將不得不忘記他們在以前的設(shè)備上形成的所有習(xí)慣宪哩。其次,他們將不得不記住更多的手勢和相應(yīng)的結(jié)果第晰。他們一開始就會犯錯誤锁孟,但是經(jīng)歷了足夠的經(jīng)驗之后,他們最終會像舊裝置一樣精通茁瘦。最后品抽,但同樣重要的是,設(shè)計師們需要擔(dān)心這個新外形的因素以及他們的應(yīng)用將如何看待這個設(shè)備甜熔。

然而圆恤,問題不在于是否有任何成本,而在于這種設(shè)計的成本是否超過了收益腔稀。在這種情況下盆昙,有一個潛在的巨大的可用性好處:更多的屏幕空間泻云。屏幕上的房地產(chǎn)在手機上非常昂貴礼患,所以每增加一毫米都會對用戶體驗產(chǎn)生積極的影響裂允。這個額外的空間可能意味著更少的滾動和更高的實際看到相關(guān)內(nèi)容的機會近弟。(另外:用戶多長時間使用一次Home鍵个初?通常比閱讀應(yīng)用程序或網(wǎng)頁上的內(nèi)容要頻繁怎披。)

現(xiàn)在歧譬,額外的空間可能看起來并不慷慨宜猜,如果您比較iPhone 8 Plus和iPhone X上的可見區(qū)域涂圆,您最多可以看到一行文本们镜。然而,使用手勢而不是可見的按鈕润歉,有可能在蘋果和其他設(shè)計公司中提供更多的用戶體驗改進模狭。

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

蘋果在推動這種基于手勢的創(chuàng)新方面處于獨一無二的地位,甚至可以超越這一點來創(chuàng)造一個可供其他應(yīng)用程序或手機制造商使用的標(biāo)準(zhǔn)手勢詞匯表踩衩,因為蘋果品牌如此強大嚼鹉,克服學(xué)習(xí)新系統(tǒng)的障礙贩汉,為了使用產(chǎn)品而忘記學(xué)到的東西。

一般而言锚赤,任何創(chuàng)新(以及現(xiàn)狀的替代)都有成本匹舞。用戶是不愿意改變的,他們不得不花費時間和精力去學(xué)習(xí)使用新的用戶界面线脚,而放棄他們熟練和有效的老用戶界面赐稽。大多數(shù)公司很難推出創(chuàng)新的用戶界面。(許多桌面應(yīng)用程序?qū)⑼瑫r保留兩個版本的界面浑侥,新舊版本以防止用戶抱怨姊舵,并使人們能夠保持高效。)但是擁有強大品牌和用戶眾多的公司上更容易推動設(shè)計或技術(shù)進步-因為感知價值寓落。品牌的使用率如此之高括丁,它可以彌補最初的可用性障礙一旦該品牌的用戶采用創(chuàng)新,有可能成為主流伶选,其他品牌的產(chǎn)品也可能從中受益史飞。微信在中國使用二維碼就是一個從一個品牌傳播而來的技術(shù)的例子。)

這種創(chuàng)新的力量帶來了巨大的責(zé)任仰税,確保創(chuàng)新使世界朝著正確的方向前進构资,而不是為了使一個品牌的產(chǎn)品更獨特而關(guān)閉有希望的設(shè)計途徑。

當(dāng)談到刪除Home鍵肖卧,我認(rèn)為我們是沒問題的蚯窥。

在我們的移動可用性報告的第四版的擴展中了解有關(guān)滑動手勢歧義,手勢使用和移動設(shè)計的更多信息塞帐。

由于水平有限拦赠,翻譯中難免存在疏漏和不當(dāng)之處,望讀者見諒并指正葵姥。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荷鼠,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子榔幸,更是在濱河造成了極大的恐慌允乐,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件削咆,死亡現(xiàn)場離奇詭異牍疏,居然都是意外死亡,警方通過查閱死者的電腦和手機拨齐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門鳞陨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瞻惋,你說我怎么就攤上這事厦滤≡遥” “怎么了?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵掏导,是天一觀的道長享怀。 經(jīng)常有香客問我,道長趟咆,這世上最難降的妖魔是什么添瓷? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮忍啸,結(jié)果婚禮上仰坦,老公的妹妹穿的比我還像新娘。我一直安慰自己计雌,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布玫霎。 她就那樣靜靜地躺著凿滤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪庶近。 梳的紋絲不亂的頭發(fā)上翁脆,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天,我揣著相機與錄音鼻种,去河邊找鬼反番。 笑死,一個胖子當(dāng)著我的面吹牛叉钥,可吹牛的內(nèi)容都是我干的罢缸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼投队,長吁一口氣:“原來是場噩夢啊……” “哼枫疆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起敷鸦,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤息楔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扒披,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體值依,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年碟案,在試婚紗的時候發(fā)現(xiàn)自己被綠了愿险。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡蟆淀,死狀恐怖拯啦,靈堂內(nèi)的尸體忽然破棺而出澡匪,到底是詐尸還是另有隱情,我是刑警寧澤褒链,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布唁情,位于F島的核電站,受9級特大地震影響甫匹,放射性物質(zhì)發(fā)生泄漏甸鸟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一兵迅、第九天 我趴在偏房一處隱蔽的房頂上張望抢韭。 院中可真熱鬧,春花似錦恍箭、人聲如沸刻恭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鳍贾。三九已至,卻和暖如春交洗,著一層夾襖步出監(jiān)牢的瞬間骑科,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工构拳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留咆爽,地道東北人。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓置森,卻偏偏與公主長得像斗埂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子暇藏,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 2017年9月12日,蘋果發(fā)布了新一代的 iPhone 8 和 iPhone X,iPhone 手機已在不知不覺中...
    40c0490e5268閱讀 3,559評論 6 34
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,283評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫蜜笤、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,119評論 4 61
  • 30年代的美國大蕭條是經(jīng)濟史上最耐人尋味的事件之一盐碱。且不論它對后世的巨大影響把兔,其本身就是從繁榮到蕭條的經(jīng)濟周期史的...
    湖北立春閱讀 583評論 2 4
  • 在學(xué)校,建立一個播音頻道瓮顽。分析想考的研究生县好。學(xué)ps,電影制作暖混。當(dāng)兵缕贡,軍校,眼睛。遺傳學(xué)晾咪。主播收擦。 心理學(xué),攝影谍倦,機械...
    曉城_try閱讀 104評論 0 0