Řekni si o web – Podcast pro majitele a designéry webů

Jakub Goldmann a Martin Kopta

Jakub Goldmann a Martin Kopta. Specialisté na webdesign a digitální strategie. Tipy a triky pro designéry, manažery i podnikatele, kteří spravují své vlastní weby. Sledujte nové techniky a trendy ve světě webu → 📒 75 tipů, jak si říct o web www.reknisioweb.cz

  1. 05/20/2025

    Placeholder nenahradí formulářové popisky: ŘSoW#71

    (00:00) Řekni si o web #71 (00:26) Telegraficky (01:13) Designérský tip (01:40) Linkodrom (05:26) Přístupnost 100 (06:44) Brašna s nářadím (07:15) Abychom si rozuměli (08:36) Pozvánka na Festival kreativní byrokracie (08:52) Sonety a rozlučka --- Telegraficky 🐼 Influenceři by nás Číně prodali.⚖️ Antimonopolní úřad provedl razii v Seznamu nelegálně.🛜 Loni jsme na mobilech prodatovali o třetinu více dat než předloni.✨ Codex od OpenAI je AI agent pro vývoj softwaru.🧸 EK sbírá připomínky k Pokynům k ochraně nezletilých osob podle DSA. ⏲ Apple vydal nový Car Play.🚨 Coinbase unikla data uživatelů.🍟 TikTok v Česku sleduje každý třetí.💭 Na Bluesky česky publikuje jen něco přes čtyři tisíce účtů.🔝 Proběhl SEOloger Naživo.🚀 Dnes začíná Coogle I/O 2025. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Designérský tip Nezapomeňte na popisky formulářů. Formuláře musí být jasné a bez překvapení. ❌ Pouze placeholdery uvnitř polí✅ Viditelné popisky u každého pole 👉 Jasné instrukce i po vyplnění.👉 Vyšší úspěšnost vyplněných formulářů. Popisky šetří nervy. --- Linkodrom Google Material 3 Expressive přináší živé barvy a výraznou typografii. Google aktualizoval svůj designový systém Material You na Material 3 Expressive. Aktualizace přináší kromě živých barev také animace a nové komponenty, které mají zvýšit emocionální zapojení uživatelů. Zaměřuje se na generaci nejmladších dospělých, kteří preferují expresivní design před minimalistickým stylem iOS. Material 3 Expressive bude debutovat v beta verzi Androidu 16 a později bude dostupný na zařízeních Pixel. --- Jak snížit míru opuštění webu díky UX designu. Vysoká míra opuštění webu signalizuje problémy v designu. Loop11 nabízí konkrétní strategie: rychlé načítání stránek, přehlednou navigaci, kvalitní obsah, mobilní přizpůsobení a jasnou vizuální hierarchii. Příklady z praxe ukazují, že zlepšením UX lze výrazně snížit bounce rate a zvýšit konverze. --- Skoro čtvrtina e-shopařů nepoužívá AI. Nemají čas se s ní učit, zjistil průzkum GoPay. Pokud také nemáte čas učit se AI používat, Google pro vás připravil průvodce promptováním. Že má 68 stránek vás děsit nemusí. Jen stránky 2, 3 a 67 přinášejí nové informace – zbytek jsou příklady použití. To Claude na to jde víc důkladně. I pokud už promptujete jako Bambuch, ukáže vám jejich návod, jak fungují různé přístupy a k čemu se který hodí. --- SEO specialisti očekávají výrazný pokles přístupů z vyhledávačů v důsledku nasazení AI shrnutí do výsledků hledání. Vojtěch Fiala upozorňuje, že největší propady můžeme čekat u informačních dotazů, kterých je skoro devadesát procent. Bude hůř, myslí si Pavel Ungr, protože Google zkouší vyhledávání nahradit chatem a je jen otázkou času, kdy do svých odpovědí AI chaty začlení placenou reklamu. --- UX výzkumníci by neměli AI přenechávat syntézu generativního výzkumu. Podle Jona Kolka syntéza není jen formálním mezistupněm k vytvoření výstupu. Je to proces porozumění a propojení nových poznatků s tím, co už víme. Právě aktivní reflexe dává výzkumu smysl a hodnotu – jak pro jednotlivce, tak pro celý tým. Předání syntézy AI snižuje přínos výzkumu a ochuzuje nás o tu nejdůležitější část poznání: vlastní pochopení a poznání. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Zpráva o přístupnosti e-mailů ukazuje, že snad neexistuje HTML e-mail bez problémů s přístupností. Z 443 585 testovaných zpráv jich jen 21 prošlo všemi automatizovanými testy. Všechny byly od Parcel.io nebo NaomiWest.ca. Selhávají nejen nástroje pro tvorbu šablon, ale i samotné poštovní klienty – pouze jeden podporuje prvky HTML/CSS potřebné pro přístupnost. A co vaše e-maily? --- Focus priming. Až budete testovat přístupnost webu nebo e-mailu, vyzkoušejte techniku focus primingu, doporučuje Martin Underhill. Místo toho, abyste zkoušeli navigovat se pomocí tabulátoru z klávesnice od začátku dokumentu, klepněte nejdřív myší náhodně kamkoli na obrazovce. Přesunete tím výchozí pozici tabulátorového kurzoru. --- Do prvního dne účinnosti evropského zákona o přístupnosti zbývá 39 dnů. Na sociálních sítích Bluesky, Twitter, Threads, Linkedin a Facebook publikujeme tipy pro přístupnost webu. Sledujte #Přístupnost100. --- Zapojte vývojáře do designového procesu od samého začátku. Získáte lepší rozhodnutí, úsporu času a posílíte týmovou kulturu. Vývojáři dokážou včas upozornit na technická omezení, navrhnout škálovatelná řešení a obohatit kreativní proces svým pohledem. --- Katalog návrhových vzorů pro uživatelské rozhraní z dílny agentury Project by IF popisuje obvyklé přístupy k řešení designových problémů moderního UI. Najdete tu návrhové vzory pro AI nástroje, nové přístupy k autentizaci nebo nastavení soukromí. --- Č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 800 odběratelům nebo newsletter sdílejte. Děkujeme! --- Brašna s nářadím K vybavení návrháře rozhraní a frontendového vývojáře patří i nástroje pro simulaci běžných bariér přístupnosti, jako jsou dalekozrakost, tunelové vidění, porucha barvocitu, třes rukou, dyslexie nebo poruchy soustředění. Hodně toho dokážete simulovat pomocí vývojářského módu ve Firefoxu nebo Edge, ale v Chrome podobné vymoženosti chybí. Právě v Chomu se uplatní doplněk Web Disability Simulator. --- Abychom si rozuměli Designéři často říkají, že dobrý design vede oko uživatele od nejdůležitějších prvků k těm méně důležitým. Čím toho ale designéři dosahují? To se pokouší osvětlit slovníkové heslo vizuální hierarchie. --- V dnešním Linkodromu zaznělo, že téměř devadesát procent hledání připadá na informační dotazy. Co to je a jaké jsou další záměry, s nimiž se uživatelé obracejí na vyhledávače, popisuje článek Search intent. --- Facilitace jako pojmenování role člověka, který vede workshopy, v poslední době vytlačila dříve používané označení moderátor. Čím se tyhle výrazy liší a co všechno facilitátoři mají na starost? --- Soukromí si na internetu spojujeme s GDPR, ale za konceptem Privacy by design stojí Kanaďanka Ann Cavoukian, která se ochranou soukromí zabývá už od devadesátých let. Navrhovat služby, které respektují soukromí, pomůže jejích sedm zásad. --- V posledních letech se upouští od designérských specializací, a tak nyní nově objevujeme dříve běžné pracovní postupy a druhy výstupů. K takovým patří inventář obsahu. Bez něj se neobejde návrh ani redesign žádného rozsáhlejšího obsahového projektu. --- Přijďte 19. června na Festival kreativní byrokracie. Jakub s Martinem na festivalu zopakují workshop Myslete kreativně! Od zadání k prototypu za jeden den, o který si píšete od podzimního Týdne pro Digitální Česko. --- A to je z třetího májového zpravodaje Řekni si o web roku 2025 všechno. Zatímco z kamene čas písmo dávno smaže, můj verš zde bude dál jasně plát – a vy s ním. 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. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    9 min
  2. 05/13/2025

    Jsou Figma Sites slepou uličkou? ŘSoW#70

    (00:00) Řekni si o web #70 (00:27) Telegraficky (01:20) Designérský tip (02:08) Linkodrom (07:13) Brašna s nářadím (07:48) Abychom si rozuměli (09:54) Pozvánka na Festival kreativní byrokracie (10:08) Stříháme metr (10:33) Příborový nůž a rozloučení --- Telegraficky ⚖️ Evropská komise žene Česko před soud. Nevymáháme dostatečně DSA.✨ Google spouští AI shrnutí v českém a slovenském vyhledávání.🆕 Figma představila produktové novinky.🎬 Netflix redesignuje.🦾 Zapier propojuje aplikace s AI přes MCP.🏄 Proč za 3 miliardy dolarů OpenAI kupuje Windsurf.♿ WCAG 3.0 přinese nový model hodnocení přístupnosti.🪤 Anti-řetězák uvádí řetězové e-maily na pravou míru.📟 Tom Krcha slibuje mód vizuálního navrhování pro Cursor, VS Code a Windsurf.🥳 Proběhl Marketing Festival.🤝 Začal ISSS. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Designérský tip Zobrazujte uživatelům, kde právě jsou. Navigace webu musí ukazovat aktuální polohu. ❌ V menu vypadají všechny položky stejně✅ Zvýrazněná aktuální stránka v navigaci 👉 Lidé snáze pochopí strukturu webu.👉 Sníží se frustrace z hledání. Přehledná navigace → spokojený návštěvník. --- Č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 🎰 777 odběratelům nebo newsletter sdílejte. Děkujeme! --- Linkodrom Zkratky a gesta zvyšují efektivitu uživatelského rozhraní pro pokročilé uživatele. Akcelerátory, jako jsou klávesové zkratky, gesta nebo hlasové příkazy, pomáhají zkušeným uživatelům zrychlit rutinní úkony a zvýšit efektivitu práce v uživatelském rozhraní. Slouží jako alternativní cesta ke stejnému cíli, kterou nováčci mohou ignorovat. Křivku učení podporuje postupné odhalování bez zahlcení začínajících uživatelů. --- Jak pojmenovávat design tokeny. Vitaly Friedman na Linkedin sestavil seznam odkazů na dobré příklady pojmenovávání design tokenů. Nástroj Name Design Tokens vám tuhle rutinu usnadní tím, že vám vždy nabídne jen relevantní možnosti na výběr. --- “Most of the work of design is facilitating decisions, not making artifacts.” — Erika Hall --- Jak AI mění způsob, jakým ovládáme software. Rozhraní postavené na chatu, které popularizoval ChatGPT, opět připomnělo éru textových terminálů: výkonné, ale nepřehledné. AI přetváří tradiční návrhové vzory UX: umožňuje kontextové akce pravým tlačítkem, přirozené hledání („najdi daňové doklady“) nebo intuitivní výběry („příští úterý“ místo klikání v kalendáři) a samozřejmě i našeptávání. Přibývá i inline zpětné vazby a automatických návrhů. Skutečnou revolucí by však mohlo být zcela generované UI – zatím s otazníkem. Tradiční software tak brzy může působit zastarale, myslí si Allen Pike. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Analýza dat z uživatelských testů krok za krokem. Analýza kvalitativního uživatelského testování vyžaduje hlubší práci se složitými daty, hypotézami a interpretací. Maria Rosala navrhuje čtyřkrokový rámec: sběr relevantních dat, posouzení jejich spolehlivosti, vytvoření vysvětlení a ověření jejich shody s daty. Proces je iterativní a často odhalí nové otázky. --- “Designers who are trying to do strategy in the same way they do design will usually end up starting a fight.” — Pavel Samsonov --- Underpromise a overdeliver není dobrý nápad. Přístup „slib méně a překvap“ vypadá mazaně, ale Dan Mall si myslí, že je toxická a kontraproduktivní. Podle Dana je záměrné snižování očekávání klienta s cílem později ho příjemně překvapit formou lži, která dlouhodobě podkopává důvěru. Pravidelné překvapování klienta ve skutečnosti narušuje vnímání spolehlivosti, což je opak toho, čeho bychom měli chtít dosáhnout. Místo toho Dan navrhuje prostě slíbit a doručit, co jsme schopní dodat – bez triků. --- “Fall in love with the problem. With the complexity and difficulty of framing a need and defining success.” — Jesse James Garrett --- Figma Sites jsou slepá ulička a nešťastný návrat WYSIWYGu. Pavel Samsonov nenechává na novém produktu Figmy nit suchou. Tvrdí, že místo tvorby skutečných webů Figma nabízí jen vizuální napodobeniny webů. Chybí podpora sémantické struktury, takže výstupy nejsou přístupné ani technicky kvalitní. Tato slepá ulička ukazuje hlubší problém v UX: disciplína se vzdaluje strategii a soustředí se jen na vzhled, nikoliv na obsah či smysl. Budoucnost funkčních webových nástrojů začíná u kvalitního obsahu, ne u layoutu. --- “Everyone believes AI can do someone else’s job.” — Steven Sommer --- Test přístupnosti, který zvládnete sami. Stačí otevřít web v běžném prohlížeči a prověřit čitelnost textu, ovladatelnost klávesnicí a smysluplnost obsahu bez obrázků. Michaela Vranková přehledně ukazuje, jak na to krok za krokem, a doporučuje i jednoduché bezplatné nástroje jako WAVE nebo Silktide. --- Potřebujeme lidi s vkusem víc než kdy jindy. Dave Rupert navazuje na Coryho Doctorowa a jeho termín enshittification jako popis postupného zhoršování online služeb, ale přidává vlastní interpretaci: jde o selhání vkusu těch, kdo mají moc rozhodovat. Podle Dava je poznávacím znakem enshittifikace to, když uživatel vnímá, že někdo bez citu pro kvalitu a uživatelskou zkušenost rozhoduje na základě výnosnosti, nikoli kvality. Upozorňuje, že v éře generovaného obsahu je potřeba kurátorů a lidí s citem pro kvalitu ještě palčivější než dřív. --- Brašna s nářadím Zmínka o Penpotu v minulém vydání newsletteru měla odezvu, a tak jsme se rozhodli přihodit tentokrát Penpot přímo do brašny s nářadím. Penpot začínal jako opensource napodobenina Figmy. Obšlehli všechno, co je ve Figmě dobré, a nabídli to zdarma nebo za zlomek ceny. Postupem času ale bylo jasné, že opisování je pomalé. Penpot se vydal vlastní cestou a začal se od Figmy vzdalovat. V některých oblastech, jako jsou třeba design tokeny, dokonce Figmě utekl. --- Abychom si rozuměli Slovníček výrazů se nám za týden rozrostl o passwordless login, seat at the table, pre-mortem a post-mortem analýzu, handoff a gamifikaci. Přihlášení bez hesla při správné implementaci přinese lepší bezpečnost při větším pohodlí pro uživatele. Microsoft chce bezheslové přihlášení jako výchozí volbu pro Windows. To je dobrá zpráva, protože to znamená, že si Microsoft odpracuje edukaci uživatelů a my se můžeme svézt na vlně. Designéři při své emancipační cestě v korporacích toužili po pověstném místě u stolu. Reálně to znamenalo mít možnost zasahovat do směřování firem a ne jen realizovat zadání z byznysu. Podíváme se, jak se tenhle plán daří realizovat, co pomáhá a co naopak designéry brzdí. Jak se světem designu šíří evidence-based přístup, uplatňují se stále častěji exaktní metody. Jednou z takových metod je rozbor příčin problémů. V ideálním případě by měly následovat stejné kroky jako třeba v leteckém odvětví: úprava postupů, změna předpisů, nové checklisty. Předávání návrhů k nakódování designéři říkají handoff. Říká se tak výstupu, který designéři předávají, schůzce s vývojáři, ale hlavně celému postupu, který obvykle začíná hned z počátku projektu a končí po spuštění, protože spolupráce designérů a vývojářů se neomezuje jen na krátký okamžik předávání podkladů. Když se řekne gamifikace, většině lidí spontánně naskočí jako asociace Duolingo. Gamifikace se ale neomezuje jen na získávání odznaků, ale zahrnuje třeba vzájemnou soutěživost jako ve Stravě, odemykání úrovní jako v Courseře, plnění výzev jako v Quizletu, vizualizaci pokroku jako u Grammarly. Tím výčet triků, které gamifikace přináší, nekončí. --- Přijďte 19. června na Festival kreativní byrokracie. Jakub s Martinem na festivalu zopakují workshop Myslete kreativně! Od zadání k prototypu za jeden den, o který si píšete od podzimního Týdne pro Digitální Česko. --- Stříháme metr do soboty dvacátého-osmého června. Na ni připadá první den účinnosti evropského zákona o přístupnosti. A v pátek jsme odstřihli už padesátý dílek. Jsme za polovinou a na pěti sociálních sítích (Bsky, Twitter, Threads, LI, FB) jsme publikovali dohromady už 250 tipů pro přístupnost webu. Sledujte #Přístupnost100 na svých oblíbených sociálních sítích. --- A to je z druhého májového zpravodaje Řekni si o web roku 2025 všechno. Roku 1637 tento den přestalo kardinála Richelieu bavit sledovat spolustolovníky, jak se rýpou špičkou nože v zubech. 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 přejí, Jakub Goldmann a Martin Kopta. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    11 min
  3. 05/06/2025

    Nešetřete kontrastem: ŘSoW#69

    (00:00) Řekni si o web #69 (00:26) Telegraficky (01:24) Jakubův designérský tip (01:53) Jingle (02:16) Linkodrom (07:27) Brašna s nářadím (07:51) Abychom si rozuměli (09:15) Přehled květnových akcí (09:41) Rozloučení a sonda Kosmos 482 --- 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. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- 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 přejí Jakub Goldmann a Martin Kopta. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    10 min
  4. 04/29/2025

    Dopřejte obsahu prostor k nadechnutí: ŘSoW#68

    (00:00) Řekni si o web #68 (00:28) Telegraficky (01:38) Pozvánka na webinář (02:17) Designérský tip (03:06) Linkodrom (07:37) Brašna s nářadím (07:50) Abychom si rozuměli (08:05) Přehled květnových akcí (08:35) #Přístupnost100 (08:56) Čus bus trolejbus --- Telegraficky 📵 EU dává svým představitelům pro cesty do USA stejná doporučení jako pro Čínu.💸 Evropská komise pokutovala Meta a Apple.🎬 CapCut dostal konkurenci Edit od Instagramu.🗄️ Ondřej Surý je ve vedení pracovní skupiny DNS Operations při IETF.🗝️ Ondřej Filip se zúčastnil ceremoniálního podepsání kořenového klíče DNSSEC.🕌 Apple přesune výrobu iPhonů pro USA do Indie.✨ Figma uvolnila AI pro všechny placené účty.💥 Canva uvedla na trh svůj AI builder.☄️ Perplexity v květnu vydá prohlížeč Comet, a bude trackovat všechno.🧵 Threads se přesunuly na doménu .com.💰 Příjmy Googlu z reklamy rostly i v roce 2024.💼 Proběhla konference X4B. Jakub Karlec začal na Youtube natáčet krátká shrnutí událostí. Jeho Design Weekly už má dva díly. Rádi doporučujeme! Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Už jen týden máte na přihlášení k webináři Jak si naklikat web bez cizí pomoci. V úterý 6. května odpoledne máte možnost setkat se s Jakubem a Martinem při tvorbě webu na webináři. Během těchto dvou hodin si ukážeme, jak můžete sami vytvořit svůj web. Odměnou na konci vám nebude jen diplom, ale hlavně jednoduchá webová prezentace připravená ke zveřejnění. Pokud odebíráte newsletter e-mailem, najdete v patičce kód na zvýhodněnou cenu. --- Designérský tip Nebojte se volného prostoru. Dopřejte obsahu prostor k nadechnutí. ❌ Nahuštěný text, malé mezery✅ Více místa mezi nadpisy, odstavci i bloky 👉 Obsah je přehlednější a lépe vynikne.👉 Čtenářům se rychleji skenuje očima. Pamatujte: Prostor je váš přítel. --- Č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 760 odběratelům nebo newsletter sdílejte. Děkujeme! --- Linkodrom Zahoďte škály v dotaznících, doporučuje Mohsen Rafiei. Člověk nehodnotí zážitky čísly, ale porovnáváním – a UX výzkum by tomu měl odpovídat. Mohsen popisuje svou cestu od ratingových otázek k dotazování založenému na srovnání. Lidé hodnotí relativně, nikoliv absolutně. Přestože kvantitativní data mají své místo, pro hlubší porozumění je klíčové ptát se na srovnání. --- Slovníček výrazů pro design tokeny. Jde vám hlava kolem z výrazů, které používají frontendisti kolem design tokenů? Projekt DesignTokens.FYI by vám měl udělat jasno. Najdete tu přehled výrazů používaných v Design Token Commnunity Group i s ukázkami. --- A/B testování na Googlu a Metě klame. Adam Šilhan varuje, že Google a Meta posilují u marketérů falešný pocit data-driven rozhodování, přičemž jejich vlastní A/B testovací nástroje mají zásadní omezení. Platformy při testech cíleně ukazují různé verze reklam různým skupinám uživatelů podle očekávaného zájmu. Tím dochází k narušení randomizace a výsledky A/B testů nelze aplikovat mimo platformy. Pro efektivní škálování kampaní a získání cenných insightů je třeba být při interpretaci výsledků velmi opatrný. --- “The Internet of Things ended up being the internet of unsupported products.”— Dare Obasanjo --- Budoucnost patří aluminiu umělé inteligenci. Alespoň pokud jde o přístupnost. Pokusí se vás o tom přesvědčit Karl Groves. Už dnes AI významně zlepšuje životy lidí s postižením – od automatických titulků přes asistivní aplikace až po navigační pomůcky. Přístupnost má nyní šanci technologicky přeskočit své limity, pokud její zastánci AI přijmou a pomohou ji formovat. Karl vyzývá ke spolupráci a inovaci, aby budoucnost byla inkluzivní. --- Vibe kódování pomocí jazyka UML netkví v psaní kompletních specifikačních dokumentů. Jde o zachycení záměru natolik, aby bylo možné jej efektivně sdílet. Jan Kodera navrhuje využít UML jako podpůrný nástroj při vibe codingu. Ne pro omezení kreativity, ale pro její lepší sdílení a údržbu v rostoucích týmech. UML mu slouží jako vizuální meta-jazyk, který usnadňuje kontextové ukotvení, rychlejší zapojení kolegů a zvýšení testovatelnosti kódu. Přístup je však vhodný hlavně pro pokročilé vývojáře – musíte totiž nejdřív rozumět UML. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- UX usnadňuje život. Někdy až příliš. Michael F. Buckley si myslí, že snaha o maximální jednoduchost v uživatelském zážitku oslabuje naši schopnost samostatného myšlení a řešení problémů. Michael líčí vlastní zkušenost s navigací bez GPS a poukazuje na to, že závislost na chytrých technologiích nám ubírá příležitosti k hlubšímu kognitivnímu zapojení. Upozorňuje, že kvalitní UX by mělo postupně odhalovat složitost a podporovat učení, nikoliv jej nahrazovat. --- “Discomfort is what drives people to action.Design principles have suffered the comfort-driven decay.”— Pavel Samsonov --- Mýtus univerzálního řešení: Úpadek kvality pod tlakem příkladů dobré praxe. Pavel Samsonov se pustil do povrchních generalistů, kteří místo hlubokého porozumění problému nasazují univerzální řešení založená na best practices. Upozorňuje, že generalisté vytvářejí iluzi kompetence, přestože kvalita jejich práce je nízká. Skutečný pokrok vyžaduje pochopení lokálního kontextu a schopnost měřit skutečný dopad změn, nikoli jen dodržování metodik. --- Design je mrtvý. O konci designu začalo vycházet tolik článků, že je Ryan Rumsey začal sbírat. Pokud není design přímo mrtvý, je alespoň v krizi nebo je potřeba jej znovu vymyslet. Pokud jste zrovna v těžké životní situaci, nečtěte to. Jinak si nad články můžete užít spoustu zábavy. --- Brašna s nářadím Dnes jsme do brašny s nářadím sáhli po webové alternativě grafických editorů. Photopeu napsal matfyzák Ivan Kuckir. --- Abychom si rozuměli V uplynulém týdnu jsme si slovní zásobu rozšířili o termíny low-fidelity design, human-centered design, prevence chyb, vibe coding a skunčí dílna. --- V květnu se konají konference SEOLoger Naživo, PPC Restart, Content First a WebExpo. Hned z počátku měsíce se můžete těšit na novinky od Figmy, které můžete zhlédnout společně s dalšími českými designéry na Config Watch Party i v Brně. A v Brně proběhne také UX Dinner. Termíny konání oznámily RealUXCamp, WARP Camp a FrontKon. Další tipy na květnové odborné a komunitní akce najdete v našem přehledu. --- Sledujte štítek #Přístupnost100 na sociálních sítích. Na každé sociální síti najdete jinou sadu tipů. Všechny tipy doprovázíme odkazem na konkrétní předpis ve standardu WCAG. --- A to je z posledního dubnového zpravodaje Řekni si o web roku 2025 všechno. Před 143 lety v Halensee vyjel do ulic předchůdce trolejbusu. 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. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    9 min
  5. 04/22/2025

    Vyznačte výchozí volbu: ŘSoW#67

    (00:00) Řekni si o web #67 (00:26) Telegraficky (01:55) Designérský tip (02:41) Linkodrom (07:24) Brašna s nářadím (07:45) Abychom si rozuměli (08:26) Pozvánka na konferenci (08:42) #Přístupnost100 (08:57) Tank Man a rozloučení --- Posloucháte 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 750 odběratelům nebo newsletter sdílejte. Děkujeme! --- Telegraficky 💰 Figma míří na akciovou burzu.💥 GoDaddy omylem vyřadil Zoom z DNS.🔞 Discord ověří věk občankou a fotografií, Instagram nasazuje AI.⚖️ Soud opět uznal monopol Googlu v reklamě. Bude Chrome na prodej?🌐 Google opustí národní domény.🏅 Bluesky přenechá ověřování profilů komunitě.✨ Sam Altman: ֎ ChatuGPT neděkujte, stojí nás to majlant.🪟 Znělka Windows 95 se stala americkým národním bohatstvím.📎 Microsoft propustí do hromadné pošty pouze identifikované e-maily.🧹 Němci mažou produkty Microsoftu z počítačů.🗑️ Datovky dostaly filtr proti spamu.🪪 Řidičák přijde do výdejního boxu.🥡 Svaz obchodu a APEK požadují ochranu trhu před konkurencí z Číny.🏴‍☠ NÚKIB se zabývá únikem dat o odtazích v Praze. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Designérský tip Zvýrazněte výchozí volbu. Pokud dáváte lidem na výběr z více možností, vždy vyznačte výchozí volbu. Lidé by měli poznat prvek, který je přivede blíže k cíli ve vícekrokových postupech, i pokud se zrovna nesoustředí na text. ❌ Dvě tlačítka se stejným vzhledem vedle sebe ✅ Zvýrazněné tlačítko vedle běžného tlačítka ✅ Návodné ikonky u textových popisků 👉 Jako výchozí označte prvek, který navazuje na předchozí krok 👉 Buďte k uživatelům fér a nezneužívejte zvýraznění k manipulaci 👉 Umožněte lidem odvolat destruktivní volby Nenuťte uživatele přemýšlet. --- Linkodrom „The future isn’t about doing more. It’s about doing better —with clarity, intent, and speed.“— Luděk Černocký Budoucnost designu: menší týmy, širší role a větší dopad. Luděk Černocký napsal svou představu o proměně designu v roce 2025: Menší, agilnější týmy, návrat univerzálnějších full-stack designérů a demokratizace design systémů vlivem AI a no-code nástrojů. Vývoj nástrojů umožňuje rychlejší iterace i prototypování. Roste význam designérů s technickými dovednostmi i strategickým myšlením. Stejně důležitými se však stávají měkké dovednosti, vizuální vkus a schopnost chápat byznysový dopad. Designéři budoucnosti budou muset být nejen zruční, ale i zvědaví a přizpůsobiví. --- Víc důvěry, méně tabulek. O vykazování práce designérů se na svém blogu rozepsal Krispin Dolbear. Sledování času na úrovni jednotlivých úkolů selhává při řízení kreativních týmů – nepřináší spolehlivá data, podkopává důvěru a brání inovacím. Design není lineární proces a tlak na vykazování minut vede spíš k defenzivní práci než ke kvalitním výsledkům. Krispin navrhuje přesun od mikromanagementu k systémům založeným na důvěře, výsledcích a zpětné vazbě. A jaká je vaše hodinovka? --- “Portfolios that are collections of static images for interaction design work are garbage and make everything worse.”— Erika Hall --- Taktiky pro tvorbu, údržbu a rozvoj design systému. Ať už na vás padl úkol vytvořit zcela nový design systém, nebo budete už existující udržovat a rozvíjet, hodí se osvojit si best practice. Ness Grixti extrahovala 32 taktik pro správu design systému. --- Framer dostane vlastní klávesnici. Po Figmě (vyprodáno) si svou obrandovanou klávesnici Creator Micro 2 pořizuje i Framer. Programovatelná klávesnice vypadá stejně jako neobrandovaná. Má RGB podsvícení, které se může měnit podle otevřené aplikace, a podle aplikace je možné nastavit i makra. Vybírat můžete z bezdrátové a USB-C varianty. --- Matou vás úrovně A, AA a AAA v přístupnosti? Denis Deacon pro vás připravil stručný přehled, k čemu která úroveň přístupnosti je. Jedno A je minimum, které byste pro přístupnost měli udělat. Úroveň AA vyžadují zákonné normy jako evropský zákon o přístupnosti. Nejvyšší úroveň AAA by měla být vaší metou, pokud cílíte na osoby s těžšími postiženími s požadavky jako znakový jazyk či čtenářská srozumitelnost. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Je čas vypustit z kódování CSS pre-processory. Zell Liew se na CSS-Tricks zabývá otázkou, jestli vývoj kaskádových stylů už pokročil natolik, abychom mohli přestat používat pre-processory jako SASS. Zejména nativní podpora nestingu (zanořování) a proměnných vyřešila velkou část důvodů, proč jsme dříve po pre-processorech sahali. V praxi už pre-processory nahrazují utilitární frameworky jako Tailwind nebo post-processory typu PostCSS. --- „Today, you cannot build a product without having good design.“— Kim Sealls Okna do minulosti. Tři dlouholetí designéři z Microsoftu – Harold Gomez, Kim Sealls a Jeremy Knudsen – popisují, jak se vizuální jazyk, Start menu i samotné pojetí designu Windows přizpůsobovalo měnícím se potřebám. Významnou roli hrála spolupráce napříč disciplínami, důraz na přístupnost a schopnost inovovat bez ztráty identity. Design dnes není jen věcí estetiky, ale patří ke strategickému rozhodování a vyžaduje hluboké porozumění uživatelským potřebám. --- HTML-to-Figma. Tenhle plugin načte zvolený web a převede ho do objektů ve Figmě. Jestli si zrovna klepete na čelo, co že je to za nesmysl – vždyť to přeci má být naopak – tak vězte, že tenhle zpětný chod využijí designéři na volné noze, když za nimi přijdete s prosbou, aby něco doplnili nebo upravili na už hotovém webu, který nenavrhovali právě oni. Ale divné to je, to zase ano. --- Brašna s nářadím Už jsme vám doporučovali nástroj Hemingway Editor. Ten slibuje naučit vás psát krátké, jednoduché věty. Na podobném principu funguje editor OgilvyApp.com. Jen s tím rozdílem, že tentokrát by výsledkem měl být text ve stylu Davida Ogilvyho. --- Abychom si rozuměli Když řekneme, že v aplikaci je bug, nemyslíme tím lecjakou chybu v kódu. Jde obvykle o nějaký špatný předpoklad v návrhu nebo provedení, který je v přímém rozporu s tím, jak věc chápe uživatel. V takovém případě klesá použitelnost strně k nule. Když si designéři usnadňují práci příliš, dojde pak u uživatelů snadno ke kognitivnímu přetížení. Do slovníčku nám přibyly také výrazy wireflow coby vizualizace hrubého návrhu rozhraní na uživatelské cestě a design tokeny, což jsou definice základních vlastností návrhu nezávislé na konkrétním programovacím jazyku. --- Přijďte 19. června na Festival kreativní byrokracie. Jakub s Martinem na festivalu zopakují workshop Myslete kreativně! Od zadání k prototypu za jeden den, o který si píšete od podzimního Týdne pro Digitální Česko. --- Sledujte štítek #Přístupnost100 na sociálních sítích. Na každé sociální síti najdete jinou sadu tipů. Všechny tipy doprovázíme odkazem na konkrétní předpis ve standardu WCAG. --- A to je z prvního zpravodaje Řekni si o web po Velikonocích roku 2025 všechno. Před 36 lety šel Wang Wej-lin s igelitkou přes náměstí. 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 přejí Jakub Goldmann a Martin Kopta. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    9 min
  6. 04/15/2025

    Comic Sans dal počítačům lidskost: ŘSoW#66

    (00:00) Řekni si o web #66 (00:30) Telegraficky (01:10) Jakubův designérský tip (01:53) Linkodrom (06:38) Brašna s nářadím (06:55) Abychom si rozuměli (08:02) Pozvánka na webinář (08:34) #Přístupnost100 (08:54) Titanic a pěkné Velikonoce --- Telegraficky 🤐 Britský soud zakazuje tutlat zadní vrátka do iCloudu.👎 Google penalizuje generovaný obsah ve výsledcích vyhledávání.#️⃣ Google spustil vývojové prostředí Firebase Studio s AI asistencí.✨ Chat GPT si pamatuje všechno, co jste mu kdy řekli.🚀 České startupy mají globální ambice.💂 Výstava o české typografii se vydala do Londýna.🔱 Ukrajinský IT sektor drží ekonomiku nad vodou během války. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Jakubův designérský tip Nedělejte z odstavců jednolitou zeď textu. Velké bloky textu = odrazující stěna. Dlouhé textové odstavce neprospívají skenování textu. Ztrácíte pozornost uživatelů a zvyšuje se riziko okamžitého opuštění webu.❌ 10 řádků bez odstavce✅ Krátké odstavce, ideálně 3 — 7 řádků✅ Použijte odrážky nebo mezititulky👉 Strukturovaný text se čte snáz👉 Udrží pozornost a lidé se začtou✂️ Krájejte text na kousky. Funguje to i u webu i v newsletteru. --- Linkodrom Přepněte na hezké zarovnávání textu. Kaskádové styly dovolují přepínat mezi algoritmy pro zarovnávání textu. Výchozí algoritmus zalomí text na konci řádku, když už není místo pro další slovo (případně slovo rozdělí, pokud dovolíte dělení). Mezi dalšími možnostmi stojí za povšimnutí hodnoty text­‑wrap: balance a text­‑wrap: pretty. Hodnota balance najde uplatnění u nadpisů při zarovnání na střed – snaží se, aby řádky byly přibližně stejně dlouhé. Hodnota pretty zlepšuje vzhled delších odstavců, na které aplikuje typografická pravidla (jednoznakovky, vdovy a sirotci, řeky, vícenásobné dělení…). --- UX může zjednodušit kyberbezpečnost. Díky intuitivnímu UX designu mohou být bezpečnostní prvky téměř neviditelné a přesto účinné. Autor argumentuje, že většina bezpečnostních systémů dnes nepočítá s uživatelským chováním, což vede k obcházení pravidel. Řešením je design, který se přizpůsobí uživatelům, nikoli naopak. Například bezheslové přihlašování může výrazně zlepšit uživatelskou zkušenost i bezpečnost současně. --- Comic Sans přinesl lidskost do digitálního světa. Vznikl v roce 1994 jako přátelská alternativa k Times New Roman a rychle si získal oblibu díky čitelnosti a neformálnímu stylu. V době chladných digitálních rozhraní přinesl teplo a srozumitelnost, zejména pro děti a technologické nováčky. Dnes, v éře dokonalých algoritmů a minimalistického designu, je jeho nepravidelnost opět v kurzu. Comic Sans připomíná, že trvanlivost spočívá v autenticitě, ne v dokonalosti. --- Kvalitní typografie jako důkaz! Výskyt dlouhé pomlčky v textu lidé považují za příznak obsahu generovaného AI, píše Washington Post. Kritici tvrdí, že AI jej nadužívá – zastánci naopak brání jeho estetickou i významovou sílu. Novinářka Aileen Gallagher jej nazývá mocným nástrojem a další autoři pomlčku brání jako součást svého stylu. AI experti přiznávají, že modely mohou dlouhou pomlčku preferovat, ale styl psaní se přizpůsobuje uživatelským zadáním. Diskuse o interpunkci tak nečekaně nabrala etický i estetický rozměr. --- AI dusí Stack Overflow. Už zase! Tomaž Weiss sleduje, která témata upadají na Stack Overflow od příchodu AI. Nejvíce se to dotklo obecných programovacích témat a nástrojů pro analýzu dat, jako jsou „lists“, „pandas“ nebo „SQL“. Naopak témata vyžadující vizuální kontext – například operační systémy a vývojové nástroje jako Android Studio či Azure – si vedla lépe. Lze usuzovat, že tam, kde AI nestačí na kontext a vizualizaci, mají lidé stále navrch. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Spolupráce designérů se stakeholdery stojí na promyšlené komunikaci. Adrián Oller představuje EPIC framework (Empatie, Účel, Insight, Komunikace), který pomáhá s porozuměním a sladěním cílů v týmu. Klíčové je „over-there mindset“ – opravdový zájem o druhé. Efektivní sdělení má jasnou strukturu podle pyramidového principu: hlavní myšlenka, podpůrné argumenty a fakta. Nejde jen o shrnutí, ale o syntézu – tedy odpověď na otázku „so what?“. Dobrá konverzace má fáze: otevřít, zúžit a uzavřít. Klíčem k úspěchu je vzájemné pochopení a respekt k rolím v týmu. --- There is a European app for that. Pokud chcete trestat americké podnikatele za jejich vládu, možná se poohlížíte po evropských alternativách k online službám, za které do Ameriky platíte. Vídeňský vývojář Constantin Graf se rozhodl usnadnit vám hledání a vytvořil přehled evropských alternativ ke známým službám z USA. --- Každý web může vypadat jako Geocities. Geocities byl fenomén devadesátých let. Free hosting plný webů tvořených amatéry s rozpoznatelnou estetikou. Už přes patnáct let jsou Geocities minulostí, ale vy je můžete nechat ožít díky Geocities Live, nástroji, který jakýkoli web přetvoří do stylu webovek z Geocities. --- Brašna s nářadím Do brašny s nářadím každého tvůrce webu patří nástroj pro modelování relační databáze. DBDiagram.io je jedním z nich. V základní verzi, která vystačí hned na několik projektů, je zdarma. --- Abychom si rozuměli Výhody designu zaměřeného na člověka asi nemusíme připomínat. Participativní design je pak jeho vyšší dívčí – podívali jsme se na něj v dalším dílu slovníčku. Mít uživatele nejen jako stakeholdera, ale přímo ho zapojit do spolutvorby, to už chce mnohem rozvinutější prostředí a na mnohem vyšším stupni zralosti UX. Při rozhovorech s webovými analytiky padají názvy různých metrik. Jednou z těch opravdu důležitých je bounce rate – míra okamžitého opuštění webu. Od vizuálních designérů zase často uslyšíte výraz snap to grid – přichytávat na mřížku. Tahle vlastnost pomáhá udržovat vizuální řád. Aby všechno dobře fungovalo a web se snadno udržoval, vyplatí se držet se jednoduchosti a blbuvzdornosti. Do IT jsme přístup keep it simple and stupid převzali z mechaniky strojů – ať už jde o letecké motory Lockheed Martin nebo třeba nezničitelné nákladní tatrovky. --- Nepropásněte termín webináře: V úterý 6. května odpoledne máte možnost setkat se s Jakubem a Martinem při tvorbě webu na webináři. Během těchto dvou hodin si ukážeme, jak můžete sami vytvořit svůj web. Odměnou na konci vám nebude jen diplom, ale hlavně jednoduchá webová prezentace připravená ke zveřejnění. Pokud odebíráte newsletter e-mailem, najdete v patičce kód na zvýhodněnou cenu. --- Do účinnosti zákona o přístupnosti zbývá 74 dnů. Sledujte štítek #Přístupnost100 na sociálních sítích. Na každé sociální síti najdete jinou sadu tipů. Všechny tipy doprovázíme odkazem na konkrétní předpis ve standardu WCAG. --- A to je z velikonočního zpravodaje Řekni si o web roku 2025 všechno. „Pořád ještě cítím ten čerstvý nátěr. Porcelán byl zcela nový. V postelích ještě nikdo nespal.“ Je to už 113 let. 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 --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    9 min
  7. 04/09/2025

    Fibonacci místo 4px-gridu: ŘSoW#65

    (00:00) Řekni si o web #65 (00:26) Telegraficky (01:22) Designérský tip (02:05) Linkodrom (05:48) Brašna s nářadím (06:19) Abychom si rozuměli (07:23) Pozvánka na webinář (07:58) #Přístupnost100 (08:16) Sovy nejsou tím, čím se zdají být --- Telegraficky ✨ Google nasazuje AI Overview v Evropě.🦋 Bluesky má 34 milionů uživatelů.🪟 Microsoft slavil padesátiny.📜 Lidé stále dokládají informace, které stát už má.📊 APEK spustil statistiky na webu.🗳️ Portál občana nabízí formuláře pro korespondenční volby.⌚ Mapy.com jsou už i na Apple Watch. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Č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 750 odběratelům nebo newsletter sdílejte. Děkujeme! --- Designérský tip Nezarovnávejte všechno na střed. Vycentrovaný text může působit hezky symetricky, ale hůře se čte. Pro oko je náročné hledat začátky navazujících řádků, když každý začíná na jiném místě. U dlouhých textů zarovnání na střed unavuje.❌ Všechno zarovnané na střed✅ Důležitý nadpis klidně ano – ale běžný text radši doleva👉 Oko čtenáře miluje zarovnání na levý okraj.👉 Lépe se drží řádky a méně se ztrácí.Design není jen vzhled – důležitá je i čitelnost. --- Linkodrom AI mění způsob, jak stavíme produkty. Julie Zhuo popisuje, jak AI mění proces vývoje digitálních produktů. Tradiční model stojící na třech nohách (designer, PM, inženýr) ustupuje malým týmům s rozostřenými rolemi, kde AI umožňuje rychlé prototypování a rozhodování podle dat. Namísto plánování se preferuje testování a iterace. V centru dění už nestojí manažeři, ale jednotlivci s dobrou chutí a vysokou mírou samostatnosti. AI se stává nástrojem pro rychlou validaci nápadů a dynamické učení z výsledků v reálném čase. --- CSS se učí programovat: CSS získává mocnější nástroje díky funkcím, které fungují podobně jako ty v programovacích jazycích – s parametry, návratovými hodnotami a typováním. Nová specifikace umožňuje definovat vlastní funkce pomocí @function, využít výchozí hodnoty, typové kontroly i výpočty. Aktuálně je funkčnost dostupná v experimentálním režimu v prohlížeči Chrome Canary. Funkce zatím neumožňují rekurzi, plnou práci s lokálními proměnnými či kaskádovými vrstvami, ale už teď otevírají cestu k elegantnějším a flexibilnějším řešením v CSS. --- Nahraďte čtyřpixelový grid Fibonacciho posloupností. Luis Ouriach zpochybňuje zažitý 4px-spacing systém v digitálním designu a navrhuje alternativu inspirovanou Fibonacciho posloupností (PDF, 812 KB). Tvrdí, že 4px-grid působí jednotvárně a vizuálně rozplizle. Luis experimentuje s Fibonacciho posloupností, která podle něj přináší lepší vizuální rytmus. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Dotýkáme se strojů, které necítí. Od fyzických počítačů s přepínači jsme přešli k dotykovým displejům, kde chybí textura, zvuk i haptická odezva. Amelia Wattenbergová kritizuje, že interakce se redukovala na pouhé psaní či klikání, a navrhuje návrat k multimodálním rozhraním kombinujícím řeč, pohyb, zvuk a prostor. Přílišná snaha o odstranění tření v uživatelském zážitku nás podle Amelie připravuje o smyslové potěšení a hloubku. Budoucnost rozhraní by měla být fyzická, kontextová a smyslově bohatá. --- Google Discover prošel změnou, která ovlivňuje zobrazování textů i obrázků. Úspěch teď více než kdy dřív závisí na dvou faktorech: kvalitním obrázku a přesvědčivém titulku. SEO expert Zdeněk Dvořák doporučuje používat vizuály alespoň o šířce 1200 px, ideálně bez výrazných textových prvků. Náhledový text je třeba zestručnit podle toho, jak velký obrázek se zobrazuje – od 40 do 110 znaků. Klíčem je dostat to nejdůležitější na začátek. Díky těmto úpravám může návštěvnost výrazně vzrůst. --- Zajímalo vás někdy, jak vypadal operační systém prvního počítače Apple? Projekt Infinite Mac přináší možnost spustit v prohlížeči čistou instalaci kteréhokoli historického operačního systému Apple pro počítače a návdavkem k tomu i operační systém NextStep, který vyvíjela firma, do které před svým návratem odešel Steve Jobs z Apple. --- Brašna s nářadím Na našem školení tvorby webu bez designérů a vývojářů jsme se přesvědčili, že lidé na konec nejvíc bojují s nasměrováním domény na svůj web. Hodilo by se mít nějaké pískoviště, kde by si každý mohl nastavení domény snadno vyzkoušet a ověřit. Přesně s tímhle záměrem spustily Julia Evans a Marie Claire LeBlanc Flanagan svůj web Mess With DNS. --- Abychom si rozuměli Kdy jste naposledy někomu napsali milostný dopis? Ve slovníčku představujeme milostný dopis jako kvalitativní výzkumnou metodu pro UX. Pokud na skutečný uživatelský výzkum nemáte prostor, využijete heuristiky použitelnosti od Jakoba Nielsena. Další slovíčko se uplatní hlavně při navrhování nástrojů, které vyžadují hluboké soustředění – flow. Do flow se dostávají také designéři a vývojáři, ale to je zase jiný příběh. V nástrojích se často nevyhneme vytvoření uživatelského účtu. Lazy registration je přístup, při kterém uživatelský účet navazujeme na autentizaci s odkladem, takže uživatele registrace nevyrušuje v jeho záměru. AI generuje velké množství obsahu na webu a vyhledávače tomu čelí úpravou algoritmů. Podíváme se tedy na v poslední době často zmiňovanou zkratku E-E-A-T, která představuje důležité vlastnosti webu, které kladně ovlivňují umístění ve výsledcích vyhledávání. --- Přihlaste se na webinář tvorby webu bez designérů a vývojářů. V úterý 6. května odpoledne se máte možnost online setkat s Jakubem a Martinem při tvorbě webu. Během těchto dvou hodin si ukážeme, jak můžete sami vytvořit svůj web. Odměnou na konci vám nebude jen diplom, ale hlavně jednoduchá webová prezentace připravená ke zveřejnění. Pokud odebíráte newsletter e-mailem, najdete v patičce kód na zvýhodněnou cenu. --- Do účinnosti zákona o přístupnosti zbývá 80 dnů. Sledujte štítek #Přístupnost100 na sociálních sítích. Na každé sociální síti najdete jinou sadu tipů. Všechny tipy doprovázíme odkazem na konkrétní předpis ve standardu WCAG. --- A to je z druhého dubnového zpravodaje Řekni si o web roku 2025 všechno. Před třiceti pěti lety se poprvé vysílalo Městečko Twin Peaks. 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 přejí Jakub Goldmann a Martin Kopta. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    9 min
  8. 04/01/2025

    Klikněte zde: ŘSoW#64

    (00:00) Řekni si o web #64 (00:24) Telegraficky (00:51) Designérský tip: Klikněte zde (01:26) Linkodrom (04:57) Brašna s nářadím (05:26) Abychom si rozuměli (06:06) Pozvánka na webinář (06:29) #Přístupnost100 (06:42) Rozloučení, Bauhaus a Apríl! --- Telegraficky 📊 Domén .cz bylo ve čtvrtek jeden a půl milionu.✨ Polski rząd dofinansował PLLuM – AI po polsku.🚒 Hasiči čelili kyberútoku.🚷 ČTÚ bude spravovat seznam blokovaných webů.🤦 Facebook nabídne zeď s příspěvky sledovaných účtů.🎤 Frontkon hledá speakery.🍔 Le boycott. Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook. --- Designérský tip Dnešní designérská rada pro lepší weby (a vyšší konverze) zní: Nepište na odkazy „klikněte zde“. Chovejte se k nim jako k malým nadpisům – jako k plnovýznamovým sdělením, které musejí dávat smysl i bez kontextu. Popisek „Stáhněte si příručku v PDF“ je vždycky lepší než „Stáhněte si příručku zde“.Lidé snáz pochopí, kam odkaz vede. Je přístupnější pro čtečky i vyhledávače. A hlavně: zvedne se vám konverzní úspěšnost odkazů. 💡Malá změna, velký dopad. Zkuste to. --- Linkodrom Grid místo Flexu: jednodušší, čistší, univerzálnější. Alex Riviere vyzývá k zásadní změně přístupu k CSS rozvržení: místo zažitého používání flexboxu doporučuje sáhnout nejdřív po gridu, poté po blocku a teprve naposled po flexu. Flex často komplikuje strukturu a vyžaduje nadbytečný JavaScript a složité stylování, zatímco grid přináší čistší, předvídatelnější a udržitelnější řešení. Na příkladu vstupního pole s ikonami ukazuje, jak jednoduché může být nahrazení složitého flexbox layoutu jedinou deklarací gridu. Alex kritizuje i časté používání flexu tam, kde by bohatě stačil obyčejný block-level layout --- Design tokeny mění svět design systémů. Jan Six, spolutvůrce Token Studia, v rozhovoru pro UI Breakfast popisuje, jak plugin vznikl z potřeby propojit návrh s kódem. Proměnil se v komplexní platformu pro správce design systémů. Jan mluví o výhodách konzistentního vizuálního rozhodování, automatizace a o důležitosti živé dokumentace. Dojde i na vysvětlení základních pojmů jako design systém, komponenty, tokeny i na výzvy spojené s adopcí tokenů ve firmách. Hlavní radou je: začněte jednoduše a rosťte postupně. --- “If you have an idea, you're only a few prompts away from a product.” — Misbah Syed pro Business Insider --- Stejné stíny napříč platformami. Stíny ve webových a mobilních aplikacích často nevypadají stejně, i když mají identické parametry. Marc Edwards podrobně srovnal vykreslování drop shadow efektů v CSS, Androidu, iOS, Figmě a Sketchi a našel přesné převodní poměry pro hodnoty rozostření. Zjistil, že jediný rozdíl spočívá v interpretaci rozostření (blur radius) a že jeho sjednocení napříč platformami je možné. Například iOS potřebuje pro stejný vzhled poloviční hodnotu blur radius oproti CSS. Výsledky mají přímé uplatnění při generování kódu pro různé platformy. --- Baví vás tenhle příspěvek? Řekněte o něm ostatním! --- Bezbariérové hry. Producenti počítačových her založili Accessible Games Initiative. Pod touhle společnou vlajkou pracují na přístupnosti ve hrách. Jejich prvním viditelným výstupem je přehled štítků, které mají lidem se specifickými potřebami pomoci najít mezi hrami takové, které si mohou zahrát. --- Kouzlo webového brouzdání mizí pod náporem AI odpovídačů. Kódující designér Paul Stamatiou reflektuje ztrátu radosti z objevování při brouzdání po webu, jakou přinášely náhodně objevované blogy a fóra, a varuje před tím, jak AI odpověďové nástroje mění náš vztah k webu. Paul uznává pohodlnost AI, ale poukazuje na úbytek kontroly, rozmanitosti a lidskosti v digitálním prostoru. Kritizuje nedostatečnou transparentnost, slabou atribuci zdrojů a unifikovanost odpovědí. Řešením je podle něj personalizace, která respektuje uživatele bez ztráty agentnosti. Budoucnost vidí ve vyvážené kombinaci AI nástrojů a lidské zvědavosti. --- Z dopisů od šéfa. Na webu Internal Tech Emails najdete interní memoranda, která posílali šéfové známých firem svým podřízeným. Někdy pomohou vysvětlit pohnutky k historickým událostem, jindy se pobavíte, jak mylně odhadovali budoucnost. Právě k takovým zprávám patří e-mail, který 31. ledna 2018 Elon Musk napsal zakladatelům OpenAI: “OpenAI is on a path of certain failure relative to Google.” --- Brašna s nářadím Při tvorbě informační architektury rozsáhlých webů přijde na řadu také metoda třídění karet. Při kvantitativním přístupu se vyplatí do vyhodnocení zapojit nástroje, které za nás spočítají nejčastější seskupení. Pokud si neplatíte některou ze suit výzkumných nástrojů, kde už je card-sorting v ceně, dejte šanci nástroji KardSort. Vytvořil ho pro svou potřebu datový inženýr z Tesly Kailaash Balachandran a velkoryse ho nabízí zdarma k použití. --- Abychom si rozuměli Přistál nám v poště dotaz, kolik dílů ještě náš slovníček bude mít. Tak my vám prozradíme, jak vlastně vzniká: Jeden podvečer v týdnu se vídáme se studenty designu zaměřeného na člověka a zapisujeme si, kterým našim obratům nerozuměli. Ještě máme v zásobě sto padesát výrazů. V květnu k téhle skupince přibudou studenti z bakalářského studia, se kterými připravujeme design sprint, a to zase přijde nálož dalších slovíček. V uplynulém týdnu jsme si vyjasnili paralelní design, designérský mindset, bannerovou slepotu, task-oriented UX, které pěkně doplnilo objektově orientované UX z předchozího týdne, a lazy loading. --- V úterý 6. května se setkáme na dalším webináři, při kterém společně vytvoříme web na platformě Solidpixels. Pro školení nepotřebujete žádné předchozí zkušenosti. Věříme, že postavit web se Solidpixels zvládnete i sami, ale pro všechny případy tam budeme s vámi. Pokud čtete náš newsletter v e-mailu, v patičce najdete kód na zvýhodněnou cenu pro odběratele. --- Sledujte štítek #Přístupnost100 na sociálních sítích. Na každé sociální síti najdete jinou sadu tipů. Všechny tipy doprovázíme odkazem na konkrétní předpis ve standardu WCAG. --- A to je z aprílového zpravodaje Řekni si o web roku 2025 všechno. Před sto šesti lety otevřel Bauhaus ve Výmaru. 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 přejí, Jakub Goldmann a Martin Kopta. --- Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

    7 min

About

Jakub Goldmann a Martin Kopta. Specialisté na webdesign a digitální strategie. Tipy a triky pro designéry, manažery i podnikatele, kteří spravují své vlastní weby. Sledujte nové techniky a trendy ve světě webu → 📒 75 tipů, jak si říct o web www.reknisioweb.cz