Szkielet

Obciążenie szkieletu vs spinner

Obciążenie szkieletu vs spinner

Ekrany szkieletu służą podobnej funkcji jak spinner i inne animacje ładowania: wizualna wskazówka, którą użytkownik musi trochę poczekać, aż zawartość się załaduje. Jednak w przeciwieństwie do spinnerów ekrany szkieletu tworzą iluzję postępu.

  1. Kiedy nie należy używać ładowania szkieletu?
  2. Dlaczego warto korzystać z ładowania szkieletu?
  3. Co to jest ładowanie spinnera?
  4. Jak zaimplementować ładowanie szkieletu?

Kiedy nie należy używać ładowania szkieletu?

Ładowarka szkieletowa nie powinna być używana w połączeniu z spinner, wybierz ten, który najlepiej pasuje do obudowy użycia.

Dlaczego warto korzystać z ładowania szkieletu?

Ekran szkieletu to animowany symbol zastępczy, który symuluje układ strony internetowej podczas ładowania danych. Poinformują użytkownika, że ​​niektóre treści ładują się i, co ważniejsze, podają wskazanie, co ładuje, niezależnie od tego, czy jest to obraz, tekst, karta i tak dalej.

Co to jest ładowanie spinnera?

Spinner obciążenia jest na ogół elementem markowym o animacji zapętlonej, która wskazuje, że ładowanie jest w toku i gdzie się pojawia. Unikaj wyświetlania wielu spinnerów ładowania na jednej stronie.

Jak zaimplementować ładowanie szkieletu?

Utwórz nowy indeks plików. HTML i napisz trochę HTML dla układu wewnątrz rodzica <div> z klasą = ”profil-container”. Dodaj klasę = „szkielet” do każdego elementu, aby zastosować efekt ładowania ekranu szkieletu. Będziesz usuwać tę klasę, gdy zawartość zostanie załadowana za pomocą JavaScript.

STATUS PRZETWARZANIA Multi wyboru UI/UX
Jakie są 4 podstawowe procesy projektowania UX?Jakie są etapy projektowania UX?Jaki jest najlepszy interfejs użytkownika do wyboru z listy?Która kont...
Uproszczona chińska i kompatybilność z mówionymi językami chińskimi za pomocą lektora / talkback
Co to jest uproszczone chińskie i tradycyjne chińskie?Czy głośniki mandaryńskie mogą odczytać uproszczone chińskie?Jak odróżnić uproszczone a tradycy...
Dopasowanie wielokrotnego wyboru - po wybraniu elementów są przenoszone na górę rozwijania
Jak wybrać wiele opcji na rozwijanej liście?Jak wybrać wiele opcji z rozwijanej listy w HTML?Jaka jest różnica między ListBox a rozwijaną listą?Jak w...