iOS14:交互上這5點變化,值得細細研究

你好,這是沐風的第120篇原創。

上週四凌晨,蘋果推送了iOS14系統正式版。沐風也在第一時間更新了新系統。

一直很喜歡蘋果系統的交互設計,因為絕大多數設計點都考慮得周到且成熟,體現出蘋果作為頂級大廠的範兒。

研究優秀的設計,學習他們的方案,會使我們也更優秀。

下面就帶大家看看,蘋果系統這次更新,在交互上值得細說的5個功能點。

一. 桌面小組件

這次iOS最大的更新,莫過於這個桌面小組件了。

說白了,就是把app的一個功能拿出來,直接展示在桌面上。這樣用戶不用進入應用,也能看到需要的信息。

iOS14:交互上這5點變化,值得細細研究

其實這個小組件,在安卓和Windows Phone上已經存在許久了。

iOS14:交互上這5點變化,值得細細研究

但蘋果一出手,還是能把這個老掉牙的功能做得更有精緻感。

這一點不得不服。

沐風分析了一下,產生這種精緻感,主要有兩個原因:

1. 小組件的尺寸是固定的3種:

iOS14:交互上這5點變化,值得細細研究

並且這3種尺寸的小組件,邊緣都與系統中的app邊緣對齊。

iOS14:交互上這5點變化,值得細細研究

這種整齊劃一比安卓的隨意放任,製造了精緻感。

iOS14:交互上這5點變化,值得細細研究

2. 小組件的動效流暢,且交互細節完整。

例如,下面是待辦應用Things的小組件。點擊其中的“讀書”事項,則小組件展開為全屏,並且“讀書”事項背景色發生變化,暗示剛剛點擊過。

iOS14:交互上這5點變化,值得細細研究

從底部上劃,則頁面從全屏收起為小組件形態。

整個過程如德芙般絲滑。

順提一句,這個動效中,被點擊條目的背景色變化這個細節設計得十分出色:

  • 由於用戶明確點擊了“讀書”,按照該應用裡的邏輯,讀書選項應該被標記為完成;

  • 但小組件本身不承載那麼重的操作,所以點擊後是打開應用;

  • 此時被點擊的條目背景色變化,提示用戶該條目剛剛點擊過,是十分必要的反饋。否則點擊某個條目,卻打開的是整個應用,前後的對應關係不吻合。

從這個細節,可以看到Things應用設計師的用心。

小組件還有個交互細節:它們可以疊放。

當把一個同樣尺寸的小組件,放到另一個小組件上方,它們就疊放在一塊了。

iOS14:交互上這5點變化,值得細細研究

完成疊放後,沐風緊接著產生了一個疑惑:疊放在一起的小組件,默認只能看到最上面的一個,而且也沒有任何“多個數量”的提示。

那我怎麼知道哪個組件是疊放的,哪個是隻有一個呢?

iOS14:交互上這5點變化,值得細細研究

經過探索,我在這裡找到了答案:

當用戶在不同頁面之間划動時,有疊放的小組件,右邊會展示出小圓點(隨後立即消失),提示這裡有多個小組件:

iOS14:交互上這5點變化,值得細細研究

不得不說,這個細節反饋還是考慮很周到的。

二. 資源庫

剛開始看新聞時看到這個功能,覺得這個功能沒什麼稀奇,體驗了之後才發現它對我使用手機的幫助還挺大。

具體來說,資源庫的邏輯是這樣神兒的:

  • iPhone 上安裝的所有應用都會被整合進 App 資源庫,系統會對這些應用進行自動分類,放在不同的文件夾當中。

  • 其中第一個和第二個,一定是建議和最近添加;後面的是各種分類,如社交,工具等等。

iOS14:交互上這5點變化,值得細細研究

值得一提的是,這個資源庫頁,排在手機所有頁面的最後。也就是說,要想到達這個頁面,需要在iPhone裡不斷向後劃。

這對於我這種重度app使用者,手機裡有12頁應用,是有點崩潰的:

iOS14:交互上這5點變化,值得細細研究

所以一開始,我不太理解這個功能到底解決了什麼問題:

為什麼要有個資源庫?我要找什麼應用,直接在任意屏幕向下划動,呼出搜索不就行了嗎?

iOS14:交互上這5點變化,值得細細研究

後來,隨著研究的深入,這個功能真正的價值才漸漸浮出水面:

資源庫可以存放那些不常用、又捨不得刪的應用,提高iPhone屏幕的使用效率。

證據有2:

1. 在iOS14裡,刪除應用時,多了一個“移至App資源庫”的選項

iOS14:交互上這5點變化,值得細細研究

在設置-主屏幕選項中,增加了將新下載的 App 僅保存在 App 資源庫中的選項:

iOS14:交互上這5點變化,值得細細研究

並且還可以設置 App 資源庫中的應用是否顯示通知角標。

這些新的設置選項,都在幫助用戶清理屏幕上不常用的應用。

2. 如果覺得app 太多,一個個刪除太麻煩,則長按主屏幕,點擊 Dock 欄上方的一行白點,還能直接隱藏某個頁面(團滅的節奏???),同樣達到簡化主屏的目的。

iOS14:交互上這5點變化,值得細細研究

經過以上的分析,現在我可以理解資源庫為什麼在最後一頁了:常用的app都在前面,所有的應用都在最後的資源庫裡。

原來是按照使用頻率分的。

完美。

三. 權限使用提醒

iOS14對用戶的隱私進行了升級式的保護:手機裡的應用在使用手機的哪些權限,現在變得更一目瞭然。

比如,當我在用微信語音時,發現屏幕右上角多了一個橙色的小圓點,從小圓點位置下滑,則展示了“麥克風icon + 微信”,提示微信正在使用麥克風。

iOS14:交互上這5點變化,值得細細研究

小圓點佔據一行,略顯孤單。

但從前後的邏輯來看:權限使用詳情(“麥克風icon+微信”)只能展示在控制中心,而控制中心又是從右上角向下划動後出現。

所以小圓點展示在右上角,是必然的合理選擇。

同時,權限的提醒又不會做得太重,所以展現形式上就是一個小小的圓點。

四. 來電提醒輕量化

過去幾年,iPhone一直只有全屏來電模式。來電默認擁有系統最高優先級,但這導致大家在玩遊戲時,會被來電打斷,影響了用戶體驗。

此次 iOS 14 更新,加入了來電提醒的通知欄模式。

當 iPhone 處於鎖屏狀態時,來電和之前一樣,會全屏顯示;

當手機是正在使用狀態,來電則會以頂部通知欄的方式呈現。

iOS14:交互上這5點變化,值得細細研究

另外,如果不想接聽,也不想掛斷,將通知欄往上一滑即可忽略,對方還是處於撥打狀態,而你完全不受影響。

五. 新增的交互方式:輕點背面

此次更新,增加了“輕點背面”的操作方式。用戶可以設置輕點手機背面兩下或者三下後,自動執行一個功能操作。

這裡沐風為大家推薦一個功能:屏幕朗讀。

屏幕朗讀可以把屏幕上的文章都讀出來,很適合坐車、做家務、走路這些場景。解放雙手,值得擁有。👐

下面是具體的設置方法:

iOS14:交互上這5點變化,值得細細研究

設置好了之後,連續敲兩下手機的後背,屏幕朗讀的功能就被自動激活了。

iOS14:交互上這5點變化,值得細細研究

是不是很方便

iOS14:交互上這5點變化,值得細細研究

以上為大家分析了iOS14更新中,5個交互設計點:

  1. 動效流暢、交互細節完備的桌面小組件;

  2. 幫大家清理手機屏幕的資源庫;

  3. 細緻的權限提醒;

  4. 輕量化的來電提醒;

  5. 使用的輕點背面交互方式。

iOS14:交互上這5點變化,值得細細研究

iOS14:交互上這5點變化,值得細細研究


分享到:


相關文章: