蘋果在 2021 年 6 月 8 日凌晨 WWDC(Worldwide Developers Conference 蘋果全球開發者大會)公布 iOS 15 / iPadOS 15 / macOS 12 Monterey 之后,隨即對 Human Interface Guidelines(界面設計指南)內容也同步進行更新,以下為更新內容簡介,詳細的更新內容請關注我后續的文章。

值得注意的是這次界面設計指南更新不同以往分別介紹不同設備的新特性,更多地是講解整個蘋果生態下都會用到的內容。

新增包容性(Inclusion)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/inclusion/overview/

一個具有包容性的 App 始終把人放在第一位,尊重不同人的習慣、特征和文化,每個人都能理解和使用你的內容和功能。蘋果新增的這頁內容旨在指導大家如何在 App 中做到包容各種類型用戶的使用,包括以下內容:

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

1. 通過設計實現包容性(Inclusive by Design)

把簡單直觀地體驗作為設計的目標。用同理心來理解不同的人的觀點和需求,研究他們的年齡、性別認同、膚色、認知、殘疾、宗教、教育和政治觀點等等,確保你的 App 沒有在內容和功能上冒犯某個群體,創造每個人都能享受其中的體驗。

2. 使用和藹的語言(Using Welcoming Language)

從不同的角度考慮你文案的基調,確保稱呼、稱謂不會讓用戶感到疏遠或者不受歡迎甚至覺得被侮辱。用通俗的語言代替口語化的表達,盡量別使用專業術語,如果用了務必解釋這些術語的意思。特別注意幽默,對某些用戶幽默可能對另外一些用戶就是冒犯。

3. 平易近人(Being Approachable)

無論你的 App 有多么厲害的功能或者高端的技術,確保用戶使用的時候不必先學習某些特定的技能或者知識,每個人都能清晰而簡單地使用。

4. 意識到性別認同(Being Aware of Gender Identity)

當今社會,性別已經不僅僅是男和女兩個概念這么簡單(比如變性人、同性戀等等)。所以,盡量避免使用單一的性別名詞,比如只提到“他”或者“她”,你可以用“用戶”或者“大家”這種通用說法代替對單一性別的指代。

對于圖標和表情包也是一樣,用不會體現性別的人形象比較穩妥。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

另外如果需要用戶提供性別,別只提供男和女,考慮提供“其他”或者更多選項包容更多用戶。

5. 代表不同的人群和場景(Representing a Variety of People and Settings)

在你展示人物相關的圖片時,可以展示不同種族、背景、體型和年齡的人,不要展示單一的某種人。

6. 避免刻板印象和概括化(Avoiding Stereotypes and Generalizations)

每個人都有偏見和刻板印象,要努力意識到并且克服它。比如我們對家庭的刻板印象是一個男人、一個女人和他們的親生孩子,這樣對于其他不是這樣的組成的家庭來說很不舒服。

不要把某些用戶的特征概括成所有用戶都有,比如密碼保護問題“你的第一輛車是什么牌子”,萬一用戶根本沒有買過車呢?

7. 支持無障礙環境(Supporting Accessibility)

不要把殘疾人擋在你的 App 外,適配好蘋果的輔助功能,比如:旁白、縮放、字體大小、朗讀內容等等。不要在圖標文案這些地方冒犯到殘疾人。

8. 支持多語言(Supporting Multiple Languages)

不同的國家對顏色的意義、日期和時間的格式,甚至閱讀順序(阿拉伯文是從右往左讀)等都是不一樣的,為不同的地區準備翻譯文案和各種素材。當然注意不要刻板印象或者冒犯對方的文化。

新增 SharePlay

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/shareplay/overview/

iOS 15、macOS 12 和 tvOS 15 新增 SharePlay 功能,該功能能幫助人們在視頻通話時分享當前觀看的電影或聽的音樂,在所有參與通話的設備同步播放內容,使每個參與者都能同時享受一致的體驗。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

為了讓人們知道你的 App 支持 SharePlay,可以在 App 中用如下圖標表示 SharePlay。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

1. 幫助人們分享你的 App 的活動(Helping People Share Your App’s Activities)

提供明顯的入口或提示讓用戶使用 SharePlay 功能,當對方收到邀請時,讓你的邀請提示能顯示電影或音樂的標題、海報等等。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

新增從右到左(Right to Left)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/right-to-left/overview/introduction/

從右到左指的是阿拉伯語和希伯來語是從右往左閱讀,這種情況不僅僅是把文字反轉,連整體界面的布局都要從右到左展示,蘋果的開發者工具為這種從右到左適配提供了完整的解決方案。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

更新 Mac Catalyst 部分內容

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/mac-catalyst/overview/introduction/

Mac Catalyst 在 2020 WWDC 就展示了,該功能幫助開發者將 iOS App 輕松地移植到 Mac 上運行。此次更新內容包括:

  • 提醒開發者適配鍵盤快捷鍵、支持多任務和多窗口功能。
  • Mac OS 新增對 iOS App 下拉菜單(Pull-down Menus)和取色器(Color Picker)的默認適配。
  • 注意熟悉 Mac OS 和 iOS 的視覺設計和交互差異,必要的地方保持平臺差異。

發布 SF Symbols 3.0

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

SF Symbols 內提供 3100+ 可配置的圖標并且集成在 San Francisco 字體中。相比于去年的 SF Symbols 2.0 新增 600+ 新圖標,新的顏色渲染模式,工作流程優化,自定義符號改進,以及更多的本地化選項。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

更新應用內購買(In-App Purchase)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/in-app-purchase/overview/introduction/

應用內購買(In-App Purchase)早在 2010 年就提供了,相比于去年該頁內容詳細了很多。比如:

  • 介紹應用內購買有四類:消耗品、非消耗品、自動更新訂閱和不續訂的訂閱。
  • 鼓勵用戶使用家庭共享(Family Sharing,最多與 5 名家庭成員共享購買的內容)
  • 提供應用內購買幫助功能,在購買或者退款遇到困難時提供更好的用戶體驗

更新小組件(Widgets)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/widgets/overview/introduction/

去年小組件僅支持 iPhone,今年 iPad 也支持了,因此更新了如何在 iPad 上設計小組件的相關內容。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

新增空間交互 (Spatial Interactions)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/spatial-interactions/

空間交互是指附近的設備能進行交互,例如正在播放音樂的 iPhone 只需靠近 HomePod mini 音箱,就能讓音箱繼續播放在 iPhone 上播著的音樂。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

本章內容包含兩部分:

1. 設計偉大的空間交互

例如:

  • 避免使用空間交互作為執行任務的唯一方式。
  • 從物理世界的角度來思考任務,為空間交互尋找靈感。
  • 通過提供清晰可靠的反饋,幫助人們理解空間交互。
  • 利用距離、方向和環境來指導空間交互。
  • 考慮物理距離的變化如何引導空間交互。
  • 提供持續的反饋。
  • 使用多種反饋類型來創建一個整體的體驗。

2. 幫助人們在附近進行空間交互

例如:

  • 鼓勵人們以縱向方向握住設備,橫向持有設備會降低對其他設備的距離和方向信息的準確性。
  • 引導用戶將設備指向附近的設備,空間交互依賴于一個具有特定視場的硬件傳感器,如果附近的設備不在傳感器感知范圍內,就無法進行空間交互。
  • 幫助人們了解在設備之間遮擋的物體會如何影響你的 App 中的空間交互體驗。

更新訪問用戶數據(Accessing User Data and Resources)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/accessing-user-data/#using-the-location-button

此次新增以下兩部分內容:

1. 使用位置按鈕(Using the Location Button)

在 iOS 15 和以后的版本中,在 App 中提供位置按鈕,若之前 App 沒有選擇「在使用 App 允許期間允許訪問位置」(While Using the App),點擊該按鈕會彈出權限請求對話框,如果已授權點擊不會有任何效果。該按鈕只能允許當此 App 運行時允許使用位置,下次使用 App 依然要重新授權。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

2. 在 Shzamkit App 中使用麥克風

Shzamkit 是蘋果類似于網易云音樂、QQ 音樂的“聽歌識曲”的功能。在 iOS 15 及以后的版本中,開發者能在 App 中集成 Shzamkit 音頻識別技術,實現識別音頻展示實時語音字幕等功能。如果你要在 App 中使用 Shzamkit,必須先允許 Shzamkit 訪問麥克風授權才行。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

更新通知(Notifications)

網站鏈接: https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/notifications/

iOS 15 對通知進行了大刀闊斧的改革,用戶可以自定義當前的狀態,例如免打擾、工作、生活等。系統將根據用戶的狀態,智能地擇時推送。另外,iOS 15 可通過算法來組織推送的摘要,讓用戶一覽無余通知的內容。通知列表中的信息越重要,位置就越靠上,避免用戶遺漏重要信息。

該篇重寫了 50% 的內容來指導開發者適應 iOS 15 對通知的新變化,比如介紹通知將分為四種中斷級別:被動(Passive)、活躍(Active)、Time Sensitive(時間敏感)和 Critical(危急關頭),不同的通知類型有不同的推送規則和展示狀態。

蘋果 2021 WWDC 界面設計指南更新了哪些內容?全都在這了!

精力和能力所限,以上更新內容僅為簡介,而且可能有所錯漏,詳細的更新內容請關注我后續的文章。

收藏 67
點贊 30

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。