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