1、步驟條簡介
????????引導(dǎo)用戶按照流程完成任務(wù)的導(dǎo)航條垫挨,可表示任務(wù)進度或步驟。
2触菜、使用場景?
兩種使用場景:表示任務(wù)進度或者步驟九榔,并起到導(dǎo)航的作用。
2.1涡相、進度條:表示某事務(wù)的進度哲泊,側(cè)重于表現(xiàn)當(dāng)前進度,如訂單進度催蝗;
2.2切威、步驟條:將某個任務(wù)分解成由若干步驟組成的流程,表示該任務(wù)所處的步驟丙号,側(cè)重于表明操作步驟先朦,通常帶有“上一步”、“下一步”操作按鈕犬缨,如資質(zhì)認(rèn)證等復(fù)雜任務(wù)喳魏;
3、理解與思考
????????步驟條可表現(xiàn)當(dāng)前任務(wù)的整體步驟怀薛,以及進度情況的組件刺彩,常用于比較復(fù)雜繁瑣的任務(wù),把任務(wù)分步進行枝恋,簡化任務(wù)创倔,也降低用戶的畏難心理,反映任務(wù)進度焚碌,給足用戶更多的心理預(yù)期畦攘。
????????一個清晰完整的步驟條,應(yīng)該可以使用不同的視覺元素呐能,使得更清晰地表示過去念搬、現(xiàn)在抑堡、將來钓猬,過去是指已經(jīng)完成的動作锯岖,通常使用“對勾”表示;現(xiàn)在是指當(dāng)前進行中的動作塔次,通常高亮即可爷恳;未來是指即將要執(zhí)行的動作有缆,通常置灰即可,一個清晰完整的步驟條温亲,如第2小節(jié)的圖示棚壁。
????????不清晰不完整的步驟條舉例如下:
4、小結(jié)
4.1 任務(wù)導(dǎo)航:清晰地體現(xiàn)任務(wù)的所有步驟栈虚,并清晰描述每個步驟袖外,需要描述的內(nèi)容如:動作描述、狀態(tài)描述魂务、時間描述曼验、人物描述等;
4.2 視覺元素:需清晰地表示過去粘姜、現(xiàn)在鬓照、將來;
4.3 信息結(jié)構(gòu)化:任務(wù)分步驟完成時孤紧,合理設(shè)計每個步驟的內(nèi)容及界限豺裆。