像這個(gè)下拉列表一樣秀起來(lái)

本文章轉(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ū)噩茄。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市复颈,隨后出現(xiàn)的幾起案子绩聘,更是在濱河造成了極大的恐慌,老刑警劉巖耗啦,帶你破解...
    沈念sama閱讀 211,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凿菩,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡帜讲,警方通過查閱死者的電腦和手機(jī)衅谷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)似将,“玉大人获黔,你說(shuō)我怎么就攤上這事⊥娼迹” “怎么了肢执?”我有些...
    開封第一講書人閱讀 157,435評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵枉阵,是天一觀的道長(zhǎng)译红。 經(jīng)常有香客問我,道長(zhǎng)兴溜,這世上最難降的妖魔是什么侦厚? 我笑而不...
    開封第一講書人閱讀 56,509評(píng)論 1 284
  • 正文 為了忘掉前任耻陕,我火速辦了婚禮,結(jié)果婚禮上刨沦,老公的妹妹穿的比我還像新娘诗宣。我一直安慰自己,他們只是感情好想诅,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,611評(píng)論 6 386
  • 文/花漫 我一把揭開白布召庞。 她就那樣靜靜地躺著,像睡著了一般来破。 火紅的嫁衣襯著肌膚如雪篮灼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,837評(píng)論 1 290
  • 那天徘禁,我揣著相機(jī)與錄音诅诱,去河邊找鬼。 笑死送朱,一個(gè)胖子當(dāng)著我的面吹牛娘荡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播驶沼,決...
    沈念sama閱讀 38,987評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼炮沐,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了商乎?” 一聲冷哼從身側(cè)響起央拖,我...
    開封第一講書人閱讀 37,730評(píng)論 0 267
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鹉戚,沒想到半個(gè)月后鲜戒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,194評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡抹凳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,525評(píng)論 2 327
  • 正文 我和宋清朗相戀三年遏餐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赢底。...
    茶點(diǎn)故事閱讀 38,664評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡失都,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出幸冻,到底是詐尸還是另有隱情粹庞,我是刑警寧澤,帶...
    沈念sama閱讀 34,334評(píng)論 4 330
  • 正文 年R本政府宣布洽损,位于F島的核電站庞溜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏碑定。R本人自食惡果不足惜流码,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,944評(píng)論 3 313
  • 文/蒙蒙 一又官、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧漫试,春花似錦六敬、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至播掷,卻和暖如春典勇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背叮趴。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工割笙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人眯亦。 一個(gè)月前我還...
    沈念sama閱讀 46,389評(píng)論 2 360
  • 正文 我出身青樓伤溉,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親妻率。 傳聞我的和親對(duì)象是個(gè)殘疾皇子乱顾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,554評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容