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