如果你是 UI 設計師，多少都接觸過蘋果的人機界面設計指南吧？這份在被奉為圭臬的設計指南當中，融入了幾十年來最為經典、實用的設計規范和技巧，它非常易讀且易于理解。

這份人機界面指南當中所包含的知識，毫無疑問是價值非凡的。很多設計師同學，平時大都只是泛泛得掃讀其中的內容，但是如果你正身處某個設計項目當中，結合某些需求和問題再來閱讀的時候，會發現其中很多設計規則背后所隱藏深意和遠見。

最近幾個月，我一直在開發 iOS APP，這個過程中，我對于這個設計規范有了更為深入的理解，同時也注意到很多關鍵的設計要點。今天這篇文章，我就結合我近期的實際經驗，分享 10 篩選自蘋果的 iOS 人機設計指南的關鍵要點，對于正在設計 APP 的同學而言，應該頗有幫助。

1、在各種光照條件下測試配色方案

「在不同的氛圍、一天中不同時間和天氣之下，室內和室外的光照狀況是截然不同的。當你想將你的 APP 應用在現實世界當中的時候，你在屏幕上看到的色彩并不總是是相同的。所以，你始終要在多種不同的光照情況下（包括不同天氣的戶外）來預覽你的 APP，查看顏色的顯示是否合適。如有必要，在此基礎上調整色彩，讓配色在絕大多數情況下都可以提供最佳的體驗?！埂?a target="_blank" >蘋果色彩設計準則

其實 Sleep Cycle 這個 APP 就是一個典型的例子，這個 APP 就使用了令人非常舒適的深色配色，讓你的眼睛在深色和淺色模式下都可以非常輕松地瀏覽信息，尤其適合睡前設置鬧鐘這種使用場景。

除了配色之外，我還要補充一點，就是很多上下文環境和交互都會影響用戶的行為。所以用戶需要考慮到用戶在使用應用所處的位置、時間階段以及情緒狀態。

其實，你仔細審視，會看到很多或好或不好的案例。導航類應用應該是需要閱讀和觸摸操作最少的，Kindle 確保了用戶在戶外閱讀的時候不會顯得屏幕刺眼，筆記類應用基本都可以離線使用，等等。

如果你打算設計一款用于慢跑的 APP，那么你同樣要考慮環境和條件約束。

Shopify 上有一篇很棒的文章，教你如何充分利用環境因素來進行設計。

2、盡可能延遲用戶登錄

「用戶經常在執行有效的操作之前，就被迫要求登錄帳號，這種情況使得很多用戶放棄使用 APP。你得在作出承諾之前，讓用戶有機會愛上你的 APP。在購物類 APP 當中，你應該讓用戶可以隨便瀏覽各種商品，并且在需要購買的時候再提醒他們需要登錄。在流媒體應用當中，讓用戶可以隨意瀏覽絕大多數內容，并且讓一部分內容在登錄后才能看到就行了?！埂O果授權登錄設計準則

蘋果在設計規范當中，敦促設計師盡可能重新審視登錄的機制，如果可能，甚至完全刪除登錄和注冊這樣的環節。

不幸的是，我們絕大多數的應用是不太可能刪除登錄機制的。不過，我在設計 APP 的時候，已經盡量將注冊環節往后挪了，確保用戶在體驗過產品，基于實際產品調整預期之后，再主動注冊。

引入外部帳號機制來注冊登錄也是一個頗為不錯的選擇。我現在正在使用密碼自動填充、Facebook 帳號登錄、Google 帳號登錄、Apple 帳號登錄以及電子郵件注冊登錄這幾種方式。

3、讓 APP 的色彩模式跟隨系統的色彩模式

深色模式已經在各個系統中大規模應用了，在 iOS 中更是如此。

「如果給某個 APP 提供特定的色彩模式，那么可能會加大用戶的工作量，他們可能需要調整更多設置來確保系統的統一性和舒適性。更糟糕的是，APP 如果不跟隨系統色彩模式，用戶可能會認為 APP 已經損壞，無法跟隨他們在系統內所設置的外觀選項。」——蘋果深色模式指南

4、盡快展示內容

不要讓展示內容和啟動頁/閃屏混淆。啟動頁通常用來介紹頁面的元素、功能。

「如果你的應用程序在啟動頁預覽的效果，和實際的頁面看起來不一樣，用戶可能會因為這這種不一致和不對應感到不適。另外，請讓你的啟動頁和設備當下的色彩模式保持一致，具體請參閱深色模式的說明?！埂?a target="_blank" >蘋果的啟動屏設計準則

「不要讓屏幕上所有內容都加載好了之后再顯示，并且讓用戶一直等著。當用戶點擊之后，APP 最好立即顯示，可以使用占位符文本、占位符圖片或者其他的內容來標識內容正在加載，當前不可用。當內容加載好了之后，再替換這些內容。只要有可能，盡量在后臺預加載好，比如轉場動畫，系統的導航菜單，等等。」——蘋果的加載設計準則

5、充分利用系統提供的色彩

在進行設計的時候，對于文本、符號、圖標等視覺元素，盡量調用系統預制的配色，這能夠幫你省去超多工作量。

「iOS提供了一系列的系統配色，這些配色能夠自動匹配符合需求的色調和飽和度，并且能夠和系統的可訪問性的設置相聯動，比如自動增加對比度、降低透明度等等。在系統的深色模式和淺色模式下，這些預制的色彩不論是自單獨使用還是組合使用，效果都會頗為突出?！?/p>

「不要在你的應用當中使用色彩編碼將這些色彩給定死，系統提供的這些色彩僅供你在設計過程中參考，實際應用場景中，這些實際的色彩的數值在后臺會隨著環境變化而在一定幅度內波動，開發的時候，始終使用 API 來定義色彩，有關開發人員的文檔請參考 UIColor 這一文檔?！埂?a target="_blank" >蘋果色彩設計準則

「SF Symbols 提供了一套超過 1500 款風格一致、高度可配置的字符，你可以在 APP 中輕松使用它們。蘋果設計的 SF Symbols 和 San Francisco 系統字體可以無縫地集成，兩者可以在粗細、大小上自動保持光學垂直對齊。你可以在 iOS 13 及更高版本、watchOS6 及更高版本、以及 tvOS 13 及更高版本上使用 SF Symbols 。」——蘋果 SF Symbols 使用指南

6、使用熟悉且易于理解的詞匯

「技術可能會令人生畏，盡量避免使用用戶可能不理解的縮寫和技術術語。使用用戶容易理解和接受的短語。通常，吸引所有人的應用程序，應該避免使用技術含量過高的詞匯，而專業術語適合特定技術人員所用的 APP。」

「采用相對非正式、友好的語氣來進行表述。非正式的、平易近人的語言風格，能讓語言表達像您午餐時與人聊天那樣自然，這樣可以讓你于用戶之間的距離更近?！埂?a target="_blank" >蘋果術語使用指南

這里最重要的一點，是要了解你所面對的用戶。如果你面對的是一個非常普通的用戶，那么你可能要避免使用術語。如果的 APP 的用戶是一個高度專業化的建筑師團隊，那么你可能要采取截然不同的呈現方式。

7、預測并為用戶提供幫助

「主動預測用戶可能會在哪個環節被困住，比如在用戶暫停游戲的時候，提供相關的引導和幫助。如果用戶第一次錯過某些內容，那么應該提供一個入口讓用戶可以重復觀看教程?！埂?a target="_blank" >蘋果 APP 體系結構設計準則

添加快速提示、常見問題、幫助中心或是聊天機器人，都可以有效地幫助用戶解決困惑。

在我創建 APP的過程中，我會在一些界面中添加幫助圖標，教育用戶有關的操作，這樣可以使得我的界面保持整潔。如果需要，我還會提供一個幫助用戶了解更多的額外按鈕。

8、必要時幫助用戶避免信息丟失

「無論是使用滑動關閉手勢、還是使用關閉按鈕，如果這一操作可能會導致用戶的內容丟失，那么請提供相關的情況說明，并且提供解決信息丟失的解決方案。」——蘋果設計模式指南

「除非取消或者刪除，用戶始終可以保留現有的信息和內容，這才會讓用戶感到放心。通常，不需要讓用戶手動來保存，而是要在用戶打開或者關閉文件、或者切換到其他的 APP 的時候，定期自動保存更改。不過，在一些特定的情況下，比如編輯現有的文件，或者需要確認當前的內容的時候，保存和取消的操作同樣有意義，這個時候的自動保存可能并不符合用戶的需求?！埂?a target="_blank" >蘋果文件處理準則

9、請盡量使用標準手勢

「用戶習慣標準化的手勢，不喜歡被迫學習不同的操作方式來實現已有的、或是相同的操作。在游戲或者是虛擬現實一類的 APP 當中，自定義手勢可能是體驗中有趣的一部分，在其他的應用當中，最好使用標準的手勢，讓用戶無需費力去發現、學習和記憶?！埂?a target="_blank" >蘋果手勢設計指南

10、不要在通知中包含敏感、個人或者機密信息

「你無法預測用戶在收到通知的時候正在做什么，因此需要避免推送到屏幕上的信息可能是敏感的個人信息?！埂?a target="_blank" >蘋果通知設計準則

延伸閱讀：