Tomáš Kovařovic
Kde jsme experti
Tomáš se zaměřuje na řešení nejsložitějších výzev webdesignu — jak zobrazit obrovské množství dat tak, aby se v nich každý vyznal.
Responzivní tabulky
Transformace širokých tabulek do přívětivých mobilních rozhraní bez ztráty dat. Vědomě zvolené techniky pro každou situaci — horizontální posun, skrývání sloupců, či přepnutí do kartového zobrazení.
Mobilní prezentace dat
Optimalizace datových struktur pro malé obrazovky. Není jen o zmenšování — jde o průmyslové testování a pochopení, jaká data uživatel na mobilu skutečně potřebuje.
Prioritizace sloupců
Strategie na rozhodování, která data jsou nejdůležitější. Progressive disclosure, skrývání méně kritických informací a chytré zobrazení detailů na požádání.
Stylování záhlaví
Klíč k rychlému skenování dat. Správné použití typografie, barvy, kontrastů a vizuální hierarchie v řádcích a sloupcích tabulky.
Accessibility standardy
WCAG 2.1 compliance není pouze povinnost — je to základ dobrého designu. Sémantické HTML, aria-labely a srozumitelné navigace pro všechny uživatele.
Usability testování
Reálná data z testování s uživateli. Eye-tracking studie, A/B testování a iterativní zlepšování. Měření a ověřování hypotéz před zavedením do produkce.
Publikace a články
Tomáš aktivně sdílí své poznatky skrz články, přednášky a case studies. Věří v otevřené sdílení znalostí s komunitou.
Horizontální posun versus přepnutí do karet
Detailní analýza obou přístupů k responzivnímu zobrazení tabulek. Kdy použít scrollování, kdy karty a jaké jsou kompromisy každého řešení. Zahrnuje live příklady a výsledky z testování s uživateli.
Přečíst článekSkrývání sloupců: Která data jsou nejdůležitější
Strategický průvodce prioritizací sloupců na malých obrazovkách. Jak rozhodovat, co skrýt a co nechat vidět. Včetně interaktivních příkladů a decision tree diagramu.
Přečíst článekStylování záhlaví pro snadné čtení dat
Tipů a triků na stylování řádků a sloupců pro maximální čitelnost. Typografické techniky, kontrastní poměry, alignment a spacing. Praktické CSS a příklady z reálných projektů.
Přečíst článekResponzivní tabulky: Praktické příklady a kód
Kompletní průvodce se zdrojovými kódy. HTML struktury, CSS techniky a JavaScript řešení. Příklady zahrnují: jednoduché tabulky, skrýté sloupce, horizontální scroll a kartové zobrazení. Všechny kódy jsou testované v moderních prohlížečích.
Přečíst článekProfesionální cesta
Tomáš se do webdesignu dostal v roce 2010 u agentury Pixelmate v Praze, kde začínal tvorbou prvních responzivních webů. Bylo to období, kdy se web teprve učil být “mobilní” a on byl jedním z těch, kdo to řešili od začátku. Postupně se zaměřil na specifickou oblast designu datových tabulek — téma, které se stalo jeho vášní.
Klíčový zlom v jeho kariéře nastal v roce 2018. Vedl redesign interního systému pro správu zásob u společnosti Alza.cz — projekt, který se stal případovou studií na konferencích WebExpo a Digital Czechia. Tehdy si uvědomil, že dobře navržená tabulka není o tom skrýt data, ale o jejich inteligentní hierarchizaci a adaptaci na různá zařízení.
V DataGrid s.r.o., kde nyní vede tým designérů, prosazuje filozofii, že každý sloupec musí mít odůvodněný účel a že stylování záhlaví je klíčem k skenování dat. Vedl desítky projektů transformace komplexních datových struktur do přívětivých mobilních rozhraní — od finančních systémů ČSOB až po logistické platformy.
Absolvoval Fakultu informačních technologií ČVUT v Praze se zaměřením na Informatiku a později se specializoval na User Experience Design na Vysoké škole uměleckoprůmyslové. Věří, že technika je pouze nástrojem — skutečná umění spočívá v porozumění uživateli.
Dnes se zaměřuje na usability testování s real uživateli, eye-tracking studie a principy progressive disclosure. Jeho přístup k responzivním tabulkám vychází z kombinace teoretického znalostí, praktických zkušeností a vědeckého testování. Není to jen design — je to řešení, která skutečně fungují.
Prozkoumejte články
Hluboké ponory do světa responzivních tabulek, mobilního designu a datové prezentace. Praktické znalosti, kterou můžete použít hned v dalším projektu.
Horizontální posun versus přepnutí do karet
Jaký přístup zvolit pro vaši tabulku? Detailní porovnání obou metod s příklady a výsledky testování.
Skrývání sloupců: Která data jsou nejdůležitější
Jak prioritizovat informace na malých obrazovkách. Rozhodovací procesy a praktické příklady.
Stylování záhlaví pro snadné čtení dat
Typografické techniky a CSS triksy pro maximální čitelnost tabulkových dat.
Chcete se dozvědět více o responzivním designu dat?
Všechny články o tabulkáchMějte dotaz?
Chcete se na něco zeptat, či máte podnět na článek? Budeme rádi, když se ozvete.