作者: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 鎖屏上的幾張圓角卡片表示你最近的未讀通知界牡。
- 右滑通知來(lái)解鎖 iPhone 并查看通知應(yīng)用(與 iOS 過(guò)去的版本相似)簿寂。
- 左滑通知來(lái)查看通知選項(xiàng)(「查看」與「清除」)。
- 右滑卡片之外的區(qū)域進(jìn)入插件頁(yè)宿亡。
- 左滑卡片之外的區(qū)域進(jìn)入相機(jī)常遂。
- 在相機(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)——
教訓(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ī)視圖卻不適用摔竿。
教訓(xùn):我只會(huì)在這貼出尼爾森啟發(fā)式原則中的兩條
一個(gè)能在第一時(shí)間防止犯錯(cuò)的設(shè)計(jì)面粮,總好過(guò)一堆漂亮的錯(cuò)誤提示信息。
別讓用戶為不同的文字继低、狀況和行為是否代表同一件事情而產(chǎn)生疑慮熬苍。
四、插件頁(yè)在哪袁翁?——第一層還是第二層
iOS 鎖屏界面有 2個(gè)主要的層級(jí)柴底。一個(gè)是鎖屏本身,在它上面的則是很像 iOS 其他部分的通知中心粱胜。
在鎖屏界面有兩種訪問(wèn)插件頁(yè)面的方式:
- 你可以向右滑動(dòng)鎖屏柄驻。
- 先進(jìn)入通知中心(通過(guò)在頂部邊緣下滑)然后右滑再次進(jìn)入插件頁(yè)面。
這感覺(jué)像是在一樓問(wèn)候完人們之后又在二樓同樣的位置碰到了他們——既有趣又怪異年柠。然而凿歼,這并不是復(fù)雜界面中最令人疑惑的部分。假象這樣一個(gè)不太常見(jiàn)的情景——
我們的用戶正在尋找鎖屏插件頁(yè)冗恨。她困惑自己是否應(yīng)該左滑返回鎖屏答憔,還是按壓下面的頁(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ò)去的窠臼非洲。
就解鎖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ù)车荔。