Odhalujte obsah postupně. ŘSoW#87
Jak prezentovat design? Na čem stojí design pro televizi. Chat je skvělé i hrozné rozhraní. Design thinking víc slíbil než doručil. AI bude nakupovat dřív než čekáte. Design pro neurodivergentní.
Telegraficky
🎇 Aplikace Mapy.com plánují cesty veřejnou dopravou. Konečně!
🆕 Apple podle očekávání představil nové iPhony, hodinky a sluchátka.
🪙 Stát odkoupil zpět bitcoiny z pochybného zdroje.
⚽ Stát definancuje DIA, ale na fotbal bude.
⛩️ NÚKIB varuje, že uživatelská data mizí v Číně.
📜 Návrh zákona o AI získává kontury.
💪 V srpnu rostla návštěvnost Srealit, Kafe i dalších webů.
🤕 Zákazníci Shoptetu už druhý týden reportují problém s Googlebotem.
🤝 Ondřej Tomek prodal Shoptet skupině Team.blue.
🛠️ DIA představila nové nástroje a priority digitalizace státu.
⚖️ Google si smí nechat Chrome. Nesmí uzavírat exkluzivní dohody pro vyhledávání.
💸 EU pokutuje Google 2,95 mld. € za sebeupřednostňování v reklamě.
💰 Anthropic zaplatí autorům 1,5 miliardy dolarů za využití knih v AI.
🗃️ Copilot britským úředníkům nepomohl k vyšší produktivitě.
➰ Přerušené kabely v Rudém moři zpomalily Azure i internet v Asii.
📜 Počet chybně vydaných certifikátů pro 1.1.1.1 roste.
📷 Vzpomínáte na Instagram? Už má aplikaci pro iPad.
🦄 Atlassian kupuje tvůrce prohlížečů Arc a Dia za 610 milionů.
🔖 Bluesky zavedlo záložky.
🎂 Roblox zavádí odhad věku hráčů podle ESRB.
👪 Chat GPT zavádí rodičovský dohled v reakci na žalobu za sebevraždu teenagera.
💵 Pornhub zaplatí pokutu 5 milionů dolarů za selhání v ochraně dětí.
☄️ Perplexity dá prohlížeč Comet všem studentům a tarif Pro každému s PayPalem.
🚫 Zákaz sociálních sítí v Nepálu vyvolal protesty a masivní nárůst používání VPN.
🪟 Windows zavádějí klávesovou zkratku pro pomlčku.
🆓 Microsoft zveřejnil zdrojový kód legendárního 6502 BASICu.
🎙️ Frontendisti poslouchají FrontKec.
🐧 Konference Linux Days vybírá přednášky.
🔍 Skončily nominace na Křišťálovou Lupu 2025.
🛍️ Konal se Reshoper.
📅 Probíhá Týden pro Digitální Česko.
📕 Tip na vánoční dárek: Paříme!
Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.
Designérský tip
Implementujte progresivní odhalování obsahu. Zobrazujte klíčové informace a umožněte uživateli rozbalit podrobnosti.
❌ Všechny detaily naráz
✅ Shrnutí s možností „více informací“
👉 Uživatel se nenechá zahlcovat.
👉 Snadnější skenování obsahu.
Progressive disclosure odlehčí vaše UI. ✂️
Linkodrom
Tři zásady, jak prezentovat design jasněji a účinněji. Prezentace designu není o vyčerpávajícím výkladu každého detailu, ale o schopnosti zaměřit se na to, co skutečně potřebuje slyšet publikum. Tanner Christensen doporučuje tři přístupy: orientovat prezentaci na potřeby posluchačů, mluvit ke konkrétním prvkům návrhu a ponechat více prostoru pro otázky a diskusi než pro vlastní monolog.
Jak přizpůsobit výsledky hledání na Googlu pomocí preferred sources. Google zavedl nástroj Preferred Sources, který uživatelům umožňuje označit oblíbené zpravodajské weby, jako je WIRED, a upřednostnit je ve výsledcích vyhledávání. Reaguje tím na kritiku poklesu kvality výsledků, kde AI přehledy často zastiňují původní žurnalistiku – někdy i s chybami. Návod ukazuje, jak si přidat web mezi preferované zdroje přes stránku nastavení nebo přímo z výsledků hledání.
Šest tlačítek, která formují UX pro televizi. Milan Balać ve svém dvoudílném textu vysvětluje, že základy designu televizních rozhraní se už desítky let nemění. 10-foot experience (sledování z několika metrů) určuje velikost a kontrast prvků, zatímco ovladač s D-padem a šesti klíčovými tlačítky tvoří neotřesitelný vzorec interakce. Milan ukazuje, jak se od prvních dálkových ovladačů přes NES kontroler až po Apple TV stále vracíme k témuž principu. Druhý díl pak nabízí praktické tipy k layoutu, typografii, barvám, práci s fokusem či efektivnímu mapování tlačítek.
Wroblewski: Chat je skvělé i hrozné UI zároveň. Na jedné straně je chat univerzální, známý a přirozený způsob, jak komunikovat s AI, která se učí rozumět lidskému jazyku. Na straně druhé mu chybí jasné ovládací prvky, špatně zobrazuje komplexní informace a ztrácí kontext v dlouhých vláknech. Luke upozorňuje, že jsme teprve na začátku éry AI rozhraní a chat nemusí být její konečná forma. Už teď jej doplňují agentní aplikace a specializovaná UI.
“You can’t ask ‘How might we…?’ without first asking ‘What gives us the right…?’”
— Erika Hall
Design thinking se po letech hype ukazuje jako nástroj, který sliboval víc, než dokázal doručit. Organizace jej využívají jako univerzální recept na inovace, místo aby řešily konkrétní kontext, etické rámce či limity. Jeho největší hodnotou nejsou metody, ale spolupráce a možnost otevřeně klást základní otázky napříč týmy. Chybí ale hloubka a kritické myšlení, takže se často posilují škodlivé systémy či slepé uličky. Erika Hall tvrdí, že design nezmizel – musí se znovu zakotvit v kritickém myšlení a v odvaze problém nejen řešit, ale i zpochybňovat.
AI bude nakupovat místo lidí dřív, než si myslíme. Agentic commerce, tedy nákupní model řízený AI agenty, může změnit způsob, jak lidé objevují a pořizují zboží. Virtuální asistenti už dnes pomáhají vyhledávat a doporučovat produkty, brzy však začnou sami dokončovat objednávky a jednat podle preferencí uživatelů. To promění tradiční nákupní funnel a oslabí roli e-shopů i kamenných obchodů.
Pět drobných úprav pro neurodivergentní uživatele. Lē Silveus ukazuje, že přístupnost není jen pro screen readery. Navrhuje pět jednoduchých změn: dát lidem kontrolu nad animacemi, zjednodušit navigaci, vyhnout se striktním časovým limitům, omezit vizuální přehuštěnost a umožnit více způsobů ovládání. Tyto kroky nejen předcházejí přetížení a frustraci u autistických či ADHD uživatelů, ale zároveň přinášejí klidnější a srozumitelnější zážitek.
Jak pracovat s gridem? Dobře navržený grid je základem každého responzivního rozhraní. Nick Babich nabízí čtyři konkrétní kroky, jak zlepšit konzistenci a škálovatelnost rozvržení. Prvním krokem je výběr mezi fluidním gridem pro interaktivní obsah a fixním gridem pro texty. Dále je důležité promyšlené nastavení breakpointů podle šířky okna, ne kontejneru. Navigace a postranní panely by měly být součástí gridu už od začátku. Nakonec je důležité zarovnání obsahu podle gridu a používání jednotných rozestupů – ty zvyšují důvěryhodnost a čitelnost designu.
“Sometimes ‘automagical’ is a worse user experience. Sometimes, without friction, there is no texture to grab on to.”
— Pavel Samsonov
CSS if() vs. media/container queries: kdy co použít. CSS Working Group schválila vývoj funkce if(), která přináší deklarativní podmíněné hodnoty přímo do vlastností. Místo rozptýlených @media bloků, kontejnerových dotazů či triků s custom properties lze logiku psát inline: property: if(condition: value; else: fallback);. if() podporuje tři dotazy: style(), media() a supports() a zlepšuje čitelnost i údržbu na úrovni komponent, zejména pro theming, stavové styly a jemnou responsivitu.
Jak funguje interpolace barev v CSS. Interpolace barev v CSS určuje, jakým způsobem se barvy mezi dvěma body míchají. Zásadní roli hrají barevné prostory – kartézské (např. sRGB) a polární (např. LCH, OKLCH) – a směr změny odstínu (hue), který může být kratší, delší, rostoucí nebo klesající. Pomocí funkcí jako color-mix() nebo linear-gradient() můžeme barvy nejen míchat, ale i animovat a vytvářet tak plynulé přechody a vizuálně bohaté efekty.
Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k našim odběratelům nebo newsletter sdílejte.
Děkujeme!
Brašna s nářadím
Služba href.li maskuje referer, takže cílový web nepozná, odkud návštěvník přišel. V době, kdy většina prohlížečů i serverů podporuje hlavičku Referrer-Policy, je však její přínos slabší než dřív. Výhodou href.li je jednoduchost, nevýhodou závislost na cizí doméně a riziko, že služba zanikne, stejně jako jiné podobné projekty. Stabilnější cestou je vlastní přesměrovávač nebo přímo správně nastavená politika refereru. Přesto href.li funguje už 15 let a zůstává možností tam, kde správu prostředí nemáte.
Abychom si rozuměli
Hloubkové odkazy umožňují otevřít uživateli přímo konkrétní stránku či obrazovku v aplikaci, a tím zkracují cestu k cíli. Hloubkové odkazy zvyšují zapojení i konverze a hojně se využívají v kampaních, notifikacích či e-mailech.
In-depth interviews jsou kvalitativní metodou, která pomáhá odhalit, proč se uživatelé chovají určitým způsobem. Na rozdíl od analytiky či dotazníků přinášejí vhled do motivací, frustrací i emočních bariér. Volná struktura rozhovoru umožňuje objevovat témata, která by jinak zůstala skryta. Nejde o statistiku, ale o hloubku, v níž se ukrývá největší hodnota této metody.
IKEA efekt ukazuje, že lidé si více cení výsledků, na jejichž tvorbě se podíleli. Platí to i ve výzkumu a designu. Pokud zapojíme klienty či stakeholdery do formulace cílů, rozhovorů s uživateli nebo syntézy dat, roste jejich pocit vlastnictví i šance, že výstupy budou skutečně využity.
SCAMPER je jednoduchá, ale účinná metoda, která podporuje kreativitu prostřednictvím sedmi kroků. Místo volného brainstormingu nabízí strukturovaný rámec, který pomáhá hledat nové úhly pohledu na známé problémy.
Screener je sada krátkých cílených otázek, která výzkumníkům umožňuje rychle odlišit vhodné respondenty od nevhodných. V uživatelském výzkumu funguje jako nenápadný, ale zásadní filtr. Šetří čas i energii výzkumníkům i respondentům a nastavuje správné očekávání.
Pixel je základní jednotka digitálního obrazu. Už dávno není jen fyzickým bodem na displeji. V moderním designu se pracuje s logickými jednotkami, jako je CSS pixel nebo density-independent pixel, které zajišťují konzistentní vzhled na různých zařízeních.
Dneska ještě stihnete Frontendisty v Praze nebo v Brně. Zítra je Zlatý středník. Sejdou se ReactGirls a Projector. O víkendu si můžete střihnout školení facilitace s Terezou Kosnarovou. Další akce najdete v přehledu.
A to je z druhého zářijového zpravodaje Řekni si o web roku 2025 všechno. Před sedmnácti lety začaly u Ženevy obíhat částice. Díky, že nás nejen čtete, ale také o sobě dáváte vědět. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.
Hezký týden,
Jakub Goldmann a Martin Kopta.