本文章轉(zhuǎn)載于搜狗測(cè)試
引子
多一點(diǎn)簡(jiǎn)單的選擇,少一點(diǎn)復(fù)雜的填寫透硝,是提高用戶體驗(yàn)的一種方式聪蘸。下拉列表就是一種秉承著這種理念而生的控件宪肖。
初來(lái)乍到表制,自我介紹
下拉列表,也被稱為下拉式列表控乾、下拉框么介、下拉式選單、下拉菜單等蜕衡,是一種被廣泛的應(yīng)用在計(jì)算機(jī)應(yīng)用和互聯(lián)網(wǎng)交互設(shè)計(jì)中的一種表現(xiàn)形式壤短。常見的用法是,當(dāng)用戶點(diǎn)擊一個(gè)選單時(shí)慨仿,選單會(huì)向下延伸出具有擴(kuò)展選項(xiàng)的一個(gè)列表選單久脯,從而用戶可以從延伸的選單中選擇最佳的選項(xiàng)。這樣的控件有著許多的好處镰吆,減少了用戶輸入而使用選擇來(lái)代替帘撰,減少了用戶思考和表達(dá)的成本,比其他控件(如復(fù)選框)占用更少的位置等万皿。下圖就是一種典型的下拉列表摧找,用來(lái)選擇顯示器的相關(guān)選項(xiàng)。
多說(shuō)兩句牢硅,混個(gè)臉熟
在項(xiàng)目測(cè)試過程中蹬耘,也會(huì)碰到諸多類似的下拉列表,那么怎樣從測(cè)試的角度去看待這樣一個(gè)控件呢减余?
根據(jù)下拉列表的功能综苔,我們可以把下拉列表分為幾種:
1. 選擇型,這種不涉及到用戶的任何輸入位岔,通過預(yù)置一定的選項(xiàng)如筛,引導(dǎo)用戶完成相應(yīng)的操作。比如在Word中更換一段文字的字體用到的下拉框赃承。
2. 補(bǔ)全建議型,這種類似于在搜狗搜索引擎中輸入“情”悴侵,會(huì)擴(kuò)展出帶有“情人節(jié)”瞧剖、“情懷”、“情深深雨蒙蒙……”等提示詞的情況可免,主要目的給用戶多種建議抓于,減少用戶思考和輸入的時(shí)間。
舞會(huì)時(shí)間浇借,一起搖擺
按照這樣的功能分類捉撮,可以把下拉列表的基本檢查點(diǎn)提取出來(lái):
1. 下拉列表彈出時(shí)機(jī)、流暢度妇垢、彈出動(dòng)作持續(xù)時(shí)間巾遭;
2. 下拉按鈕的位置肉康、顏色、形狀灼舍、與輸入框?qū)R方式吼和;
3. 下拉列表默認(rèn)上屏填寫的內(nèi)容;
4. 下拉列表輸入框的默認(rèn)選項(xiàng)骑素、提示文案炫乓;
5. 下拉列表彈出列表的內(nèi)容、長(zhǎng)度献丑、顯示選項(xiàng)個(gè)數(shù)末捣、滾動(dòng)條;
6. 備選項(xiàng)的文案內(nèi)容创橄、長(zhǎng)度箩做、字體、顏色筐摘、背景色卒茬、對(duì)齊方式;
7. 光標(biāo)懸停項(xiàng)的文案內(nèi)容咖熟、長(zhǎng)度圃酵、字體、顏色馍管、背景色郭赐、對(duì)齊方式;
8. 不可選擇項(xiàng)的文案內(nèi)容确沸、長(zhǎng)度捌锭、字體、顏色罗捎、背景色观谦、對(duì)齊方式;
9. 下拉列表對(duì)不同文案類型的兼容性(中文桨菜、英文豁状、符號(hào)、數(shù)字倒得、阿拉伯語(yǔ)泻红、數(shù)學(xué)符號(hào)∞、蘋果的?符號(hào)等)霞掺;
10. 切換選擇項(xiàng)的方式(鍵盤上下鍵谊路,鼠標(biāo)移動(dòng),鼠標(biāo)滾輪菩彬,觸屏滑動(dòng)缠劝,滾動(dòng)條上方向按鈕點(diǎn)擊等)潮梯;
11. 隨著輸入框內(nèi)輸入內(nèi)容的變化,下拉列表內(nèi)容的變化剩彬;
掌聲不停酷麦,返場(chǎng)小段
除了以上的檢查點(diǎn),我們稍微聯(lián)想還能得出如下的一些檢查點(diǎn):
1. 下拉列表內(nèi)容的合理性(輸入“情”喉恋,提示語(yǔ)中出現(xiàn)“計(jì)算機(jī)”顯然是不合理的)沃饶;
2. 下拉列表內(nèi)容排序的合理性;
3. 下拉列表內(nèi)容的濾重轻黑;
4. 下拉列表內(nèi)容動(dòng)態(tài)變化的速度糊肤;
Oh, Oh, One More Thing...
在實(shí)際的測(cè)試中,還有一類非常常見的情況需要特別注意氓鄙,那就是下拉列表與其他控件(可以是另外一個(gè)下拉列表馆揉,可以是其他的輸入控件)之間的關(guān)系。最常見的就是省(A)市(B)區(qū)(C)之間的關(guān)系抖拦,當(dāng)A選擇了“山東省”的時(shí)候升酣,B的備選內(nèi)容就應(yīng)該變?yōu)樯綎|省內(nèi)的市,而不應(yīng)該出現(xiàn)河北省或者內(nèi)蒙古的地級(jí)市态罪,同時(shí)C的選項(xiàng)就變?yōu)锽默認(rèn)市管轄的區(qū)噩茄。