?你好腾誉,歡迎來到沐風(fēng)與體驗(yàn)設(shè)計(jì)热押。
9月16日蘋果推送了iOS14系統(tǒng)正式版碎税。沐風(fēng)也在第一時(shí)間更新了新系統(tǒng)霜医。
一直很喜歡蘋果系統(tǒng)的交互設(shè)計(jì),因?yàn)榻^大多數(shù)設(shè)計(jì)點(diǎn)都考慮得周到且成熟笙什,體現(xiàn)出蘋果作為頂級大廠的范兒腕扶。
研究優(yōu)秀的設(shè)計(jì),學(xué)習(xí)他們的方案,會使我們也更優(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è)老掉牙的功能做得更有精致感。
這一點(diǎn)不得不服。
沐風(fēng)分析了一下官疲,產(chǎn)生這種精致感袱结,主要有兩個(gè)原因:
1. 小組件的尺寸是固定的3種:
并且這3種尺寸的小組件,邊緣都與系統(tǒng)中的app邊緣對齊途凫。
這種整齊劃一比安卓的隨意放任垢夹,制造了精致感。
2. 小組件的動效流暢维费,且交互細(xì)節(jié)完整果元。
例如,下面是待辦應(yīng)用Things的小組件犀盟。點(diǎn)擊其中的“讀書”事項(xiàng)而晒,則小組件展開為全屏,并且“讀書”事項(xiàng)背景色發(fā)生變化阅畴,暗示剛剛點(diǎn)擊過倡怎。
從底部上劃,則頁面從全屏收起為小組件形態(tài)贱枣。
整個(gè)過程如德芙般絲滑监署。
順提一句,這個(gè)動效中纽哥,被點(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è)呢柠新?
經(jīng)過探索,我在這里找到了答案:
當(dāng)用戶在不同頁面之間劃動時(shí)辉巡,有疊放的小組件恨憎,右邊會展示出小圓點(diǎn)(隨后立即消失),提示這里有多個(gè)小組件:
不得不說郊楣,這個(gè)細(xì)節(jié)反饋還是考慮很周到的憔恳。
?二. 資源庫
剛開始看新聞時(shí)看到這個(gè)功能,覺得這個(gè)功能沒什么稀奇净蚤,體驗(yàn)了之后才發(fā)現(xiàn)它對我使用手機(jī)的幫助還挺大钥组。
具體來說,資源庫的邏輯是這樣神兒的:
iPhone 上安裝的所有應(yīng)用都會被整合進(jìn) App 資源庫今瀑,系統(tǒng)會對這些應(yīng)用進(jìn)行自動分類程梦,放在不同的文件夾當(dāng)中。
其中第一個(gè)和第二個(gè)放椰,一定是建議和最近添加作烟;后面的是各種分類,如社交砾医,工具等等。
值得一提的是衣厘,這個(gè)資源庫頁如蚜,排在手機(jī)所有頁面的最后。也就是說影暴,要想到達(dá)這個(gè)頁面错邦,需要在iPhone里不斷向后劃。
這對于我這種重度app使用者型宙,手機(jī)里有12頁應(yīng)用撬呢,是有點(diǎn)崩潰的:
所以一開始,我不太理解這個(gè)功能到底解決了什么問題:
為什么要有個(gè)資源庫妆兑?我要找什么應(yīng)用魂拦,直接在任意屏幕向下劃動,呼出搜索不就行了嗎搁嗓?
后來芯勘,隨著研究的深入,這個(gè)功能真正的價(jià)值才漸漸浮出水面:
資源庫可以存放那些不常用腺逛、又舍不得刪的應(yīng)用荷愕,提高iPhone屏幕的使用效率。
證據(jù)有2:
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)。
小圓點(diǎn)占據(jù)一行浴井,略顯孤單晒骇。
但從前后的邏輯來看:權(quán)限使用詳情(“麥克風(fēng)icon+微信”)只能展示在控制中心,而控制中心又是從右上角向下劃動后出現(xiàn)磺浙。
所以小圓點(diǎn)展示在右上角洪囤,是必然的合理選擇。
同時(shí)屠缭,權(quán)限的提醒又不會做得太重箍鼓,所以展現(xiàn)形式上就是一個(gè)小小的圓點(diǎn)。
?四. 來電提醒輕量化
過去幾年呵曹,iPhone一直只有全屏來電模式款咖。來電默認(rèn)擁有系統(tǒng)最高優(yōu)先級何暮,但這導(dǎo)致大家在玩游戲時(shí),會被來電打斷铐殃,影響了用戶體驗(yàn)海洼。
此次 iOS 14 更新,加入了來電提醒的通知欄模式富腊。
當(dāng) iPhone 處于鎖屏狀態(tài)時(shí)坏逢,來電和之前一樣,會全屏顯示赘被;
當(dāng)手機(jī)是正在使用狀態(tài)是整,來電則會以頂部通知欄的方式呈現(xiàn)。
另外民假,如果不想接聽浮入,也不想掛斷,將通知欄往上一滑即可忽略羊异,對方還是處于撥打狀態(tài)事秀,而你完全不受影響。
?五. 新增的交互方式:輕點(diǎn)背面
此次更新野舶,增加了“輕點(diǎn)背面”的操作方式易迹。用戶可以設(shè)置輕點(diǎn)手機(jī)背面兩下或者三下后,自動執(zhí)行一個(gè)功能操作平道。
這里沐風(fēng)為大家推薦一個(gè)功能:屏幕朗讀睹欲。
屏幕朗讀可以把屏幕上的文章都讀出來,很適合坐車巢掺、做家務(wù)句伶、走路這些場景。解放雙手陆淀,值得擁有。??
下面是具體的設(shè)置方法:
設(shè)置好了之后先嬉,連續(xù)敲兩下手機(jī)的后背轧苫,屏幕朗讀的功能就被自動激活了。
是不是很方便疫蔓。
以上為大家分析了iOS14更新中含懊,5個(gè)交互設(shè)計(jì)點(diǎn):
- 動效流暢、交互細(xì)節(jié)完備的桌面小組件衅胀;
- 幫大家清理手機(jī)屏幕的資源庫岔乔;
- 細(xì)致的權(quán)限提醒;
- 輕量化的來電提醒滚躯;
- 使用的輕點(diǎn)背面交互方式雏门。
學(xué)交互嘿歌,找沐風(fēng)。歡迎關(guān)注茁影。