Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Glitche, cache a iluze jednoduchosti. Řekni si o web #25

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

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 <a href="https://www.reknisioweb.cz?utm_medium=podcast">www.reknisioweb.cz</a>

(00:00) Řekni si o web #25(00:19) Telegraficky(00:48) Linkodrom(04:06) Život s technologiemi(05:06) Na čem právě pracujeme(05:22) Tip z naší knížky(05:53) ZávěrTelegraficky* Deset procent PINů k platebním kartám trefíte na první pokus. * Nejvíc domén se vydraží za stovku. Nejdražší přišla na 55.600 korun. * Google Universal Analytics zmizí za pár dnů. Zálohujte si reporty pomocí udělátka Marka Leciána raději hned. * Vojta Žižka si povídal s Tomem Čuprem. * Seznam cvičil, až spadnul. * Podcastem roku 2024 jsou opět Opravdové zločiny. Ve které kategorii je nejsnazší vyhrát?Další krátké zprávy najdete v rubrice Jednohubky na našem webu (RSS feed).--LinkodromZralost designérů. Než začne designérské studio pracovat s novým klientem, pokusí se diagnostikovat u něj stupeň zralosti. Podle Nielsen Norman Group má UX zralost šest stádií. Existuje ale něco jako model vyspělosti pro designéry? Před pěti lety s jedním takovým modelem přišlo Invision. Dělí designéry do pěti stádií: Tvůrce, Spojovatel, Architekt, Vědec, Vizionář. Každému stádiu odpovídá určitý skillset a přináší s sebou konkrétní benefity. Stádiím zralosti firem by měla odpovídat stádia zralosti designérů. Jak zrají firmy, měli by s nimi dospívat i jejich designéři.Které prohlížeče podporujete? Doba, kdy na webových stránkách svítily ikonky s nápisem Optimalizováno pro MSIE 3.5, je nenávratně pryč, ale jak by měli vývojáři přistupovat k podpoře různých prohlížečů? Clearleft zvolil přístup postavený na široké dostupnosti konkrétních technických vlastností. Pokud už je podporují prohlížeče alespoň dva a půl roku, je jejich použití na webu bezpečné. Do hry znovu přicházejí přístupy progressive enhancement a graceful degradation.Baví vás tenhle příspěvek? Řekněte o něm ostatním!Myslete při návrhu tlačítek na uživatele s dlouhými nehty. Současný design je plný předpojatosti. Ta se někdy projevuje v úplných drobnostech. Harsh Vijay si všiml, že ženy s dlouhými nehty pro klepnutí na dotykový displej nepoužívají špičku prstu, ale jeho bříško. Potřebují tak daleko větší plochu tlačítka a také větší rozestupy mezi aktivními prvky na obrazovce.Přes 80 % dotazů na webu je informační povahy, na navigační a transakční připadá po deseti procentech na každé.— Jim Jansen, Danielle L. Booth, Amanda Spink, Determining the user intent of web search engine queriesAI ve výsledcích hledání zaměstnává SEO specialisty. Michal Krutiš a Jan Štráfelda se zamysleli nad dopady zavedení AI do výsledků hledání. Martin ve vlákně na Twitteru vzpomíná na dřívější pokusy proměnit vyhledávač v odpovídač. Architekt vyhledávání na Seznamu Dušan Janovský uvažuje, že by Seznam mohl poskytnout obdobu AI Overview pomocí předem vygenerovaných a ověřených odpovědí. Zdeněk Dvořák upozorňuje, že právě probíhá další z antispamových aktualizací indexu vyhledávání na Googlu. Zapracujte u svých webů na EEAT: Experience, Expertise, Authoritativeness a Trustworthiness.Perplexity obchází direktivy z robots.txt. „Je to jako by Wikipedia a ChatGPT měly dítě,“ říká o Perplexity její CEO Aravind Srinivas. Perplexity kombinuje vyhledávání a chat s umělou inteligencí. Poskytuje na dotazy rovnou odpovědi postavené nad daty odkazovaných webů. Wired si všiml, že Perplexity ignoruje zákaz vstupu pro jejího bota. Perplexity totiž po položení dotazu v reálném čase přistoupí na web, aby shrnula jeho obsah. Obhájci Perplexity říkají, že nejde o stejný případ jako u crawlerů, které indexují web, ale jde o softwarového agenta, který na web přistupuje v zastoupení uživatele.Jak by vypadal internet bez webu? Stratég Googlu Corry Wang se vydal do pevninské Číny za rodinou a nestačil se divit, jak odlišný je tu zážitek z internetu. Jeho teta neznala prohlížeč, weby jsou dlouho neaktuální, vyhledávání nepomáhá řešit každodenní situace, a když se chcete něco dozvědět, kontaktujete přes Douyin (TikTok) místního influencera, a ten vám to ve videu vysvětlí. Opravdu tu chceme také superaplikace jako Xiaohongshu (Red) a WeChat?NSFW: Tuhle hru, která je kombinací Flappy Bird a Space Invanders prý dal Nik McFly dohromady s Claude.ai za pět minut.--Život s technologiemiWebový vývoj a firemní procesy se tak komplikují, že je stále náročnější, aby se i jednoduché věci chovaly spolehlivě. Martin teď obnovoval předplatné na Disney+. Obrazovka aplikace se donekonečna načítala s tlačítkem „dokončete předplatné“ a nešlo jít vpřed ani zpět a po shození se aplikace znovu načetla ve stejném stavu. Glitch!Naštěstí je tu starý dobrý web, na kterém jde ještě třeba promazat lokální úložiště. Při placení na konci úspěšné transakce svítila hláška, že se cosi nepovedlo a je potřeba zkusit koupit předplatné znovu. Ale z účtu už byly peníze strhnuté. Takže znovu promazat úložiště, a hele, teď už to funguje. Jenom tedy datum obnovení předplatného o deset dnů nesedí. Ale co už.Petr Koubský mýval kdysi na webu motto, které říkalo, že krasojezdkyně se musí usmívat, jako by akrobacie na koni nebyla žádná dřina. Takhle se snažíme tvářit, když navrhujeme aplikace. Však, o co jde, je to jen předplatné.--Na čem právě pracujemePřipravujeme se na workshop o UX pro digitální zmocněnce státní správy. Vlastně se na tenhle moment připravujeme těch pět let od okamžiku, kdy jsme se rozhodli, že úředníkům pomůžeme s webovými projekty a začali jsme psát knihu. Tak nám držte pěsti, ať dobře začneme!--Tip z naší knihyV průběhu testování upravujte návrh.Smyslem testování je odhalit chyby a úzká místa. Stačí, že jste problém objevili, nepotřebujete k němu statistiku četnosti. Využijte toho, že už o problému víte, a zaměřte se při dalším testování na jinou část testovaného návrhu nebo další krok ve scénáři.Nechte si mezi testy prostor, abyste mohli rychle shrnout zjištěné poznatky. Dopřejte designérovi čas na zapracování úprav.Upravujte návrh průběžně během testování. Otestujete tak více variant za kratší dobu.--Včera jsme dostali skvělou zprávu, že naše přednáška o původu 200ms tresholdu pro metriku INP z Core Web Vitals zazní na FrontKonu 9. října v O₂ Universum. Vstupenky už jsou v prodeji. Těšíme se!--A to je z posledního zpravodaje Řekni si o web školního roku 2023/2024 všechno. Kupte dětem za vysvědčení knihu! Díky všem za feedback. 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

(00:00) Řekni si o web #25(00:19) Telegraficky(00:48) Linkodrom(04:06) Život s technologiemi(05:06) Na čem právě pracujeme(05:22) Tip z naší knížky(05:53) ZávěrTelegraficky* <a target="_blank" href="https://www.reknisioweb.cz/p/analyza-pinu">Deset procent PINů k platebním kartám trefíte na první pokus.</a> * <a target="_blank" href="https://www.reknisioweb.cz/p/aukce-domen">Nejvíc domén se vydraží za stovku.</a> Nejdražší přišla na 55.600 korun. * Google Universal Analytics zmizí za pár dnů. <a target="_blank" href="https://x.com/MarekLecian/status/1805158841715142886">Zálohujte si reporty</a> pomocí udělátka Marka Leciána raději hned. * Vojta Žižka si <a target="_blank" href="https://open.spotify.com/episode/66tn787PZHYB6SxsM2vIN8">povídal s Tomem Čuprem</a>. * <a target="_blank" href="https://x.com/vpecinka/status/1775493348570153006">Seznam cvičil</a>, <a target="_blank" href="https://x.com/vpecinka/status/1805595751277298012">až spadnul</a>. * <a target="_blank" href="https://www.reknisioweb.cz/p/podcast-roku-2024">Podcastem roku 2024</a> jsou opět Opravdové zločiny. Ve které kategorii je nejsnazší vyhrát?Další <a target="_blank" href="https://www.reknisioweb.cz/s/jednohubky">krátké zprávy najdete v rubrice Jednohubky</a> na našem webu (<a target="_blank" href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>).--LinkodromZralost designérů. Než začne designérské studio pracovat s novým klientem, pokusí se diagnostikovat u něj stupeň zralosti. Podle Nielsen Norman Group má <a target="_blank" href="https://www.nngroup.com/articles/ux-maturity-model/">UX zralost šest stádií</a>. Existuje ale něco jako model vyspělosti pro designéry? Před pěti lety s jedním takovým modelem přišlo Invision. <a target="_blank" href="https://web.archive.org/web/20190212120217/https://www.invisionapp.com/design-better/design-maturity-model/">Dělí designéry do pěti stádií</a>: Tvůrce, Spojovatel, Architekt, Vědec, Vizionář. Každému stádiu odpovídá určitý skillset a přináší s sebou konkrétní benefity. Stádiím zralosti firem by měla odpovídat stádia zralosti designérů. Jak zrají firmy, <a target="_blank" href="https://medium.com/design-leadership-notebook/the-designers-growth-model-8240dafb7137">měli by s nimi dospívat</a> i jejich designéři.Které prohlížeče podporujete? Doba, kdy na webových stránkách svítily ikonky s nápisem Optimalizováno pro MSIE 3.5, je nenávratně pryč, ale jak by měli vývojáři přistupovat k podpoře různých prohlížečů? Clearleft zvolil přístup postavený <a target="_blank" href="https://clearleft.com/thinking/a-modern-approach-to-browser-support">na široké dostupnosti konkrétních technických vlastností</a>. Pokud už je podporují prohlížeče alespoň dva a půl roku, je jejich použití na webu bezpečné. Do hry znovu přicházejí přístupy <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement">progressive enhancement</a> a <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Glossary/Graceful_degradation">graceful degradation</a>.Baví vás tenhle příspěvek? Řekněte o něm ostatním!Myslete při návrhu tlačítek na uživatele s dlouhými nehty. Současný design je plný předpojatosti. Ta se někdy projevuje v úplných drobnostech. Harsh Vijay si všiml, že ženy s dlouhými nehty pro klepnutí na dotykový displej nepoužívají špičku prstu, ale jeho bříško. Potřebují tak daleko větší plochu tlačítka a také větší rozestupy mezi aktivními prvky na obrazovce.Přes 80 % dotazů na webu je informační povahy, na navigační a transakční připadá po deseti procentech na každé.— Jim Jansen, Danielle L. Booth, Amanda Spink, Determining the user intent of web search engine queriesAI ve výsledcích hledání zaměstnává SEO specialisty. <a target="_blank" href="https://www.krutis.com/ai-seo-ecommerce/">Michal Krutiš</a> a <a target="_blank" href="https://www.strafelda.cz/seo-marketing-ve-svete-ai">Jan Štráfelda</a> se zamysleli nad dopady zavedení AI do výsledků hledání. Martin ve vlákně na Twitteru vzpomíná na <a target="_blank" href="https://x.com/atpok/status/1803824795315806442">dřívější pokusy proměnit vyhledávač v odpovídač</a>. Architekt vyhledávání na Seznamu Dušan Janovský uvažuje, <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7209592859048456193?commentUrn=urn%3Ali%3Acomment%3A%28activity%3A7209592859048456193%2C7209978779161501697%29&dashCommentUrn=urn%3Ali%3Afsd_comment%3A%287209978779161501697%2Curn%3Ali%3Aactivity%3A7209592859048456193%29">že by Seznam mohl poskytnout obdobu AI Overview</a> pomocí předem vygenerovaných a ověřených odpovědí. Zdeněk Dvořák upozorňuje, že právě probíhá <a target="_blank" href="https://x.com/LinkiCZ/status/1803836928720019943">další z antispamových aktualizací</a> indexu vyhledávání na Googlu. <a target="_blank" href="https://neilpatel.com/blog/content-marketing-and-beyond/#:~:text=will%20be%20essential%3A-,Prioritize%20E%2DE%2DA%2DT,-.%20Yes%2C%20I%E2%80%99ve%20mentioned">Zapracujte u svých webů na EEAT</a>: Experience, Expertise, Authoritativeness a Trustworthiness.Perplexity obchází direktivy z robots.txt. „Je to jako by Wikipedia a ChatGPT měly dítě,“ říká o <a target="_blank" href="https://perplexity.ai/">Perplexity</a> její CEO Aravind Srinivas. Perplexity kombinuje vyhledávání a chat s umělou inteligencí. Poskytuje na dotazy rovnou odpovědi postavené nad daty odkazovaných webů. Wired si všiml, že <a target="_blank" href="https://www.wired.com/story/perplexity-is-a-b******t-machine/">Perplexity ignoruje zákaz vstupu</a> pro jejího bota. Perplexity totiž po položení dotazu v reálném čase přistoupí na web, aby shrnula jeho obsah. Obhájci Perplexity <a target="_blank" href="https://x.com/lukaschadraba/status/1804956332170133906">říkají, že nejde o stejný případ</a> jako u crawlerů, které indexují web, ale jde o softwarového agenta, který na web přistupuje v zastoupení uživatele.Jak by vypadal internet bez webu? Stratég Googlu Corry Wang se vydal do pevninské Číny za rodinou a <a target="_blank" href="https://x.com/corry_wang/status/1804828474558877955#:~:text=What%20does%20the%20internet%20look%20like%20without%20the%20web%3F">nestačil se divit, jak odlišný je tu zážitek z internetu</a>. Jeho teta neznala prohlížeč, weby jsou dlouho neaktuální, vyhledávání nepomáhá řešit každodenní situace, a když se chcete něco dozvědět, kontaktujete přes Douyin (TikTok) místního influencera, a ten vám to ve videu vysvětlí. Opravdu tu chceme také superaplikace jako <a target="_blank" href="https://en.wikipedia.org/wiki/Xiaohongshu">Xiaohongshu</a> (Red) a WeChat?NSFW: <a target="_blank" href="https://marshy-lavish-fang.glitch.me/">Tuhle hru</a>, která je kombinací Flappy Bird a Space Invanders prý <a target="_blank" href="https://x.com/nikmcfly69/status/1804661091047272706">dal Nik McFly dohromady</a> s Claude.ai za pět minut.--Život s technologiemiWebový vývoj a firemní procesy se tak komplikují, že je stále náročnější, aby se i jednoduché věci chovaly spolehlivě. Martin teď obnovoval předplatné na Disney+. Obrazovka aplikace se donekonečna načítala s tlačítkem „dokončete předplatné“ a nešlo jít vpřed ani zpět a po shození se aplikace znovu načetla ve stejném stavu. Glitch!Naštěstí je tu starý dobrý web, na kterém jde ještě třeba promazat lokální úložiště. Při placení na konci úspěšné transakce svítila hláška, že se cosi nepovedlo a je potřeba zkusit koupit předplatné znovu. Ale z účtu už byly peníze strhnuté. Takže znovu promazat úložiště, a hele, teď už to funguje. Jenom tedy datum obnovení předplatného o deset dnů nesedí. Ale co už.Petr Koubský mýval kdysi na webu motto, které říkalo, že krasojezdkyně se musí usmívat, jako by akrobacie na koni nebyla žádná dřina. Takhle se snažíme tvářit, když navrhujeme aplikace. Však, o co jde, je to jen předplatné.--Na čem právě pracujemePřipravujeme se na workshop o UX pro digitální zmocněnce státní správy. Vlastně se na tenhle moment připravujeme těch pět let od okamžiku, kdy jsme se rozhodli, že úředníkům pomůžeme s webovými projekty a začali jsme <a target="_blank" href="https://www.reknisioweb.cz/p/kniha">psát knihu</a>. Tak nám držte pěsti, ať dobře začneme!--Tip z naší knihyV průběhu testování upravujte návrh.Smyslem testování je odhalit chyby a úzká místa. Stačí, že jste problém objevili, nepotřebujete k němu statistiku četnosti. Využijte toho, že už o problému víte, a zaměřte se při dalším testování na jinou část testovaného návrhu nebo další krok ve scénáři.Nechte si mezi testy prostor, abyste mohli rychle shrnout zjištěné poznatky. Dopřejte designérovi čas na zapracování úprav.Upravujte návrh průběžně během testování. Otestujete tak více variant za kratší dobu.--Včera jsme dostali skvělou zprávu, že naše přednáška o původu 200ms tresholdu pro metriku INP z Core Web Vitals zazní <a target="_blank" href="https://frontkon.cz/">na FrontKonu 9. října v O₂ Universum</a>. <a target="_blank" href="https://frontkon.cz/vstupenky">Vstupenky</a> už jsou v prodeji. Těšíme se!--A to je z posledního zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> školního roku 2023/2024 všechno. Kupte dětem <a target="_blank" href="https://www.google.com/search?q=knihu+za+vysv%C4%9Bd%C4%8Den%C3%AD&udm=14">za vysvědčení knihu</a>! Díky všem za feedback. 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 <a href="https://www.reknisioweb.cz?utm_medium=podcast&utm_campaign=CTA_1">www.reknisioweb.cz</a>

Aplikace Youradio Talk

Glitche, cache a iluze jednoduchosti. Řekni si o web #25

Poslechněte si podcast