Share via


清單檢視

注意

此設計指南是針對 Windows 7 所建立,但尚未針對較新版本的 Windows 更新。 大部分的指導方針仍適用主體,但簡報和範例不會反映 我們目前的設計指導方針

透過清單檢視,使用者可以使用單一選取範圍或多重選取專案,檢視資料物件的集合並與其互動。

具有資料行標頭的清單檢視螢幕擷取畫面

典型的清單檢視。

清單檢視比清單方塊更具彈性和功能。 不同于清單方塊,它們支援變更檢視、群組、具有標題的多個資料行、依資料行排序、變更資料行寬度和順序、成為拖曳來源或置放目標,以及將資料複製到剪貼簿或從剪貼簿複製資料。

注意

面配置和 清單方塊 相關的指導方針會顯示在不同的文章中。

這是正確的控制項嗎?

清單檢視不只是更有彈性和功能的清單方塊:其額外功能會產生不同的使用方式。 下表顯示比較。

使用方式 清單方塊 清單檢視
Data type
資料和程式選項。
僅限資料。
Contents
僅限標籤。
標籤和輔助資料,可能位於多個資料行中。
互動
用於進行選取。
可用於進行選取,但通常用於顯示及與資料互動。 可以是拖曳來源或置放目標。
展示
固定。
使用者可以變更檢視、群組、依資料行排序,以及變更資料行寬度和順序。

若要判斷這是否為正確的控制項,請考慮下列問題:

  • 清單是否呈現資料,而不是程式選項? 如果沒有,請考慮改用清單方塊。
  • 使用者是否需要變更檢視、群組、依資料行排序,或變更資料行寬度和順序? 如果沒有,請改用清單方塊。
  • 控制項是否需要是拖曳來源或置放目標? 如果是,請使用清單檢視。
  • 清單專案需要複製到剪貼簿或貼上嗎? 如果是,請使用清單檢視。

核取方塊清單檢視

  • 控制項是否用來從資料清單中選擇零個或多個專案? 若要選擇一個專案,請改用單一選取專案。
  • 任務或常用專案是否必須有多個選取專案? 如果是的話,請使用核取方塊清單檢視讓多個選取專案變得明顯,特別是當您的目標使用者不是進階時。 如果不是,如果核取方塊會對多個選取專案造成太多注意,或造成太多螢幕雜亂,請使用標準多重選取清單檢視。
  • 多重選取專案的穩定性很重要嗎? 如果是,請使用 核取方塊清單、清單產生器或新增/移除清單,因為按一下一次只會變更單一專案。 使用標準多重選取清單時,即使意外清除所有選取專案也很容易。

注意

有時候,看起來像清單檢視的控制項是使用清單方塊來實作,反之亦然。 在這種情況下,請根據使用方式套用指導方針,而不是根據實作套用指導方針。

使用模式

所有檢視都支援單一選取專案,其中使用者可以一次只選取一個專案,以及多個選取專案,使用者可以選取任意數目的專案,包括無專案。 清單檢視支援 延伸選取模式,您可以藉由拖曳或按一下 Shift+按一下或 Ctrl+按一下來分別選取連續或非相鄰值的群組來擴充選取範圍。 不同于清單方塊,它們不支援 多重選取模式,無論 Shift 和 Ctrl 鍵為何,按一下任何專案都會切換其選取狀態。

標準清單檢視

清單檢視控制項支援五個標準檢視:

使用狀況 範例
圖格
每個專案都會顯示為中型圖示,右側有標籤和選擇性詳細資料。
具有標題和詳細資料的縮圖螢幕擷取畫面
磚檢視會顯示中型圖示,其中包含右側的標籤和選擇性詳細資料。
大型圖示
每個專案都會顯示為超大型、大型或中型圖示,其下方有標籤。
大型縮圖清單檢視的螢幕擷取畫面
大型圖示檢視會將每個專案顯示為大型圖示,其下方有標籤。
小型圖示
每個專案都會顯示為小圖示,右邊有標籤。
小型縮圖清單檢視的螢幕擷取畫面
小型圖示檢視會將每個專案顯示為小圖示,其標籤位於右側。
清單
每個專案都會顯示為小圖示,右邊有標籤。
在清單模式中,此檢視會排序資料行中的專案,並使用水準捲軸。 相反地,圖示檢視模式會排序資料列中的專案,並使用垂直捲動條。
清單模式中清單檢視的螢幕擷取畫面
清單模式會將每個專案顯示為小型圖示,其標籤位於右側。
詳細資料
每個專案都會以表格式格式顯示為數據列。 最左邊的資料行同時包含專案的選擇性圖示和標籤,而後續的資料行則包含其他資訊,例如專案屬性。
此外,可以新增或移除資料行,並重新排序和調整大小。 資料列可以分組,依資料行排序。
詳細資料模式中清單檢視的螢幕擷取畫面
詳細資料檢視會以表格格式顯示每個專案一行。

清單檢視變化

標籤
資料行選擇器
清單檢視有時會有太多資料行,因此無法全部顯示。 在此情況下,最佳方法是預設顯示最有用的資料行,並允許使用者視需要新增或移除資料行。
具有資料行選擇器功能表的清單檢視螢幕擷取畫面
以滑鼠右鍵按一下資料行標題會顯示可讓使用者新增或移除資料行的操作功能表。
[選擇詳細資料] 對話方塊的螢幕擷取畫面
按一下資料行標頭操作功能表中的 [更多] 會顯示 [選擇資料行] 對話方塊,讓使用者新增或移除資料行,以及重新排序資料行。
核取方塊清單檢視
允許使用者選取多個專案。
多重選取清單檢視的外觀與單一選取清單檢視完全相同,因此沒有視覺線索可支援多重選取。 核取方塊清單檢視可用來清楚指出可能有多個選取專案。 因此,此模式應該用於必要或常用多個選取範圍的工作。
對話方塊的螢幕擷取畫面,其中包含數個核取方塊
在此範例中,小型圖示檢視會使用核取方塊,因為任務必須選取多個選項。
列出具有群組的檢視
將資料組織成群組。
雖然 [詳細資料] 檢視通常支援依任何資料行排序資料,但清單檢視可進一步允許使用者將專案組織成群組。 群組的一些優點包括:
  • 群組適用于所有檢視 (,但清單) 除外,例如,使用者可以依音樂人將相簿的額外大型圖示檢視分組。
  • 群組可以是高階集合,通常比直接將資料分組更有意義。 例如,Windows 檔案總管會將日期分組為 Today、Today、Last week、Earlier this year 和 A long time ago。
具有數個數據群組的清單檢視螢幕擷取畫面
在此範例中,Windows 歡迎中心會顯示清單檢視中的群組專案。

指導方針

簡報

  • 以邏輯順序排序清單專案。 依字母順序排序名稱、以數值順序排序數位,並以時間順序排序日期。

  • 如果適當,允許使用者變更排序次序。 如果清單有許多專案,或在某些情況下,使用預設以外的排序次序更有效率地找到專案,則使用者排序很重要。

  • 使用 [永遠顯示選取範圍] 屬性 ,讓使用者可以立即判斷選取的專案,即使控制項沒有焦點也一樣。

  • 避免呈現空白的清單檢視。 如果使用者建立清單,請使用使用者可能需要的指示或範例專案來初始化清單。

    包含指示的搜尋對話方塊螢幕擷取畫面

    在此範例中,搜尋清單檢視一開始會顯示指示。

  • 如果使用者可以變更檢視、分組、依資料行排序,或變更資料行及其寬度和順序,請保留這些設定,以便在下次顯示清單檢視時生效。 讓它們以個別清單檢視為基礎保存。

互動

  • 使用單鍵來選取使用者指向的清單專案。例外狀況: 針對命令連結清單模式,按一下即可選取專案,並關閉視窗或巡覽至下一頁。

  • 請考慮提供按兩下行為。 按兩下的效果應該與選取專案並執行其預設命令相同。

  • 讓按兩下行為備援。 應該一律會有具有相同效果的命令按鈕或操作功能表命令。

  • 如果清單專案需要進一步說明,請在資訊提示中提供說明。 使用完整的句子和結尾標點符號。

    具有鍵盤資訊提示的清單檢視螢幕擷取畫面

    在此範例中,會使用資訊提示來提供進一步的資訊。

  • 提供相關命令的內容功能表。 這類命令包括剪下、複製、貼上、移除或刪除、重新命名和屬性。

  • 如果使用者可以變更排序次序和群組,請提供 [排序依據] 和 [群組依據] 操作功能表。 第一次按一下資料行名稱會以該資料行的遞增順序排序或群組清單,第二次按一下會以遞減順序排序或群組。 使用上一個順序 (從另一個資料行) 做為次要索引鍵。

    清單檢視的螢幕擷取畫面,其中包含 [排序依據] 功能表

    在此範例中,[排序依據] 操作功能表會變更排序次序。 按一下 [名稱] 一次,依名稱遞增順序排序。 按一下 [名稱] 會以遞減順序依名稱排序。

  • 使用鍵盤讓清單檢視資料行標頭可供存取。

    • 開發 人員: 您可以藉由設定資料行標頭控制項的焦點來執行此動作。 這項功能是 Windows Vista 的新功能。
  • 停用清單檢視時,也會停用任何相關聯的標籤和命令按鈕。

  • 避免水準捲動。 清單模式使用水準捲動。 此模式通常是最精簡的,但水準捲動通常比垂直捲動更難使用。 如果精簡不重要,請考慮改用小型圖示檢視。 不過,當有許多依字母順序排序的專案和足夠的螢幕空間可供寬控制項使用時,清單模式是不錯的選擇。

    可以接受:

    寬清單模式控制項的螢幕擷取畫面

    在此範例中,會使用清單模式,因為寬型控制項有許多專案和大量的可用螢幕空間。

多重選取清單

  • 請考慮在清單下方顯示選取的專案數目,特別是當使用者可能選取數個專案時。 此資訊不僅提供實用的意見反應,也清楚指出清單檢視支援多重選取。

    五個選取縮圖清單的螢幕擷取畫面

    在此範例中,選取的專案數目會顯示在清單下方。

  • 或者,您可以提供其他可能更有意義的選取計量,例如選取專案所需的資源,而不是選取的專案數目。

    顯示磁碟空間的對話方塊螢幕擷取畫面

    在此範例中,安裝元件所需的磁碟空間比選取的元件數目更有意義。

  • 針對核取方塊清單檢視,如果可能有許多專案並選取或清除所有專案,請新增 [全部選取] 和 [清除所有命令] 按鈕。

  • 使用混合狀態核取方塊來指出容器中專案的部分選取。 混合狀態不會作為個別專案的第三個狀態。

變更檢視

如果使用者可以變更檢視:

  • 預設選擇最方便的檢視。 使用者所做的任何變更都應該以個別清單檢視為基礎,持續進行。

  • 使用分割按鈕、功能表按鈕或下拉式清單來變更檢視。 只要可行,請使用工具列上的 分割按鈕 ,並變更按鈕標籤以反映目前的檢視。

    具有分割 [檢視] 按鈕的清單螢幕擷取畫面

    在此範例中,工具列上的分割按鈕是用來變更檢視。

  • 提供 [檢視] 操作功能表。

    具有 [檢視] 操作功能表的清單螢幕擷取畫面

在此範例中,會使用 [檢視] 操作功能表來變更檢視。

詳細資料檢視

  • 請考慮使用磚檢視來改善可讀性。

    可以接受:

    具有窄欄的詳細資料清單螢幕擷取畫面

    在此範例中,資料太多,而且視窗、清單和資料行太小,使得清單專案難以讀取。

    較佳:

    詳細資料清單的螢幕擷取畫面,其中包含群組中的資料

    在此範例中,[磚] 檢視會顯示資料而不截斷。

  • 選擇適用于最長資料的預設資料行寬度。 清單檢視會自動截斷具有省略號的長資料,因此,如果預設會顯示幾個省略號,則資料行寬度會適當。 雖然使用者可以調整資料行的大小,但偏好其他解決方案:

    • 調整每個資料行寬度以符合其資料的大小。
    • 調整控制項寬度,使其資料行加上任何可能捲軸的大小。
    • 如有必要,請使用水準捲動。
    • 只有奇數大小的專案或最後一個手段,才截斷資料。

    如果預設必須截斷一般大小的資料,請讓視窗和清單檢視可調整大小。 針對任何文字 (,最多包含 30% (最多 200% 的簡短文字) ,但不包含當地語系化) 的數位。

    不正確:

    已截斷資料的清單資料行螢幕擷取畫面

    在此範例中,大部分的資料都會被截斷。 許多省略號清楚表示控制項和資料行寬度對資料而言太小。

    不正確:

    具有截斷資料的一欄清單螢幕擷取畫面

    在此範例中,資料不會因為原因而遭到截斷。

  • 選擇適當的預設資料行順序。 一般而言,依照下列方式排序資料行:

    • 首先,專案名稱或識別資料。
    • 接下來,其他用於區分清單專案的資料。
    • 接下來,最實用的 (最好是簡短或固定長度) 資料。
    • 接下來,較不實用的 (最好是簡短或固定長度) 資料。
    • 最後、長、可變長度的資料。

    長長度資料會放在最後一個資料行中,以減少水準捲動的需求。 在這些類別中,將相關資訊放在邏輯序列中。

  • 適當時,允許使用者新增和移除資料行,以及變更順序。 根據預設,顯示最有用的資料行。 這可透過標頭拖放屬性來達成。

  • 選擇適合資料的對齊方式。 使用下列規則:

    • 靠右對齊數位、貨幣和時間。
    • 靠左對齊的文字、識別碼 (,即使數值) 和日期也一樣。
  • 對於可排序的資料行標題, 第一次按一下標題會依資料行的遞增順序排序清單,第二次按一下會以遞減順序排序。 使用上一個排序次序 (從另一個資料行) 做為次要排序索引鍵。

    具有已排序資料的詳細資料清單螢幕擷取畫面

    在此範例中,會先按一下 [名稱] 資料行,再按一下 [類型] 資料行。 因此,以遞增順序輸入是主要排序索引鍵,而以遞增順序命名為次要。

  • 使用 [完整資料列選取] 屬性 ,讓使用者可以立即判斷所有資料行中選取的專案。

  • 除非可以排序資料,否則請勿使用可排序的資料行首。

  • 如果只有一個資料行,而且不需要反向排序,請勿使用資料行標頭。 請改用標籤來識別資料。

    不正確:

    資料行標頭中具有標籤的清單螢幕擷取畫面

    正確:

    控制項上方具有標籤的清單螢幕擷取畫面

    在正確的範例中,會使用標籤,而不是資料行標頭。

清單大小調整和間距的螢幕擷取畫面

建議的清單檢視大小和間距。

  • 選擇顯示整數專案的清單檢視高度。 避免垂直截斷專案。
  • 挑選清單檢視大小,以排除所有支援的檢視中不必要的垂直和水準捲動。 清單檢視應該會顯示在 3 到 20 個專案之間。 如果這樣做會排除捲軸,請考慮讓清單檢視稍微大一點。 可能有許多專案的清單應該至少顯示五個專案,以便一次顯示更多專案來加速捲動,並讓捲軸更容易定位。
  • 如果使用者受益于讓清單檢視變大,請將清單檢視及其父視窗調整大小。 這麼做可讓使用者視需要調整清單檢視大小。 不過,可調整大小的清單檢視應該不會少於三個專案。

標籤

控制項標籤

  • 所有清單檢視都需要標籤。 將標籤撰寫為單字或片語,而非句子,結尾是使用靜態文字的冒號。

  • 為每個標籤指派唯一 的存取金鑰 。 如需指導方針,請參閱 鍵盤

  • 使用 句子樣式大寫

  • 將標籤置於控制項上方,並將標籤與控制項的左邊緣對齊。

  • 對於多重選取範圍清單檢視,請撰寫清楚指出多個選取範圍的標籤。 核取方塊清單檢視標籤可能較不明確。

    正確:

    標籤的螢幕擷取畫面:選取一或多個附加元件

    在此範例中,標籤清楚指出可以選取多個選項。

    不正確:

    標籤的螢幕擷取畫面:附加元件

    在此範例中,標籤不會提供多個選取範圍的相關資訊。

    可以接受:

    核取方塊清單標籤的螢幕擷取畫面:附加元件

    在此範例中,核取方塊會清楚指出多個選取專案可能,因此標籤不需要明確。

  • 您可以在標籤之後的括弧中指定單位 (秒、連線等等) 。

標題標籤

  • 讓標題標籤保持簡短 (三個字或更少) 。
  • 使用不含結尾標點符號的單一名詞或名詞片語。
  • 使用 句子樣式大寫
  • 以與資料相同的方式對齊標題。

群組標籤

  • 針對高階集合使用下列群組標籤:
    • 名稱:使用名稱或字母範圍的第一個字母。
    • 大小:未指定、0 KB、0-10 KB、10-100 KB、100 KB - 1 MB、1-16 MB、16-128 MB
    • 日期:今天、昨天、上周、今年稍早,以及很長的時間。
  • 否則,群組標籤會使用所分組資料的確切文字,包括大寫和標點符號。

資料文字

指示文字

  • 如果您需要新增有關清單檢視的指示文字,請在標籤上方新增。 使用完整句子搭配結尾標點符號。
  • 使用 句子樣式大寫
  • 其他有説明但不需要的資訊應該保持簡短。 將這項資訊放在標籤與冒號之間,或在控制項下方沒有括弧。

文件

參考清單檢視時:

  • 使用確切的標籤文字,包括其大寫,但不包含便捷鍵底線或冒號,並包含字組清單。 請勿將清單方塊稱為清單方塊、清單檢視或欄位。
  • 針對清單資料,請使用確切的資料文字,包括其大寫。
  • 只有在程式設計和其他技術檔中,才會將清單檢視視為清單檢視。 其他任何地方都會使用清單。
  • 若要描述使用者互動,請使用選取資料,然後按一下標題。
  • 可能的話,請使用粗體文字來格式化標籤和清單選項。 否則,只有在需要防止混淆時,才將標籤和選項放在引號中。

範例:在 [ 程式和服務 ] 清單中,選取 [ 檔案與印表機共用]。

參考清單檢視中的核取方塊時:

  • 使用確切的標籤文字,包括其大寫,並包含單字核取方塊。 請勿包含便捷鍵底線。
  • 若要描述使用者互動,請使用選取並清除。
  • 可能的話,請使用粗體文字格式化標籤。 否則,只有在需要防止混淆時,才將標籤放在引號中。

範例:選取 [ 底線 ] 核取方塊。