Nešetřete kontrastem: ŘSoW#69
Penpot umí design tokeny nativně. Pište užitečné chybovky. Věřte v jednoduchý design. Všechno, co potřebujete vědět o zákonu o přístupnosti. Co drží UX pohromadě? Muzeum skinů pro WinAmp. A víc!
Telegraficky
📻 RRTV už ví, kdo je influencer hodný registrace.
🪲 Chyba v AirPlay umožňuje vzdálené spuštění kódu přes Wi-Fi.
🧃 Anthropic pomůže Applu s AI.
💳 Apple povolí aplikacím platební brány.
🧸 Google zpřístupní AI dětem.
📙 NotebookLM dostane mobilní aplikaci.
🐉 TikTok unáší data uživatelů do Číny.
❓ CSS Tricks sbírají postřehy do zprávy o stavu vývojářů.
🔐 Microsoft přechází na bezheslové přihlašování.
❌ Muskova síť X přišla už o 10 % uživatelů z EU.
✨ Studie: Umělá inteligence šetří čas, ale přidává práci.
🤡 „AI-first“ není strategie, ale póza, říká Anil Dash.
Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.
Designérský tip
Nešetřete kontrastem. Nízký barevný kontrast textu komplikuje čtení a navigaci.
❌ Světle šedý text na bílém pozadí
✅ Černý nebo tmavě šedý text, jasné pozadí (nebo naopak)
👉 Lepší čitelnost pro všechny (i v ostrém slunečním svitu).
👉 Splníte zásady přístupnosti.
Kontrast se počítá – doslova.
Č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 770 odběratelům nebo newsletter sdílejte.
Děkujeme!
Linkodrom
Penpot podporuje design tokeny nativně. Penpot – open-source alternativa k Figmě – podporuje otevřené standardy W3C DTCG, umožňuje import/export ve formátu JSON a propojuje jazyk designu s kódem. Díky tokenovým tématům lze snadno vytvářet různé módy a varianty komponent – například pro hrubý návrh nebo pro samostatné značky.
Jak psát chybové hlášky. Chybové zprávy rozhodují, zda se uživatel v potížích dostane dál, nebo se zasekne a frustrovaně odejde, píše Amy Hupe. Dobré microcopy je jasné, konkrétní, používá aktivní hlas a vždy nabízí další krok – bez zbytečné přezíravosti či infantilního humoru. Zásadní je rozlišit mezi chybami, které může uživatel sám opravit, a těmi, které vyžadují jinou formu podpory.
Věřte v sílu jednoduchého designu. Charlie Deets reflektuje hodnotu jednoduchého designu v komplexním světě. Jednoduchost podle něj umožňuje soustředění, zvyšuje použitelnost a nese jistou estetickou kvalitu, která může být pro někoho klíčová. Zároveň Charlie připouští, že jednoduchost může brzdit růst produktu a stát se nevýhodou v konkurenčním prostředí. Ideálem je proto schopnost vyvážit jednoduchost s rozšiřováním funkcí. Zvládnete to?
“When companies ‘pivot to AI’ what they’re actually doing is pushing that human labor deeper down the supply chain. Moving jobs to cheap, overseas labor that powers those chatbots.”
— Tyler King
Co potřebujete vědět o evropském zákonu o přístupnosti? Zavádí nové povinnosti pro firmy a vývojáře digitálních produktů a služeb. Zákon se týká počítačů, terminálů, televizorů, čteček i služeb jako e-commerce, bankovnictví, komunikace či doprava. Účinný bude od 28. června 2025 pro nové služby, starší musí být v souladu až roku 2028. Výjimky platí pro mikropodniky. Dodržujte požadavky normy EN 301 549, která se řídí zásadami WCAG.
UX drží pohromadě principy, vzory, heuristiky, charty. Designové týmy se potýkají s konzistentností, efektivitou a použitelností. Rachel Krause rozlišuje čtyři klíčové formy vedení: designové principy jako hodnotový rámec, heuristiky jako univerzální pravidla použitelnosti, návrhové vzory coby konkrétní řešení běžných problémů a týmové charty jako nástroje pro sladění spolupráce.
“Designers think by making. This is why prolific ideation is so important. You can delegate some to AI, but there are muscles that will atrophy. That is the intersection of systems thinking, interaction, framing and behavioural hypothesis in the journey of crafting. These muscles give you ingenuity.”
— Hà Phan
Design neumřel. Nikdy jste ho nechápali. Nate Schloesser reaguje na časté, povrchní výkřiky o konci designu a UX. Nate tvrdí, že design mnoho kritiků nikdy nepochopilo. Neinformovaní manažeři zpochybňují designérská rozhodnutí bez pochopení metodologie. Nate kritizuje i samotné designéry, kteří podlehli vlastnímu egu. Nástup AI neznamená konec designu, ale nutnost změny přístupu. Design čeká dospělost – méně hype, více spolupráce, pokory a skutečné hodnoty.
Anchor positioning v CSS umožňuje pozicovat prvky vůči jiným bez ohledu na jejich pořadí v HTML. Nový přístup s vlastnostmi anchor-name a position-anchor umožňuje prvek připnout k jinému bez nutnosti měnit strukturu HTML. Pomocí position-area a anchor-size() lze přesně určit polohu a rozměry překrývajícího se prvku. Tato metoda podporuje čistší oddělení obsahu a stylu – v pravém duchu CSS. Tedy, v Safari a Firefoxu ještě ne. Ale až to přijde, bude to jízda.
Znáte WinAmp? Tenhle legendární hudební přehrávač z konce devadesátých let stále ještě funguje a od loňského roku je dokonce open-source a nainstalovat ho můžete i na iOS nebo Android. Srdce mnoha hudebních fanoušků si získal mimo jiné i možností přizpůsobit si jeho vzhled. Na webu teď nově najdete interaktivní přehlídku skinů pro WinAmp. Je jich bambilion.
Brašna s nářadím
Kdo by občas nepotřeboval obrázek nového webu nebo aplikace na obrazovce telefonu, tabletu, počítače, hodinek nebo televize? Na makety se specializuje hromada nástrojů, ale my jsme vybrali nástroj Device Shots. Je jednoduchý a zároveň flexibilní. A nic nestojí, což se hodí.
Abychom si rozuměli
Uživatelský výzkum se v posledních pěti letech hodně proměnil vlivem research operations a demokratizace výzkumu. Proto se hodí znát význam zkratky PWDR. Ne, není to doktorát z uživatelského výzkumu.
Ačkoli knížka Informační architektura s ledním medvědem vychází stále v nových vydáních, samostatná profese informačního architekta se postupně vytratila a dnes se informační architekturou zabývají především copywriteři. Orientovat by se v ní ale měli i designéři a produkťáci.
Pro onboarding nemáme rozumný český ekvivalent. Velmi často sklouzne ke slideshow nebo tooltipovému průvodci rozhraním. Přitom se nabízí využít křivku učení a techniku progressive disclosure.
Microcopy je popelkou copywritingu, přitom má ohromný vliv na použitelnost webu i aplikací.
Navrhujete hned všechny odlehlé stavy, nebo při skicování a v hrubém návrhu využíváte navrhování šťastné cesty?
To bylo pět nových přírůstků do slovníčku za uplynulý týden. Už jsme vydali osmdesát slovníkových hesel, a tak začínáme přemýšlet, jaký nejvhodnější formát bychom měli použít pro souborné vydání. Napadá vás něco? Napište!
Přehled květnových odborných a komunitních akcí se slušně rozrostl. Sejdou se Péhápkáři i Frontendisti. Proběhne Config Watch Party v Praze a Brně. Do Brna se přesune AI 4 DEV a očekávat tam můžete také UX Dinner. A k tomu SEOloger Naživo a půl tuctu konferencí – WebExpo nevyjímaje.
A to je z prvního májového zpravodaje Řekni si o web roku 2025 všechno. Kosmos 482 se po půl století vrátí domů. 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.