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

By: Jakub Goldmann a Martin Kopta
Listen for free

  • Summary

  • 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
    Jakub Goldmann & Martin Kopta
    Show more Show less
Art Economics Marketing Marketing & Sales
Show more Show less
Episodes
  • Dlouhé animace škodí: Řekni si o web #58

    Dlouhé animace škodí: Řekni si o web #58
    Feb 19 2025
    (00:00) Řekni si o web #58(00:22) Telegraficky(00:57) Linkodrom(02:41) Brašna s nářadím(03:40) Abychom si rozuměli(05:18) Pozvánka na webinář(05:51) Rozloučení a Rihanna---Telegraficky🔗 Slovenské vnitro mělo linkbuilding na hazard.🧠 Meta AI umí přečíst 80 % myšlenek. 🔌 AI zdvojnásobí spotřebu elektřiny.🖼️ Google snižuje ranking generovaným obrázkům.✍ Podpis úředníka nezačerňovat, říká soud.🥨 Česká e-commerce expanduje do Německa a Rakouska.⚜️ Skauti odešli z X.🪪 Identitu občana využily skoro čtyři miliony uživatelů.🏫 DIPSy padal.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromEfekty s animací delší než 500 milisekund zhoršují metriku Web Vitals, píše na Twitteru Machal. Animovaný efekt v kódu ovlivní metriku Cumulative Layout Shift a může to mít vliv na uživatelský prožitek a podružně také na umístění ve výsledcích vyhledávání.---Mapy.cz jsou příliš sexy, aby nevydělávaly. Mapy.cz před nedávnem spustily prémiovou verzi s předplatným. Jak se jim vede v prosinci povídal v podcastu Živě manažer produktového týmu Map Martin Jeřábek.---Šablona pro jasnou a přehlednou dokumentaci designu. Při dokumentování designových systémů designéři bojují se srozumitelností návodů k používání svých komponent. Michael Haggerty-Villa sdílí osvědčenou metodu: využití strukturované tabulky, která pomáhá systematizovat obsah a urychlit tvorbu dokumentace.---Hyperčitelné písmo a hned v sedmi variantách. Atkinson Hyperlegible je písmo navržené pro čtenáře se zhoršeným zrakem. Nová varianta Atkinson Hyperlegible Next nabízí sedm vah pro variable font a podporu více než sto padesát jazyků. Atkinson Hyperlegible Mono je neproporční verze určená pro tabulky nebo vývojářské editory. Všechny varianty jsou k dispozici zdarma pro osobní i komerční použití.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Sdílený Caps-Lock. Caps-Lock je asi NEJZBYTEČNĚJŠÍ KLÁVESA na klávesnici – nesouhlasíte? 🤔 Pokud máte zálibu v podivnostech nebo chcete vytrestat kolegy s nezabezpečeným počítačem, bude se vám líbit škodolibá utilitka Global Caps-Lock, která pro Caps-Lock synchronizuje stav s kýmkoli na internetu, kdo ji má také nainstalovanou. Jen nezapomeňte, že legrace je to – jak říkáme doma dětem – jen pokud se baví všichni.---Brašna s nářadímTentokrát jsme vám do brašny s nářadím přibalili utilitku, která vylepšuje psaní v angličtině, Hemingway Editor a šikovné udělátko na kreslení map webů a aplikací Wireflow.co.---Hemingway detekuje dlouhé věty, náročná slova nebo stylistické nedokonalosti. Možná by se zdálo, že v době AI chatů a copilotů není specializovaná utilitka potřeba. Hemingway ale díky přehledné vizualizaci poklesků a jasným pravidlům nejen vylepšuje konkrétní texty, ale také nás učí vyjadřovat se zřetelně a srozumitelně.Škoda, že takový nástroj nemáme pro češtinu.---Nástroje jako Wireflow.co to mají těžké, když musí přežít vedle Figmy. Určitě i pro tvorbu map průchodu uživatele webem nebo aplikací se ve Figmě najde dost knihoven komponent. Nástroj Wireflow.co má ale tu výhodu, že je tak jednoduchý, že každý, kdo zvládne přetáhnout komponentu ze seznamu na plátno, může začít navrhovat. Data se ukládají jen v paměti prohlížeče a dají se exportovat jako obrázek.---Abychom si rozuměliJestli jste tak staří jako my dva, určitě pamatujete dobu, kdy bylo důležité, v jakém kódování češtiny ukládáte soubory. Pro rychlé rozpoznání správné znakové sady posloužil pangram – věta, která obsahuje všechna písmena abecedy konkrétního jazyka. Nebylo nic neobvyklého vídat na webových stránkách věty jako „Kŕdeľ ďatľov učí koňa žrať kôru.“ nebo „Příliš žluťoučký kůň úpěl ďábelské ódy.“Dnes pangramy najdete v návrzích jako slepý text nebo ve vzornících písem pro snadnou detekci fontů vhodných pro zvolený jazyk.---Když začalo být moderní sestavovat uživatelské rozhraní na straně prohlížeče, napadlo někoho, že by místo točícího se indikátoru načítání mohly na obrazovce svítit placeholdery. A tak se zrodil Skeleton screen.---U nás se říká: Jak se do lesa volá, tak se z lesa ozývá. Američtí vědci mají pořekadlo Smetí dovnitř, smetí ven. Používá se pro případy, kdy pracujete s nekvalitními vstupy. Z nekvalitních vstupů i při sebelepší metodě dostáváte zase jen nekvalitní výstupy.---Až se jednou bude stavět pantheon interakčního designu, zvláštní místo v něm bude mít busta Larryho Teslera. Jeho jméno nese zákon o zachování složitosti. Ten říká, že když zjednodušíte aplikaci, přenášíte tím složitost na uživatele.---Na ...
    Show more Show less
    6 mins
  • SEO pro AI odpovídače: Řekni si o web #57

    SEO pro AI odpovídače: Řekni si o web #57
    Feb 11 2025
    (00:00) Řekni si o web 57(00:20) Telegraficky(00:56) Linkodrom(04:09) Brašna s nářadím(04:31) Abychom si rozuměli(05:17) Rozloučení a Nelson Mandela---Telegraficky🗳️ Asociace UX vypsala volby do správní rady.🛒 Email.cz zobrazí přehled objednávek z e-mailů.📰 Dvě třetiny Čechů čtou zprávy ve vyhledávačích.📊 Shrnutí zpráv od AI na Seznamu neubírá zobrazení stránek médiím.🔫 Don’t be evil: Alphabet se už nebrání využití AI pro zbraně a sledování.💌 Apple nabízí aplikaci na pozvánky.✨ OpenAI otevře sídlo v EU.🚑 Děti si na TikToku ničí játra.🚨 Policie vám neposlala textovou zprávu.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromPřehled objednávek pro Email.cz. Seznam Email zavádí záložku Objednávky. Bude zobrazovat přehled objednávek a jejich aktuální stav na základě strukturovaných dat z e-mailů. To je skvělá zpráva pro uživatele, ale my tvůrci webů pro to musíme něco udělat. Seznam podporuje strukturovaná data pro Order ve formátech JSON-LD a microdata dle standardu schema.org. Aktualizace objednávek probíhá na základě nových e-mailů se stejným číslem objednávky. Funkce nebude mít vliv na doručení nebo třídění e-mailů. Spuštění očekáváme do konce března a testování probíhá už nyní.---SEO pro AI odpovídače. Vyhledávače se mění na odpovídače. Perplexity.ai to přiznává otevřeně. Jak ale zajistit, aby se váš web objevil mezi jeho zdroji? David Bureš radí zaměřit se na kvalitní, strukturovaný a autoritativní obsah – my na to máme dokonce zkratku: EEAT. Perplexity hodnotí především seznamy, recenze, autoritu domény a dobře optimalizované stránky. Oproti běžné verzi nabízí Perplexity Pro přesnější odpovědi a podporuje práci se soubory. Pro SEO specialisty je proto důležité přizpůsobit web nejen pro Google, ale i pro AI vyhledávače. Budoucností vyhledávání jsou odpovědi, ne kliknutí na odkazy.---„SEO možná jednou umře. Ale linkbuilding spíš ne.“— Nikol Fialová, linkbuilderka---Navrhování pro nečekané situace. Při designování se soustředíme na běžné scénáře. Používáme obraty jako happy day scenario, 80 na 20. Ale co když něco nejde podle plánu? Edge cases – vzácné nebo extrémní situace – prověří kvalitu návrhu a výrazně ovlivní uživatelský zážitek. Nečekané vstupy, systémové chyby, přístupnost a extrémní chování uživatelů jsou oblasti, kde design selhává, pokud není dobře promyšlen. Příkladem úspěšného přizpůsobení je Apple s vylepšením Face ID pro maskované uživatele. Připravenost na neočekávané dělá digitální produkty odolnějšími a přívětivějšími.---Nestačí být první. Musíte být lepší. Tuomas Artman na blogu Linearu rozebírá, co dnes znamená přivést produkt na trh. Není vždy potřeba přijít s převratným MVP, ale spíš se skokovým zlepšením oproti existující konkurenci. Být první má smysl při dobývání vesmíru, ale v podnikání jen málokdy průkopníci nových oblastí dlouhodobě přežijí. Jen disruptivní startupy vytvářejí zcela nové trhy. Většina firem však hledá způsob, jak zlepšit stávající produkty. Teprve když uživatelé přestanou žádat nové funkce a jsou ochotni za produkt zaplatit, je čas na veřejné spuštění.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Manipulativní vzorce. Že je dnes ten Den bezpečnějšího internetu, nasdílíme s vámi skvělý bonus, který Harry Brignull nabízí ke své knížce Deceptive patterns. Harry sestavil dvousetslajdovou prezentaci na základě své knížky o tom, jak nás komerce manipulativně klame, aby z nás vytáhla víc peněz. Prezentace je určená hlavně učitelům, ale dobře se hodí i jako podklad pro zvyšování povědomí o manipulativních klamech obecně.---Brašna s nářadímSe všemi těmi no-code a low-code platformami, s JAM stack a headless CMS generujícím statické soubory se objevuje drobný zádrhel: co když potřebujete sbírat data z formuláře? FormSubmit.co doručí obsah formuláře do e-mailu a pro pokročilejší zpracování nabízí webhook.---Abychom si rozuměliNe každý designér je vizuálním návrhářem. Kdysi jsme pracovali s kolegou, který k designu zběhl od byznys analýzy a na jeho wireframech a prototypech bylo poznat, že za sebou nemá žádnou formální grafickou průpravu. Naštěstí si ho vzal pod patronát Jakubův parťák David Švejda a ukázal mu, jak funguje CRAP. Od té doby jsou návrhy našeho kolegy profesionálně úhledné. Když se to naučí byznys analytik, tak už každý.Do slovníčku nám přibyly ještě články o UX poučce pojmenované podle Jakoba Nielsena, o slepém textu lorem ipsum, o škálovatelném navrhování komponent pomocí atomického designu a postup pro...
    Show more Show less
    6 mins
  • Návrat k řemeslu je selhání: Řekni si o web #56

    Návrat k řemeslu je selhání: Řekni si o web #56
    Feb 5 2025
    (00:00) Řekni si o web #56(00:22) Telegraficky(01:11) Linkodrom(04:12) Brašna s nářadím(04:37) Abychom si rozuměli(05:14) Rozloučení a Otello---Telegraficky👎 Na chvilku platí zákon o právu na digitální službu, a stát ho nedodržuje.🏫 AI dětem zveřejnilo kurikula umělé inteligence pro základky a střední školy.🙋‍♀️ Do 20. února se děti mohou elektronicky hlásit na střední školy.🗡️ Česká hra Kingdom Come: Deliverance II vede žebříček Steamu.👾 Fond audiovize podpoří videoherní průmysl.✉️ Asociace softwarových agentur píše vládě.👋 Wedos se v březnu na protest přesune do Lucemburska.🤖 OpenAI spouští AI agenta Deep Research.✨ Matfyz bude koordinovat vznik evropské konkurence pro OpenAI.🚀 Smoljak navrhuje, aby EU měla vlastní sociální síť.📊 Nejvíce domén jsme registrovali v listopadu.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromNávrat k řemeslu obvykle značí neschopnost odvádět práci s výsledky. Peter Merholz se vrátil z Design Leadership Summitu s přesvědčením, že designéři, kteří se zaklínají návratem k poctivému řemeslu, jen maskují, že nejsou schopni navrhovat s opravdovým dopadem. Píše o tom v úterním newsletteru. Design se v mnoha firmách zredukoval na produkční funkci a řemeslo se stalo únikovým mechanismem pro týmy, které nemají vliv na klíčová rozhodnutí. Na panelové diskusi o řemeslu se ukázalo, že designéři se brání definovat kvalitu konkrétně, což podkopává jejich důvěryhodnost.---Všechny SEO rady nejsou stejně spolehlivé. Marek Prokop se na Linkedin zamýšlí nad spolehlivostí rad, které udílejí SEO konzultanti svým klientům. Podle Marka se doporučení liší podle míry jistoty jejich úspěchu. Nejspolehlivější jsou opravy jasných technických a obsahových chyb – ty vždy zlepší web. Druhou úroveň tvoří best practices, které obvykle vedou ke zlepšení, ale mohou mít krátkodobé výkyvy. Nejméně jisté jsou experimenty. Mohou přinést skvělé výsledky, ale i selhání. – My designéři máme dvě oblíbené průpovídky: „To záleží.“ a „Důvěřujte mi.“ V SEO to bude asi podobné.---Právo na uživatelskou přívětivost. Advokátka Petra Dolejšová a designér Ondřej Illinčev se společně pustili do největších bolestí UX designu způsobených zákonnými požadavky. Checkboxy na webu často nejsou nutné, ale právní oddělení je tlačí všude – i tam, kde škodí UX a výkonu. Právně platný opt-in nemusí znamenat nekonečné zaškrtávací políčka – stačí jasně formulovaný aktivní krok uživatele. Příklady dobré praxe ukazují, že jde souhlasy s newslettery, registracemi i cookies řešit elegantněji. Klíčem je hledat rovnováhu mezi právní jistotou a uživatelskou přívětivostí.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Přístupnost v typografii se často zaměřuje na velikost písma a kontrast, ale skutečná čitelnost začíná na úrovni jednotlivých znaků. Olivia King, inspirovaná výzkumem Sophie Beier, vytvořila Inclusive Sans – moderní písmo navržené pro maximální čitelnost, zejména pro lidi se zrakovým či neurodiverzním postižením. Písmo zajišťuje jasnou rozlišitelnost podobných znaků (např. „I“, „l“, „1“), otevřenější tvar písmen a větší střední výšku.---Jakou návštěvnost přivádějí AI chaty? ChatGPT nebo Perplexity jsou už tak rozšířené, že se z nich pomalu stává významný zdroj návštěv. AI Overview Report pro Looker Studio ukazuje na datech z Google Analytics, kolik návštěv, z jakých zdrojů a na jakých stránkách přichází z webů a aplikací umělé inteligence.---Budoucnost, která nebyla. Pamatujete ještě dobu, kdy nebylo jasné, že mobilní telefon je obdélník vyplněný dotykovým displejem s průhledem na objektiv kamery? Nokia Design Archive přináší dobové dokumenty z let 1992 až 2013. Kromě fotografií skutečných telefonů se v archivu můžete rochnit ve skicách a renderovaných obrázcích vizí mobilních zařízení, která už nikdy nespatří světlo světa.---Brašna s nářadímNěkdy se hodí dostat zprávu, když se na webu něco semele. Obvykle si pošleme e-mail nebo SMS, ale mohli bychom si posílat i notifikace. Služba ntfy.sh se hodí právě pro tyhle příležitosti. Využijete ji i třeba pro různé prototypování nebo při testování. Uplatnění najde i ve spolupráci s cron-jobs.org, o kterých jsme psali nedávno.---Abychom si rozuměliNadpisy článků ze slovníčku webového designu by se daly číst jako věta: Dopis z budoucnosti, Lidé na webu nečtou.Lidé na webu čtou. Ostatně vy jste toho právě teď důkazem. Ke čtení ale přistupujeme trochu jinak, než by si tvůrci obsahu představovali. Tenhle článek pojednává o ...
    Show more Show less
    6 mins

What listeners say about Řekni si o web – Podcast pro majitele a designéry webů

Average customer ratings

Reviews - Please select the tabs below to change the source of reviews.

Audible.com reviews

Amazon reviews
No Reviews are Available