Dlouhá čísla dělte do skupin. ŘSoW#75

Praktický návod na workshopy. Priority guide místo wireframů. Úsvit adaptivního UI. MCP propojí webové nástroje s AI. Agentní nákupy porostou. Nemáte syndrom vyhoření, máte trauma.

Telegraficky

🎙️ Opravdové zločiny jsou Podcastem roku 2025.
🍽️ Miton spojuje gastroprojekty.
🎫 Konsoliduje trh online prodeje vstupenek.
💪 Česko je v EU nadprůměrné v počtu uživatelů eGovernmentu.
✨ Google v USA zapnul AI mód vyhledávání pro všechny.
🫶 Google zobrazuje věrnostní program ve výsledcích hledání.
👟 Reebok rušil objednávky.
🎡 Bude Festival kreativní byrokracie.

Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.

Designérský tip

Formátujte čísla pro snadné čtení. Čísla se musí číst snadno a rychle.

❌ 123456789
✅ 123 456 789

👉 Lepší čitelnost, rychlejší pochopení.
👉 Méně chyb při přepisování nebo platbě.
👉 Dodržujte zavedené seskupování číslic – už podle formátu poznáte, o jaké jde číslo

Seskupování číslic šetří čas a omezuje chybovost.

Millerovo pravidlo

Linkodrom

Designové workshopy nejsou žádná věda. Skládají se z několika základních aktivit, které lze kombinovat podle potřeby a Slava Shestopalov vám ukáže, jak na to, a přidá praktický checklist. Patří mezi ně například psaní nápadů na lepíky, jejich třídění (affinity diagram), vizualizace scénářů (storyboarding) nebo hlasování (dot voting). Každá aktivita má jasný cíl a vstupy, často v podobě výstupů z předchozí fáze. Tyto atomy workshopů se dají přizpůsobit podle prostředí, cíle nebo skupinové dynamiky. K úspěchu nevede rigidní metodika, ale schopnost facilitátora reagovat na kontext a účastníky.

Už i Notepad ve Windows má AI.

Priority guides nabízejí obsahově orientovanou alternativu k wireframům. Staví na hierarchii obsahu bez vizuálních omezení. Tradiční wireframy jsou běžným nástrojem digitálního designu, ale často odvádějí pozornost od skutečných potřeb uživatelů. Priority guide podporuje kreativitu, zefektivňuje vývoj a testování a usnadňuje návrh responzivních rozhraní. Heleen van Nues a Lennart Overkamp popisují šestikrokový proces tvorby těchto průvodců, který začíná výzkumem a končí iterací na základě uživatelského testování. Výsledkem je design zaměřený na funkčnost a hodnotu pro uživatele.

“Poor user experience is a choice.”
— Peter Merholz

Vyšla kniha The Invention of Design: A Twentieth-Century History. Maggie Gram ukazuje, že design není jen profese nebo soubor nástrojů. Je to kulturní vyprávění, kterým moderní společnost legitimizuje vlastní proměny. Autorka odhaluje, jak se ve vyprávění designu střetává optimismus s propagandou a jak dnešní fascinace design-thinkingem navazuje na stoletou historii nadějí i deziluzí.

Apple a Google přicházejí s adaptivními UI systémy, které se přizpůsobují uživatelskému chování a kontextu, píše na Linkedin Karel Pětruchno ze Seznamu. Liquid Glass přináší iluzi většího prostoru na malých displejích. Google zvolil Material Design 3, který mění rozložení UI na základě zařízení a situace. Oba přístupy se zaměřují na personalizaci a dynamické přizpůsobování UI, čímž odcházejí od statických prvků. Tento trend ukazuje směr, jakým se bude ubírat design, který reaguje na potřeby uživatele.

Model Context Protocol přináší revoluci v propojení AI s externími nástroji a daty. Díky jednotnému standardu MCP odstraňuje potřebu vytvářet stovky individuálních konektorů. Umožňuje AI systémům snadno přistupovat ke konkrétním funkcím, datům a šablonám přes jednoduché JSON-RPC 2.0 rozhraní. Pro provozovatele webu znamená MCP příležitost zapojit služby do AI ekosystému.

Martin Maly

ukazuje, jak web přes MCP s AI propojit.

Rychlý vývoj AI proměňuje základy online prostředí a e-commerce. Tomáš Hodboď, partner v Mitonu, popisuje dva souběžné trendy: nástup AI agentů, kteří za uživatele autonomně nakupují a řeší úkoly, a zároveň další rozvoj internetu určeného pro lidskou inspiraci, zábavu a jednoduchou interakci. Agentní nákupy podle Tomáše exponenciálně porostou, zatímco internet pro lidi bude nabízet zážitky připomínající fyzická nákupní centra.

Není to vyhoření, ale trauma. Před dvěma týdny jsme psali, že designéři a výzkumníci jsou z IT profesí nejnáchylnější syndromu vyhoření. Podle Ally Weinberg tím často maskujeme hlubší problém: pracovní trauma. Na rozdíl od vyhoření, které lze napravit odpočinkem, trauma vzniká tam, kde se opakovaně cítíme ohroženi bez možnosti uzdravení vztahů – jde o systematické podrývání naší důstojnosti, bezpečí a hodnoty.

Č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 850 odběratelům nebo newsletter sdílejte.

Děkujeme!

Brašna s nářadím

Frame0 je zjevením. Mezi nástroji, které přešly na předplatné, ční jako bezplatný open-source. Instaluje se do počítače. Při tvorbě wireframů zastoupí bezpečně Balsamiq i náš oblíbený POP na digitalizaci papírových prototypů. Je to užitečná věcička do brašny s nářadím každého designéra.

S Frame0 vytvoříte wireframe, diagram nebo schéma

Meme od _yes_but

Abychom si rozuměli

V angličtině se jim říká desire path, u nás vyšlapané zkratky nebo pěšinky. Při pozorování uživatelů během interakce s produkty si pečlivě všímáme právě okamžiků, kdy zvolí způsob použití, který neodpovídá původnímu designerskému záměru. Právě tyhle uživatelské zkratky bývají hodnotným zdrojem inspirace.

Uživatelské zkratky

Ve vývoji uživatelských rozhraní znamenal princip drag-and-drop – táhni a pusť – revoluční posun. Představoval snadno pochopitelnou metaforu, kterou operační systém Macintosh dotáhl téměř k dokonalosti, když nechal uživatele přetahovat soubory do koše nebo aplikace z diskety na disk počítače.

Přetahování

Každý designérský proces začíná fází discovery. Designéři se během ní snaží pochopit skutečné potřeby uživatelů a propojit je s podnikatelskými cíli. Tím výrazně snižuje riziko, že se vytvoří produkt, který nikdo nechce nebo neumí používat.

Objevování

Drobečková navigace nás stejně jako klubko červené vlny, které Ariadné dala Theseovi na cestu do Labyrintu, provádí spletitým bludištěm komplexních informačních architektur. Pomáhá nám chápat pozici aktuální stránky v hierarchické struktuře webu a je tak významná, že ji Google dokonce zobrazuje i přímo ve výsledcích hledání.

Drobečková navigace

Co z toho budu mít já? Otázka, na kterou by každý web měl umět uživateli odpovědět hned na první stránce, kterou během návštěvy otevře. Správná prezentace hodnotové nabídky je kouzlem, které mění návštěvy v konverze.

WIIFM: What's in it for me?

Asi nikdy neuslyšíte výraz softwarová vlastnost. Vždycky je to funkčnost nebo fičura. Představuje konkrétní hodnotu nabízenou uživateli.V UX se snažíme nejen odškrtat položky na seznamu úkolů uživatele, ale pokoušíme se také pomocí softwarových vlastností doručit silný prožitek.

Softwarová vlastnost

---

Přijďte 19. června na Festival kreativní byrokracie. Na našem dopoledním workshopu Od zadání k prototypu prý ještě zůstala tři volná místa.

---

Deset dnů zbývá do prvního dne účinnosti evropského zákona o přístupnosti. Na sociálních sítích Bluesky, Twitter, Threads, Linkedin a Facebook publikujeme tipy pro přístupnost webu. Sledujte #Přístupnost100.

---

A to je z posledního jarního zpravodaje Řekni si o web roku 2025 všechno. Donald Trump omilostnil Susan B. Anthony, která před 153 lety odmítla zaplatit stodolarovou pokutu. 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.