【譯文】iOS 10 鎖屏體驗(yàn)的批判性分析

作者:Shankar
原文地址:https://uxdesign.cc/a-critical-analysis-of-the-ios-10-lockscreen-experience-726ddfba3c1a#.zfn84xggj
譯者:?jiǎn)⒂裼?| 公眾號(hào):qiyu_x

iOS 說:「好了清晰,我們不再是朋友了?!?/em>

自 2007 年初始,iOS 鎖屏就以十分簡(jiǎn)單易懂的形象示人,但今非昔比了。究其根本有幾個(gè)原因。

在我們繼續(xù)下去之前,該文章:

  • 其目的并非攻擊蘋果公司的設(shè)計(jì)大神,因?yàn)槲也⒉恢捞O果團(tuán)隊(duì)所考慮的限制以及他們做出的其他決定。換句話說,我們所做的是一次設(shè)計(jì)分析, 并非針對(duì)其設(shè)計(jì)師或設(shè)計(jì)團(tuán)隊(duì)的批判。
  • 我發(fā)現(xiàn)鎖屏體驗(yàn)令人疑惑,并想了解為什么。
  • 有利于理解當(dāng)產(chǎn)品增加更多的功能或者目標(biāo)的時(shí)候,體驗(yàn)設(shè)計(jì)也會(huì)隨之變得困難——因此導(dǎo)致界面不再顯而易見。

一、新鎖屏

這不在于整套「按下以解鎖」機(jī)制(關(guān)于這點(diǎn)已經(jīng)寫過很多),而是你與之交互的方式以及如何瀏覽鎖屏上的最近通知,插件頁以及其他項(xiàng)目。

二、千滑而亡

我們來看一下——

左:iOS 10 與多種滑動(dòng)方式 右:iOS 6 的簡(jiǎn)單鎖屏

iOS 10 鎖屏上的幾張圓角卡片表示你最近的未讀通知。

  1. 右滑通知來解鎖 iPhone 并查看通知應(yīng)用(與 iOS 過去的版本相似)。
  2. 左滑通知來查看通知選項(xiàng)(「查看」與「清除」)。
  3. 右滑卡片之外的區(qū)域進(jìn)入插件頁。
  4. 左滑卡片之外的區(qū)域進(jìn)入相機(jī)。
  5. 在相機(jī)中右滑切換到視頻:-(

當(dāng)用戶必須執(zhí)行一個(gè)訪問鎖屏插件的簡(jiǎn)單動(dòng)作時(shí),所有這些零散的交互會(huì)導(dǎo)致坎坷的體驗(yàn)。有一個(gè)不是那么常見的情景——

假如用戶的目標(biāo)是進(jìn)入鎖屏插件頁并且她的屏幕滿是通知,那么她將無法隨心所欲地通過滑動(dòng)來訪問——

用戶需要小心地滑動(dòng)特定區(qū)域來進(jìn)入相機(jī)或插件頁

教訓(xùn):在水平滾動(dòng)窗口中呈現(xiàn)支持水平滑動(dòng)操作的元素并不是一個(gè)好主意。

三、鎖屏界面進(jìn)入相機(jī)——并返回

如前所述,用戶可以在鎖屏界面通過向左滑動(dòng)快速訪問相機(jī)。這是一種打開相機(jī)的簡(jiǎn)易方法(比起 iOS 9 以及之前版本通過上滑相機(jī)圖標(biāo)的交互,可以說是簡(jiǎn)便多了)。鎖屏底部的頁碼表示你可以愉快地在不同的視圖之間滾動(dòng)。很顯然,這并不像它看起來那么簡(jiǎn)單。讓我們考慮一下這種情景——

我們的用戶在查看完她的插件頁后,高興地通過滾動(dòng)的方式打開相機(jī),發(fā)現(xiàn)自己此刻并不想拍照,而是想再回到鎖屏界面。她應(yīng)該怎樣回去呢?不是通過滑動(dòng)返回,而是通過按壓物理 Home 鍵——一個(gè)為全新鎖屏機(jī)制所預(yù)留的交互,但在相機(jī)視圖卻不適用。

違反了尼爾森啟發(fā)式原則之一:「用戶控制與行動(dòng)自由」

教訓(xùn):我只會(huì)在這貼出尼爾森啟發(fā)式原則中的兩條

一個(gè)能在第一時(shí)間防止犯錯(cuò)的設(shè)計(jì),總好過一堆漂亮的錯(cuò)誤提示信息。
別讓用戶為不同的文字、狀況和行為是否代表同一件事情而產(chǎn)生疑慮。

四、插件頁在哪?——第一層還是第二層

iOS 鎖屏界面有 2個(gè)主要的層級(jí)。一個(gè)是鎖屏本身,在它上面的則是很像 iOS 其他部分的通知中心。

在鎖屏界面有兩種訪問插件頁面的方式:

  1. 你可以向右滑動(dòng)鎖屏。
  2. 先進(jìn)入通知中心(通過在頂部邊緣下滑)然后右滑再次進(jìn)入插件頁面。
圖片來自并不存在的附贈(zèng) iOS 手冊(cè)

這感覺像是在一樓問候完人們之后又在二樓同樣的位置碰到了他們——既有趣又怪異。然而,這并不是復(fù)雜界面中最令人疑惑的部分。假象這樣一個(gè)不太常見的情景——

我們的用戶正在尋找鎖屏插件頁。她困惑自己是否應(yīng)該左滑返回鎖屏,還是按壓下面的頁碼或者從底部邊緣上滑…停頓了一下…但是她最終搞定了。

下面的截屏向我們展示了為什么這是令人疑惑的–

左:通知中心的插件頁 右:鎖屏左側(cè)的插件頁

在整個(gè)界面中,Z軸上兩個(gè)不同層級(jí)的相似屏幕導(dǎo)致了操作放緩,并讓用戶停下來思考退出插件視圖的方式。

簡(jiǎn)單來說,在鎖屏界面瀏覽不同的層級(jí)就感覺像是一個(gè)迷宮。還有一件事——你無法從插件頁到插件頁,這講得通,從系統(tǒng)的立場(chǎng)也符合邏輯。但對(duì)于用戶來說,理解這一點(diǎn)不是一個(gè)簡(jiǎn)單的任務(wù)。這是以設(shè)計(jì)為中心的設(shè)計(jì),并非以用戶為中心的設(shè)計(jì)。

教訓(xùn):

  • Z軸上不同層級(jí)的冗余信息(不同層級(jí)上的通知與插件頁)會(huì)導(dǎo)致一個(gè)復(fù)雜的概念模型。
  • 缺乏可見的系統(tǒng)狀態(tài)與指示會(huì)導(dǎo)致用戶錯(cuò)誤。

五、按壓解鎖 VS 滑動(dòng)解鎖

兩種模式各有利弊,但后一種更加清晰。試圖塑造用戶按壓解鎖的心理模型并沒有錯(cuò),但是通過堅(jiān)持「滑動(dòng)查看更多」的行為來解鎖通知,就讓系統(tǒng)的一條腿陷入了過去的窠臼。

對(duì)于通知,滑動(dòng)查看更多跟隨滑動(dòng)解鎖的交互

就解鎖iPhone本身來說,按壓解鎖需要精確的用戶操作以及來自系統(tǒng)繁瑣的多步反饋(比如「按下主屏幕按鈕以解鎖」與「按下主屏幕按鈕以打開」),這不僅在最初幾次讓用戶操作變慢,而且在重復(fù)使用時(shí)也無法變得高效。

雖然整套機(jī)制感覺像是一場(chǎng)游戲,但是鮮有游戲設(shè)計(jì)中的優(yōu)秀元素應(yīng)用其中——比如設(shè)計(jì)精良的教程/新手引導(dǎo)與幫助用戶學(xué)習(xí)的快捷方式/隨著時(shí)間推移提高效率的高級(jí)技巧。

總結(jié)

蘋果的 iOS 一直以其明顯易懂而著稱,但這并未拓展到其新增特性之中。這或許需要一套成熟的、能為用戶提供清晰指示的系統(tǒng)語言(比如 Material Design)——來徹底地重新定義概念模型并將清晰法則再次恢復(fù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,366評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,840評(píng)論 4 61
  • 好吧,今天真是一次艱難且穿越情緒的感恩??!感恩一切。感恩金剛智慧種子法則,一切都是種子迫使,四個(gè)力量請(qǐng)加持我吧,賜...
    日精進(jìn)_a07d閱讀 119評(píng)論 2 4
  • 小的時(shí)候一塊錢便是一筆巨款,我是個(gè)斂財(cái)奴,喜歡把七零八落的硬幣聚起來,藏在我的百寶盆里。 班上的女老師每天販賣...
    盲盲之書閱讀 441評(píng)論 0 1
  • 朋友主動(dòng)打電話給我說,想了解保險(xiǎn),還特別強(qiáng)調(diào)了想為自己買一份消耗型保險(xiǎn),興高采烈地說著她從各種碎片化信息上收集的...
    巧琳在路上閱讀 1,687評(píng)論 0 9

友情鏈接更多精彩內(nèi)容