一直很喜歡蘋果系統(tǒng)的交互設(shè)計(jì)，因?yàn)榻^大多數(shù)設(shè)計(jì)點(diǎn)都考慮得周到且成熟，體現(xiàn)出蘋果作為頂級大廠的范兒。研究優(yōu)秀的設(shè)計(jì)，學(xué)習(xí)他們的方案，會(huì)使我們也更優(yōu)秀。下面就帶大家看看，蘋果系統(tǒng)這次更新，在交互上值得細(xì)說的5個(gè)功能點(diǎn)。
一. 桌面小組件
這次iOS最大的更新，莫過于這個(gè)桌面小組件了。說白了，就是把a(bǔ)pp的一個(gè)功能拿出來，直接展示在桌面上。這樣用戶不用進(jìn)入應(yīng)用，也能看到需要的信息。其實(shí)這個(gè)小組件，在安卓和Windows Phone上已經(jīng)存在許久了。但蘋果一出手，還是能把這個(gè)老掉牙的功能做得更有精致感。沐風(fēng)分析了一下，產(chǎn)生這種精致感，主要有兩個(gè)原因：并且這3種尺寸的小組件，邊緣都與系統(tǒng)中的app邊緣對齊。2. 小組件的動(dòng)效流暢，且交互細(xì)節(jié)完整。例如，下面是待辦應(yīng)用Things的小組件。點(diǎn)擊其中的“讀書”事項(xiàng)，則小組件展開為全屏，并且“讀書”事項(xiàng)背景色發(fā)生變化，暗示剛剛點(diǎn)擊過。從底部上劃，則頁面從全屏收起為小組件形態(tài)。順提一句，這個(gè)動(dòng)效中，被點(diǎn)擊條目的背景色變化這個(gè)細(xì)節(jié)設(shè)計(jì)得十分出色：
-
由于用戶明確點(diǎn)擊了“讀書”，按照該應(yīng)用里的邏輯，讀書選項(xiàng)應(yīng)該被標(biāo)記為完成；
-
但小組件本身不承載那么重的操作，所以點(diǎn)擊后是打開應(yīng)用；
-
此時(shí)被點(diǎn)擊的條目背景色變化，提示用戶該條目剛剛點(diǎn)擊過，是十分必要的反饋。否則點(diǎn)擊某個(gè)條目，卻打開的是整個(gè)應(yīng)用，前后的對應(yīng)關(guān)系不吻合。
從這個(gè)細(xì)節(jié)，可以看到Things應(yīng)用設(shè)計(jì)師的用心。小組件還有個(gè)交互細(xì)節(jié)：它們可以疊放。當(dāng)把一個(gè)同樣尺寸的小組件，放到另一個(gè)小組件上方，它們就疊放在一塊了。完成疊放后，沐風(fēng)緊接著產(chǎn)生了一個(gè)疑惑：疊放在一起的小組件，默認(rèn)只能看到最上面的一個(gè)，而且也沒有任何“多個(gè)數(shù)量”的提示。那我怎么知道哪個(gè)組件是疊放的，哪個(gè)是只有一個(gè)呢？
當(dāng)用戶在不同頁面之間劃動(dòng)時(shí)，有疊放的小組件，右邊會(huì)展示出小圓點(diǎn)（隨后立即消失），提示這里有多個(gè)小組件：
不得不說，這個(gè)細(xì)節(jié)反饋還是考慮很周到的。
二. 資源庫
剛開始看新聞時(shí)看到這個(gè)功能，覺得這個(gè)功能沒什么稀奇，體驗(yàn)了之后才發(fā)現(xiàn)它對我使用手機(jī)的幫助還挺大。
-
iPhone 上安裝的所有應(yīng)用都會(huì)被整合進(jìn) App 資源庫，系統(tǒng)會(huì)對這些應(yīng)用進(jìn)行自動(dòng)分類，放在不同的文件夾當(dāng)中。
-
其中第一個(gè)和第二個(gè)，一定是建議和最近添加；后面的是各種分類，如社交，工具等等。
值得一提的是，這個(gè)資源庫頁，排在手機(jī)所有頁面的最后。也就是說，要想到達(dá)這個(gè)頁面，需要在iPhone里不斷向后劃。這對于我這種重度app使用者，手機(jī)里有12頁應(yīng)用，是有點(diǎn)崩潰的：所以一開始，我不太理解這個(gè)功能到底解決了什么問題：為什么要有個(gè)資源庫？我要找什么應(yīng)用，直接在任意屏幕向下劃動(dòng)，呼出搜索不就行了嗎？后來，隨著研究的深入，這個(gè)功能真正的價(jià)值才漸漸浮出水面：資源庫可以存放那些不常用、又舍不得刪的應(yīng)用，提高iPhone屏幕的使用效率。1. 在iOS14里，刪除應(yīng)用時(shí)，多了一個(gè)“移至App資源庫”的選項(xiàng)在設(shè)置-主屏幕選項(xiàng)中，增加了將新下載的 App 僅保存在 App 資源庫中的選項(xiàng)：并且還可以設(shè)置 App 資源庫中的應(yīng)用是否顯示通知角標(biāo)。這些新的設(shè)置選項(xiàng)，都在幫助用戶清理屏幕上不常用的應(yīng)用。 2. 如果覺得app 太多，一個(gè)個(gè)刪除太麻煩，則長按主屏幕，點(diǎn)擊 Dock 欄上方的一行白點(diǎn)，還能直接隱藏某個(gè)頁面（團(tuán)滅的節(jié)奏？？？），同樣達(dá)到簡化主屏的目的。經(jīng)過以上的分析，現(xiàn)在我可以理解資源庫為什么在最后一頁了：常用的app都在前面，所有的應(yīng)用都在最后的資源庫里。
三. 權(quán)限使用提醒
iOS14對用戶的隱私進(jìn)行了升級式的保護(hù)：手機(jī)里的應(yīng)用在使用手機(jī)的哪些權(quán)限，現(xiàn)在變得更一目了然。比如，當(dāng)我在用微信語音時(shí)，發(fā)現(xiàn)屏幕右上角多了一個(gè)橙色的小圓點(diǎn)，從小圓點(diǎn)位置下滑，則展示了“麥克風(fēng)icon + 微信”，提示微信正在使用麥克風(fēng)。但從前后的邏輯來看：權(quán)限使用詳情（“麥克風(fēng)icon+微信”）只能展示在控制中心，而控制中心又是從右上角向下劃動(dòng)后出現(xiàn)。所以小圓點(diǎn)展示在右上角，是必然的合理選擇。同時(shí)，權(quán)限的提醒又不會(huì)做得太重，所以展現(xiàn)形式上就是一個(gè)小小的圓點(diǎn)。
四. 來電提醒輕量化
過去幾年，iPhone一直只有全屏來電模式。來電默認(rèn)擁有系統(tǒng)最高優(yōu)先級，但這導(dǎo)致大家在玩游戲時(shí)，會(huì)被來電打斷，影響了用戶體驗(yàn)。此次 iOS 14 更新，加入了來電提醒的通知欄模式。當(dāng) iPhone 處于鎖屏狀態(tài)時(shí)，來電和之前一樣，會(huì)全屏顯示；當(dāng)手機(jī)是正在使用狀態(tài)，來電則會(huì)以頂部通知欄的方式呈現(xiàn)。另外，如果不想接聽，也不想掛斷，將通知欄往上一滑即可忽略，對方還是處于撥打狀態(tài)，而你完全不受影響。
五. 新增的交互方式：輕點(diǎn)背面
此次更新，增加了“輕點(diǎn)背面”的操作方式。用戶可以設(shè)置輕點(diǎn)手機(jī)背面兩下或者三下后，自動(dòng)執(zhí)行一個(gè)功能操作。這里沐風(fēng)為大家推薦一個(gè)功能：屏幕朗讀。屏幕朗讀可以把屏幕上的文章都讀出來，很適合坐車、做家務(wù)、走路這些場景。解放雙手，值得擁有。?設(shè)置好了之后，連續(xù)敲兩下手機(jī)的后背，屏幕朗讀的功能就被自動(dòng)激活了。
總結(jié)
以上為大家分析了iOS14更新中，5個(gè)交互設(shè)計(jì)點(diǎn)：
-
動(dòng)效流暢、交互細(xì)節(jié)完備的桌面小組件；
-
幫大家清理手機(jī)屏幕的資源庫；
-
細(xì)致的權(quán)限提醒；
-
輕量化的來電提醒；
-
使用的輕點(diǎn)背面交互方式。
原文地址：沐風(fēng)與體驗(yàn)設(shè)計(jì)（公眾號）
作者：小哥哥沐風(fēng)
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》iOS14：交互上這5點(diǎn)變化，值得細(xì)細(xì)研究
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：陳皮Celia
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
