UI/UX guideline

[janmichek]

Rad bych pripravil alespon minimalisticky guideline. Predtim to byla soucast V1, ale to taky bylo v takovym polostavu. Neco nebylo jeste pripravene k pouziti, neco uz ano. Ted je to jeste navic ve V1 rozpadly, takze se to neda pouzit ani k nalinkovani.

Jde mi treba o to, ze uz jsme se nejak domluvili jak pouzivat New / Create a s jakym markupem. Nicmene chyby se opakuji, viz Token stranka od Kacureze nebo Marcovi configy. Myslim ze developeri nevi kam pro takovou informaci chodit, takze porad jedeme freestyle. Nejaky napad jak kodifikovat alespon to malo co mame?

Zkus o tom zapremejslet prosim @ujovlado

[ondrejhlavacek]

👍

[ujovlado]

@janmichek mne sa to ako napad paci ... obavam sa ale, ze pokial to nebudu konkretne komponenty, ale len markup, aj tak si to kazdy spravi po svojom (freestyle). Ale pokusit sa musime :)

Neskusil by si vykopnut nejake POC napriklad pre tie New / Create veci? Uplne neviem, co si pod tym predstavit.

Napada mi nieco taketo (ak spravne chapem, o co ti ide):

Table items + New item button

Mozno by sme mohli zacat napr. tabulkami (do ktorych ide nieco pridat):

• pripravi sa story, kde tabulka bude nepodstatna ale ide o button nad nou
• tento button by mal byt vzdy vpravo (resp. ako sa dohodneme)
• description story by mal byt popis kedy nieco take pouzit. Napr. Use this when you want to have "New item" button above the table displaying items, bla, bla
• optional: description ake su tam data.

Ked sa ale pozriem na extractory, je to tam opat trosku inac (napriek tomu, ze su tam takisto tabulkove data). A ako sa k niecomu takemu postavit, ked potrebujes v tabulke vyhladavat. Nemal byt byt search bar pri tabulke?

Zoberme si hociktoru cast, a podme to skusit predebatovat a nasledne prichystat.

[janmichek]

Samozrejme by bylo nejlepsi to mit pripraveno jako komponentu v kodu ready k naplneni obsahem, ale to jeste chvili potrva nez to budem mit ready ke copypastovani. Tim se vyresi konzistence kodu, textu, pozicovani, ...

Nerikam ze nutne musime tvorit neco novyho, mozna staci jen to zacit spravne delat do indigo nasmerovat tam lidi. Mit nejakej textovej a obrazkovej guide by zatim mohlo stacit.

Jenom mi proste vadi ze uz odsouhlaseny veci stejne nepouzivame.

Jeste se nad tim zamyslim a prijdu s necim konkretnim.

[ujovlado]

Tam imho staci ak si pripravime jednu story, kludne tu tabulku alebo nieco ine - a na nej to odladime. Ak mas nieco co bolo takto pripravene vo v1, kludne to zoberme odtial a doladme (pride mi ale, ze v tom bol trosku bordel). Co sa tyka kbc-ui, tak ide vlastne len o to, co sa prdne do kbc-main-content.

[janmichek]

Zapatral jsem v historii a z toho co se za posledni dobu opakovalo bylo

• pouziti New / Create
• pouziti '... ago' obalujici casovy udaj https://indigo.keboola.com/v1/?selectedKind=TimeLabel&selectedStory=default&full=0&down=1&left=1&panelRight=0&downPanel=storybook%2Factions%2Factions-panel
• psani textu pro notifikace 'Extractor job has been scheduled'
• ja jsem jeste lezl do indiga pro vykopirovavani hexakodu vydefinovane palety https://indigo.keboola.com/v1/?selectedKind=CID&selectedStory=%F0%9F%86%95%20Palette&full=0&down=1&left=1&panelRight=0&downPanel=storybook%2Factions%2Factions-panel
• potom by byl fajn guide jak psat labely / placeholdery / hinty. Nemame jeste pripravene UX pro formy
• na tabulkach jeste dela Jack, zatim to neni jednotne

[janmichek]

Napadlo me v Indigu pouzivat priznak napr: 👌 per komponentu aby developeri vedeli, co je k pouziti a co jeste ne