設(shè)計師必看:iOS 13 體驗新特性大盤點
筆者以設(shè)計師的立場出發(fā),對新發(fā)布的 IOS1313 系統(tǒng)進(jìn)行了梳理,盤點分析了新的功能體驗,與大家分享。
自從iPhone11和iOS13手拉手問世后,迎來了一大波褒貶不一的聲音。也許是蘋果太久沒給我們帶來早些年那種動人心弦、激情澎湃,賣腎都要“買它”的沖動了。
經(jīng)歷了iOS 11的災(zāi)難級別表現(xiàn)后,蘋果這次對性能還是下了狠功夫的。
- Face ID的解鎖的速度提升了30%
- APP的體積縮小了50%
- 更新包的體積縮小60%
- 應(yīng)用的啟動速度提升了2倍
- ……
單看這些數(shù)據(jù)還是挺振奮人心的。
轉(zhuǎn)眼已經(jīng)一個月過去,關(guān)于要不要割腎、要不要升級、新功能、新體驗的文章帖子已經(jīng)鋪天蓋地。這里臭臉君想講的是作為一枚設(shè)計師面對本次iOS13的新特性,可以有哪些機(jī)會點能夠為自己的產(chǎn)品做哪些應(yīng)變呢~~
01 彈窗視圖(Sheet)
這樣的彈窗視圖在Human Interface Guideline(蘋果設(shè)計指南)中被稱為Sheet。新版的視圖有助于用戶明確信息的層級,便于用戶找回此前被暫停的任務(wù)。
可參見官方設(shè)計指南:https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/
說到任務(wù)層級就想到安卓機(jī)上標(biāo)配的物理返回鍵,它與任務(wù)鍵、主頁鍵并稱三大金剛,所有的交互邏輯都以此為基礎(chǔ)建立。
iPhone一直以來只支持從左側(cè)邊緣內(nèi)滑,也不像MIUI一樣靈活可以左右開弓、隨心所欲。隨著APP功能越來越厚重,iPhone的屏幕越來越大,引入新的層級體驗想必也是為了解決這個困境。
新版的視圖彈窗(Sheet)提供三種關(guān)閉方式:從屏幕頂部向下滑動、當(dāng)卡片內(nèi)容滾動到頂部時,從屏幕上的任何位置向下滑動 、點擊導(dǎo)航欄的按鈕。
但并不是所有彈窗都要兼具這三種方式(譬如彈窗內(nèi)支持下拉刷新),可以根據(jù)頁面呈現(xiàn)內(nèi)容和操作的需要,可以自由選擇一種或多種形式。
彈窗的功能非常強(qiáng)大,可以承載以往全頁面上的所有操作體驗。但根據(jù)蘋果在HIG中的建議,依然要注意彈窗中的任務(wù)需要簡單、簡短,避免過于復(fù)雜而導(dǎo)致用戶忘了此前他們所暫停的任務(wù),進(jìn)而“迷路”。
目前原生應(yīng)用內(nèi)也存在使用混亂的問題,不知道是bug還是內(nèi)部沒打成統(tǒng)一呢ㄟ( ▔, ▔ )ㄏ
對于設(shè)計而言,不失為是一次對產(chǎn)品層級洗禮的機(jī)會,尤其對于復(fù)雜業(yè)務(wù)邏輯的APP可以考慮將主頁面獨立分支的功能使用Sheet來承載。
在使用時需要注意:
- 模態(tài)任務(wù)會打斷對當(dāng)前頁面的展示和操作,因此使用在獨立業(yè)務(wù)分支且需要用戶暫時集中注意力的場景下
- 避免模態(tài)任務(wù)太復(fù)雜,當(dāng)人們進(jìn)入模態(tài)上下文時,他們可能會忽略他們暫停的任務(wù)。
- 謹(jǐn)慎地創(chuàng)建涉及多層次結(jié)構(gòu)的模態(tài)任務(wù),因為人們可能會迷失方向,而忘記了如何追溯其步驟。
- 始終包含一個退出模態(tài)視圖的按鈕。無論是“取消”、“完成”、“叉叉”,不能只存在隱晦的手勢操作。
02 HapticTouch
Apple本次將3DTouch改為長按,命名為HapticTouch。從英文翻譯過來,Haptic Touch的含義為觸覺觸控。
3D Touch有Peek(輕按)、Pop(重壓)兩種手勢,并且可以識別用戶按壓的力度大小,根據(jù)力度給出不同的振動反饋。haptic touch只有輕按和重按,沒有了中間的力度,也不支持靈敏度調(diào)節(jié)。
從結(jié)構(gòu)上看,Taptic Engine很可能在3D Touch基礎(chǔ)上少了“電容式壓力傳感器”,因而無法識別用戶按壓力度。
以往輕按桌面圖標(biāo)可進(jìn)入排列編輯模式,重按呼出菜單,改用HapticTouch之后就不再區(qū)分輕按和重按。
先通過長按呼出菜單,“重新排列桌面”變成了菜單中的一個選項。又或者長按呼出菜單后繼續(xù)長按,也能進(jìn)入排列編輯模式。
顯然這個改動對于經(jīng)常有調(diào)整APP排序需求的用戶帶來了不便(就比如……臭臉君),或許是因為3DTouch自問世就吐槽不斷,甚至有些人壓根不知道還能重按操作。
另外,把長按只用在APP排列太大材小用,因此做了二者的結(jié)合。
3Dtouch硬件成本高,并且會對iPhone的厚度產(chǎn)生影響,如果將3Dtouch模塊移除 iPhone可以多出一部分內(nèi)部空間來增加電池容量。為iPhoneXR等不支持3D Touch的設(shè)備也增加了觸感觸控。
設(shè)計師需要注意,蘋果此次將菜單圖標(biāo)從3Dtouch時期體量感很強(qiáng)的面型改成了更加輕量的線型,UI上需要同步更新。
03 手勢編輯操作
本次iOS 13 增加了不少文本編輯的手勢:
- 復(fù)制:三指捏合
- 剪切:兩次三指捏合
- 粘貼:三指松開
- 撤銷:三指向左劃動(或三指雙擊)
- 重做:三指向右劃動
- 快捷菜單:三指單擊
操作后頂部會出現(xiàn)對應(yīng)的反饋,嘗試下來有些過于花哨,很容易因為操作不當(dāng)或記憶錯誤而反復(fù)嘗試。尤其是在小屏機(jī)子上,笨重的大豬蹄肯定是無處安放的ㄟ(▔,▔)ㄏ,還不如本本分分的長按呼出菜單欄。
這里需要注意的是快捷手勢是系統(tǒng)默認(rèn)支持的,如果不想響應(yīng)該功能需要從技術(shù)層面去禁用。
- 雙指滑動:列表選擇
要重點表揚一下針對信息列表的雙指滑動手勢,可以讓列表快速進(jìn)入編輯模式,在編輯模式下繼續(xù)雙指滑動就可以快速多選。第一次嘗試操作的時候真的有被感動到,過度流暢又細(xì)膩,再也不用費勁巴拉的逐一點擊啦。
如果你的產(chǎn)品也擁有類似的信息呈現(xiàn)方式和功能操作,不妨試試這個小而美的體驗升級。
04 dark模式
從魅族16開始,國內(nèi)的安卓手機(jī)廠商們就在積極地發(fā)展黑暗模式,此次iOS13蘋果終于給用戶們帶來了期待已久的深色模式,可以通過系統(tǒng)設(shè)置或控制中心打開。
在深色模式下,系統(tǒng)應(yīng)用的背景都會隨之變成黑色,還支持自由調(diào)整切換時間,根據(jù)自己的習(xí)慣自動切換模式。
據(jù)說蘋果已經(jīng)要求開發(fā)者在明年4月前必須適配iOS13,對于最先相應(yīng)的一批產(chǎn)品還在App Store上做了推薦(忘記截圖留證據(jù),目前已去掉了推薦模塊)。所以敏感的設(shè)計師一定也要趕緊上車,盡快為自己的產(chǎn)品做出適配方案。
“APP以前自行做的夜間模式是否需要提前下崗呢?”針對這個問題目前來看dark只是系統(tǒng)的一種皮膚模式,文字與底色之間的對比很強(qiáng)烈,并不是我們理解的夜間模式,不然蘋果自己也不會保留“夜覽”啦。
05 carplay支持深色模式、功能更強(qiáng)大
iOS13的CarPlay也支持深色模式,并且可以把多項功能顯示在同一屏幕,更方便查看和操作,支持更多機(jī)型。
如果你的產(chǎn)品也具備CarPlay功能,是時候重新審視一下如何利用此次機(jī)會啦。
06 用Memoji 制作表情包
通過 Face ID 實現(xiàn)的 Memoji 在推出之后受到了很多人喜歡,可以通過自己的雙手“再造”一個自己。
iOS13對此做了升級,新的Memoji表情自定選項,包括新的發(fā)型、頭飾、妝容和環(huán)飾。生成的表情包包在“信息”、“郵件”和第三方 App 中可用,并適用于所有 iPhone 機(jī)型。
目前微信已支持,可以考慮下自己的產(chǎn)品尤其是社交屬性相關(guān)的功能是否需要支持。
07 音量控制
在iOS13之前的版本中,音量的調(diào)節(jié)圖標(biāo)是顯示在屏幕中間一個巨大的鈴鐺,鈴鐺下面會有音量大小的進(jìn)度條,嚴(yán)重干擾用戶視線,因此很多應(yīng)用(尤其是視頻相關(guān)APP)都自行做了顯示優(yōu)化。
iOS13對音量控制圖標(biāo)做了全新的設(shè)計,將其設(shè)計在了屏幕左側(cè)。在音量的調(diào)節(jié)過程中,非常直觀的顯示大小的變化。還支持滑動調(diào)整,類似控制菜單中的音量調(diào)節(jié)。
此次還做了鈴聲和音量的顯示分離,有音頻播放時按上下鍵在左側(cè)顯示音量調(diào)節(jié),無音頻時則在頂部顯示音量的高低。終于解決了我用iOS12時總是摸不清調(diào)音量還是調(diào)鈴聲的困擾。
如果你的APP曾經(jīng)也為音量調(diào)節(jié)做過UI的特殊處理,可以考慮針對不同系統(tǒng)做展示。iOS13的用戶統(tǒng)一使用系統(tǒng)的音量形式,功能強(qiáng)大的同時還能體驗更一致。
最后還有一些臭臉君覺得有意思的體驗新增,也跟大家分享一下??纯词欠窨梢员蛔约旱漠a(chǎn)品為之所用~
08 Safari保存長圖
在Safari中截屏進(jìn)入編輯模式后,支持以長圖的形式保存整個頁面。也可以直接將網(wǎng)頁以PDF的形式進(jìn)行郵件共享。存長圖功能在很多安卓機(jī)上早已支持,希望蘋果可以將該功能擴(kuò)展到更多場景下,并開放給第三方APP。
09 滑動鍵盤
iOS 的原生輸入法一直以響應(yīng)速度和穩(wěn)定性著稱,但不可否認(rèn)的是輸入方式非常單一。
自 Cliff Kushler 在 swype 輸入法上創(chuàng)造出滑動輸入以來,這種輸入方式已經(jīng)成為了許多熱衷于高效輸入的用戶的選擇。
此次iOS13也引入了這種直接滑動就可以輸入的操作形式,對于嘗鮮用戶來說有一定的使用門檻,但如果手機(jī)大小、持機(jī)方式、手指長度三者間達(dá)到良好的配合,習(xí)慣后效率便可明顯提升。
10 AirPods共享音樂
iOS13通過 NFC 感應(yīng)可以將兩位同時佩戴 AirPods 的用戶進(jìn)行配對,還能通過 iPhone 觸碰的方式進(jìn)行音頻分享。
11 滾動條拖拽
細(xì)心的你可能已經(jīng)發(fā)現(xiàn),在iOS13之前如果頁面有滾動條,會在頁面停止后快速的消失,而在iOS13中會停留一段時間才消失。因為進(jìn)度條除了表明你當(dāng)前所在的頁面位置外,還具備了新的操作體驗。
當(dāng)右側(cè)出現(xiàn)有滾動條出現(xiàn)時,可以按住滾動條(按住后滾動條會變粗)進(jìn)行拖拽實現(xiàn)頁面快速滾動,就像在PC上用鼠標(biāo)拖拽滾動條一樣。
12 隔空傳送方向感知
針對iPhone11用戶,在使用隔空傳送給朋友發(fā)送資料時,只要將箭頭指向他,系統(tǒng)就可以優(yōu)先給他發(fā)送。(因為窮,沒有實際嘗試過ㄟ( ▔, ▔ )ㄏ)
13 地圖共享
如果對方是iOS13的系統(tǒng),你可以將自己的實時位置和到達(dá)時間分享給他。如果對方不是iPhone用戶。也可以通過短信的形式分享自己的到達(dá)時間。
all~如果你也發(fā)現(xiàn)了有趣的功能或體驗,歡迎分享交流~
#專欄作家#
臭臉任,微信公眾號:臭臉任的慢生活,人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @臭臉任 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自網(wǎng)絡(luò)
冒個泡,嘿嘿嘿