search

keboola / indigo-ui

Indigo UI library, its CSS and React components. Also Styleguide app showing usages of this library.
https://indigo.keboola.com
MIT License
5 stars 0 forks source link

Dummy content before UI load - thoughts (design) #270

Closed ujovlado closed 5 years ago

ujovlado commented 5 years ago

@jancermak @janmichek

Co si myslite o niecom takomto? Zobrazovalo by si to kym sa loadne UI. Videl som to napr. pri Slacku, tusim to ma aj Facebook a pod. - je to imho celkom bezne.

45715774-511a4f00-bb95-11e8-9b49-be7b0336b676

janmichek commented 5 years ago

Duplicate: https://github.com/keboola/indigo-ui/issues/49

Po technicky strance nevim jestli mame nejaky prostredek co drzi stav nacteni vsech komponent a pak, kdyz je vse ready tak, prepne ze skeletonu na obsah.

Jako rad bych to udelal tuhle fancy novou vec, je to lakavy. Pripada mi to jako UX tresinka na dortu. Pocitove to zrychli nacitani, ve skutecnosti vsak ne. Kdyz se podivame kolik mame ruznych loaderu po aplikaci, tak nevim jak to pujde dohromady. Jde mi spis o ten koncept jaky chceme mit?

ujovlado commented 5 years ago

Nejde tam ani tak o komponenty, skor tam ide o to, co vidis, kym sa nacita UI (resp. vsetko potrebne pre UI) - proste co tam bude, kym vidis "Loading ...".

Momentalne je tam podpora zo serveru, ktora sa snazi ti pomoct a vyrenderuje ti akysi "skeleton" a vygeneruje ti markup (sidebar, project select, logo, user links, ...), ktory sa potom vymeni za UI. Keby tam tato podpora nebola, vidis len velky napis loading a cakas (ako napr. na devportal-ui).

Problem nastava, ked je sa ten markup lisi - "poskakuje to" ... snazime sa to zjednotit, no uz sa to stalo x krat.

Ale asi s tym este vydrzime - zalozil som to nech vieme, ze je to jedno z rieseni, kym este mame aj server render casti.

ujovlado commented 5 years ago

Kazdopadne, chcel by som vediet aj nazor @jancermak ... Je jasne, ze by to vyriesilo technicky "problem" (preto som sa nad tym zacal zamyslat), ale ak to ma byt na ukor UX, tak to zbytocne tlacit nebudem.

ujovlado commented 5 years ago

Takze imho to nie je "duplicate of #49", neriesi sa to na urovni komponent. ;)

jancermak commented 5 years ago

@ujovlado @janmichek dobrej napad — tady posilam navrh vzhledu — (meni se automaticky po 2 sec) https://invis.io/TMO7T4085C3#/321631018_270_-_Dummy_Loading

PNG zde: 270 - dummy loading

karimartin commented 5 years ago

Neco ala Slack "empty" data me prijde jako nejlepsi reseni - loader tam pusobi dost divne, u toho region pickeru je to spis jak nejaka chyba skoro.

karimartin commented 5 years ago

LoginLoading

ujovlado commented 5 years ago

@karimartin toto myslim ako navrh staci a uz si to dalej prisposobime, super.