【譯文】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 說(shuō):「好了清晰熄阻,我們不再是朋友了齿穗。」

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

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

  • 其目的并非攻擊蘋(píng)果公司的設(shè)計(jì)大神,因?yàn)槲也⒉恢捞O(píng)果團(tuán)隊(duì)所考慮的限制以及他們做出的其他決定巧颈。換句話說(shuō)畦木,我們所做的是一次設(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)致界面不再顯而易見(jiàn)勾栗。

一、新鎖屏

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

二、千滑而亡

我們來(lái)看一下——

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

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

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

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

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

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

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

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

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

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

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

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

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

四、插件頁(yè)在哪袁翁?——第一層還是第二層

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

在鎖屏界面有兩種訪問(wèn)插件頁(yè)面的方式:

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

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

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

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

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

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

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

教訓(xùn):

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

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

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

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

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

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

總結(jié)

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末渡冻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子忧便,更是在濱河造成了極大的恐慌族吻,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異超歌,居然都是意外死亡砍艾,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)巍举,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)脆荷,“玉大人,你說(shuō)我怎么就攤上這事懊悯◎涯保” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵炭分,是天一觀的道長(zhǎng)桃焕。 經(jīng)常有香客問(wèn)我,道長(zhǎng)捧毛,這世上最難降的妖魔是什么覆旭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮岖妄,結(jié)果婚禮上型将,老公的妹妹穿的比我還像新娘。我一直安慰自己荐虐,他們只是感情好七兜,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著福扬,像睡著了一般腕铸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上铛碑,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天狠裹,我揣著相機(jī)與錄音,去河邊找鬼汽烦。 笑死涛菠,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的撇吞。 我是一名探鬼主播俗冻,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼牍颈!你這毒婦竟也來(lái)了迄薄?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤煮岁,失蹤者是張志新(化名)和其女友劉穎讥蔽,沒(méi)想到半個(gè)月后涣易,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡冶伞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年新症,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碰缔。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡账劲,死狀恐怖戳护,靈堂內(nèi)的尸體忽然破棺而出金抡,到底是詐尸還是另有隱情,我是刑警寧澤腌且,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布梗肝,位于F島的核電站,受9級(jí)特大地震影響铺董,放射性物質(zhì)發(fā)生泄漏巫击。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一精续、第九天 我趴在偏房一處隱蔽的房頂上張望坝锰。 院中可真熱鬧,春花似錦重付、人聲如沸顷级。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)弓颈。三九已至,卻和暖如春删掀,著一層夾襖步出監(jiān)牢的瞬間翔冀,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工披泪, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纤子,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓款票,卻偏偏與公主長(zhǎng)得像计福,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子徽职,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

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

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