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