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

這份人機(jī)界面指南當(dāng)中所包含的知識，毫無疑問是價(jià)值非凡的。很多設(shè)計(jì)師同學(xué)，平時(shí)大都只是泛泛得掃讀其中的內(nèi)容，但是如果你正身處某個(gè)設(shè)計(jì)項(xiàng)目當(dāng)中，結(jié)合某些需求和問題再來閱讀的時(shí)候，會(huì)發(fā)現(xiàn)其中很多設(shè)計(jì)規(guī)則背后所隱藏深意和遠(yuǎn)見。

最近幾個(gè)月，我一直在開發(fā) iOS APP，這個(gè)過程中，我對于這個(gè)設(shè)計(jì)規(guī)范有了更為深入的理解，同時(shí)也注意到很多關(guān)鍵的設(shè)計(jì)要點(diǎn)。今天這篇文章，我就結(jié)合我近期的實(shí)際經(jīng)驗(yàn)，分享 10 篩選自蘋果的 iOS 人機(jī)設(shè)計(jì)指南的關(guān)鍵要點(diǎn)，對于正在設(shè)計(jì) APP 的同學(xué)而言，應(yīng)該頗有幫助。

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

「在不同的氛圍、一天中不同時(shí)間和天氣之下，室內(nèi)和室外的光照狀況是截然不同的。當(dāng)你想將你的 APP 應(yīng)用在現(xiàn)實(shí)世界當(dāng)中的時(shí)候，你在屏幕上看到的色彩并不總是是相同的。所以，你始終要在多種不同的光照情況下(包括不同天氣的戶外)來預(yù)覽你的 APP，查看顏色的顯示是否合適。如有必要，在此基礎(chǔ)上調(diào)整色彩，讓配色在絕大多數(shù)情況下都可以提供最佳的體驗(yàn)。」——蘋果色彩設(shè)計(jì)準(zhǔn)則

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

除了配色之外，我還要補(bǔ)充一點(diǎn)，就是很多上下文環(huán)境和交互都會(huì)影響用戶的行為。所以用戶需要考慮到用戶在使用應(yīng)用所處的位置、時(shí)間階段以及情緒狀態(tài)。

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

如果你打算設(shè)計(jì)一款用于慢跑的 APP，那么你同樣要考慮環(huán)境和條件約束。

Shopify 上有一篇很棒的文章，教你如何充分利用環(huán)境因素來進(jìn)行設(shè)計(jì)。

2、盡可能延遲用戶登錄

「用戶經(jīng)常在執(zhí)行有效的操作之前，就被迫要求登錄帳號，這種情況使得很多用戶放棄使用 APP。你得在作出承諾之前，讓用戶有機(jī)會(huì)愛上你的 APP。在購物類 APP 當(dāng)中，你應(yīng)該讓用戶可以隨便瀏覽各種商品，并且在需要購買的時(shí)候再提醒他們需要登錄。在流媒體應(yīng)用當(dāng)中，讓用戶可以隨意瀏覽絕大多數(shù)內(nèi)容，并且讓一部分內(nèi)容在登錄后才能看到就行了。」——蘋果授權(quán)登錄設(shè)計(jì)準(zhǔn)則

蘋果在設(shè)計(jì)規(guī)范當(dāng)中，敦促設(shè)計(jì)師盡可能重新審視登錄的機(jī)制，如果可能，甚至完全刪除登錄和注冊這樣的環(huán)節(jié)。

不幸的是，我們絕大多數(shù)的應(yīng)用是不太可能刪除登錄機(jī)制的。不過，我在設(shè)計(jì) APP 的時(shí)候，已經(jīng)盡量將注冊環(huán)節(jié)往后挪了，確保用戶在體驗(yàn)過產(chǎn)品，基于實(shí)際產(chǎn)品調(diào)整預(yù)期之后，再主動(dòng)注冊。

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

3、讓 APP 的色彩模式跟隨系統(tǒng)的色彩模式

深色模式已經(jīng)在各個(gè)系統(tǒng)中大規(guī)模應(yīng)用了，在 iOS 中更是如此。

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

4、盡快展示內(nèi)容

不要讓展示內(nèi)容和啟動(dòng)頁/閃屏混淆。啟動(dòng)頁通常用來介紹頁面的元素、功能。

「如果你的應(yīng)用程序在啟動(dòng)頁預(yù)覽的效果，和實(shí)際的頁面看起來不一樣，用戶可能會(huì)因?yàn)檫@這種不一致和不對應(yīng)感到不適。另外，請讓你的啟動(dòng)頁和設(shè)備當(dāng)下的色彩模式保持一致，具體請參閱深色模式的說明。」——蘋果的啟動(dòng)屏設(shè)計(jì)準(zhǔn)則

「不要讓屏幕上所有內(nèi)容都加載好了之后再顯示，并且讓用戶一直等著。當(dāng)用戶點(diǎn)擊之后，APP 最好立即顯示，可以使用占位符文本、占位符圖片或者其他的內(nèi)容來標(biāo)識內(nèi)容正在加載，當(dāng)前不可用。當(dāng)內(nèi)容加載好了之后，再替換這些內(nèi)容。只要有可能，盡量在后臺預(yù)加載好，比如轉(zhuǎn)場動(dòng)畫，系統(tǒng)的導(dǎo)航菜單，等等。」——蘋果的加載設(shè)計(jì)準(zhǔn)則

5、充分利用系統(tǒng)提供的色彩

在進(jìn)行設(shè)計(jì)的時(shí)候，對于文本、符號、圖標(biāo)等視覺元素，盡量調(diào)用系統(tǒng)預(yù)制的配色，這能夠幫你省去超多工作量。

「iOS提供了一系列的系統(tǒng)配色，這些配色能夠自動(dòng)匹配符合需求的色調(diào)和飽和度，并且能夠和系統(tǒng)的可訪問性的設(shè)置相聯(lián)動(dòng)，比如自動(dòng)增加對比度、降低透明度等等。在系統(tǒng)的深色模式和淺色模式下，這些預(yù)制的色彩不論是自單獨(dú)使用還是組合使用，效果都會(huì)頗為突出。」

「不要在你的應(yīng)用當(dāng)中使用色彩編碼將這些色彩給定死，系統(tǒng)提供的這些色彩僅供你在設(shè)計(jì)過程中參考，實(shí)際應(yīng)用場景中，這些實(shí)際的色彩的數(shù)值在后臺會(huì)隨著環(huán)境變化而在一定幅度內(nèi)波動(dòng)，開發(fā)的時(shí)候，始終使用 API 來定義色彩，有關(guān)開發(fā)人員的文檔請參考 UIColor 這一文檔。」——蘋果色彩設(shè)計(jì)準(zhǔn)則

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

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

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

「采用相對非正式、友好的語氣來進(jìn)行表述。非正式的、平易近人的語言風(fēng)格，能讓語言表達(dá)像您午餐時(shí)與人聊天那樣自然，這樣可以讓你于用戶之間的距離更近。」——蘋果術(shù)語使用指南

這里最重要的一點(diǎn)，是要了解你所面對的用戶。如果你面對的是一個(gè)非常普通的用戶，那么你可能要避免使用術(shù)語。如果的 APP 的用戶是一個(gè)高度專業(yè)化的建筑師團(tuán)隊(duì)，那么你可能要采取截然不同的呈現(xiàn)方式。

7、預(yù)測并為用戶提供幫助

「主動(dòng)預(yù)測用戶可能會(huì)在哪個(gè)環(huán)節(jié)被困住，比如在用戶暫停游戲的時(shí)候，提供相關(guān)的引導(dǎo)和幫助。如果用戶第一次錯(cuò)過某些內(nèi)容，那么應(yīng)該提供一個(gè)入口讓用戶可以重復(fù)觀看教程。」——蘋果 APP 體系結(jié)構(gòu)設(shè)計(jì)準(zhǔn)則

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

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

8、必要時(shí)幫助用戶避免信息丟失

「無論是使用滑動(dòng)關(guān)閉手勢、還是使用關(guān)閉按鈕，如果這一操作可能會(huì)導(dǎo)致用戶的內(nèi)容丟失，那么請?zhí)峁┫嚓P(guān)的情況說明，并且提供解決信息丟失的解決方案。」——蘋果設(shè)計(jì)模式指南

「除非取消或者刪除，用戶始終可以保留現(xiàn)有的信息和內(nèi)容，這才會(huì)讓用戶感到放心。通常，不需要讓用戶手動(dòng)來保存，而是要在用戶打開或者關(guān)閉文件、或者切換到其他的 APP 的時(shí)候，定期自動(dòng)保存更改。不過，在一些特定的情況下，比如編輯現(xiàn)有的文件，或者需要確認(rèn)當(dāng)前的內(nèi)容的時(shí)候，保存和取消的操作同樣有意義，這個(gè)時(shí)候的自動(dòng)保存可能并不符合用戶的需求。」——蘋果文件處理準(zhǔn)則

9、請盡量使用標(biāo)準(zhǔn)手勢

「用戶習(xí)慣標(biāo)準(zhǔn)化的手勢，不喜歡被迫學(xué)習(xí)不同的操作方式來實(shí)現(xiàn)已有的、或是相同的操作。在游戲或者是虛擬現(xiàn)實(shí)一類的 APP 當(dāng)中，自定義手勢可能是體驗(yàn)中有趣的一部分，在其他的應(yīng)用當(dāng)中，最好使用標(biāo)準(zhǔn)的手勢，讓用戶無需費(fèi)力去發(fā)現(xiàn)、學(xué)習(xí)和記憶。」——蘋果手勢設(shè)計(jì)指南

10、不要在通知中包含敏感、個(gè)人或者機(jī)密信息

「你無法預(yù)測用戶在收到通知的時(shí)候正在做什么，因此需要避免推送到屏幕上的信息可能是敏感的個(gè)人信息。」——蘋果通知設(shè)計(jì)準(zhǔn)則