{"id":431,"date":"2025-03-25T18:22:29","date_gmt":"2025-03-25T18:22:29","guid":{"rendered":"https:\/\/www.ladislavnovak.com\/?p=431"},"modified":"2025-03-25T18:52:48","modified_gmt":"2025-03-25T18:52:48","slug":"transparency-how-to-boost-dashboard-adoption","status":"publish","type":"post","link":"https:\/\/www.ladislavnovak.com\/cs\/transparency-how-to-boost-dashboard-adoption\/","title":{"rendered":"Transparentnost: Jak zlep\u0161it adopci dashboardu"},"content":{"rendered":"<\/span> 3<\/span> minuty \u010dten\u00ed<\/span><\/span>\n

Za\u010dn\u011bme od konce \u2014 od toho, co opravdu fungovalo.\nTady jsou lekce, kter\u00e9 jsme si odnesli p\u0159i budov\u00e1n\u00ed a zav\u00e1d\u011bn\u00ed na\u0161eho intern\u00edho projektov\u00e9ho dashboardu. Jsou to mal\u00e9, ale \u00fa\u010dinn\u00e9 kroky<\/strong>, kter\u00e9 n\u00e1m pomohly s adopc\u00ed a ud\u011blaly z dashboardu re\u00e1ln\u011b u\u017eite\u010dn\u00fd n\u00e1stroj.<\/p>\n\n\n\n

\n\n\n\n

A ne\u017e \u0159eknete \u201emy u\u017e n\u011bjak\u00fd task management m\u00e1me\u201c \u2014 ano, samoz\u0159ejm\u011b m\u00e1te. Ka\u017ed\u00fd m\u00e1.\nAle vizualizace dat je \u00fapln\u011b jin\u00e1 discipl\u00edna<\/strong>.<\/p>\n\n\n\n

A taky: pokud si nejd\u0159\u00edv neuklid\u00edte data, \u017e\u00e1dn\u00fd dashboard v\u00e1s nezachr\u00e1n\u00ed. Jak se \u0159\u00edk\u00e1:<\/p>\n\n\n\n

\n

“GARBAGE IN, GARBAGE OUT<\/strong><\/em>“<\/p>\n<\/blockquote>\n\n\n\n

Tady je, co fungovalo n\u00e1m:<\/p>\n\n\n\n

1. Nenahrazujte sv\u016fj task management syst\u00e9m<\/h2>\n\n\n\n

Dashboard slou\u017e\u00ed pouze k vizualizaci. To je cel\u00e9.\n
Nesna\u017ete se z n\u011bj ud\u011blat Jira, Trello nebo cokoliv jin\u00e9ho.
\nDr\u017ete se jednoduchosti. KISS \u2014 Keep it simple and stupid.<\/p>\n\n\n\n

2. Za\u010dn\u011bte hackathonem<\/h2>\n\n\n\n

Dashboard jsme rozjeli b\u011bhem hackathonu \u2014 a up\u0159\u00edmn\u011b, byla to nejrychlej\u0161\u00ed cesta k v\u00fdsledku.\n
Nebyla to \u017e\u00e1dn\u00e1 \u201emana\u017eersk\u00e1 v\u011bc shora\u201c, ale otev\u0159en\u00fd projekt pro v\u0161echny.
\nKa\u017ed\u00fd si mohl vybrat technologii nebo n\u00e1stroj podle sebe, a hlavn\u011b \u2014 byla to sranda.<\/p>\n\n\n\n

Takhle nakonec vypadal n\u00e1\u0161 technick\u00fd n\u00e1vrh \u2013 \u201ctech zoo\u201d, kter\u00fd jsme pou\u017eili.\nBylo to rychl\u00e9, jednoduch\u00e9\u2026 a funguje to perfektn\u011b. \ud83d\ude80<\/p>\n\n\n\n

Frameworky:\u00a0Deno<\/a>\u00a0+\u00a0Fresh<\/a>
HTML and CSS:\u00a0Preact<\/a>\u00a0+\u00a0TailwindCSS<\/a>
Charts:\u00a0Chart.js<\/a><\/p>\n\n\n\n

Data se stahuj\u00ed z Jiry (REST API) ka\u017ed\u00fdch 10 minut pomoc\u00ed fetch funkce Dena a ukl\u00e1daj\u00ed se do PostgreSQL.<\/p>\n\n\n\n

3. \u010cistota dat je nutnost<\/h2>\n\n\n\n

M\u00e1me automatizace, kter\u00e9 n\u00e1m pom\u00e1haj\u00ed udr\u017eet data \u010dist\u00e1 \u2014 nap\u0159\u00edklad:<\/p>\n\n\n\n

    \n
  • Sledujeme, jestli se na n\u00e1hodou na epic\u00edch v backlogu aktivn\u011b nepracuje (tedy jestli m\u00e1 p\u0159i\u0159azen\u00e9 issues).<\/li>\n\n\n\n
  • Dvakr\u00e1t t\u00fddn\u011b m\u00e1me na Slacku p\u0159ipom\u00ednky vlastn\u00edk\u016fm neudr\u017eovan\u00fdch epik\u016f.<\/li>\n<\/ul>\n\n\n\n

    Dirty data ruins everything. Clean data saves lives. Okay, maybe not lives. But it certainly saves your efforts.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    4. Dvorn\u00ed v\u00fdvoj\u00e1\u0159 CTO<\/h2>\n\n\n\n

    Jako CTO m\u00e1m to \u0161t\u011bst\u00ed, \u017ee m\u00e1m \u201edvorn\u00edho v\u00fdvoj\u00e1\u0159e\u201c \u2014 n\u011bkoho, kdo mi pom\u00e1h\u00e1 s dashboardy, automatizac\u00ed i rychl\u00fdmi experimenty.

    M\u00edt n\u011bkoho takov\u00e9ho je obrovsk\u00fd rozd\u00edl, kdy\u017e pot\u0159ebujete jednat rychle a u\u017e nem\u00e1te \u010das na k\u00f3dov\u00e1n\u00ed.<\/p>\n\n\n\n

    5. Pokud ho nepou\u017e\u00edv\u00e1te ve\u0159ejn\u011b, lidi si budou myslet, \u017ee je zbyte\u010dn\u00fd<\/h2>\n\n\n\n

    Tohle si zaslou\u017e\u00ed b\u00fdt dvakr\u00e1t podtr\u017een\u00e9.\n\u010c\u00edm v\u00edc dashboard pou\u017e\u00edv\u00e1te ve\u0159ejn\u011b, t\u00edm v\u00edc si ostatn\u00ed daj\u00ed z\u00e1le\u017eet na spr\u00e1vnosti dat.<\/strong><\/p>\n\n\n\n

    \n

    \u201eLidi ukl\u00edz\u00ed, kdy\u017e v\u011bd\u00ed, \u017ee se n\u011bkdo d\u00edv\u00e1.\u201c<\/em><\/p>\n<\/blockquote>\n\n\n\n

    6. Pravideln\u00e9 (a n\u00e1hodn\u00e9) revize<\/h2>\n\n\n\n

    Na ka\u017ed\u00e9 synchroniza\u010dn\u00ed sch\u016fzce si nech\u00e1v\u00e1m 15 minut na otev\u0159en\u00ed dashboardu a koment\u00e1\u0159e k tomu, co vid\u00edm:<\/p>\n\n\n\n

      \n
    • \u201eVypad\u00e1 to, \u017ee nespln\u00edme kvart\u00e1ln\u00ed c\u00edle\u2026\u201c<\/li>\n\n\n\n
    • \u201eN\u011bkdo pracuje na epiku, kter\u00fd nen\u00ed ani p\u0159ipraven\u00fd?\u201c<\/li>\n\n\n\n
    • \u201eJeden t\u00fdm m\u00e1 moc rozpracovan\u00fdch epik\u016f \u2014 co se tam d\u011bje?\u201c<\/li>\n<\/ul>\n\n\n\n

      Nemus\u00edte m\u00edt \u017e\u00e1dn\u00fd velk\u00fd proslov. Sta\u010d\u00ed uk\u00e1zat, \u017ee to sledujete.<\/p>\n\n\n\n

      7. Sd\u00edlejte \u00fasp\u011bchy<\/h2>\n\n\n\n

      Dejte lidem v\u011bd\u011bt, kdy\u017e v\u00e1m dashboard pomohl.<\/p>\n\n\n\n

      Nap\u0159\u00edklad: \u201eKdy\u017e se m\u011b \u0161\u00e9f zeptal na stav projektu, otev\u0159el jsem n\u00e1\u0161 dashboard a b\u011bhem 5 sekund mu odpov\u011bd\u011bl. Byl p\u0159ekvapen\u00fd \u2014 a cht\u011bl hned vid\u011bt, co to pou\u017e\u00edv\u00e1me.\u201c<\/em><\/p>\n\n\n\n

      Tak budujeme d\u016fv\u011bru a adopci i mimo v\u00fdvoj.<\/p>\n\n\n\n

      8. Netla\u010dte. \u010cekejte.<\/h2>\n\n\n\n

      Mo\u017en\u00e1 trochu osobn\u00ed \u00fahel pohledu, ale u n\u00e1s to fungovalo:
      \nNeobch\u00e1zejte firmu s dashboardem jako s nov\u00fdm spor\u0165\u00e1kem.<\/strong>
      \nPo\u010dkejte na spr\u00e1vn\u00fd okam\u017eik \u2014 t\u0159eba kdy\u017e se n\u011bkdo zept\u00e1:<\/p>\n\n\n\n

      \u201eHele, jak to vypad\u00e1 s Projektem X?\u201c
      \nA to je v\u00e1\u0161 moment.<\/em><\/p>\n\n\n\n

      \n\n\n\n

      V dal\u0161\u00edch \u010dl\u00e1nc\u00edch v\u00e1s krok za krokem provedu t\u00edm, co jsme p\u0159esn\u011b ud\u011blali \u2014 od prvotn\u00edho n\u00e1padu a\u017e po funk\u010dn\u00ed, d\u016fv\u011bryhodn\u00fd dashboard.<\/p>\n\n\n\n

      Ka\u017ed\u00fd \u010dl\u00e1nek se bude v\u011bnovat d\u00edl\u010d\u00ed \u010d\u00e1sti, dopln\u011bn\u00fd o screenshoty (proto\u017ee si p\u0159iznejme \u2014 kdo by nemiloval screenshoty?) a vysv\u011btlen\u00edm, pro\u010d to fungovalo (nebo taky ne).<\/p>\n\n\n\n

      Tady je mal\u00e1 ochutn\u00e1vka v podob\u011b p\u00e1r screen\u016f:<\/p>\n\n\n\n

      Initiatives view:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Initiatives view with risk level filter:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Overview:<\/p>\n\n\n\n

      \"\"<\/figure>","protected":false},"excerpt":{"rendered":"

      A practical example of our Family Point System, including tasks, points, and rewards that serve as a screen time solution while reinforcing our values.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11,10,9],"class_list":["post-431","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-creativity","tag-family","tag-improvement"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/posts\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":5,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/posts\/431\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ladislavnovak.com\/cs\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}