Състоянието на зареждане съществува, за да отговори на един въпрос за потребителя: случва ли се нещо? Без отговор хората докосват отново, презареждат страницата или си тръгват. Правилният отговор зависи от това колко време чакат.
При много кратко изчакване, под около една десета от секундата, повечето хора не забелязват забавяне, така че индикаторът добавя само трептене. Обичайна техника е да изчакате за кратко, преди да покажете спинер, така че бързите отговори никога не показват такъв.
За изчакване от секунда или няколко секунди покажете обратна връзка, където ще се появи резултатът. Скелетен екран, сив контур на предстоящото оформление, работи добре за списъци, карти и профили, защото показва какво предстои и намалява изместването на оформлението. Спинърът работи за малки площи или когато резултатът няма предвидима форма.
За дълги задачи, като качвания, експорти или генериране на AI, покажете реален напредък, ако можете да го измерите, обяснете какво се случва и оставете хората да отменят или да продължат с друга работа. Спинър, който се върти за минута без друга информация, се чувства като провал.
Контролът, който е започнал действието, също се нуждае от състояние. Бутон за изпращане, който превключва в състояние на зареждане и не може да бъде натиснат два пъти, предотвратява дублиране на поръчки и съобщения. Когато зареждането приключи, преминете ясно към успех или грешка, вместо мълчаливо да се върнете към настройките по подразбиране.
Анимацията помага тук, но я поддържайте спокойна и кратка в цикъл и спазвайте настройката за намалено движение. ExodeUI, който ние правим, ви позволява да проектирате зареждащ инструмент или бутон със състояния на зареждане, успех и грешка в един файл, между които вашият код превключва.