實用指南

我警告過了，基于選擇的輸入項要考慮很多方面問題，對嗎？研究了海量數據，我們學到了什么？

* 如果每個初始選擇的額外輸入項數量很大，網頁級別方式的基于選擇的輸入項是最佳方案。表單需要兩個單獨網頁，但動態隱藏和顯示額外輸入項不會迷惑用戶，用戶也不會懷疑選擇是否互斥。

* 垂直和水平選項卡在綜合可用性、滿意度和眼動指標方面表現都不錯，但存在選擇互斥問題。哪種方案能解決問題，得到的數據矛盾，所以兩種方案都有問題。如果能通過巧妙的互動或視覺設計避開互斥問題，這兩個方案就會表現良好。

* 如果初始選項列表較長（4或5個以上），每個選項都帶有一套基于選擇的輸入，可采用下拉列表和視覺分組。

* 如果每個初始選項只有幾個額外輸入項，單選按鈕下方顯示或單選按鈕內顯示是最佳方案。我見過由于過多頁面跳躍造成混亂，額外輸入項與初始選擇之間的關聯喪失，所以要謹慎使用。但如果每個選擇只有1到3個額外輸入項，我會使用單選按鈕即時顯示。如果可能，應確定使用清晰的視覺聯系和過渡。

* 所有非活動選項，或全部選項基本不會是發起者，選項太多，人們馬上被搞昏了頭，而這些選項與用戶目標無關。

* 整體而言，隱藏無關表單控件，除非用戶需要，減輕表單對眼睛的壓力，用戶能迅速填寫表單。

* 整體而言，將初始選項及其基于選擇的輸入靠近顯示，所獲滿意度高。

* 所有情況下，保持初始選項之間的聯系清晰。不要讓人們看不到頂層初始選擇。

* 所有情況下，清晰顯示基于選擇的輸入項和觸發器之間的關系。本節中所有例子使用了黃色或灰色背景來顯示這種關系。

* 所有情況下，應避免頁面跳躍過多，頁面跳動會分離基于選擇的輸入項和初始選項之間的關聯。

原文：http://www.yummyux.com/?p=511