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

UX tuning animations #313

Closed janmichek closed 1 year ago

janmichek commented 5 years ago

Mam tady starsi vec, ktera zapadla.

Rad bych dodal UI neco co to odlisi od defaultniho browserovyho / bs stylu. Myslim si ze malo prace a hodne parady udelaji nasledujici veci. Cvicne jsem to zkousel dodat do browseru a nebylo nutny nic zasadne predelavat, vetsina prace bude na stylech, ktery uz mam vetsinou hotovy.

Neresim ted konkretni styly a animace, s tim si rad pohraju

Radio a checkbox to mi fungovalo hned v browseru tfa tfb

Loadery tim chci vyresit i nekonzistecni, kterou jsem rozkryl tady https://github.com/keboola/indigo-ui/issues/186

Myslim ze se to da obslouzit temato 3 konceptama

Velky loader - celostrankovy nebo per komponentu loader

Maly loader - misto spinneru tff

Loader button tf1

Animace akcnich tlacitek na hover

janmichek commented 5 years ago

@ujovlado @natocTo

natocTo commented 5 years ago

Teď jsem nějakou animaci dával pryč, u toho rc-switch. Tak to vypadalo že to spíš bude flat.

Ale jako nemám nic obecně proti animacím, pokud budou napříč aplikací a bude to do sebe zapadat tak proč ne. Ale celkově to asi není moje kompetence vrtat do tohoto :) spíš pak zpracovat to co se dohodne případně.

ujovlado commented 5 years ago

Mne sa animacie pacia. Ma to vsak jeden hacik. Co sa KBC tyka, som k tomu skor skepticky. Podla mna chceme viac tlacit na profesionalny/technicky vzhlad. Taketo veci to robia (podla mojho nazoru) len viac hrackarske (spomen si na AlertBlock, ktory tiez vyzeral povodne ako z cirkusu).

No a v neposlednom rade, animacie by som lestil az vtedy, ked nebudeme mat co robit.

V skratke, ked dam niekde Run, je pre mna 100x dolezitejsie aby ta komponenta zbehla/robila co ma, ako to, ze mi zabublinkuje Run button.

janmichek commented 5 years ago

Muj zamer byl, ze jsem do aplikace chtel zacit promitat nejakou personu, coz hranici s brandingem - napr Mailchimp. Nerikam ze ty animace musi vypadat takhle, klidne to muze byt i neco stridmejsiho, ale osobne mam v aplikaci rad vizualni feedback, ze jsem udelal nejakou interakci. Nevim jestli jsme si rekli, ze budeme tlacit nejaky konkretni vzhled nebo koncept. Jasne nejdriv veci musi fungovat, pak je muzeme lestit, to je ale v mym scopu jen castecne.

ujovlado commented 5 years ago

Muj zamer byl, ze jsem do aplikace chtel zacit promitat nejakou personu, coz hranici s brandingem - napr Mailchimp.

Jo, chapem. Presne z toho mam pocit, ze sa to stane hrackarske. Po uspesnom jobe na mna zakyva chapadlom chobotnica :)

Nerikam ze ty animace musi vypadat takhle, klidne to muze byt i neco stridmejsiho, ale osobne mam v aplikaci rad vizualni feedback, ze jsem udelal nejakou interakci.

To myslim mame ... vid. loadery/notifikacie/...

Nevim jestli jsme si rekli, ze budeme tlacit nejaky konkretni vzhled nebo koncept. Jasne nejdriv veci musi fungovat, pak je muzeme lestit, to je ale v mym scopu jen castecne.

To sme si myslim nepovedali, ale ja mam pocit, ze ideme skor konzervativnejsou cestou. V tvojom scope nie je backend, jasne. ... Ale mozes napr. investovat cas do UX - t.j. napr. zlepsis cast ovladania alebo co ... a to ze to bude mat lepsie UX je vacsia vyhra ako to, ze na konci nejakeho flow mam animovany button alebo skakajucu vevericku.

Ide mi proste o to aby sme na to nesli opacne. Nechcem aby sme pridavali Easter eggs, ked vo vysledku sa produkt bude pouzivat naprd. Chcem aby sme pridavali Easter eggs potom, co mame vyladene vsetko okolo.

Userovi je jedno, ze sa mu to animuje, ked to musi robit na 10 krokov namiesto 3.