實(shí)用指南

我警告過了，基于選擇的輸入項(xiàng)要考慮很多方面問題，對(duì)嗎？研究了海量數(shù)據(jù)，我們學(xué)到了什么？

* 如果每個(gè)初始選擇的額外輸入項(xiàng)數(shù)量很大，網(wǎng)頁級(jí)別方式的基于選擇的輸入項(xiàng)是最佳方案。表單需要兩個(gè)單獨(dú)網(wǎng)頁，但動(dòng)態(tài)隱藏和顯示額外輸入項(xiàng)不會(huì)迷惑用戶，用戶也不會(huì)懷疑選擇是否互斥。

* 垂直和水平選項(xiàng)卡在綜合可用性、滿意度和眼動(dòng)指標(biāo)方面表現(xiàn)都不錯(cuò)，但存在選擇互斥問題。哪種方案能解決問題，得到的數(shù)據(jù)矛盾，所以兩種方案都有問題。如果能通過巧妙的互動(dòng)或視覺設(shè)計(jì)避開互斥問題，這兩個(gè)方案就會(huì)表現(xiàn)良好。

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

* 如果每個(gè)初始選項(xiàng)只有幾個(gè)額外輸入項(xiàng)，單選按鈕下方顯示或單選按鈕內(nèi)顯示是最佳方案。我見過由于過多頁面跳躍造成混亂，額外輸入項(xiàng)與初始選擇之間的關(guān)聯(lián)喪失，所以要謹(jǐn)慎使用。但如果每個(gè)選擇只有1到3個(gè)額外輸入項(xiàng)，我會(huì)使用單選按鈕即時(shí)顯示。如果可能，應(yīng)確定使用清晰的視覺聯(lián)系和過渡。

* 所有非活動(dòng)選項(xiàng)，或全部選項(xiàng)基本不會(huì)是發(fā)起者，選項(xiàng)太多，人們馬上被搞昏了頭，而這些選項(xiàng)與用戶目標(biāo)無關(guān)。

* 整體而言，隱藏?zé)o關(guān)表單控件，除非用戶需要，減輕表單對(duì)眼睛的壓力，用戶能迅速填寫表單。

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

* 所有情況下，保持初始選項(xiàng)之間的聯(lián)系清晰。不要讓人們看不到頂層初始選擇。

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

* 所有情況下，應(yīng)避免頁面跳躍過多，頁面跳動(dòng)會(huì)分離基于選擇的輸入項(xiàng)和初始選項(xiàng)之間的關(guān)聯(lián)。

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