Podcast
Řekni si o web – Podcast pro majitele a designéry webů
Hosted by Jakub Goldmann a Martin Kopta · CS
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
www.reknisioweb.cz
20episodes
Episodes
Newest firstAll episodes
Placeholder nenahradí formulářové popisky: ŘSoW#71
May 20, 202500:09:27Tap to summarize(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ý tipNezapomeň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.---LinkodromGoogle 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.<stro...
Transcribe →
Jsou Figma Sites slepou uličkou? ŘSoW#70
May 13, 202500:11:06Tap to summarize(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ý tipZobrazujte 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!---LinkodromZkratky 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ímZmí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 oblaste...
Transcribe →
Nešetřete kontrastem: ŘSoW#69
May 6, 202500:10:10Tap to summarize(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ý tipNeš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!---LinkodromPenpot 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ímKdo by občas nepotřeboval obrázek nového webu nebo aplikace na ob...
Transcribe →
Dopřejte obsahu prostor k nadechnutí: ŘSoW#68
Apr 29, 202500:09:26Tap to summarize(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ý tipNebojte 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!---LinkodromZahoď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ímDnes jsme do brašny s nářadím sáhli po webové alternativě grafických e...
Transcribe →
Vyznačte výchozí volbu: ŘSoW#67
Apr 22, 202500:09:27Tap to summarize(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ý tipZvý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í volbyNenuť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 SeallsOkna 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í este...
Transcribe →
Comic Sans dal počítačům lidskost: ŘSoW#66
Apr 15, 202500:09:26Tap to summarize(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ý tipNedě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.---LinkodromPř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ímDo 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ěliVý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 ...
Transcribe →
Fibonacci místo 4px-gridu: ŘSoW#65
Apr 9, 202500:08:42Tap to summarize(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ý tipNezarovná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.--- LinkodromAI 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ímNa 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ěliKdy 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<...
Transcribe →
Klikněte zde: ŘSoW#64
Apr 1, 202500:07:05Tap to summarize(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ý tipDneš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.---LinkodromGrid 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ímPř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ěliPř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 <a target="_blank" hr...
Transcribe →
NEPIŠTE VELKÝMI PÍSMENY: ŘSoW#63
Mar 25, 202500:06:35Tap to summarize(00:00) Řekni si o web #63(00:24) Telegraficky(01:02) Rychlý tip(01:50) Linkodrom(04:46) Sto dnů přístupnosti(05:12) Brašna s nářadím(05:34) Abychom si rozumněli(05:50) Dubnové akce(06:11) Rozloučení a Svíčková demostrace---Telegraficky⌚ Chytré hodinky Pebble se vracejí!🍎 Apple otevře v iOS přepínání zvuku, AirDrop, AirPlay a notifikace pro hodinky.🔀 Zapier se umí napojit na AI.🏗️ Informační systém stavebního řízení zasáhl DDOS útok.💣 Seznam měl výpadek.👁️ Ministerstva vnitro a pro místní rozvoj dostala anticeny Velký bratr.🪩 Berlínský UXcamp Europe rozdal lístky na letošní ročník.🎫 SEOloger Naživo začal prodávat vstupenky na 16.–18. května.🗺️ Mapy.cz jdou do světa.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Rychlý tipNepište dlouhé pasáže textu VELKÝMI PÍSMENY. Velká písmena mají v latince všechna stejnou výšku. Text psaný velkými písmeny působí jednolitě a rozlišit jednotlivé znaky je pro čtenáře namáhavější než u malých písmen.Tahy malých písmen vybíhají nad písmena a pod ně – říká se jim horní a spodní dotahy. Společně s diakritickými znaménky utvářejí proměnlivý vzhled řádku, který oku pomáhá lépe rozeznat různé znaky, a tím snižuje námahu při čtení.Text psaný malými písmeny čteme rychleji a čtení nás méně unavuje. Texty psané velkými písmeny působí agresivně a vytvářejí dojem, že na čtenáře autor křičí.---LinkodromNesměrujte poddomény do cloudu s wildcardem. Patrick Zandl na Threads píše o novém triku, který scameři používají pro zvýšení důvěryhodnosti svých podvodů. Pokud na platformy jako Vercel, Netlify a podobné přesměrováváte poddomény doménovým záznamem s hvězdičkou, mohou vám kteroukoli z poddomén unést na svou instanci a vydávat se za vás, aniž by uživatelé měli šanci úskok snadno odhalit.---Plán pro lídry od Petera Merholze. Návrhářští lídři potřebují víc než jen vizi – potřebují konkrétní plán. Peter Merholz nabízí rámec postavený na pěti klíčových oblastech (People, Programs, Process, Performance, Positioning), které pomáhají strukturovat myšlení a směrovat tým k dlouhodobým cílům. Bez plánu tým často jen reaguje na požadavky zvenčí a nemá prostor realizovat vlastní iniciativy. Vytvoření leadership plánu umožňuje týmům mít kontrolu nad svou agendou a postupně dosahovat skutečné změny.---Jak aplikace místo obsluhy kazí zážitek z kaváren. Maria Panagiotidi popisuje frustrující zážitek z aténské kavárny, kde si zákazníci nemohli objednat jinak než přes aplikaci. Technologie tu nevylepšila uživatelskou zkušenost, ale vytvořila zbytečné bariéry – zejména pro starší návštěvníky a turisty. Maria upozorňuje na nutnost výzkumu, dostupnosti a flexibility v UX designu. Pointa? Inovace nesmí být samoúčelná – dobrý design začíná u lidí, ne u technologií.---Kreativní karty Lorem ipsum pomáhají s tvorbou nápadů. Tohle je tip trochu z vlastní zahrádky. Studentská agentura GEN, která funguje při katedře multimédií na VŠE, vytvořila sadu kreativních karet Lorem ipsum inspirovanou metodikou SIT. Pomáhají systematicky generovat nové nápady. Jsou určené pro každého, kdo se potýká s kreativním blokem – od marketérů po HR. Doprovodný workshop ukazuje, jak efektivně s kartami pracovat a zrychlit kreativní proces. Karty jsou navrženy tak, aby byly okamžitě využitelné v praxi.---Seznam zdrojů pro sekundární výzkum dala dohromady Nikki Anderson. Neztrácejte čas výzkumem, jehož výsledky už dávno existují. Dnes můžete navíc díky AI poměrně snadno zjistit, které výzkumné zprávy jsou relevantní a které ne. Relevantní zprávy pak můžete zařadit do svého výzkumného repozitáře a pracovat s nimi v dalších projektech. Začít můžete třeba seznamem zdrojů pro sekundární výzkum od Nikki.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Jak vybrat správný graf pro váš příběh? Financial Times připravily vizuální slovník Designing with data. Pomáhá s výběrem vhodného typu grafu pro prezentaci dat. Nejprve si zvolíte, co chcete grafem sdělit – například porovnání, distribuce nebo vztahy mezi proměnnými – a podle toho získáte návrhy vhodných vizualizací. Nástroj slouží jako inspirace pro tvorbu přehledných a smysluplných vizualizací.---Sto dnů přístupnostiČekání na den účinnosti evropského zákona o přístupnosti jsme se rozhodli pojmout jako malý seriál. Na sociálních sítích každý den najdete krátký tip, jak zlepšit přístupnost webových stránek. Sledujte štítek #Přístupnost100. Na každé sociální síti najdete jinou sadu tipů. Každý tip doprovázíme odkazem na konkrétní předpis ve standardu WCAG.---Brašna s nářadímJestli pracujete s e-maily, bude vám hodit drobnost, kterou jsme v neděli přibalili do brašny s nářadím: Mailinput.com je služba, která ověří existenci e-mailové adresy. Jako bonus dostanete informaci, zda jde o skutečnou schránku nebo krycí mail. Kromě interaktivního webového rozhraní nabízí služba také API.---Abychom si rozuměliVe slovníčku už se nám nasbíralo padesát výrazů. Od minulého týdne přibyly Pixel perfect a DRY (Don’t Repeat Yourself), Fittsův zákon, Kvantita plodí kvalitu a Objektově orientované UX.---Těšte se na dubnové odborné akce. V přehledu akcí najdete konference TestCrunch, BrandStorming, Internation Ecommerce & Digital Summit, Experience for Business, Project Restart, Marketing Festival a AWS Community Day. Mrkněte také na komunitní a online akce, kterých není málo. Uff, duben je opravdu nabitý.---A to je z prvního jarního zpravodaje Řekni si o web roku 2025 všechno. Na Slovensku si dnes připomínají svíčkovou, kvůli které <a target="_blank" href="https://cs.wikipedia.org/wiki/Miroslav_V%C3%A1le...
Transcribe →
101 dnů do účinnosti zákona o přístupnosti: ŘSoW#62
Mar 19, 202500:06:20Tap to summarize(00:00) Řekni si o web #62(00:27) Telegraficky(01:09) Linkodrom(03:22) Muovo 2025(04:22) Brašna s nářadím(05:07) Abychom si rozuměli(05:36) Pozvánka na webinář(05:55) Rozloučení a Alexej Leonov---Telegraficky🚂 ETCS měl výpadek – přéčinou byla chebná elektrónka E13.🔭 Premiér ukončil snahu vnitra získat data o chování lidí na internetu.💸 Ministerstvo průmyslu rozdá 1,5 miliardy na experimentální software.⛓️💥 Pavel Durov z Telegramu smí opustit Francii – vyšetřování pokračuje.🍃 Od vydání knížky Elements of User Experience uběhlo čtvrtstoletí.🧊 Roblox vydává AI model pro tvorbu 3D objektů.🔌 Apple chce iPhone 17 bez portů.❤️🔥 AI ničí web.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromPropojené projekty ve Figmě umožní spolupracovat v jednom projektu, aniž byste museli platit za další uživatelská místa. Nastavit propojení mohou pouze administrátoři obou stran, kteří musí propojení také schválit. Funkčnost projektu je určena tarifem hostitelského týmu – pokud má hostitel plán Enterprise, využijí jej i externí uživatelé. Uživatelé zůstávají na svých plánech a platí si pouze za své vlastní účty. Počet propojených projektů je omezen podle plánu. Odpojením projektu přijdou externí uživatelé o přístup k souborům.---101 dnů. Právě tolik nás dnes dělí od účinnosti evropského zákona o přístupnosti. Advokátka Petra Dolejšová připomíná, že je nejvyšší čas začít se zákonem zabývat. My doplňujeme, že se vás možná netýká nebo vám alespoň poskytuje odklad. Každopádně se podívejte, který orgán nad vámi vykonává dozor a zjistěte si, jak bude postupovat. Hodně štěstí! … Ne, tak to nemůžeme nechat. :) Předně neexistuje žádná oficiální certifikace, která by vám dala razítko, že nároky zákona splňujete. Bude se vám tedy hodit přístup k normě EN 301 549 o přístupnosti v IT (nenechte se zmást, že web je kanadský). Prohlédněte si přehledný plánek oblastí, které pokrývá WCAG 2.2 a stáhněte si e-book o přístupnosti nebo se alespoň podívejte na doporučení britské vládní agentury. Zůstaňte na příjmu – tématu se i dál budeme věnovat.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Víte, co máte v robots.txt? SEO expert Zdeněk Dvořák popisuje svůj přístup k sestavování souboru robots.txt, který řídí přístup robotů k webu. Marek Prokop v komentářích poznamenává, že občas vám někdo nebo něco soubor upraví bez vašeho vědomí, a proto se hodí nechat si sledovat změny v něm.---Ultimátní přehled užitečných karetních sad pro workshopy. Alexandre Eisenchteter na Linkedin sbírá tipy na zajímavé sady karet pro facilitátory. Už se jich pod jeho příspěvkem z různých oblastí objevila pěkná řádka. Možná tam najdete inspiraci také. I my už jsme psali třeba o Product Reaction Cards nebo o Kreativních rozcvičkách. Možná se ke kartám zase vrátíme.---Mouvo 2025: Inspirace ze světa motion designuLetošní ročník konference Mouvo přinesl inspirativní pohledy na motion design, animaci a vizuální komunikaci. David Švejda pro nás sepsal pár svých postřehů z akce:Mezi nejzajímavějšími řečníky byl Carlos El Asmar (Motionographer), který sdílel svůj minimalistický přístup k tvorbě bez tlaku na osobní zviditelnění. Anna Mill (Liquid City) ukázala, jak se prolíná sci-fi s designem nových technologií.Zajímavý historický návrat nabídl pohled na legendární český magazín Živel, jehož archiv dosud nebyl digitalizován. Agentura DixonBaxi shrnula 25 let zkušeností v oboru a amsterodamské studio Jeroena Krielaarse představilo spojení typografie s animací.Mouvo znovu ukázalo, jak důležité je sdílet zkušenosti, experimentovat a posouvat hranice kreativního myšlení. Záznamy vystoupení už brzy najdete na Muovo TV. Pokud jste tam letos nebyli, určitě si konferenci nenechte ujít příště!---Brašna s nářadímDřív nebo později budete muset použít regulární výrazy. Regulární výrazy slouží k vyhledání a případně i nahrazení textu na základě strukturovaných vzorců. Brzy se zamotáte do toho, že mají několik různých implementací, a pokud pomocí nich budete chtít hledat něco komplikovanějšího, může se stát, že se v nich po čase ani nevyznáte.Právě tehdy vás zachrání nástroj ukrajinského programátora Alexandera Furmana, který nyní žije v Polsku – RegEx Helper. Tenhle nástroj si od vás nechá napsat, zadání v běžné řeči a regulární výraz pro vás vygeneruje a popíše. Pokud už nějaký regulární výraz máte, vysvětlí vám ho. Rovnou si pak můžete regulární výrazy i otestovat.---Abychom si rozuměliMartin zkouší štěstí s placeným obsahem a Jakub mu chtěl udělat radost a jeho rozepsaný seriál si koupit. Jenže to prostě nešlo. Klikání na tlačítka zmateně otvírá stránky a pop-upy. Místo nákupního procesu to Kubu pořád žene k registraci a prostě je to celé nějaké divné. Jakubovu křivku uspokojení by určitě vylepšila možnost zaplatit za obsah a dostat se k němu třeba přes kouzelný odkaz. Všechny tyhle konverzní bariéry by odhalilo jednoduché partyzánské testování, ale co já vím…---Připojte se 8. dubna na webinář tvorby webu. Jakub s Martinem vylepšili a výrazně zjednodušili svůj webinář. Pokud se už delší dobu nemůžete odhodlat postavit si webové stránky vlastními silami, na tomhle dvouhodinovém webináři to zvládnete. Odběratelé newsletteru najdou v patičce e-mailu slevový kód.---A to je z prozatím posledního zimního zpravodaje Řekni si o web roku 2025 všechno. Před šedesáti lety se <a target="_blank" href="https://www.onthisday.com/photos/1st-pe...
Transcribe →