編輯導(dǎo)語：作為互聯(lián)網(wǎng)應(yīng)用開發(fā)者、設(shè)計者，iOS系統(tǒng)是其需要熟悉的操作系統(tǒng)，熟悉iOS系統(tǒng)的設(shè)計規(guī)范一定程度上有助于推動產(chǎn)品工作效率，并提升用戶體驗。上篇文章里，作者對iOS系統(tǒng)的系統(tǒng)能力做了介紹，本篇文章作者繼續(xù)對拓展程序進行闡述，一起來看一下。

iOS是運行于iPhone、iPad和iPod touch設(shè)備上、最常用的移動操作系統(tǒng)之一。作為互聯(lián)網(wǎng)應(yīng)用的開發(fā)者、產(chǎn)品經(jīng)理、體驗設(shè)計師，都應(yīng)當(dāng)理解并熟悉平臺的設(shè)計規(guī)范。這有利于提高我們的工作效率，保證用戶良好的體驗。

iOS設(shè)計規(guī)范系列共10篇。本文是第10篇，介紹拓展程序（Extensions)。

一、鍵盤自定義（Custom Keyboard）

可以通過“鍵盤自定義”擴展程序來自定義鍵盤。

用戶在“設(shè)置”中啟用自定義鍵盤后，他們可以將其用于任何應(yīng)用程序中的文本輸入，但編輯安全文本字段和電話號碼字段時除外。人們可以啟用多個自定義鍵盤，并可以隨時在它們之間進行切換。

1）確保自定義鍵盤是有意義的。

自定義鍵盤只有當(dāng)APP想要在系統(tǒng)層面，提供一個獨一無二的鍵盤功能時才有意義。例如：輸入文本的新方式或輸入iOS不支持的語言的能力。

如果你只是需要在你自己的APP中使用自定義鍵盤，那么可以考慮使用一個自定義輸入視圖來代替。

2）提供一種在鍵盤之間切換的明顯而簡便的方法。

人們知道，標(biāo)準(zhǔn)的iOS鍵盤上的Globe鍵（在啟用了多個鍵盤時會替換Emoji鍵）會迅速切換到其他鍵盤。他們希望您的鍵盤具有類似的直觀體驗。

請注意，當(dāng)安裝了多個鍵盤時，Globe鍵會替換Emoji鍵。

3）不要復(fù)制系統(tǒng)提供的鍵盤功能。

在某些設(shè)備上，即使在使用自定義鍵盤時，“表情符號/地球”鍵和“聽寫”鍵也會自動出現(xiàn)在鍵盤下方。您的應(yīng)用程序不會影響這些鍵，因此請在鍵盤上重復(fù)輸入，以免引起混淆。

4）考慮在您的應(yīng)用中提供鍵盤教程。

人們已經(jīng)習(xí)慣了標(biāo)準(zhǔn)鍵盤，學(xué)習(xí)新鍵盤需要花費時間。通過在您的應(yīng)用中（而不是在鍵盤本身中）提供使用說明，使入門過程更容易。

告訴人們?nèi)绾螁⒂面I盤，在輸入文本時將其激活，使用它，然后切換回標(biāo)準(zhǔn)鍵盤。

自定義輸入視圖

自定義輸入視圖用自定義鍵盤替換了標(biāo)準(zhǔn)鍵盤，但僅在您的應(yīng)用程序中，而不是在系統(tǒng)范圍內(nèi)。

使用自定義輸入視圖可提供獨特而有效的數(shù)據(jù)輸入方法。例如，數(shù)字實現(xiàn)了用于在編輯電子表格時輸入數(shù)字值的自定義輸入視圖。

1）使功能顯而易見。

自定義輸入視圖上的控件應(yīng)在您的應(yīng)用程序上下文中有意義。數(shù)據(jù)輸入應(yīng)清晰直觀，因此無需其他說明。

2）在鍵入過程中播放標(biāo)準(zhǔn)的鍵盤點擊聲音。

當(dāng)用戶點擊鍵盤上的按鍵時，鍵盤點擊聲音會提供可聽見的反饋。在輸入視圖中點擊自定義控件也會產(chǎn)生這種聲音。請注意，此聲音僅對可見的自定義輸入視圖可用，并且人們可以在“設(shè)置——聲音”中禁用聲音。

3）如有必要，提供輸入附件視圖。

一些應(yīng)用程序?qū)崿F(xiàn)了一個額外的自定義輸入附件視圖，該視圖顯示在鍵盤上方。在數(shù)字中，輸入附件視圖可幫助人們輸入標(biāo)準(zhǔn)或自定義計算。

二、文件提供（Document Providers）

“文件提供”擴展程序?qū)崿F(xiàn)了一個有著自定義界面的，并且可以從系統(tǒng)上的其他APP中進行文檔的導(dǎo)入、導(dǎo)出以及移動的擴展功能。加載文件提供程序擴展時，其界面將顯示在包含導(dǎo)航欄的模式視圖中。

1）用戶打開或?qū)胛募r，僅顯示特定于上下文的文檔和信息。

當(dāng)用戶打開或?qū)胛臋n時，僅顯示適合當(dāng)前上下文的文檔。例如，如果PDF編輯應(yīng)用程序加載了擴展程序，則僅將PDF文件列出為可以打開或?qū)氲目赡芪臋n。

確保列出其他可能也有幫助的信息，例如修改日期、大小以及文檔是本地文件還是遠程文件。

2）人們在導(dǎo)出和移動文檔時選擇目的地。

除非您的應(yīng)用將文檔存儲在單個目錄中，否則用戶應(yīng)導(dǎo)航到目錄層次結(jié)構(gòu)中的特定目標(biāo)?？紤]提供一種添加新子目錄的方法。

3）不要提供自定義導(dǎo)航欄。

您的擴展程序?qū)⒓虞d到已經(jīng)包含導(dǎo)航欄的模式視圖中。提供第二個導(dǎo)航欄會造成混亂，并占用您內(nèi)容的空間。

三、信息發(fā)送（Messaging）

iMessage APP和貼紙包是一種關(guān)于消息發(fā)送的擴展程序，它可以讓用戶與朋友分享內(nèi)容、進行富有表現(xiàn)力的交流和共享協(xié)作體驗。

iMessage應(yīng)用程序

iMessage應(yīng)用程序可在Messages對話的上下文中提供交互式體驗。iMessage應(yīng)用程序使人們可以共享數(shù)據(jù)和媒體，在共享任務(wù)上進行協(xié)作以及彼此玩游戲。

1）設(shè)計一個直觀的界面。

如果您的iMessage應(yīng)用提供了靜態(tài)內(nèi)容，例如文本、照片或視頻，請確保人們易于瀏覽和選擇要插入對話的項目。如果您的應(yīng)用程序是交互式的，例如多人游戲板或協(xié)作外賣訂單，請確保其功能有用且易于理解。

2）提供重點內(nèi)容。

為了清楚和易于使用，每個消息傳遞擴展都應(yīng)具有單個焦點。例如，請勿嘗試設(shè)計一個將貼紙和拼車功能都結(jié)合在一起的應(yīng)用程序。

3）提供有趣的協(xié)作體驗。

iMessage應(yīng)用程序通常用于兩個或多個人之間的快節(jié)奏、非正式對話環(huán)境中。通過共享、編輯或擴充內(nèi)容，創(chuàng)造性地利用此環(huán)境來鼓勵來回參與。如果所有各方都一起使用該應(yīng)用程序，則將實時進行內(nèi)容更新。

4）突出顯示有趣的iOS應(yīng)用內(nèi)容。

通過在消息空間顯示其內(nèi)容來擴展iOS應(yīng)用程序的功能?？紤]人們可能想要共享哪些信息，以及他們?nèi)绾卧诨钴S對話的背景下與您的應(yīng)用進行交互。

5）插入內(nèi)容以避免裁切。

應(yīng)用程序的內(nèi)容以帶有圓角的消息氣泡形式顯示，因此請不要將重要信息放在拐角處。

6）區(qū)分緊湊型視圖和擴展視圖。

您的應(yīng)用將顯示在對話下方的緊湊視圖中。此視圖應(yīng)在視覺上將您的應(yīng)用與其他應(yīng)用區(qū)分開來，并提供對常用功能的訪問。人們還可以在展開的視圖中打開您的應(yīng)用，以訪問高級功能或一次查看更多選項。

7）只允許在擴展視圖中進行文本編輯。

緊湊的視圖與鍵盤的高度大致相同。為確保用戶可以看到他們正在編輯的內(nèi)容，僅允許在擴展視圖中輸入文本。

1. 貼紙

貼紙為人們提供了一種有趣，引人入勝的方式，使他們可以在“消息”對話中表達自己，而無需鍵入或使用表情符號。貼紙是可以發(fā)送或放置在消息、照片和其他貼紙上以增強重點并傳達情感的圖像或動畫。

1）為表達而設(shè)計。

人們使用貼紙在視覺上傳達情緒和反應(yīng)。努力提供貼近人們情感的貼紙。考慮合并圖像、單詞和短語以為對話添加新的維度。

2）放眼全球。

消息傳遞是一種通用的通信形式。力求獲得具有廣泛國際吸引力的貼紙。

3）使用描述性圖像名稱或提供替代文本標(biāo)簽。

盡管它們在屏幕上不可見，但是圖像名稱和其他文本標(biāo)簽使VoiceOver可以聽得見地描述貼紙，從而使視力障礙者的導(dǎo)航更加輕松。

4）通過動畫增加活力。

盡管貼圖可以是靜態(tài)圖像，但動畫貼圖是在對話中傳遞能量的好方法。確保使用足夠高的幀頻以保持運動流暢。

5）測試放置的可能性。

用戶可以縮放，旋轉(zhuǎn)和在對話的各個部分上放置貼紙。確保您的貼紙清晰可見，無論其位置或大小如何，其顏色和圖像均不同。

6）考慮使用鮮艷的色彩和透明度。

鮮艷的色彩為對話增添了豐富感和興奮感。透明性允許將貼紙有意義地放置在消息，照片和其他貼紙上。

2. 貼紙尺寸

消息支持三種不干膠標(biāo)簽大小，它們顯示在基于網(wǎng)格的瀏覽器中。選擇最適合您的內(nèi)容的尺寸，并準(zhǔn)備該尺寸的所有貼紙。

1）適當(dāng)縮放貼紙。

盡管可以根據(jù)需要將Messages縮小較大的貼紙，但最好提供預(yù)先縮放的貼紙以實現(xiàn)最佳質(zhì)量和性能。

2）請注意文件大小限制。

為了提高效率，每個單獨的標(biāo)簽不得超過500KB。請注意，Xcode使用24位調(diào)色板保存PNG動畫，這可能會導(dǎo)致文件大小超出預(yù)期。

3. 貼紙格式

郵件支持以下文件格式的貼紙：

4. iMessage應(yīng)用程序和貼紙包圖標(biāo)

像iOS應(yīng)用一樣，iMessage應(yīng)用和貼紙包也需要可識別的應(yīng)用圖標(biāo)。保持背景簡單，并提供單個焦點。設(shè)計一個帶有單個中心點的圖標(biāo)，一目了然。包括一個不會壓倒其他圖標(biāo)的簡單背景。

保持圖標(biāo)四角方形。系統(tǒng)應(yīng)用一個自動將圖標(biāo)角變圓的蒙版。提供不同大小的圖標(biāo)。您的圖標(biāo)出現(xiàn)在App Store、消息、通知和設(shè)置中。為確保您的圖標(biāo)在任何情況下和在任何設(shè)備上均顯示精美，可以提供以下尺寸的圖標(biāo)變體：

四、照片編輯（Photo Editing）

通過“照片編輯”擴展程序，人們可以通過應(yīng)用濾鏡或進行其他更改來在“照片”應(yīng)用程序中修改照片和視頻。修改總是以新文件的形式保存在“照片”應(yīng)用中，從而安全地保留原始版本。

要訪問照片編輯擴展名，照片必須處于編輯模式。

在編輯模式下，點擊工具欄中的擴展名圖標(biāo)將顯示可用編輯擴展名的操作菜單。選擇一個將在包含導(dǎo)航欄的模式視圖中顯示擴展的界面。撤消該視圖將確認并保存編輯，或取消編輯并返回到“照片”應(yīng)用程序。

1）確認取消編輯。

編輯照片或視頻可能很耗時。如果有人點擊“取消”按鈕，請不要立即放棄他們的更改。要求他們確認他們確實要取消，并告知他們?nèi)∠笏芯庉嫸紝G失。如果尚未進行任何編輯，則無需顯示此確認。

2）不要提供自定義導(dǎo)航欄。

您的擴展程序?qū)⒓虞d到已經(jīng)包含導(dǎo)航欄的模式視圖中。提供第二個導(dǎo)航欄會造成混亂，并占用正在編輯內(nèi)容的空間。

3）讓人們預(yù)覽編輯。

如果您看不到它的外觀，則很難批準(zhǔn)該編輯。在關(guān)閉您的擴展程序并返回到“照片”應(yīng)用程序之前，讓人們看到他們的工作結(jié)果。

4）使用您的應(yīng)用程序圖標(biāo)作為照片編輯擴展程序圖標(biāo)。

這使您確信該擴展程序?qū)嶋H上是由您的應(yīng)用程序提供的。

五、分享和操作（Sharing and Actions）

“分享和操作”擴展程序為與APP、社交媒體帳戶和其他服務(wù)共享當(dāng)前頁面中的信息提供了一種便捷的方式。操作擴展則是讓用戶啟動針對當(dāng)前內(nèi)容的任務(wù)，例如添加書簽、復(fù)制鏈接、保存圖像。

用戶在點擊頁面中的操作按鈕，會顯示帶有共享擴展和操作擴展的活動視圖。該活動視圖只會顯示與當(dāng)前內(nèi)容相關(guān)的擴展。例如：在編輯視頻時，你不會看到文本類的操作按鈕。在活動視圖中，共享擴展顯示在操作擴展的上方。

1）啟用一個集中的任務(wù)。

擴展程序不是迷你應(yīng)用程序。它執(zhí)行與當(dāng)前上下文有關(guān)的范圍狹窄的任務(wù)。

2）制作一個熟悉的界面。

對于共享擴展，系統(tǒng)提供的合成視圖很熟悉，并在整個系統(tǒng)中提供一致的共享體驗。盡可能使用它。對于操作擴展，請包括您的應(yīng)用名稱，或設(shè)計一個易于識別的界面，感覺就像是應(yīng)用的自然擴展。

3）簡化并限制交互。

最好的擴展程序使人們僅需幾個步驟即可執(zhí)行任務(wù)。例如，共享擴展名可以通過單擊立即將圖像發(fā)布到社交媒體帳戶。僅在必要時提供接口。

4）避免將模式視圖放在擴展中。

默認情況下，擴展顯示在模式視圖中。盡管在擴展名上方可能會發(fā)出警報，但請避免分層附加模式視圖。

5）使用您的主應(yīng)用程序表示冗長的操作進度。

在啟動共享或操作后，應(yīng)立即關(guān)閉活動視圖。耗時的任務(wù)應(yīng)在后臺繼續(xù)，您的主應(yīng)用程序應(yīng)提供某種方式來檢查這些任務(wù)的狀態(tài)。請勿為此使用通知。人們不想在每次任務(wù)完成時都看到通知，盡管如果有問題也可以通知他們。

6）將模板圖像用作操作擴展圖標(biāo)。

模板圖像使用遮罩創(chuàng)建圖標(biāo)。使用具有適當(dāng)透明度和抗鋸齒的黑色和白色，并且不要包含陰影。模板圖片應(yīng)居中放置在大約70px×70px的區(qū)域中。

本文是iOS平臺規(guī)范第10篇，介紹了iOS的擴展程序（Extensions），參考資料Apple Developer-Human Interface Guidelines。本文是該系列最后一篇，感謝你的閱讀。后續(xù)將陸續(xù)發(fā)表其他規(guī)范類文章，敬請關(guān)注。

#專欄作家#

曉吾，微信公眾號：體驗主義，人人都是產(chǎn)品經(jīng)理專欄作家。騰訊高級交互設(shè)計師，前創(chuàng)新工場、新浪微博交互設(shè)計師。專注社交創(chuàng)新與娛樂產(chǎn)品設(shè)計。

本文由 @曉吾 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議