設計資訊:iPhone 14新設計動態島(Dynamic Island)是下一個革命性的使用者體驗模式?
UI & UX
Article:2022/09/15
經過五年的升級,蘋果最新的iPhone 14 Pro系列終於帶來了期待已久的設計更新。顯示器的頂部現在裝有新的藥丸形切口,正式名稱為 動態島(Dynamic Island) 。
一些人認為這是一個無恥的噱頭,旨在隱藏平淡無奇的表現,而設計界的其他人則將其視為 UX 設計的下一次復興。
那麼為什麼這個 “ UI 更新” 會以現在的方式讓蘋果粉絲和使用者體驗設計世界兩極分化呢?
蘋果的動態島是什麼?
動態島是蘋果新設計的“缺口”。 橢圓形切口位於螢幕頂部,隱藏了前置攝像頭和 FaceID 感測器。 動態島可以顯示通知、警報或實時資訊,而不是裝置頂部的“死區”。
每當手機解鎖時,動態島就會出現。通過螢幕上的動畫,切口似乎會擴大和縮小,具體取決於它顯示的任何資訊。它還可以作為快捷方式的中心,點選後可以將使用者直接帶到在後臺執行的應用程式,例如音樂流媒體應用程式和計時器。
iPhone 13與14對比圖
如果你從表面上看動態島,它在顯示和 UI 上是一個“非常微不足道的變化”。
只看上面的圖片,對於大多數使用者來說,這只是設計的細微變化。 iPhone 已經這樣做了幾次,例如從圓角到方角,或者移除耳機插孔,並更換充電器。
“Dynamic Island 實現了與 iPhone 互動的新方式,其設計融合了硬體和軟體之間的界限,實時適應以顯示重要的警報、通知和活動。”
“融合硬體和軟體之間界限的設計。”
這種 混合物理形式和數字形式的概念 正是蘋果在整個展示過程中如此強調動態島的原因,也是為什麼 它將在2023年重塑使用者體驗設計的原因。
為什麼蘋果製作動態島
如此重要?
當今 UX 世界的許多趨勢都是由蘋果的設計揭示的,從黑暗模式等作業系統模式到當前廣泛使用的emoji風格字元。
對設計師來說,毫無疑問, 動態島及其硬體和軟體之間的所有互動性都值得關注。
過去,蘋果的願景和解決方案一直是,不斷製造更大的螢幕。
移除主頁按鈕
但是,這並不總是有效。 你不能只是移除自拍相機,你需要它。 然而對於每一代人來說,問題仍然存在,有一個奇怪的小部件佔據了你的螢幕中心, 它存在的唯一原因是因為它必須為硬體而存在,而不是因為任何人都希望它存在。
Iphone X 模型
如果您做過任何 IOS 設計模型,您就會知道這一點,因為您總是故意將該區域留空並小心地在其周圍移動內容。
動態島是蘋果第一次從使用者體驗的角度解決這個問題。 藉助動態島,蘋果不僅接受了這個小部件需要存在的事實,而且還傾向於硬體限制,而不是遠離它,做一個更好的軟體體驗。 過去總是阻礙設計師建立任何UI互動的領域,現在使您能夠建立最獨特的UI互動和設計模式。
當然,目前所有的模式都是為了讓使用者更有效地進行多工處理,比如讓音樂、電話或地圖方向填充動態島區域。
然而,在較高的層面上,這意味著動態島的小型靈活區域現在可 以提供關於裝置正在發生的事情的穩定資訊流 ,無論螢幕上有什麼。
無需一直在應用程式之間來回切換。這意味著本質上動態島使使用者能夠在同一螢幕上瀏覽多個選項卡,就好像使用者有一個迷你雙顯示器顯示器一樣。 過去只能在大顯示屏上實現的功能,現在可以在手機上實現。
像這些小的增加的可訪問性在UX設計中創造了奇蹟,例如著名的無限向下滾動,由抖音完善。
隨著越來越多的 IOS 應用程式和產品必然支援這種模式,動態島的能力無疑將超越這些簡單的改進。
對於更大的UX世界,在使用者注意力如此有限的時代,我們可以相信這種模式將引領所有數字產品重新評估如何以更具創造性的方式更好地將UX 互動與物理對應物融合在一起。
這種模式是UX設計的
下一個大趨勢嗎?
作為設計師,通常情況下,由於來自不同利益相關者和合作夥伴的所有苛刻的截止日期和要求, 很難花更多的時間從使用者體驗和物理的角度完善產品,超出我們給定的範圍。
由於不同的法律認證和要求,硬體要求和使用者體驗要求往往會像舊的 iPhone 設計那樣發生衝突,而不是融合成更好的東西。
可以認為動態島的出現對我們所有的使用者體驗設計師來說都是一個很好的靈感 。 在我們的專案中,只要有可能,我們都應該開始考慮 創造性的使用者體驗解決方案 ,以利用我們的侷限性作為解決方案,如果我們希望創造“完美的產品”。
這就是為什麼 iPhone 14 在有些人看來是蘋果第一次創造出“完美的 iPhone”。
它是完美的,不是因為沒有進一步改進或迭代的空間,而是因為一切最終都是為了一個目的。提供最方便和愉快的使用者體驗。
iPhone 14上的動態島並不是一個巨大的升級,但它遠非噱頭。 藥丸形切口周圍的流暢動畫彌補了它的大尺寸,同時使其更容易檢查一目瞭然的資訊和多工。
感謝閱讀:)
你對 蘋果推出的 動態島 有什麼看法呢?
歡迎討論~
(部分圖文來自網路,若有侵權,請聯絡刪除。)
加入 UI&UX交流社群 ~
設計資源/書籍資源/知識互動
還有更多神祕福利!
一起創作更好的設計~
往期推薦 | Read More
一款環保意識、國際旅行、數字貨幣、區塊鏈:在未來具有影響力的使用者體驗設計領域!
案例研究:元宇宙設計指南之使用者互動篇
遊戲設計中的使用者體驗:以使用者為中心的設計方法
文字丨Joy
編輯丨Joy
- 案例研究:如何實際應用UX設計法則?來看看Headspace(冥想類產品巨頭) 遵循的7個使用者體驗定律!
- 案例研究:飽和設計主題如何創新?培養正念冥想習慣的應用程式——Mindwaves!
- 設計資訊:Adobe 收購 Figma 會改變互動設計的未來嗎?有哪些 Figma 流行替代品?
- 設計資訊:iPhone 14新設計動態島(Dynamic Island)是下一個革命性的使用者體驗模式?
- 環保意識、國際旅行、數字貨幣、區塊鏈:在未來具有影響力的使用者體驗設計領域!
- 設計資訊:超越人工智慧的藝術?為更廣泛的創意應用生成影象!
- 一款自制寵物飲食的指南應用程式Petcy:幫助鏟屎官為毛茸茸的朋友準備自制食物!
- 雙鑽模型知識篇!為具有創造力的設計師們提供指導路線圖!(附視訊公開課)
- 設計師如何表達愛情?七夕專場案例分享來啦!
- 來測測你是否是一個好設計師?快速核對清單!
- UI 設計的一致性:改善使用者體驗的 8 個技巧!
- 設計資訊:動態介面的未來?設計與自然環境同步的使用者介面美學
- 案例研究:如何實際應用UX設計法則?來看看 Netflix (網飛) 遵循的7個使用者體驗定律!
- 開課啦!在IDEO做互動設計師的一天?直播公開課:7月12日(週二)上午 10:00!
- 一起為人類老齡化而設計:5種創造包容性數字體驗的方法!
- 案例研究:能夠提高轉化率的郵件設計系統—Naukri設計專案
- 寫給互動設計初學者?來看看12個設計創作方向和10個Ui基本元素!
- 推薦幾個AR設計指南網址
- 案例研究:優秀的UI設計是如何誕生出來的?Colony-協作平臺的登陸頁面設計
- 設計資訊:Figma vs Sketch!為什麼10 家設計機構從 Sketch 轉向 Figma?