macOS人機界面準則四—控件和拓展功能

* 按鈕

復選框、折疊控件、漸變按鈕、幫助按鈕、圖像按鈕、彈出按鈕、下拉按鈕、操作按鈕、單選按鈕、范圍按鈕、切換按鈕、斜角按鈕、圓形按鈕

* 字段和標簽

組合框、標簽、搜索欄、文本字段、令牌字段

* 選擇器

拾色器、日期選擇器、圖像選擇器、路徑控件、分段控件、滑桿、步進器

* 指示器

級別指示器、進度指示器

* 觸控條

觸控條概述、視覺設計、圖標和圖像、控件和視圖

* 拓展功能

自動化動作、Finder同步拓展、附加菜單欄、通知中心小部件、第三方打開服務、共享拓展


九、按鈕


1、復選框

復選框是一種讓用戶可以在兩個相反的狀態、操作或值之間進行選擇的按鈕類型。除非出現在清單中,否則其后會跟隨一段標題。

1. 提供一個暗示兩個相反狀態的標題。如果找不到明確的標題,考慮使用一對單選按鈕,以便用兩個不同的標簽來闡明狀態。

3. 在視圖中使用復選框而不是在窗口框架中。復選框不適用于工具欄和狀態欄之類的窗口框架元素。

4. 當用戶需要在兩個以上狀態之間進行選擇時,使用單選按鈕。

5. 如果多個復選框之間的關系不明顯,考慮使用標簽來說明。

6. 通常,垂直排列多個復選框。

7. 使用對齊方式和縮進方式將相關復選框分組。

8. 適當地啟用和禁用復選框及相關控件。

10. 使用復選框全局啟用和禁用多個子復選框時,當這些子復選框未全部處于同一狀態,它應顯示混合狀態(用短劃線表示)。


2、折疊控件

# 折疊按鈕 #

折疊按鈕顯示和隱藏與特定控件關聯的功能。

- 將折疊按鈕靠近其相關控件。控件與單擊按鈕時出現或隱藏的擴展選項之間應該有明確的關系。

- 在單個視圖中使用不超過一個折疊按鈕。


# 折疊小三角 #

折疊小三角顯示和隱藏與視圖或列表相關的信息和功能。

當隱藏內容時,三角形指向右側,而當內容可見時,三角形指向下方。

- 在對話框中使用顯示小三角時,提供描述性標簽。標簽應標明顯示或隱藏的內容,例如“高級選項”。例如,當披露三角形關閉時,標簽可能顯示為“顯示高級選項”,而當披露三角形打開時,標簽可能顯示為“隱藏高級選項”。


3、漸變按鈕

漸變按鈕可啟動與視圖相關的立即操作,例如添加或刪除表行。漸變按鈕包含圖標(而非文本),并且可以配置為操作按鈕,切換按鈕或彈出按鈕。它們通常位于其關聯視圖的附近(旁邊或內部)。

- 在視圖中使用漸變按鈕,而不是窗口框架。漸變按鈕不適用于工具欄或狀態欄。如果需要在工具欄中放置按鈕,使用工具欄項。

- 使用系統提供的圖標作為漸變按鈕。

- 避免使用標簽介紹漸變按鈕。由于漸變按鈕與特定視圖緊密相連,因此通常不需要使用描述性文字。


4、幫助按鈕

幫助按鈕顯示在視圖中,并在單擊時打開特定于應用的幫助文檔。

1. 使用系統提供的幫助按鈕來顯示幫助文檔。

2. 打開與當前操作有關的幫助內容。如果不顯示特定主題不合適,則顯示應用幫助文檔的頂層。

3. 每個窗口最多提供一個幫助按鈕。

4. 合理放置幫助按鈕。- 帶有關閉按鈕的對話框(例如“確定和取消左下角,與關閉按鈕垂直對齊。- 沒有關閉按鈕的對話框。左下角或右下角。- 首選項窗口或窗格。左下角或右下角。

5. 在視圖中使用幫助按鈕而不是窗口框架。幫助按鈕不適用于工具欄或狀態欄。

6. 不要使用標簽來引入幫助按鈕。幫助按鈕的目的很明確,不需要其他描述性文字。


5、圖像按鈕

圖像按鈕出現在視圖中,并顯示圖像或圖標。圖像按鈕沒有邊框,可以配置為操作按鈕,切換或彈出按鈕。

1. 在視圖中使用圖像按鈕而不是窗口框架。圖像按鈕不適用于工具欄和狀態欄。如果需要工具欄中的圖像按鈕,使用工具欄項。

2. 整個按鈕應該是可單擊的,而不僅僅是圖像部分。

3. 在圖像和按鈕邊緣之間留出約10像素的間隔。即使用戶點擊了圖像邊緣,仍然可以正常點擊。

4. 在圖像按鈕和其他控件之間留出足夠的間距。

5. 將標簽放置在圖像按鈕下方(如果有的話)。


6、彈出按鈕

- 彈出按鈕(通常稱為彈出菜單)是一種按鈕類型,單擊按鈕后顯示一個包含互斥選項列表的菜單。

- 彈出按鈕包括一個雙箭頭指示符,暗示著菜單出現的方向。菜單顯示在按鈕頂部。

- 像其他類型的菜單一樣,彈出按鈕的菜單可以包含分隔符和諸如復選標記的符號。菜單項顯示后將保持打開狀態,直到用戶選擇菜單項,在菜單外單擊,切換到另一個應用或退出該應用;或直到系統顯示警報為止。

1. 通常,使用標簽來介紹彈出按鈕。

3. 使用彈出按鈕顯示事物或狀態列表,而不是功能命令。如果需要提供命令列表,使用下拉按鈕。

5. 顯示合理的默認選項。選擇后后,彈出按鈕將顯示所選項目。

6. 將彈出按鈕的菜單限制為單個級別。子菜單將選擇隱藏得太深,難以瀏覽。

8. 使用彈出按鈕顯示互斥選項的靜態列表。 如果需要提供命令列表或讓用戶選擇多個狀態,改用下拉按鈕。

10. 如果對話框中包含六個或更多單選按鈕,考慮使用彈出按鈕。

12. 如果空間不受限制,考慮使用單列表格視圖代替彈出按鈕來顯示12個以上的選項。表格視圖支持滾動并且不會無意中被消除。

13. 使用復選框或下拉按鈕代替彈出按鈕進行多項選擇。

15. 工具欄中使用彈出按鈕時,請應用適當的樣式。使用帶漸變陰影的圓角矩形。

16. 可以在彈出按鈕菜單的底部添加自定義選項。如果彈出按鈕需要添加自定義選項,將其置于菜單底部分隔線下方。

17. 盡量使多個彈出按鈕在視圖中保持相同的寬度。


7、下拉按鈕

下拉按鈕(通常稱為下拉菜單)是一種彈出按鈕。下拉按鈕包括一個單箭頭指示符,暗示著菜單出現的方向。菜單通常顯示在按鈕下方。像其他類型的菜單一樣,下拉按鈕的菜單可以包含分隔符和諸如復選框之類的符號。菜單在屏幕上顯示后,將保持打開狀態,直到用戶選擇菜單項,在菜單外單擊,切換到另一個應用或退出該應用;或直到系統顯示警報為止。

- 使用下拉按鈕顯示功能命令列表或讓用戶選擇多種狀態。如果需要提供不是命令的互斥選項的列表,使用彈出按鈕。

- 在下拉按鈕中使用靜態標題。標題可以是文本或圖像,用于標識下拉按鈕菜單的內容。彈出按鈕的標題始終是當前所選菜單項的標題。如果將圖像用作下拉按鈕的標題,確保該圖像清楚地說明了按鈕的用途。

- 限制下拉按鈕的長度。理想情況下,下拉按鈕應包含三到十二個命令或狀態。


# 設置按鈕 #

設置按鈕(通常稱為設置菜單)是一種特定類型的下拉按鈕,其操作類似于操作菜單,不能隱藏,可提供應用級或特定于表的命令。設置按鈕包括一個收起時齒輪圖標和一個向下箭頭指示器。設置按鈕通常用在工具欄中,但也可以用在表格視圖下的視圖的內容區域中。

1. 使用系統提供的設置圖標,并且不需要介紹性標簽。

2. 設置按鈕為少于十二個的命令提供可見的快捷方式。

3. 使用工具欄中的設置按鈕提供訪問應用范圍的操作菜單。

4. 在單列表下方顯示一個操作按鈕,以提供編輯命令。例如,“操作”按鈕出現在“網絡”偏好設置中的“網絡服務”表下方。在此操作中的設置按鈕應采用漸變按鈕樣式。除了顯示在表格下方之外,操作按鈕不應出現在窗口的內容區域內。

5. 設計設置按鈕時,遵循所在菜單項的設計風格。避免顯示鍵盤快捷鍵,并確保菜單欄中的每個菜單項都可用。


8、操作按鈕

按出現在視圖中,并啟動特定于應用程序的即時操作,例如打印文檔或刪除文件。按鈕包含文本(而不是圖標),并且通常會打開單獨的窗口,對話框或應用程序,以便用戶可以完成任務。

1. 配置一個用戶可能會選擇作的默認按鈕。默認按鈕外觀突出,當用戶按下Return鍵時將自動執行其操作。每個視圖中只能有一個默認按鈕。

2. 在視圖中使用按鈕而不是在窗口框架中。按鈕不適用于工具欄和狀態欄。如果需要工具欄中的按鈕,請使用工具欄項。

3. 在按鈕中顯示文本而不是圖標。用戶希望按鈕包含描述性標題。如果要在按鈕中顯示圖標,請改用圖像按鈕。

4. 調整按鈕的寬度以適應標題。

5. 對按鈕標題使用標題大小寫。

6. 在按鈕標題中使用動詞。傳達單擊時發生的情況。由于按鈕會立即啟動操作,因此無需包括時間描述語(如馬上)。

7. 指定單個項目時要具體。諸如“選擇圖片”之類的標題比“ 導入”更有用,因為它可以標識用戶應選擇的內容。

8. 當按鈕打開另一個窗口,對話框或應用程序時,標題中應包含結尾的省略號。

9. 不要提供介紹性標簽。

10. 將破壞性按鈕與非破壞性控件保持足夠的距離。用戶必須做出有力的努力才能單擊該按鈕。

11. 當用戶需要在兩種狀態之間選擇時,使用復選框而不是按鈕。

12. 需要顯示選項列表時,使用彈出按鈕。

13. 考慮啟用彈簧加載??梢詫粹o配置為支持帶Force Touch觸控板的系統上的彈簧加載。彈簧加載使用戶可以通過將選定的項目拖動到按鈕上方,然后強制單擊(用力按壓)。然后,用戶可以繼續拖動項目,以執行其他操作。


9、單選按鈕

單選按鈕是一個后隨標題的小的圓形按鈕。單選按鈕通常以兩到五個為一組,向用戶提供一組相關但互斥的選擇。

單選按鈕還可以允許部分打開和部分關閉的混合狀態(包含破折號的圓圈)。但是,當您的應用程序需要混合狀態時,最好使用復選框。

1. 每個單選按鈕的標題應清楚地描述選擇它的效果。

2. 選擇標準按鈕代替單選按鈕來啟動操作。單選按鈕向用戶提供選項。

3. 在視圖而不是窗口框架中使用單選按鈕。單選按鈕不適用于部分窗口框架,例如工具欄和狀態欄。

4. 考慮使用標簽來介紹一組單選按鈕。將標簽與第一個單選按鈕標題的基線對齊。

5. 單選按鈕水平排列時,使用一致的間距。

6. 當用戶需要在兩種狀態之間進行選擇時,考慮使用一個復選框。通常,大多數用戶都清楚復選框的打開和關閉狀態,并且該復選框所需的空間少于一組單選按鈕。在極少數情況下,如果復選框不夠清晰,則可能需要保證一組帶有描述性標題的單選按鈕。

7. 當用戶需要同時選擇多個選項時,使用一組復選框。除非在極少數情況下需要混合狀態,否則單選按鈕應該互斥。

8. 需要顯示五個以上選項時,考慮使用一個彈出按鈕。用戶期望將大量選項整合到單個控件中。


10、范圍按鈕

范圍按鈕出現在視圖上方的范圍欄中。單擊范圍按鈕可限制視圖內內容的范圍,例如搜索結果。范圍按鈕通常包含文本,也可以包含圖標。

- 僅在范圍欄中顯示范圍按鈕。

- 將適當的邊框樣式應用于范圍按鈕。圓形邊框保留用于啟動操作或指定搜索條件的范圍按鈕。


11、切換按鈕

切換按鈕是兩個互斥狀態(打開和關閉)之間的切換。

- 在視圖中使用開關,而不是窗口。

- 避免使用開關控制單個細節或次要設置。開關比復選框具有更強的視覺效果,因此它控制的功能比復選框更重要。

- 通常,不要用開關替換復選框。如果您已經在UI中使用了復選框,則最好繼續使用它。


12、斜角按鈕

斜角按鈕有正方形或圓形的角以顯示文本、圖標或其他圖像。

- 避免使用斜角按鈕。斜角按鈕不再在現代Mac應用程序中使用。而是使用按鈕,復選框,彈出按鈕,單選按鈕或分段控件。


13、圓形按鈕

圓形按鈕包含一個小的中心圖標,類似于幫助或單選按鈕。

- 避免使用圓形按鈕。不建議在現代應用程序中使用圓形按鈕。而是使用按鈕,幫助按鈕或單選按鈕。


十、字段和標簽


1、組合框

組合框在單個控件中結合了文本字段和下拉按鈕。用戶可以在該字段中輸入自定義值,或單擊按鈕從預定義值列表中進行選擇。用戶輸入自定義值時,不會將其添加到選擇列表中。

1. 在列表中用用有意義的默認值填充該字段。盡管該字段默認情況下可以為空,但最好是默認值暗示隱藏的選項。默認值不必是列表中的第一項。

2. 使用介紹性標簽使用戶知道預期的選項類型。

3. 用戶希望能夠輸入自定義值,但也希望從選擇列表中選擇。

4. 提供獨立的選擇。組合框不允許進行多項選擇。

5. 確保列表項的寬度不超過文本字段。


2、標簽

標簽是描述屏幕上的界面元素或提供短消息的靜態文本字段。

1. 保持標簽清晰易讀。標簽可以包含純文本或樣式文本。

2. 引入控件時使用冒號。當標簽和控件共同組成一個句子時,不需要冒號。

3. 使用系統提供的標簽顏色來傳達重要性。macOS定義了四種標簽顏色以表示不同的重要性級別。https://developer.apple.com/design/human-interface-guidelines/macos/fields-and-labels/labels/

4. 使有用的標簽文本可選。用戶應該能夠復制有用的信息,例如錯誤消息,序列號或IP地址,以粘貼到電子郵件,文檔或其他位置。


3、搜索欄

許多工具欄中都包含一個搜索欄,但是搜索欄也可以顯示在窗口的主體區域中。

1. 使用搜索欄代替標準文本字段來實現搜索。

2. 避免提供介紹性標簽。例外情況是在工具欄中放置搜索字段時,必須提供標簽“搜索”,以便在用戶將工具欄配置為僅顯示圖標和文本時顯示。

3. 通常,啟用取消按鈕。刪除該字段的內容并立即終止搜索。

4. 如有必要,在搜索字段中提供提示。搜索字段可以包含占位符文本。

5. 在適當的時間開始搜索??梢栽谟脩糸_始輸入內容立即開始搜索,也可以等到他們按Return鍵或Enter鍵。用戶輸入時進行搜索會導致結果隨著輸入文本變得更加具體而不斷完善。如果在用戶完成鍵入后進行搜索,考慮在用戶鍵入時顯示菜單,以便他們從常用搜索詞或最近搜索中進行選擇。

6. 在顯示用戶的搜索歷史之前,考慮隱私??紤]提供范圍欄,以幫助人們快速縮小結果范圍。


# 范圍欄 #

1. 與添加范圍欄相比,改善搜索結果更為重要。

2. 如果合適,讓用戶完善范圍界定操作??梢允褂蔑@示在范圍欄下方的過濾器行來啟用補充范圍規則。

3. 在范圍欄中使用適當的按鈕外觀。當用作切換按鈕時,按鈕應采用凹進樣式,當用于啟動動作或指定搜索條件時,按鈕應采用圓角矩形樣式。


4、文本字段

文本字段是一個用戶可以在其中輸入或編輯一行或多行文本的矩形區域。文本字段可以包含純文本或樣式文本。

- 標簽是一個文本字段,顯示靜態文本

- 搜索欄是便于搜索的文本字段

- 令牌字段是一個文本字段,顯示標記化文本


# 數據輸入 #

1. 使用介紹性標簽或占位符文本幫助傳達目的。

2. 即時驗證。

3. 使用數字格式器來輔助數字數據輸入。

4. 相應地調整換行符。默認情況下,任何超出文本字段范圍的文本都會被剪切。但可以將文本字段設置為在字符或單詞級別將文本換行顯示,或者在開頭,中間或結尾處將其截斷(用省略號表示)。

5. 詢問敏感數據(例如密碼)時,使用安全的文本字段。

6. 如果有意義,讓用戶調整文本屬性。

7. 考慮使用擴展工具提示來顯示已剪切或截斷的文本的完整版本。


# 布局注意事項 #

1. 盡可能使文本字段的大小與預期文本的數量匹配。

2. 均勻間隔多個文本字段。

3. 通常,垂直堆疊多個文本字段。如果必須水平放置多個帶標簽的文本字段,在一個文本字段的末尾與下一個文本字段的標簽之間留出足夠的空間。

4. 使用一致的文本字段寬度來創建更有條理的布局。對多個字段使用相同的寬度有助于提高可讀性,并提供一種對相關字段進行分組的方法。例如,地址表單上的名字和姓氏字段可能是一個寬度,而地址和城市字段可能是不同的寬度。

5. 在字段之間切換時,焦點應按邏輯順序移動。系統會嘗試自動實現此結果,因此僅在極少數情況下才需要自定義。

6. 使用組合框將文本輸入與選項列表配對。不要試圖通過將文本字段和彈出按鈕配對來達到相同的效果。


5、令牌字段

令牌字段是包括令牌,可以輕松選擇和操作的文本塊的文本字段。

在郵件中編寫新郵件時,地址字段是令牌字段??梢赃x擇收件人令牌并將其拖動以重新排序,或者單獨使用。

- 令牌字段可以配置為在文本輸入字段時向用戶顯示建議令牌的列表。

- 單個令牌還可以包括由向下的V形字符表示的屬性菜單??梢园P于令牌或編輯選項的信息。

- 某些令牌字段隨附有可用令牌的單獨列表,可以選擇這些列表并將其拖動到該字段中。

1. 使用屬性菜單。

2. 如果可以,擴展調用令牌化的字符列表。默認情況下,每當用戶鍵入逗號時,輸入的文本都會被標記化??梢灾付ㄆ渌址缁剀嚪?,它們也應觸發此操作。

3. 在顯示建議的令牌之前自定義延遲。默認情況下,建議會立即顯示。但是,建議顯示得太快可能會打擾您輸入內容。如果使用令牌,考慮將延遲調整到合適的水平。


十一、選擇器


1. 拾色器

拾色器讓用戶可以調整文本、形狀、參考線和其他屏幕元素的顏色。

單擊時顏色變暗以確認它是活動的。然后打開系統的顏色面板。

顏色選擇器還支持拖放,用戶可以將顏色從一種顏色選擇器拖到另一種拾色器,以及從顏色面板拖到拾色器。


2、日期選擇器

- 選擇適合的樣式。日期選擇器有兩種樣式:文本和圖形。當空間有限并希望用戶進行特定的日期和時間選擇時,選擇文本樣式。當要為用戶提供瀏覽日歷中的日期的選項,要讓用戶選擇日期范圍或表盤的外觀適合界面時,圖形樣式很有用。


# 文字格式 #

Month, day, and year

Hour, minute, and second

在日期或時間字段中選擇一個元素后,用戶可以輸入一個新值,或者按向上或向下箭頭鍵分別增大或減小該元素的值。默認情況下,日期和時間字段包括一個步進器來遞增和遞減所選元素的值。如果合適的話,可以選擇隱藏步進器。

文本日期選擇器中顯示的元素順序會因用戶的語言環境而異。例如,在大多數歐洲語言環境中,人們將以DD-MM-YYYY的順序看到日期元素,而世界上其他人則可能會根據其位置使用YYYY-MM-DD或MM-DD-YYYY。用戶可以在“系統偏好設置”>“語言和地區”>“地區”中更改其語言環境。


# 圖形樣式 #

使用圖形日歷時,人們可以選擇一個特定日期或者一個日期范圍。使用圖形時鐘,用戶可以通過將指針拖到新位置來更改時間。


3、圖像選擇器

圖像選擇器支持的編輯操作:拖放、刪、復制和粘貼

- 必要時還原為默認圖像。

- 提供標準的復制和粘貼菜單選項。菜單選項告知用戶支持復制和粘貼,提供替代方法來啟動操作。


4、路徑控件

路徑控件顯示所選文件或文件夾的文件系統路徑。路徑控件在窗口的主體區域。

- 標準路徑。路徑組件的線性列表。如果控件是可編輯的,則用戶可以將新項目拖到控件上以選擇該項目并在控件中顯示其路徑。

- 彈出路徑。外觀類似于彈出按鈕。僅顯示所選項目的圖標和名稱。用戶可以單擊此項目以顯示包含根磁盤,父文件夾和選定項目的菜單。如果控件是可編輯的,則此菜單還包含“選擇”命令。用戶可以選擇選擇或將新項目拖到控件上以選擇該項目并將其顯示在控件中。

1. 在窗口主體而不是窗口框架中使用路徑控件。路徑控件不適用于工具欄或底欄中。

2. 僅當路徑控件有用時才使用它。


5、分段控件

分段控件是兩個或多個分段的水平集合,每個分段都可以是按鈕-通常配置為切換按鈕。分段控件提供了影響對象,狀態或視圖的相關選項。

- 與按鈕一樣,分段中可以包含文本或圖標。

- 分段控件可以啟用一個或多個選擇。

1. 通常,保持分段寬度一致。盡可能使圖標和標簽的寬度也保持一致。

2. 考慮使用標簽來增加清晰度。標簽可用于分段控件并闡明其目的。當各個段包含圖標時,可以在這些段下方放置標簽以闡明圖標的含義。如果應用程序包含幫助標簽,為分段控件中的每個細分提供幫助標簽。

3. 工具欄中的分段控件應具有與其他工具欄控件相同的圓形,紋理外觀。

4. 在主窗口區域中進行視圖切換時,使用選項卡視圖,而不是分段控件。選項卡視圖的外觀類似于分段控件,并且旨在實現有效的視圖切換。在工具欄或檢查器窗格中使用分段控件時,它們是用于視圖切換的合適選項。

5. 不要將分段控件用于添加和刪除操作。如果需要在表或其他視圖中添加和刪除項目的方法,使用漸變按鈕。如果需要在工具欄或窗口框架的其他部分中提供添加和刪除操作,使用圓形的凸起按鈕。

6. 使用名詞或名詞短語作為分段文本。如果分段控件包含文本,無需標記整個控件。

7. 避免在分段控件中混用文本和圖標。

8. 使用系統圖標。

9. 設計自定義圖標時,參考系統圖標,并努力實現類似的外觀。

10. 根據控件的大小適當縮放自定義圖標。

11. 如有必要,您可以調整文本的對齊方式和圖標的位置。

12. 考慮啟用彈簧加載。


6、滑塊

滑塊顯示為水平或垂直軌道或圓形刻度盤,用戶可以在范圍內進行細致的選擇?;瑝K包含一個滑桿,用戶可以單擊并拖動該控件在最小值和最大值之間移動?;瑝K還可以包含刻度線,使用戶更容易查看范圍內的特定值。

- 在沒有刻度線的線性滑塊中,滑桿是圓形的,最小值和拇指之間的軌跡填充了顏色。在帶有刻度線的線性滑塊中,滑桿是有方向性的(指向刻度線),并且軌道沒有著色。線性滑塊通常包括補充圖標來說明了最小值和最大值的含義。

- 在圓形滑塊中,滑桿顯示為小圓圈。啟用后,在滑塊周圍以均勻間隔的點顯示。

1. 考慮在滑塊的值變化時提供實時反饋。

2. 選擇直觀滑塊樣式。

3. 考慮使用標簽介紹滑塊。

4. 考慮用相文本字段和步進器來補充滑塊。

5. 使用刻度線可以提高清晰度和準確性。

6. 考慮將標簽添加到刻度線。最好提供一個幫助標簽,當用戶將鼠標懸停在其上時顯示該拇指的值。

7. 不要反轉滑塊的方向。

8. 考慮使用圖標來說明線性滑塊中最小值和最大值的含義。


7、步進器

步進器使用戶可以遞增地增加或減少數字,日期或時間值。步進器位于顯示其當前值的字段旁邊,因為步進器本身不顯示值。


十二、指示器


1、級別指示器

級別指示器以圖形方式表示數值范圍內的特定值。它的用途類似于滑塊,但更直觀,不包含滑桿,但支持在級別指示器本身上單擊和拖動以選擇值。級別指示器還可以包含刻度線。

- 在視圖中而不是在窗口框架中使用級別指示器。級別指示器不適用于部分窗口框架,例如工具欄和狀態欄。


# 容量指示器 #

容量指示器說明了與有限容量相關的當前水平。傾向于在短暫查看的對話框和首選項窗口中使用。

- 連續。水平的半透明軌道,用彩色條填充以指示當前值。通常會顯示刻度線以提示。

- 分散的。均等大小的矩形段的水平行。段的數量與總容量匹配,并且段用顏色完全填充(永遠不會部分填充)以指示當前值。


1. 更改填充顏色,以提醒用戶注意有效值。兩種容量指示器樣式的默認填充顏色均為綠色。如果合適,可以在當前值達到特定水平時更改填充顏色。

2. 考慮將連續樣式用于大范圍。

3. 僅在連續樣式中使用刻度線。

4. 如果使用刻度線,請至少標記第一個和最后一個刻度線。


# 等級指示器 #

等級指示器使用一系列水平排列的圖形符號來傳達等級。默認符號是星號??梢猿鲇谒阉鳎判蚝蛣摻ㄖ悄懿シ帕斜淼哪康囊眠@些評級。

評級指示器不會顯示部分符號,其值會四舍五入,以便僅顯示完整的符號。

1. 促進有效的排名調整。當顯示已排序項目的列表時,讓用戶直接調整單個項目的級別,而無需導航到單獨的編輯屏幕。

2. 如果必須用自定義符號替換星號,請確保其目的明確。星星是非常容易識別的排名符號。其他符號不容易與評級量表相關聯。


# 相關指示器 #

相關性指示器使用一系列豎線傳達相關性。當對多個項目進行排序和比較時,它通常出現在搜索結果列表中以供參考。


2、進度指示器

- 條形指示器(通常稱為進度條)

- 旋轉指示器以圓形形式顯示進度,可以是旋轉器,也可以是隨著進度繼續而填充的圓圈。

用戶不會與進度指示器互動;但通常帶有用于取消相應操作的按鈕。

1. 在視圖而不是窗口框架中使用進度指示器。

2. 在統一的位置顯示進度指示器。

3. 如果可能的話,讓用戶選擇停止。如果人們可以在不引起負面影響的情況下中斷某個過程,則包括一個“取消”按鈕,當用戶按下Esc(退出)鍵時會觸發該按鈕。如果進程中斷可能導致負面影響,提供“停止進度”圖標按鈕而不是“取消”按鈕。


# 可量化的進度指示器 #

確定的進度指示器顯示發生變化的條形或圓形,以顯示任務的進度。

1. 為持續時間明確的任務使用確定的進度指示器。

2. 始終準確地報告進度。

3. 考慮自定義進度指示器的外觀以匹配應用。

4. 完成進度后,隱藏進度指示器。在關閉指示器之前,請務必完成加載。如果過早取消,會懷疑該過程是否真的完成了。為避免這種情況,可以在進度完成時播放系統聲音。

5. 如果有幫助,請添加帶有確定進度指示器的標簽。避免使用諸如“ 加載”或“ 身份驗證”之類的模糊術語。以省略號(...)結尾,以強調該過程的持續性質。


# 不可量化的進度指示器 #

1. 主要使用旋轉進度指示器來傳達后臺操作的狀態或空間受限時的狀態。很小且不顯眼,對于異步后臺任務(例如從服務器檢索消息)很有用。也可用于在小區域內(例如,在文本字段內)或特定控件(例如,按鈕)旁邊傳達進度。

2. 如果可能,請從不確定的進度欄切換到不確定的進度欄。

3. 不要從旋轉進度指示器過渡到進度條。

4. 保持不確定的進度指示器移動,以便人們知道正在發生的事情。人們將固定指示器與停滯的過程或凍結的應用程序相關聯。如果某個過程由于某種原因而停滯不前,請向用戶提供反饋,以幫助他們了解問題及其解決方案。

5. 旋轉進度指示器不應貼標簽。


十三、觸控條


1、概述

觸控欄是Retina顯示屏和輸入設備,位于受支持的MacBook Pro型號的鍵盤上方。觸摸欄中的動態控件使人們可以與主屏幕上的內容進行交互,并可以基于當前操作快速訪問系統級和特定于應用程序的功能。


# 配置和定制 #

觸摸欄右側的Touch ID傳感器支持指紋身份驗證。

默認情況下,觸摸欄的右側會顯示一個稱為“ 控制條”的可擴展區域,其中包括用于執行系統級任務(例如,調用Siri,調整主顯示屏的亮度以及更改音量)的控件??梢詫⑻囟ㄓ趹贸绦虻目丶旁诳刂茩谧髠鹊膽贸绦騾^域中。在觸摸欄(第一代)中,Esc按鈕或其他系統提供的按鈕可能會出現在應用程序區域的左側。

- 人們可以配置觸控欄以適應他們的需求。

- 可以讓用戶添加和刪除項目,從而在應用區域內支持其他自定義。

1. 通常,讓用戶自定義應用程序的Touch Bar。為重要的常用功能提供合理的默認值,讓用戶進行調整以支持不同的工作風格。

2. 為觸摸欄控件提供文本標簽。 VoiceOver可以在聽覺上描述控件,從而使視力障礙者的導航更加輕松。


# 手勢 #

- 點按

人們點擊以激活控件(如按鈕),或在分段控件中選擇諸如表情符號,顏色或細分的項目。

- 觸摸并按住

觸摸并按住手勢可啟動控件的輔助動作。例如,在郵件中,點擊“標記”按鈕會在郵件中添加一個標記,但是觸摸并按住該按鈕會顯示一個模式視圖,使人們可以更改標記的顏色。

- 水平滑動或平移

人們使用水平滑動或平移來拖動元素(例如滑塊),或瀏覽內容(例如日期列表或洗滌器中的一組照片)。

- 多點觸摸

盡管觸控欄支持多點觸控手勢(例如捏合),但是這種手勢對于人們執行而言可能很麻煩。通常,最好少使用Multi-Touch手勢。


# 設計基礎 #

1. 觸摸欄與主屏幕上的當前操作相關。

2. 使用觸控欄作為鍵盤和觸控板的擴展,而不是用作顯示器。觸摸欄不應顯示警報,消息,滾動內容,靜態內容或其他會分散人們注意力的主屏幕。

3. 力求與物理鍵盤的外觀相匹配。在可能的情況下,旨在設計類似于物理鍵盤中按鍵大小和顏色的觸摸欄控件。

4. 避免僅在觸摸欄中提供功能。

5. 在全屏情況下,考慮在觸摸欄中顯示相關控件。

6. 首選可立即產生效果的控件。

7. 對Touch Bar交互做出響應。

8. 可能的話,應該能夠在觸摸欄中啟動和完成任務。

9. 避免將觸控欄用于與知名鍵盤快捷鍵相關的任務。

10. 準確反映同時出現在觸摸欄和主屏幕上的控件的狀態。

11. 響應用戶交互時,請避免在觸摸欄和主屏幕上顯示相同的UI。


2、視覺設計

- 動畫

避免動畫。觸摸欄是鍵盤的擴展,人們不希望鍵盤上有動畫。此外,過多或多余的動畫可能會使人們分心。

- 顏色

1. 最好使用標準控件和系統圖標。

2. 盡量少用色彩。使觸控欄的外觀類似于物理鍵盤。單色效果最好。

3. 顏色可以吸引人注意重要的控件。將藍色保留為默認控件,將紅色保留為破壞性控件。

4. 如果使用顏色,選擇與應用協調的有限調色板。色彩的巧妙運用是傳達品牌的一種方式。

5. 使用Display P3顏色配置文件,每像素16位(每個通道),并以.png格式導出圖稿。

6. 在配備了彩色顯示屏的Mac上,使用系統顏色選擇器選擇和預覽P3顏色,并將它們與sRGB顏色進行比較。


# 系統顏色 #

macOS提供了一系列標準系統顏色,這些顏色會根據環境光和鍵盤背光亮度等因素自動響應系統白點變化。

- 不要復制系統顏色。


# 動態系統顏色 #

macOS定義了一系列系統顏色,這些顏色與標準界面控件(例如按鈕和標簽)的配色方案動態匹配。


# 觸控欄區域 #

系統在區域之間強制執行16pt的分隔。

- 觸摸欄(第二代)顯示屏包含兩個區域:應用區域和控制欄。盡管第二代Touch Bar不包括系統按鈕區域,但是可以在應用區域內顯示系統按鈕。

- 觸摸欄(第一代)顯示包括三個區域:系統按鈕區域,應用程區域和控制條。

1. 假定默認控制條是可見的。盡管人們可以重新配置控制條,減小其大小或完全隱藏它,但不要在設計中依賴此空間的可用性。


# 定位應用控件 #

1. 邏輯和直觀地定位控件。如果應用提供的控件可以在不同的模式中持續存在,則可以很好地將控件放在應用程序區域的左側。

- 引起人們注意的主要控件(例如警報或QuickType欄中的建議項)最好在應用程序區域的中心位置,左側具有次要選項。使用應用程序工具欄中的控件順序來通知應用程序區域中的觸摸欄控件的順序。

2. 構造靈活的布局。應用程序區域的寬度(8、16、32pt)根據控制條和設備的配置而有所不同,因此請考慮在有更多空間可用時允許某些控件(例如滑塊和滑動器)伸展。

3. 力爭保持一致的間距。

4. 使用靈活的空間和分組以幫助對齊。項目之間的靈活空間將左側的項目推向觸摸欄的左側,將右側的項目推向觸摸欄的右側。分組使您可以一次放置多個控件。

5. 避免自動重新放置控件。

6. 避免在從右到左的語言環境中手動反轉控件。


# 通用布局樣式 #

由于配置選項,各種控件大小以及應用運行的設備等因素,觸摸欄的布局因應用而異,差異很大。

1. 具有一個主要項目的布局。觸摸欄的中心包含單個大型控件。左側還有其他控件,例如按鈕和分段控件。

- 在Touch Bar(第2代)中,主要候選項列表控件通常相對于設備居中,而其他類型的主要控件在某些情況下可能會偏離中心。

2. 具有兩個主要項目的布局。觸摸欄的中心包含兩個大小一致的控件。其他控件在左側。

3. 具有三個主要項目的布局。觸摸欄的中心包含三個大小一致的控件。其他控件在左側。

4. 流體布局。此布局包括大小一致的控件。


3、圖標和圖像


# 圖像尺寸和分辨率 #

為出現在觸摸欄中的所有圖稿提供比例系數為@ 2x的高分辨率圖像。


# 自定義圖標 #

- 設計可識別的圖標。

- 保持圖標簡單。最好的圖標通過輪廓傳達含義,并且只包含很少的內部細節。使用抗鋸齒可使圖標的輪廓保持清晰。不要使用陰影。

- 保持圖標一致。

- 使用系統圖標作為參考。

- 準備將圖標作為模板圖像。模板圖像是具有透明背景和Alpha通道的黑色圖像。當在觸摸欄中顯示模板圖像時,系統會對其進行反轉,并自動應用適當的顏色。模板圖像還根據環境光和鍵盤背光亮度等因素對系統白點變化做出響應,并自動對用戶交互做出反應。

- 始終一起預覽圖標,并適當地預覽它們,以正確評估其外觀。確保模板圖像在被系統反轉后按預期顯示。


1. 尺寸

盡管可以生成擴展到觸摸欄整個高度的圖標,但是圖標的高度通常不應超過44像素(圓形圖標的高度不超過36像素)。

- 使圖標保持視覺居中。

- 對角線元素最好為45度角。


2. 顏色和填充

- 不要使用顏色來交流打開和關閉狀態。

- 為大多數圖標提供100%的不透明度填充。如果需要更改以提高可讀性,請結合使用70%不透明度填充和100%不透明度填充。僅將中間調用于提高可讀性和平衡性。


3. 描邊

為了匹配物理鍵盤的樣式,請為大多數圖標設置2px的筆觸。如果您的設計需要更大的視覺重量,請嘗試使用3px的筆觸。


4. 圓角

要匹配系統圖標的樣式,請為帶有2px筆劃的圖標使用方形角,為帶有3px筆劃的圖標使用半徑為1px的圓角,為實體形狀使用為4px半徑的圓角。


# 系統圖標 #

https://developer.apple.com/design/human-interface-guidelines/macos/touch-bar/touch-bar-icons-and-images/

1. 首選系統圖標。

2. 不要重新定義系統圖標的預期功能。

3. 僅使用專為觸摸欄設計的系統圖標。

4. 某些系統圖標(例如“返回”和“前進”)會在從右到左的語言環境中自動反轉方向


4、控件和視圖


# 按鈕 #

按鈕可啟動應用程序特定的操作,并且可以包含圖標和標題。

- 優先使用圖標而不是標題。力求設計清晰的圖標,這些圖標可以獨立顯示而不支持文本。

- 保持標題簡短。冗長的標題可能會擠滿觸控欄。

- 如有必要,自定義按鈕的邊框顏色。系統提供的按鈕擋板看起來類似于物理鍵盤按鈕,有助于提供統一的視覺體驗。如果應用程序需要自定義邊框顏色,考慮使用深色,在觸摸欄中看起來會很好。

1. 切換

撥動開關在打開和關閉狀態之間切換。

- 讓背景指示切換的狀態。系統會在關閉狀態下自動更改按鈕的背景外觀,因此無需使用顏色,文本或其他圖標來指示狀態。

- 使用切換開關代替復選框和單選按鈕。如果需要讓人們在兩種狀態之間進行選擇的控件,請使用切換按鈕。


# 候選列表 #

候選列表在文本輸入期間提供自動完成建議。人們可以點擊建議以接受并將其插入主屏幕上的活動文本字段或文本視圖中。人們還可以擴展或折疊候選列表。擴展的候選列表將替換擴展區域中的其他控件。


# 字符選擇器 #

打開一個彈出窗口,其中包含特殊字符列表,例如表情符號。人們可以在選擇器中點按一個字符,以將其插入主屏幕上的活動文本區域。


# 拾色器 #

按預期使用圖標。使用筆劃顏色選擇器圖標選擇筆劃顏色。使用文本顏色選擇器圖標選擇文本顏色。對于其他顏色選擇方案,請使用顏色選擇器圖標。


# 標簽 #

- 通常,避免使用標簽。

- 補充復雜的圖標時,標題優先于標簽。如果控件圖標的含義本身不清楚,請考慮在控件中包含一個簡短的標題以提示。


# 彈出按鈕 #

- 謹慎使用彈出窗口。

- 避免嵌套彈出窗口。

- 保留觸摸并按住即可彈出。主要使用觸摸和按住來顯示覆蓋,該覆蓋包括一組簡單的選項(例如單個分段控件),人們可以從中進行選擇。

- 當展開的彈出框包含選項列表時,折疊狀態應顯示當前選定的選項。

- 提供明顯的退出路徑。確保人們始終知道如何折疊彈出窗口并返回上一組控件。


# 洗滌塔 #

讓人們左右滑動以瀏覽諸如日期列表或一組照片之類的內容??梢愿叨茸远x-但應保持其外觀在Touch Bar中不會感覺不適。


1. 固定式洗滌器

固定的洗滌器可以與一組安排好的內容(例如打開的Safari標簽)進行流暢,連續的交互。當人們在洗滌器上滑動時,手指下面的項目會突出顯示。根據洗滌器的配置,人們可以通過將手指移到項目上或從洗滌器上抬起手指來進行選擇。如果內容量超過固定洗滌器的大小,則當手指靠近控件邊緣時,洗滌器會自動滾動以顯示其他項目。在固定的洗滌器中,人們用手指移動選擇內容而不是內容。


2、自由式洗滌器

以滾動列表的形式顯示內容,例如日歷日期列表,人們可以滑動滾動列表。根據洗滌器的配置,人們可以通過將其移動到特定位置(例如洗滌器的中心)或在洗滌器靜止時點按該項目來選擇一個項目。

- 使用可預測的邏輯順序值。當自由洗滌器中的可滾動列表固定時,某些值可能會被隱藏。如果列表以遵循明顯順序的邏輯順序顯示項目,則人們可以預測隱藏的值并快速瀏覽列表。

- 值列表應盡可能短。


# 分段控件 #

- 限制段數以提高可用性。較寬的細分受眾群更易于挖掘。

- 優先使用圖標而不是標題。

- 嘗試保持段內容的大小一致。

- 保持標題簡短。

- 對于邊框顏色的更改,最好選擇較深的顏色。系統提供的擋板的外觀類似于物理鍵盤按鈕。如果您的應用需要自定義邊框顏色,則建議使用深色。


# 共享服務選擇器 #

點擊共享服務選擇器時,它將顯示一個包含共享按鈕的彈出窗口。

- 僅在有要共享的內容時啟用共享服務選擇器。如果人們沒有選擇文本,圖像或其他可共享內容,則應禁用共享服務選擇器。


# 滑塊 #

- 自定義滑塊的外觀以匹配您的應用并增加價值。

- 當空間狹窄時,請考慮使用步進器而不是滑塊。

- 提供左右圖標來說明最小值和最大值的含義。


# 步進器 #

- 在中心視圖中顯示項目的當前值。默認情況下,步進器使用文本顯示當前值??梢允褂酶袷交绦驗槲谋驹O置樣式-例如,在允許人們選擇日期的步進器中,您可以將今天的日期設置為紅色。在某些情況下,使用圖像而不是文本可能很有意義,但是創建傳達邏輯進展的圖像可能很棘手,人們可以據此預測當前值之前和之后的值。例如,控制標記工具的線寬的步進器可以使用一組厚度不同的圖像,以幫助人們了解增加和減少值的效果。

- 當人們很可能對物品的價值進行較大的調整時,請避免使用步進器。由于步進器每次滑動或輕擊都會以不連續的步長更改項目的值,因此人們將不得不多次滑動或輕擊才能進行較大的值更改。


十四、拓展功能


1、操作拓展

操作拓展使用戶啟動特定于內容的任務。通常,通過將指針放置在某些類型的嵌入式內容上來訪問動作拓展。人們還可以在由共享工具欄按鈕或擴展程序的自定義工具欄按鈕顯示的菜單中擴展程序。

- 查看器:提供一種自定義的查看方式,但不能修改當前內容。顯示所選文本翻譯的Action擴展是查看器Action擴展的示例。

- 編輯器:啟用對當前內容的編輯。用戶確認編輯后,擴展名將原始內容替換為編輯后的版本。系統提供的標記擴展是編輯器動作擴展的示例。

系統僅提供可以與當前內容類型一起使用的Action擴展。例如,當當前內容是視頻時,不顯示支持文本的Action擴展。

1. Action擴展程序不是迷你應用程序。它執行與當前上下文相關的范圍狹窄的任務。例如,標記擴展允許人們編輯所選的圖像,但不允許他們復制,重命名或移動圖像。

2. 不要假設Action擴展程序可用。用戶可以在“擴展”系統首選項窗格中啟用和禁用操作擴展。

3. 僅在必要時提供接口。例如,“標記”操作擴展允許用戶在不離開應用程序的情況下向文本添加圖像,在圖像上簽名或在圖像上簽名。您提供的界面應該可以識別并且感覺像是應用程序的自然擴展。

4. 簡化并限制交互。最好的擴展程序使人們僅需幾個步驟即可執行任務。

5. 使用應用圖標的模板圖像版本來表示操作擴展圖標。模板圖像使用遮罩創建圖標。要創建動作擴展圖標,請先創建應用圖標的模具版本。使用透明度和抗鋸齒;不要包含陰影。如果應用程序提供多個Action擴展,創建一系列圖標,這些圖標共享與應用程序圖標相關的常見視覺元素。


2、工作流

通過構建工作流來做耗時且重復的任務。

1. 考慮至少提供一組基本的自動化操作。通過提供操作,使用戶簡化流程,并以獨特的方式將應用程序與系統和其他應用程序集成。

2. 保持動作簡單,可以確保將它們以多種有用的方式進行組合。

3. 使操作可配置。通過讓人們配置操作以滿足他們的特定需求,以放大操作的實用性。

4. 考慮讓人們在運行時配置設置。定義明確的工作流程也常常需要靈活性。為了提供多功能性,可以將許多操作配置為在運行時顯示在屏幕上,以便進行即時調整。

5. 當某個動作設置為忽略設置時,工作流應繼續運行。例如,如果您的操作無法找到要接收的文檔以供輸入,則工作流應該不會失敗。相反,工作流將跳過您的操作并繼續執行下一個操作。

6. 當操作之一產生非標準輸出時,提供轉換操作。大多數操作都接受并產生常見的信息類型,例如文件,圖像,PDF和文本。Automator嘗試通過盡可能執行自動數據轉換來確保動作之間的兼容性。

7. 在花費時間來填充動作的界面時傳達進度。有時,動作必須收集數據以填充其界面。


# 工作流設計 #

1. 提供明確的動作標題。

2. 創建包含兩個到五個單詞的動作標題。

3. 如果添加了操作,需添加應用名稱。

4. 提供有關動作的足夠描述性信息。Automator包括一個描述區域,該區域顯示有關所選動作的詳細信息。每個動作應提供由一個或多個句子組成的詳細描述,以清楚地描述該動作的目的。此外,每個操作都應詳細說明其輸入和結果類型,要求,選項,注釋,警告,相關操作,版本和版權信息。

5. 最小化工作流高度。由于屏幕的尺寸大于高度,因此應考慮最大程度地減少動作對垂直空間的使用。例如,即使只有兩個選擇,也可以使用彈出按鈕代替一系列單選按鈕。通常,使用較小的控件和10磅的邊距。確保整個動作適合屏幕顯示,而無需滾動。

6. 不要包含重復動作標題或描述的標簽。

7. 不要使用框。動作不需要在框中分隔或分組控件。

8. 避免顯示可見的標簽視圖。而是使用隱藏的標簽視圖在不同的控件集之間切換。


3、Finder同步擴展

同步本地和遠程文件的應用應包括Finder Sync擴展程序。

- 在Finder中顯示標志,以指示項目的同步狀態。

- 提供執行文件和文件夾管理任務(例如收藏和添加密碼保護)的自定義屬性菜單項。

- 提供執行全局操作(如強制執行同步操作)的自定義工具欄按鈕。

1. 最小化徽章。為避免使用徽章使Finder窗口混亂,請考慮對未同步的項目(而不是每個項目)進行標記。


4、附加菜單欄

系統會隱藏菜單欄其他內容,以便為應用程序菜單騰出空間。同樣,如果菜單欄多余的東西太多,系統會隱藏一些菜單欄以避免擁擠。

1. 使用模板圖像來額外顯示菜單欄。

2. 當用戶額外單擊菜單欄時,顯示菜單(而不是彈出窗口)。

3. 讓人們決定是否啟用附加菜單欄。但是,為確保可發現性,考慮在設置過程中為人們提供額外啟用菜單欄的選項。

4. 不要依賴菜單欄附加功能。系統會定期隱藏和顯示菜單欄附加功能,并且您無法確定用戶選擇顯示哪個其他菜單欄附加功能,或者無法確定菜單欄附加功能將放置在菜單欄中的位置。

5. 也可以考慮以其他方式顯示特定于應用程序的功能。例如,您可以提供Dock菜單。用戶可以隱藏或選擇不額外使用菜單欄,但是當您的應用程序運行時,Dock菜單不可用。


5、通知中心小部件

窗口小部件具有高度可定制性,可以包含按鈕,文本,布局定制,圖像等。

1. 設計一目了然的體驗。使用小部件來獲取簡短的更新并執行非常簡單的任務。不支持在小部件內平移和滾動。

2. 快速顯示內容。人們在Notification Center中花費的時間很少,因此您不想讓他們等待內容加載。在本地緩存信息,以便始終可以在獲取更新時顯示最新信息。

3. 提供足夠的邊距和填充。避免將內容擴展到小部件的邊緣。通常,使用通知中心提供的默認邊距。如果可能,將圖標和按鈕的網格限制為每行四個。

4. 適應能力強。小部件顯示的高度和信息取決于它是折疊還是展開(并非所有小部件都支持擴展)。擴展小部件的高度最好不超過屏幕的高度。折疊時,小部件應顯示可以獨立存在的基本信息。展開后,小部件應顯示可增強主要信息的其他信息。如果窗口小部件中需要表格視圖,確保使用不包含滾動視圖的表格視圖。

5. 避免自定義窗口小部件的背景。系統提供的淺色,模糊的小部件背景旨在保持一致性和易讀性。盡可能使用它。

6. 通常,對文本使用系統字體和系統顏色。

7. 如果合適,讓用戶跳轉到您的應用以做更多的事情。但是,如果人們有時可能需要做的事情比您的窗口小部件所提供的更多,請簡化操作。不要包含會占用您內容空間的Open App按鈕。而是讓人們單擊內容本身以在您的應用程序中查看或編輯它。

8. 切勿使用小部件打開其他應用程序。

9. 選擇一個好的小部件名稱。每個小工具內容上方都會顯示一個應用程序圖標和一個標題。通常,小部件的名稱應與您的應用程序的名稱匹配。如果您使用自定義標題,請考慮為其加上應用名稱的前綴。

10. 如果當某人登錄到您的應用程序時您的窗口小部件提供了其他功能。例如,當他們沒有登錄時,一個顯示即將到來的預訂的應用程序可能包含一條消息,內容為“登錄到應用程序名稱以查看您的預訂”。

11. 盡可能讓人們在Notification Center中配置您的窗口小部件。強迫人們離開Notification Center來配置窗口小部件會造成斷開連接的體驗。


6、第三方打開服務

提供服務的應用會宣傳其可以對特定類型的數據執行的操作。然后,系統會智能地在應用程序菜單中以及在按住Control鍵并單擊文本,文件和其他類型的數據時顯示的上下文菜單中公開其服務。

1. 給每個服務一個簡短的,有重點的標題,以準確描述其功能。如果有兩個或兩個以上具有相同名稱的服務,則在每個服務之后會自動顯示應用名稱,以區分它們。

2. 避免提供“在我的應用程序中打開”服務。

3. 如果人們會經常使用某項服務,請為其分配鍵盤快捷鍵。

4. 使用共享擴展程序而不是服務來與其他應用程序和社交服務共享用戶內容。共享擴展名可以顯示一個視圖,該視圖允許用戶編輯內容,或者切換到其相應的應用程序并執行任務,例如導入。

5. 考慮為您的應用程序提供的服務包括工作流操作。


7、共享擴展

1. 公開一個集中的共享任務。

2. 系統提供的合成視圖很適用,并在整個系統中提供一致的共享體驗。

3. 共享擴展應該在啟動共享后立即關閉。耗時的共享活動應在后臺繼續,您的應用程序應提供某種方式來檢查這些任務的狀態。

4. 不要以為一定可以使用共享擴展。用戶可以在“擴展”系統首選項窗格中啟用和禁用共享擴展。

5. 共享擴展程序會自動使用您的應用程序圖標,使用戶確信擴展程序實際上是由您的應用程序提供的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,488評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,034評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,327評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,554評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,337評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,883評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,975評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,114評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,625評論 1 332
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,555評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,737評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,244評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,973評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,615評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,343評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,699評論 2 370

推薦閱讀更多精彩內容