是什麼讓一個很好的選項/設置對話框？

Question

我在瀏覽Worst UI You’ve Ever Used問題，當時我意識到他們中的很多人都涉及到某些應用程序的選項對話框。這顯然是一個開發人員可以很容易「迷失」的領域，因爲通常有很多可用的選項難以組織。 （特別是對於刻板編程人員）

所以，因爲我準備爲自己的應用程序設計一個選項對話框，所以我想知道：什麼使得一個很好的選項對話框？

製表符？像Visual Studio這樣的層次結構樹視圖就像標籤一樣行爲？ （我目前正在傾向於此）

你覺得呢？

Answer 1

選項窗口傾向於擁擠，混亂和混亂，使用戶很難找到他或她想要的選項。他們經常在設計的最後一刻被拋在一起，沒有與設計的其餘部分進行大量的思考或協調。這使他們成爲嘲笑的共同目標。以下是如何避免這種命運。

限制選項的數量。選項越少，朦朧用戶真正想要的東西就越少。

• 將選項限制爲適合用戶中已知個體差異的選項。例如，如果您的用戶來自不同的舊系統，則可以選擇模擬每個系統的鍵盤快捷鍵。

• 即便如此，考慮到迫使少數用戶做一個小習慣的改變，可能值得在添加另一個選項時產生混亂的可用性節省。請記住，爲所有用戶提供一個標準用戶界面可以幫助用戶相互支持。

• 除非你的應用程序有一個「俏皮」的一面（如Facebook），避免選擇微不足道的審美偏好。專注於改進選定用戶的任務績效的選項（例如，支持輔助功能的選項）。

• 不要使用選項強制用戶自己做出設計決定。例如，沒有用於逐個選擇控制位置或顏色編碼的選項。您的用戶不是UI設計師，在幾乎所有情況下，您都可以提出比普通用戶更好的設計折中方案。

• 請勿使用選項來設置數據的屬性（例如，特定文檔的邊距）。選項是應用程序的屬性，默認情況下應用於顯示的任何數據。

按功能組織選項，如用戶看到它。考慮使用card-sort method對您的選項進行分類。不要在「高級」選項卡或對話框中隱藏較少使用的選項。你可能有每個選項的使用統計數字，但你的用戶不會。他們無法知道他們尋找的選項是否「高級」，強制他們除了搜索其他選項卡外，還要搜索高級垃圾抽屜選項卡。

將功能移出選項窗口，並使其靠近用戶決定設置選項的位置。而不是有一個選項來設置默認值，使用相同的接口來覆蓋默認值。您可以在「打印」對話框中設置「使此打印機成爲默認打印機」按鈕。在「視圖」菜單中包含一個「保存視圖」菜單項，該菜單項可以跨會話保留用戶爲該窗口設置的排序順序，篩選和列選擇。或者，考慮自動保留視圖 - 即使窗口大小和位置 - 在會話中，並提供一個默認視圖菜單項來恢復它。

如果您有大量選項，請考慮在菜單欄上爲它們設置專用的下拉菜單，每個菜單項爲每個主要類別的選項打開不同的對話框。對話框中的多層選項卡或樹是大自然說你的選項窗口太複雜的方式。

專用的選項/首選項下拉菜單也是一個很好的地方，可以放置三個或四個適應/變量菜單項，以預測用戶想要在給定上下文中設置的選項。例如，當電子郵件到達時，會出現一個菜單項，爲新電子郵件設置提醒參數（例如，發出聲音，顯示通知）。當用戶將默認打印機更改爲其他內容時，可能會出現一個菜單項，使新打印機成爲默認打印機。

使用網絡風格的圖形設計，小插圖和視覺層次結構，使選項更易於在給定面板上查找和理解。使用字體大小，顏色和/或重量使常用選項突出顯示，同時仍按功能組織所有選項。喜歡的東西：

Section headings in large font. Common options in bold print http://www.zuschlogin.com/content/blogimages/27/OptionsVariability.gif

鼓勵的選項很容易的探索和實驗：

• 的複選框和其他控件在選項窗口選項應該立即適用於選擇，以便用戶可以立即看到的影響每個選項的選擇。應該沒有確定和沒有取消按鈕，但只有一個關閉按鈕（也可能有一個重置或撤消按鈕）。打開典型的選項對話框，選擇一個選項並點擊確定，只是爲了找到一個設置了錯誤的選項，並且必須重新開始。另外，如果用戶選擇多個選項，點擊確定（或應用），並且以完全破壞的UI結束，則用戶不一定知道哪個選項需要被撤消;用戶甚至可能不記得所有選擇的選項。

• 包括「這是什麼？」每個選項的幫助，以便用戶可以找到更多關於選項和應該何時應用的信息。

• 考慮使Option窗口無模式，以便用戶可以在主窗口周圍平移以更好地查看選項的功能。

• 確保所有選項名稱及其同義詞都位於幫助文檔中，並確保幫助文檔向用戶顯示確切地在哪裏找到該選項。通常用戶可能不知道是否存在選項，或者它是否是「選項」或其他類型的命令。

Answer 2

讓最常見的選項很容易找到，而高級選項「可選」甚至可以查看...隱藏選項99％的用戶不會關心它是非常有效的。

主要問題不是壓倒觀衆。選項對話框往往是瘋狂的，只是因爲人們把所有選項都放在那裏。

擁有一個良好的，乾淨的邏輯分組選項，並且常用選項很簡單，而「高級」部分使得隱藏選項不太明顯通常比特定佈局更重要。

Answer 3

我認爲這取決於你將擁有多少選項，它們的邏輯分組是什麼以及它們來自哪裏（應用程序，外部插件等）Visual Studio使用的樹型對話框是這是一個很好的選擇，因爲有大量的選項以及提供在此對話框中操作的選項的許多插件/包。

，我見過的常見模式是：

1. 在Visual Studio類型對話框（樹視圖）。
2. Word/Office選項對話框（特別是在Office 2007/2010中）。
3. 一個標準的選項卡式對話框（只有少量（少於4個）選項卡的好選項）。
4. 單個對話框包含使用組框（標準.NET風格或Office風格）分組的選項。這隻有少數選擇纔可行。

Answer 4

沒有選項對話框是最好的。

如果你確實有很多選擇，使其可搜索真的很有幫助。