UI設(shè)計(jì)進(jìn)度指示器設(shè)計(jì)規(guī)范
2022-11-13點(diǎn)擊量:68
進(jìn)度指示器設(shè)計(jì)規(guī)范進(jìn)度指示器設(shè)計(jì)規(guī)范:進(jìn)度指示器通知用戶正在進(jìn)行的狀態(tài),例如加載應(yīng)用程序、提交表單或保存更新,今天小編主要給大家分享進(jìn)度指示器設(shè)計(jì)規(guī)范,希望對你們有幫助!一、組件定義進(jìn)度指示器指示未指定的等待時間或顯示過程的持續(xù)時間,使用活動指示器和進(jìn)度條讓用戶知道你的應(yīng)用程序沒有停止,讓他們知道需要等待多長時間。在那些需要很長時間才能完成的操作中,向用戶顯示操作進(jìn)度的一種模式。(1)作用如果用戶在操作后,沒有給出反饋,用戶將很容易失去耐心。如果一個操作超過兩秒鐘的等待時間,可以應(yīng)用這種模式來顯示當(dāng)前的進(jìn)度,這樣用戶就可以知道等待時間,減少焦慮并確保內(nèi)心的確認(rèn)感。相反,它會引起用戶的負(fù)面情緒,降低用戶體驗(yàn)價值,導(dǎo)致用戶直接退出程序。(2)使用規(guī)范進(jìn)度指示器通知用戶正在進(jìn)行的狀態(tài),例如加載應(yīng)用程序、提交表單或保存更新。它們傳達(dá)應(yīng)用程序的狀態(tài)并指示可用的操作,例如用戶是否可以離開當(dāng)前屏幕。動態(tài)指示器可以是文本指示器或圖形指示器。它需要告訴用戶以下基本信息:1)當(dāng)前操作內(nèi)容2)完成的比例3)完成需要多長時間4)這項(xiàng)任務(wù)可以停止嗎二、使用原則這種類型的模式需要遵循以下原則:1)功能是優(yōu)先,進(jìn)度指示器可以設(shè)計(jì)外觀來反映過程狀態(tài),并且視野不應(yīng)大于功能。2)動畫效果,指示器始終是動態(tài)的,用動畫來吸引注意力并通知用戶活動的進(jìn)展。3)一致性,程序中一致的流程應(yīng)該以一致的格式顯示。三、組建分類(1)載體展示方式層面進(jìn)度指標(biāo)有兩種,一種是線性進(jìn)度指標(biāo),另一種是圓形進(jìn)度指標(biāo)。選擇一個指示器在應(yīng)用程序中顯示相同的場景。例如,如果主頁的下拉刷新使用圓形進(jìn)度指示器,那么該應(yīng)用程序的其他下拉刷使用一致的圓形進(jìn)度指示器來顯示。(2)交互層面指示器的加載狀態(tài)可分為兩種類型,一種是確定指示,另一種是不確定指示。確定指示:加載時間可以量化,可以檢測過程完成率的情況下,可以使用此方法。不確定性指示:當(dāng)記載時間不可量化且進(jìn)度無法檢測時,可以使用此方法。...