新的iPad已發(fā)布,不提功能介紹,我們今天來看看一些新的iPadOS蛻變的小細節(jié)吧!
感謝「海鹽社」的小伙伴:@海邊來的設計師@焱小玖 對于這篇分享文章給予的幫助,也希望對大家有用。
在WWDC 上發(fā)布的除了 iOS13, 還有專屬于 iPad 的全新系統(tǒng):iPadOS,據(jù)說是在iOS13的基礎上,加入了更多專門為iPad優(yōu)化的操作以及專屬功能,讓iPad離iPhone更遠,更靠近MacBook,大多數(shù)人認為是輕量版macOS。
雖然網(wǎng)上已經(jīng)有了很多關于iPad OS的介紹,但大多都是聚焦于功能,今天主要來研究一寫iPadOS的交互細節(jié),事不宜遲我們馬上學習起來吧!
此次用于對比的機型和系統(tǒng)信息如下:
設備1:iPad 2018 ,iOS12.4
設備2:iPad2018 ,iPadOS13.0
1、程序塢后臺
iOS12的系統(tǒng)中,關閉程序塢后臺出現(xiàn)的形式跟手機相同,都是圖標+APP名稱。如下圖:
但對于打開多個窗口的APP來說,比如說文件、備忘錄、Safari等,程序塢僅僅只能出現(xiàn)最后一次打開的頁面,用戶很容易會忘記之前打開的頁面,從而直接關閉后臺。
在OS新版的程序塢后臺中,iPad做了一些調整,很好的解決了上面提到的問題,如下圖:
APP名稱下面會出現(xiàn)你當前編輯的文檔名字或者網(wǎng)站地址,方便用戶能想起之前打開的頁面,二次確認是否需要關閉當前后臺。
2、文字光標
文字的光標移動時,舊版系統(tǒng)中是帶有放大鏡。如下圖:
iPadOS13則是將光標直接放大,如下圖:
從使用上來說,光標的改變會讓使用體驗提高很多,一改之前移動光標時經(jīng)常會被手擋住,或者覺得有點難移動的情況,新版在操作靈敏度上也是優(yōu)越于iOS版本的。
3、相冊
變化1:照片縮略圖可拉伸
舊版本的相冊,在返回鍵按上兩次,才能夠看到按照年份排放好的所有照片。如下圖:
新的系統(tǒng)中,則直接增加了“年”、“月”、“天”和“所有照片”的tab切換來查看照片。如下圖:
在“所有照片”tab下查看照片圖庫,我們可以任意的放大照片仔細查看細節(jié),或縮小照片快速查看相冊。動效如下:
這個就解決了清理照片時,需要一個個點擊確認以及可能沒看清就誤刪的情況,畢竟之前只能在小的縮略圖上多選刪除時,誤刪的幾率真的很大。
而這種的設計也能夠運用在視頻、拍照或者書籍列表中,如下圖:
當很多電影或者小說的名字重復時,用戶可以任意放大自己想要了解的部分,快速確認是否是自己想找的東西,直接觀看或其他操作,在使用體驗和操作效率上都會有很大的提升。
變化2:相冊分享
過去分享圖片或者視頻,界面中所有菜單會從底部出現(xiàn),同時選中的圖片上移。如下圖:
新版的圖片分享改成了彈窗,如下圖:
將之前底部出現(xiàn)的操作菜單放在了彈窗中,視覺上顯得更加清晰,同時減少了頁面的跳轉,操作起來更高效。
另外,不得不說iPadOS系統(tǒng)中運用了大量的彈窗,也出現(xiàn)彈窗上出現(xiàn)新的彈窗,疊加好幾層的情況。如下圖:
在過去的相冊分享頁面中,其實整個頁面相對來說是比較復雜的,用戶需要在一個頁面消化很多操作,這無疑也增加了很多思考的成本。
多彈窗的設計好處是減少頁面跳轉的路徑,同時弱化了大量的操作信息,讓用戶能夠簡單直接的了解當前的操作步驟,減少了用戶對頁面信息消化的時間成本。
這也為我們設計提供了一個很好的思路,分享的相關操作可以放在彈窗中解決了,并不一定出底部操作欄或者跳轉頁面啦!
4、可伸縮鍵盤
雙指捏合可以縮小快速輸入鍵盤,動效操作如下:
將它移到合適的位置,既方便單手打字,又能給屏幕留更多的空間,同時只要在字母上輕掃就可以打字了。
比如說看視頻發(fā)彈幕時的場景,如下圖:
這樣的設計讓我們在全屏看視頻發(fā)彈幕或者看小說點評某句的時候,縮小鍵盤和輸入框,既不遮擋屏幕,又能夠繼續(xù)發(fā)彈幕和評論。
5、音樂
iOS12的音樂播放器為通欄,播放時音樂封面會有輕微晃動,動效如下:
iPadOS系統(tǒng)則改成了小彈窗,同時播放時的封面會比未播放時放大20%左右,如下圖:
這給我們在設計音樂播放器時也提供了一個新的參考思路噢~
在功能方面,新版的音樂播放列表能夠隨意的改變待播順序,動效如下:
我看過平板上大部分主流的視頻和音樂類APP,幾乎都是沒有可以自己改播放順序的。
這里插播一句,我在刷B站的時候,很多想看的視頻在增加到想看的列表里,視頻刷完了下一個還是隨機推薦,沒辦法調整想看的順序,這個功能值得其他具有播放列表功能的產(chǎn)品借鑒。
音樂APP在播放器這里同樣也是出現(xiàn)了很多層的彈窗,查看播放信息,編輯操作等,從使用上來說的確是比較便利的,但這種多層彈窗的,手機端應該不太好借鑒。
6、備忘錄畫筆
變化1:畫筆樣式的變化
色盤排列由原來的一排變成了兩排,更加節(jié)省了畫筆的整體空間,如下圖:
使用畫筆工具一般搭配的都是Apple Pencil,而色盤變成兩排最直觀的感受,就是使用Apple Pencil或者用手指選擇顏色時空間區(qū)域減少,能省很多力氣呢。
同時新版畫筆的間距也比之前的間距大了很多,如下圖:
這樣設計更方便用戶點擊,避免了舊版會出現(xiàn)誤觸或者點不中帶來的不好體驗。
變化2:新增自動最小化
畫筆在用戶不使用的時候,可以開啟最小化功能,動圖如下:
這樣的設計讓我想到了Assistive touch,如下圖:
當然Assistive touch用來實現(xiàn)返回主屏幕、調出控制中心、鎖屏等功能,畫筆這些都不具備,會讓我聯(lián)想到,是因為作為工具類組件,它們都很“方便”,想用時點開,不用時自動縮至最小化。
這個小交互我們在設計兒童類工具產(chǎn)品或者流程圖設計時的菜單可以借鑒,既節(jié)省空間又避免誤操作。
7、通訊錄新關系
通訊錄中的關系新增了更多、范圍更廣的關系標簽,如下圖所示:
新增了更多、更具體的聯(lián)系人,給用戶更多的直接選擇,更符合中國的國情,也減少思考和歸納的時間成本。
8、小結
從 iOS 獨立出來之后的 iPadOS 大大小小改動其實很多的,其實不止是iPadOS,手機上的APP每次更新都會有很多改動,而發(fā)現(xiàn)這些改動,同時學會思考并且總結,用到我們的工作中,才能讓我們的發(fā)現(xiàn)更具有拓展性喲!
原文作者:團子柒
全站高品質素材免費下載!