【譯文】iOS 10 鎖屏體驗的批判性分析

作者:Shankar
原文地址:https://uxdesign.cc/a-critical-analysis-of-the-ios-10-lockscreen-experience-726ddfba3c1a#.zfn84xggj
譯者:啟玉記 | 公眾號:qiyu_x

iOS 說:「好了清晰,我們不再是朋友了。」

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

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

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

一、新鎖屏

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

二、千滑而亡

我們來看一下——

左:iOS 10 與多種滑動方式 右:iOS 6 的簡單鎖屏

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

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

當用戶必須執(zhí)行一個訪問鎖屏插件的簡單動作時,所有這些零散的交互會導致坎坷的體驗。有一個不是那么常見的情景——

假如用戶的目標是進入鎖屏插件頁并且她的屏幕滿是通知,那么她將無法隨心所欲地通過滑動來訪問——

用戶需要小心地滑動特定區(qū)域來進入相機或插件頁

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

三、鎖屏界面進入相機——并返回

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

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

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

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

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

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

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

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

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

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

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

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

左:通知中心的插件頁 右:鎖屏左側的插件頁

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

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

教訓:

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

五、按壓解鎖 VS 滑動解鎖

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

對于通知,滑動查看更多跟隨滑動解鎖的交互

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

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

總結

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,362評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,577評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,486評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,852評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,600評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,944評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,944評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,108評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 49,652評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,385評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,616評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,111評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,798評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,205評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,537評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,334評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,570評論 2 379

推薦閱讀更多精彩內容

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