在用戶可以查看并與內(nèi)容進(jìn)行交互之前,盡可能地減少視覺上的變化,盡量使應(yīng)用加載過程令人愉快。每次操作只能由一個活動指示器呈現(xiàn),例如,對于刷新操作,你不能即用刷新條,又用動態(tài)圓圈來指示。
在操作中,對于完成部分可以確定的情況下,使用確定的指示器,他們能讓用戶對某個操作所需要的時間有個快速的了解。
在操作中,對于完成部分不確定的情況下,用戶需要等待一定的時間,無需告知后用戶臺的情況以及所需時間,這時可以使用不確定的指示器。
指示器的類型有兩種:線形進(jìn)度指示器和圓形進(jìn)度指示器。你可以使用其中任何一項來指示確定性和不確定性的操作。
線形進(jìn)度指示器應(yīng)始終從 0% 到 100% 顯示,絕不能從高到低反著來。如果一個隊列里有多個正在進(jìn)行的操作,使用一個進(jìn)度指示器來指示整體的所需要等待的時間。這樣,當(dāng)指示器達(dá)到 100% 時,它不會返回到0%再重新開始。
線形進(jìn)度條應(yīng)該放置在頁眉或某塊區(qū)域的邊緣。
圓形的加載指示器可以和一個有趣的圖標(biāo)或者刷新圖標(biāo)結(jié)合在一起使用。
加載階段
單階段加載
在現(xiàn)有的,不變的容器里加載內(nèi)容(副本和圖像)。
雙階段加載
先生成一個容器,然后再加載內(nèi)容(副本和圖像)。
第一次加載內(nèi)容
一次加載完所有內(nèi)容并顯示出來
分兩個階段加載和顯示內(nèi)容
例1:卡片的擴(kuò)展
當(dāng)卡片可以在較大的表面上擴(kuò)展時,比如桌面,這時推薦使用不確定的線形進(jìn)度指示器。
例2:上拉刷新
當(dāng)你想從下方刷新列表時,推薦使用不確定的圓形進(jìn)度指示器來觸發(fā)內(nèi)容的加載。
例3:下拉刷新
當(dāng)你想從上方刷新列表時,推薦使用不確定的圓形進(jìn)度指示器來觸發(fā)內(nèi)容的加載。
原文:Progress and Activity 翻譯:SamanthaChou 校對:sisyphus60