Skip to main content
LanguageSuomi
Perusasiat5 min lukeminenlokakuuta 2026

Miten lataustilan pitäisi toimia?

Lyhyt vastaus

Hyvä lataustila kertoo ihmisille, että jotain tapahtuu, suunnilleen kuinka kauan se kestää ja mitä tulee näkyviin. Jos odotat hyvin lyhyitä, älä näytä mitään tai hienovaraista muutosta. Käytä luurankoa tai kehrää muutaman sekunnin ajan lähellä paikkaa, jossa sisältö tulee näkyviin. Pitkiä tehtäviä varten näytä edistyminen ja anna ihmisten jatkaa työskentelyä tai peruuttaa.

Core Takeaway

  • Yhdistä osoitin odotukseen: ei mitään, hienovarainen, pyörivä tai luuranko, sitten etene
  • Luurankot toimivat parhaiten, kun tulevan sisällön ulkoasu tiedetään
  • Näytä lataustila, jossa sisältö näkyy, ei vain nurkassa
  • Pidä toiminnon aloittanut painike lataustilassa estääksesi kaksinkertaiset lähetykset
  • Kunnioita rajoitetun liikkeen asetuksia ja pidä animaatioiden lataaminen rauhallisena

Lataustilat ovat olemassa vastaamaan yhteen kysymykseen käyttäjälle: tapahtuuko mitään? Ilman vastausta ihmiset napauttavat uudelleen, lataavat sivun uudelleen tai poistuvat. Oikea vastaus riippuu siitä, kuinka kauan he odottavat.

Hyvin lyhyillä odotuksilla, alle sekunnin kymmenesosan, useimmat ihmiset eivät huomaa viivettä, joten ilmaisin vain lisää välkkymistä. Yleinen tekniikka on odottaa hetki ennen spinnerin näyttämistä, joten nopeat vastaukset eivät koskaan näytä sitä ollenkaan.

Näytä palautetta, jossa tulos näkyy, kun odotat sekunnin tai muutaman sekunnin. Rungonäyttö, tulevan asettelun harmaa ääriviiva, toimii hyvin luetteloissa, korteissa ja profiileissa, koska se näyttää mitä on tulossa ja vähentää asettelun siirtymistä. Spinner toimii pienille alueille tai silloin, kun tuloksella ei ole ennakoitavissa olevaa muotoa.

Pitkissä tehtävissä, kuten latauksissa, viennissä tai tekoälyn luomisessa, näytä todellista edistystä, jos voit mitata sen, selittää mitä tapahtuu ja antaa ihmisten peruuttaa tai jatkaa muuta työtä. Spinner, joka pyörii minuutin ilman muuta tietoa, tuntuu epäonnistumiselta.

Toiminnon aloittanut ohjaus tarvitsee myös tilan. Lähetyspainike, joka siirtyy lataustilaan ja jota ei voi painaa kahdesti, estää päällekkäiset tilaukset ja viestit. Kun lataus päättyy, siirry selkeästi onnistumiseen tai virheeseen sen sijaan, että palaat hiljaa oletusarvoon.

Animaatio auttaa tässä, mutta pidä se rauhallisena ja lyhyenä silmukassa ja kunnioita alennettua liikettä. Valmistamamme ExodeUI avulla voit suunnitella lataajan tai painikkeen, jossa on lataus-, onnistumis- ja virhetilat yhdessä tiedostossa, jonka välillä koodisi vaihtaa.

Usein kysytyt kysymykset

Spinner vai luuranko näyttö: kumpi on parempi?

Luurankot ovat parempia, kun tiedät tulevan sisällön, kuten luettelon tai kortin, muodon. Spinnerit sopivat paremmin pienille alueille tai tuntemattomalle sisällölle.

Kuinka kauan ennen latausilmaisimen näyttämistä?

Monet joukkueet odottavat muutaman sadan millisekunnin, jotta nopeat vastaukset eivät koskaan välähdä. Testaa todellisilla vasteajoillasi.

Pitäisikö latausanimaatio kiertää ikuisesti?

Vain silloin, kun tehtävä on aidosti käynnissä. Jos se kestää odotettua kauemmin, näytä viesti, edistyminen tai peruutustapa.

Kuinka näytän latauksen painikkeessa?

Korvaa tai liitä tarra pienellä ilmaisimella, pidä painikkeen koko samana, jotta asettelu ei hyppää, ja estä toistuvat painallukset, kunnes pyyntö päättyy.

Aiheeseen liittyviä oppaita ja esimerkkejä

Kokeile painiketta, jossa on todelliset lataustilat

Avaa interaktiivisia esimerkkejä lataus-, onnistumis- ja virhetiloista, jotka on rakennettu todellisiksi ExodeUI-tiedostoiksi, joita voit muokata.

Avaa esimerkit
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →