反推設(shè)計(jì)思路:iOS14時(shí)間選擇器為何這樣設(shè)計(jì)?
編輯導(dǎo)讀:iOS14時(shí)間選擇器的設(shè)計(jì)引起了很多網(wǎng)友的吐槽,新設(shè)計(jì)滑動(dòng)區(qū)域比較小,用戶很容易誤觸。但是,這樣的設(shè)計(jì)真的一無是處嗎?本文作者試著從產(chǎn)品設(shè)計(jì)的角度,反推iOS14時(shí)間選擇器這樣設(shè)計(jì)的理由,希望對(duì)你有幫助。
iOS14中新調(diào)整了時(shí)間選擇器控件,常態(tài)顯示為一個(gè)灰色按鈕狀態(tài),顯示當(dāng)前的設(shè)定值。點(diǎn)擊激活后可用鍵盤輸入數(shù)值,也仍可以用往常的滑動(dòng)選擇的方式設(shè)定,但是滑動(dòng)區(qū)域狹小,操作易誤觸,這引來了廣泛吐槽。
相信蘋果的設(shè)計(jì)師對(duì)這些問題肯定早有認(rèn)識(shí),那仍堅(jiān)持使用這套方案就可能存在一定的道理。我試著進(jìn)行了一次設(shè)計(jì)反推,分析一下舊版本時(shí)間選擇器的問題,大體理解了蘋果設(shè)計(jì)師的優(yōu)化思路,這是一次不錯(cuò)的學(xué)習(xí)經(jīng)歷。
一、舊版本的問題
舊版本的時(shí)間選擇器,因?yàn)殡[喻了真實(shí)的機(jī)械計(jì)時(shí)器,用戶上手容易,伴隨著貼近真實(shí)的振動(dòng)觸感,操作過程中甚至?xí)o用戶帶來爽感。但這并不意味著這個(gè)是完美的設(shè)計(jì)方案。我們以蘋果的鬧鐘、日歷、提醒事項(xiàng)為例來做分析。
1. 視覺面積大,影響信息結(jié)構(gòu)組織和信息重點(diǎn)識(shí)別
在鬧鐘界面,涉及項(xiàng)目較小,且主要用戶目標(biāo)就是設(shè)置時(shí)間,舊版本時(shí)間選擇器面積大其實(shí)更貼合場景。有一個(gè)小問題是缺少一個(gè)確認(rèn)的狀態(tài)來保護(hù)設(shè)定結(jié)果,在用戶成功點(diǎn)擊保存前仍有可能誤觸滑動(dòng)時(shí)間選擇器破壞之前的設(shè)定。
在日歷添加日程界面,涉及項(xiàng)目較多,為了減少滑動(dòng)選擇器對(duì)信息組織的影響,日期選擇與時(shí)間選擇不得不合并操作。并且日期也做成滑動(dòng)選擇,這與日歷的設(shè)計(jì)表達(dá)不一致,信息呈現(xiàn)單一,有日程沖突或跨度較長日程不能形象化展示,用戶有一定的認(rèn)知負(fù)擔(dān)。
在提醒事項(xiàng)界面問題進(jìn)一步凸顯,同樣為了減少視覺面積影響,打開“在指定時(shí)間提醒我”時(shí),時(shí)間與日期做合并,但這一次時(shí)間選擇器是在List上方彈出顯示,這違反了交互的一致性。并且時(shí)間選擇器有了橫向跳變,把年份信息也擠走了。
2. 時(shí)間顆粒度固定,使用效率低
通常用戶至少以15分鐘為顆粒規(guī)劃事件,但滑動(dòng)時(shí)間選擇器只能固定以1小時(shí)、1分鐘為時(shí)間顆粒,用戶滑動(dòng)操作效率降低。同樣,用戶在跨年跨月選擇時(shí)間時(shí)也會(huì)因?yàn)轭w粒度固定的問題造成選擇效率低下。
3. 無障礙操作困難
視覺障礙者需要通過左右橫滑切換焦點(diǎn)至至?xí)r間選擇器,再上下滑動(dòng)選擇時(shí)間。同樣因?yàn)轭w粒度的問題操作負(fù)擔(dān)較大。更大的問題是先天失明用戶沒有機(jī)械時(shí)間選擇器的隱喻基礎(chǔ),難以對(duì)界面建立心理模型進(jìn)而影響使用。還有肢體障礙用戶手指損失了靈活性甚至失去了雙手,無法在狹小的區(qū)域內(nèi)做精準(zhǔn)的滑動(dòng),設(shè)置時(shí)間只能借助外接輔助設(shè)備完成,當(dāng)前的交互方式和時(shí)間顆粒度進(jìn)一步放大了操作的難度。
二、蘋果的解決思路
針對(duì)以上的問題,我們推測一下iOS14新時(shí)間選擇器的優(yōu)化思路。
1. 方便信息組織
新時(shí)間選擇器常態(tài)和激活態(tài)顯示為一個(gè)圓角矩形按鈕,緊湊的視覺大小可以靈活置入任何List而不影響界面信息組織呈現(xiàn)。
時(shí)間選擇器變緊湊以后,日期選擇終于得以以日歷的視圖呈現(xiàn)了,日期、星期以熟悉的方式可視化呈現(xiàn),規(guī)劃事件變得清晰簡單。左右滑動(dòng)可以切換月份,讓跨月份規(guī)劃也得以輕松執(zhí)行。
2. 提高操作效率
緊湊以后也帶來了新問題,分別點(diǎn)擊時(shí)和分輸入設(shè)定值時(shí)容易誤觸。為此,蘋果又推進(jìn)了一步,新時(shí)間選擇器激活時(shí)默認(rèn)時(shí)和分同時(shí)選中,用戶可直接輸入時(shí)和分來設(shè)定。
例如設(shè)置一個(gè)7:30的鬧鐘,可以直接輸入 7 3 0,時(shí)和分的格式化由系統(tǒng)自動(dòng)完成。這是一個(gè)讓人興奮的設(shè)計(jì)方案,我理解這是蘋果這次優(yōu)化的終極交互。不用按照格式地直接輸入也是人們在紙筆時(shí)代在紙上直接書寫的一個(gè)高級(jí)隱喻。蘋果在以用戶為中心的設(shè)計(jì)上又推進(jìn)了一步。
帶著這個(gè)理解,我嘗試了蘋果其他的輸入設(shè)定交互。
在macOS日歷上可以直接輸入設(shè)定日程,系統(tǒng)自動(dòng)格式化后以預(yù)覽形式呈現(xiàn)。令人敬畏的是,我打亂了輸入順序,依然有很好的自動(dòng)格式化。甚至我嘗試了使用自然語言“下下周五”時(shí),macOS依然能自動(dòng)識(shí)別并進(jìn)行了格式化呈現(xiàn)。
在macOS提醒事項(xiàng)上可以直接輸入“上午9:00”來完成提醒事項(xiàng)的時(shí)間設(shè)定。macOS與iOS設(shè)定時(shí)間的方式實(shí)現(xiàn)了交互歸一。
3. 無障礙使用優(yōu)化
蘋果引入輸入設(shè)定的方式是否有意優(yōu)化無障礙操作我一直不能確定,我身邊沒有視障朋友幫我驗(yàn)證,蘋果新更新的設(shè)計(jì)指南也未做說明。
不過湊巧的是,安卓Material Design也更新了時(shí)間選擇器,也引入了輸入設(shè)定的方式。
在Material Design設(shè)計(jì)指南中已明確說明這是針對(duì)無障礙用戶的優(yōu)化。
一個(gè)有趣的對(duì)比是,Material Design似乎是針對(duì)性的對(duì)無障礙操作進(jìn)行優(yōu)化。時(shí)間選擇器默認(rèn)狀態(tài)仍是滾動(dòng)選擇的交互,障礙用戶需要點(diǎn)擊鍵盤圖標(biāo)才能激活輸入的交互,健全人群和障礙人群將會(huì)習(xí)得、習(xí)慣不同的操作方式,即對(duì)健全人群和障礙人群進(jìn)行了劃分。
iOS的方案卻是將兩種交互進(jìn)行融合,時(shí)間選擇器激活態(tài)可同時(shí)滑動(dòng)和輸入交互,并且滑動(dòng)輸入的易誤觸問題也會(huì)推動(dòng)所有人習(xí)得、習(xí)慣直接輸入的操作方法,即不對(duì)人群進(jìn)行特定劃分。蘋果在無障礙設(shè)計(jì)領(lǐng)域不僅有先進(jìn)、全面的功能,也似乎十分注意對(duì)障礙人群進(jìn)行關(guān)懷時(shí)的姿態(tài)。綜合來看蘋果的無障礙設(shè)計(jì),區(qū)別于其他廠商,蘋果將“無障礙”定位成“輔助功能”,無障礙操作只是作為設(shè)計(jì)場景之一對(duì)待,而不是針對(duì)性的為無障礙操作開辟一條獨(dú)特的路徑。這也許是障礙人群真正期盼的,他們希望獲得的是平等的人文關(guān)懷,而不是被居高臨下的憐憫。
三、總結(jié)
以蘋果發(fā)布M1芯片為參考背景,蘋果桌面端產(chǎn)品可以直接運(yùn)行iOS應(yīng)用,產(chǎn)品邊界將逐漸消融。
產(chǎn)品邊界消融勢必需要統(tǒng)一的交互,確保應(yīng)用在多端有一致的體驗(yàn)。產(chǎn)品邊界消融也意味著桌面端工作場景問題也會(huì)部分轉(zhuǎn)移到移動(dòng)端處理,控件需要在小屏幕上針對(duì)復(fù)雜信息排布和操作效率上提供支撐。并且隨著蘋果中低端設(shè)備價(jià)格下探,覆蓋用戶群更加廣泛,對(duì)價(jià)格敏感的老年人群、障礙人群將會(huì)擴(kuò)大,控件無障礙交互能力也需要提升。
蘋果設(shè)計(jì)師顯然經(jīng)過了完備、深刻的思考才優(yōu)化出了新時(shí)間選擇器的交互。這是一次非常大的改變,初期雖然引來了廣泛的吐槽,但相信隨著時(shí)間推移,人們終將習(xí)得、喜歡新時(shí)間選擇器的操作。Alan Cooper在《交互設(shè)計(jì)精髓》中說“重大改變必須是非常好的改變”,總結(jié)以上,iOS14新時(shí)間選擇器顯然也是一次非常好的改變。
本文由 @汪仔2819 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自?Unsplash,基于 CC0 協(xié)議
ios15又改回去了,還要出一篇文章分析一下嗎?
不要吹蘋果了,蘋果的屎都是香的,大家都說難用
真的難用,為此我又下了個(gè)鬧鐘APP,不用系統(tǒng)自帶的了
怎么推都是難用,脫離用戶最直接的感受,出于什么目的都是設(shè)計(jì)師自以為是的過度設(shè)計(jì)