\n Je\u015bli kiedykolwiek korzysta\u0142e\u015b z komputera, r\u00f3wnie dobrze mo\u017cesz by\u0107 \u015bwiadomy animowanego symbolu Windows, kt\u00f3ry pojawia si\u0119 podczas uruchamiania systemu. Rozw\u00f3j do tego, co widzimy dzisiaj, wymaga\u0142 ewolucji w zakresie projektowania i animacji, ale w systemie Windows 1995 obraz w og\u00f3le si\u0119 nie porusza\u0142. Niekt\u00f3rzy z was mog\u0105 pomy\u015ble\u0107, po co w og\u00f3le u\u017cywa\u0107 tych animowanych wska\u017anik\u00f3w?\n<\/p>\n
\n Zastan\u00f3w si\u0119 jednak, czy wola\u0142by\u015b raczej czeka\u0107 i patrze\u0107 na pusty ekran, aby zobaczy\u0107, jak Twoje dzia\u0142anie zosta\u0142o zako\u0144czone? A mo\u017ce zabawi\u0107 si\u0119 czym\u015b znacz\u0105cym, dop\u00f3ki ekran nie pojawi si\u0119 ponownie?\n<\/p>\n
\n Jedn\u0105 z najbardziej kardynalnych cech projektowania interfejsu u\u017cytkownika jest mo\u017cliwo\u015b\u0107 pokazania jego post\u0119pu jako stanu systemu. U\u017cytkownik musi wiedzie\u0107, czy system jest \u015bwiadomy swoich dzia\u0142a\u0144 i odpowiednio na nie reaguje. Animowane wska\u017aniki post\u0119pu s\u0105 w stanie pokaza\u0107 aktualny kontekst operacji w niemal dowolnym momencie bez u\u017cycia rozbudowanych funkcji tekstowych lub wideo. Dzi\u0119ki temu idealnie nadaj\u0105 si\u0119 do informowania o stanie systemu, gdy post\u0119p jest wykonywany w tle.\n<\/p>\n
\n Kto nie lubi szybkiej odpowiedzi z aplikacji lub strony internetowej? Chocia\u017c ma to du\u017ce znaczenie dla u\u017cytkownika, nie jest mo\u017cliwe uruchomienie go z niezachwian\u0105 sp\u00f3jno\u015bci\u0105. Pewne czynniki s\u0105 zawsze dodawane do r\u00f3wnania, kt\u00f3re mog\u0105 utrudnia\u0107 szybko\u015b\u0107 aplikacji. Czynniki te obejmuj\u0105 g\u0142\u00f3wnie z\u0142e po\u0142\u0105czenie internetowe, nisk\u0105 wydajno\u015b\u0107 z powodu du\u017cego obci\u0105\u017cenia, a nawet awari\u0119 programu. W takich okoliczno\u015bciach najlepszym posuni\u0119ciem by\u0142oby zminimalizowanie napi\u0119cia u\u017cytkownika i zapewnienie, \u017ce aplikacja dzia\u0142a i poczyniono post\u0119py. Aby to zrobi\u0107, musisz przekaza\u0107 u\u017cytkownikowi informacj\u0119 zwrotn\u0105, aby czas nie odbi\u0142 si\u0119 na jego cierpliwo\u015bci.\n<\/p>\n
\n Czas oczekiwania rozpoczyna si\u0119 niemal natychmiast po wykonaniu akcji przez u\u017cytkownika. Ale to, co czyni go gorszym, to brak odpowiedniego wska\u017anika reprezentuj\u0105cego post\u0119p systemu. U\u017cytkownik naturalnie zak\u0142ada, \u017ce \u200b\u200baplikacja nie odpowiedzia\u0142a, gdy nie wy\u015bwietla powiadomienia, \u017ce \u200b\u200bsystem zajmuje troch\u0119 czasu. Rezultaty mog\u0105 obejmowa\u0107 zar\u00f3wno gwa\u0142towne klikanie, jak i nawet porzucenie przez u\u017cytkownika, tylko dlatego, \u017ce aplikacja nie dostarczy\u0142a informacji zwrotnej na czas.\n<\/p>\n
\n Akcje, kt\u00f3re maj\u0105 na celu ponowne uruchomienie post\u0119pu lub od\u015bwie\u017cenie systemu, s\u0105 cz\u0119sto wykonywane, gdy \u0142adowanie zajmuje wi\u0119cej czasu ni\u017c oczekiwano. Po raz kolejny brak informacji zwrotnej nie mo\u017ce wskazywa\u0107 na odpowied\u017a na \u017c\u0105danie, mimo \u017ce jest ono wykonywane w tle. Dlatego nale\u017cy wprowadzi\u0107 animowany wska\u017anik, kt\u00f3ry b\u0119dzie wspiera\u0142 post\u0119py systemu aplikacji w dowolnym momencie.\n<\/p>\n
\n Zwykle, gdy \u0142adowanie aplikacji zajmuje mniej ni\u017c 1 sekund\u0119, post\u0119p wydaje si\u0119 prawie niezak\u0142\u00f3cony, a u\u017cytkownik nie traci koncentracji. Je\u015bli jednak czas \u0142adowania przekracza 1 sekund\u0119, nale\u017cy podj\u0105\u0107 \u015brodki, aby utrzyma\u0107 zaanga\u017cowanie u\u017cytkownika. Kr\u00f3tka zw\u0142oka staje si\u0119 zauwa\u017calna, a u\u017cytkownik zaczyna zastanawia\u0107 si\u0119 nad skuteczno\u015bci\u0105 zadania wykonywanego na aplikacji.\n<\/p>\n
\n Dlatego aplikacja musi reagowa\u0107 za pomoc\u0105 wska\u017anika post\u0119pu, aby przedstawi\u0107 wiarygodny pow\u00f3d oczekiwania i zmniejszy\u0107 niepewno\u015b\u0107 u\u017cytkownika, zanim wymknie si\u0119 to spod kontroli. Nale\u017cy zauwa\u017cy\u0107, \u017ce akcja, kt\u00f3rej za\u0142adowanie zajmuje mniej ni\u017c jedn\u0105 sekund\u0119, niekoniecznie wymaga wska\u017anika animacji, ale obraz mo\u017ce to zrobi\u0107. Jest to zalecane, poniewa\u017c animacja migaj\u0105ca na ekranie za ka\u017cdym razem, gdy wykonywana jest czynno\u015b\u0107, mo\u017ce zdezorientowa\u0107 u\u017cytkownika. Animowane wska\u017aniki post\u0119pu najlepiej wykorzysta\u0107 do zneutralizowania skutk\u00f3w d\u0142ugiego oczekiwania i utrzymania zaanga\u017cowania u\u017cytkownika w aplikacj\u0119 lub stron\u0119 internetow\u0105.\n<\/p>\n
\n Wska\u017anik procentu<\/strong> wykonania: Jak sama nazwa wskazuje, wska\u017anik procentu wykonania pokazuje post\u0119p \u0142adowania, wype\u0142niaj\u0105c zakres animacji, k\u00f3\u0142ko lub pasek od 0% do 100%. Poniewa\u017c pokazuje czas potrzebny na uko\u0144czenie post\u0119pu, wska\u017anik procentu wykonania jest klasyfikowany jako okre\u015blone wska\u017aniki oczekiwania. W przypadku tej szczeg\u00f3lnej jako\u015bci najlepiej jest u\u017cywa\u0107 wska\u017anika procentowego wykonania w przypadku zada\u0144 wymagaj\u0105cych wi\u0119cej ni\u017c 10 sekund do wykonania.\n <\/p>\n \n Wed\u0142ug bada\u0144 10 sekund to pr\u00f3g przeci\u0119tnej cierpliwo\u015bci u\u017cytkownika. Poza tym u\u017cytkownik staje si\u0119 lekkomy\u015blny i niecierpliwi si\u0119, dop\u00f3ki nie otrzyma dalszych informacji zwrotnych. Wy\u015bwietlaj\u0105c procentowy wska\u017anik post\u0119pu dla proces\u00f3w, kt\u00f3rych \u0142adowanie trwa d\u0142u\u017cej ni\u017c 10 sekund, mo\u017cesz utrzyma\u0107 u\u017cytkownika w sta\u0142ym kontakcie ze stron\u0105 internetow\u0105 lub aplikacj\u0105 bez nara\u017cania jego cierpliwo\u015bci.\n <\/p>\n<\/li>\n<\/ul>\n \n Efektywne wykorzystanie wska\u017anik\u00f3w post\u0119pu w aplikacjach i witrynach internetowych mo\u017ce zadecydowa\u0107 o sukcesie lub pora\u017cce. Oto kilka wskaz\u00f3wek, kt\u00f3re pomog\u0105 upewni\u0107 si\u0119, \u017ce wska\u017aniki post\u0119pu dzia\u0142aj\u0105 zgodnie z oczekiwaniami.\n<\/p>\n \n Chocia\u017c wska\u017aniki animacji post\u0119pu mog\u0105 wstrz\u0105sn\u0105\u0107 niemal ka\u017cdym z\u0142ym uczuciem, kt\u00f3re wynika z czekania, niekt\u00f3rzy odbiorcy s\u0105 raczej odporni na te taktyki. W\u015br\u00f3d kilku dobrych alternatyw zmuszania u\u017cytkownik\u00f3w do czekania bez u\u017cycia wska\u017anik\u00f3w post\u0119pu jest metoda zwana szkieletowym ekranem. Techniki te, znane r\u00f3wnie\u017c jako tymczasowe pojemniki informacyjne, polegaj\u0105 na pokazywaniu u\u017cytkownikowi post\u0119pu w czasie rzeczywistym zamiast otwierania paska \u0142adowania. Wyobra\u017a sobie, \u017ce pusty ekran jest stopniowo wype\u0142niany komponentami i elementami, a\u017c do ca\u0142kowitego zape\u0142nienia. Stwarza to z\u0142udzenie, \u017ce aplikacja dzia\u0142a z czasem \u0142adowania, a ich oczekiwanie jest nagradzane pokazanym post\u0119pem.\n<\/p>\n \n Nie tylko utrzymuje ich zaanga\u017cowanie odbiorc\u00f3w w witryn\u0119 lub aplikacj\u0119, ale tak\u017ce sprawia, \u017ce \u200b\u200bs\u0105 gotowi do wykonania kolejnego zadania. Chocia\u017c wska\u017aniki post\u0119pu s\u0105 r\u00f3wnie\u017c doskona\u0142ym sposobem na zadowolenie u\u017cytkownik\u00f3w, nie s\u0105 w stanie utrzyma\u0107 energii w u\u017cytkownikach, kt\u00f3r\u0105 utrzymuje ekran szkieletu podczas post\u0119pu \u0142adowania.\n<\/p>\n \n Nie ma znaczenia, jak szybko dzia\u0142a nasza aplikacja lub strona internetowa, zawsze istnieje ryzyko nieproszonego czasu przetwarzania. Korzystanie z animowanych wska\u017anik\u00f3w post\u0119pu oczekiwania, takich jak wska\u017aniki procentowe wykonania i pokr\u0119t\u0142a \u0142adowania, pomaga uspokoi\u0107 u\u017cytkownik\u00f3w o trwaj\u0105cych procesach i bie\u017c\u0105cym stanie systemu. W rezultacie zwi\u0119ksza prawdopodobie\u0144stwo, \u017ce pozostan\u0105 na stronie lub aplikacji, aby czeka\u0107 na za\u0142adowanie i wykonywa\u0107 pozosta\u0142e zadania. Obliczaj\u0105c czas potrzebny do zako\u0144czenia proces\u00f3w, nale\u017cy przypisa\u0107 odpowiedni typ wska\u017anik\u00f3w animacji post\u0119pu.\n<\/p>\n \n Zap\u0119tlony wska\u017anik jest idealny do operacji, kt\u00f3re trwaj\u0105 od 2 do 10 sekund, podczas gdy bardziej czasoch\u0142onne operacje mog\u0105 by\u0107 wspomagane przez wska\u017anik wykonania procentowego. W przypadku zap\u0119tlonych animacji i ekran\u00f3w szkieletowych najlepiej wybra\u0107 ekrany szkieletowe, poniewa\u017c s\u0105 one w stanie podj\u0105\u0107 ka\u017cd\u0105 akcj\u0119, kt\u00f3ra wykracza poza kilka milisekund, i nadal zapewniaj\u0105 u\u017cytkownikom spok\u00f3j.\n<\/p>\n<\/p>\n\n Jak efektywnie wykorzystywa\u0107 wska\u017aniki post\u0119pu?
\n<\/h5>\n\n
\n Alternatywa \u2013 u\u017cyj ekran\u00f3w szkielet\u00f3w, aby przeciwstawi\u0107 si\u0119 wska\u017anikom post\u0119pu animacji
\n<\/h5>\n\n Ko\u0144cowe przemy\u015blenia
\n<\/h4>\n