Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Nevyvíjejte vesmírné pero, kde stačí obyčejná tužka. Řekni si o web #30

Ř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 #30(00:19) Telegraficky(00:50) Linkodrom(04:09) Život s technologiemi(05:00) Na čem právě pracujeme(05:26) Tip z naší knížky(06:07) Pozvánka na FrontKon(06:16) Závěr--TelegrafickyBez 3rd-party cookies v Chromu bylo horší cílení, kampaně se nevyplatily a remarketing běžel napůl. * DIA opravila eDoklady, aby už neodesílaly osobní údaje na zahraniční servery. * Jen 35 % Čechů nad 65 let používá mobilní internet. * V USA je zájem o UX výzkumníky. * Zvažte opt-out trénování AI ve Figmě. * Affinity má 50% slevu na všechno. * Bestseller Jak na sítě má pokračování.Každý den vám připravujeme jednohubky na našem webu (RSS feed).--LinkodromUniverzální formulář pro adresy. Už na základní škole jsme se učili zapsat na dopisní obálku adresu. Pak ale jednoho dne přijde požadavek nadesignovat adresní formulář a ideálně ještě v takové podobě, která zvládne adresy v různých zemích. Tehdy se ukáže, že ne všechny adresy se vejdou do formátu: ulice, číslo domu, obec a směrovací číslo. Kromě adres v pro nás exotických zemích, jako je třeba Indie nebo Japonsko, nás může zaskočit třeba taková věc, jako že Luxembourg je nejen země, ale i město.V Shopify došli k tomu, že pro některé země mají lokalizovaný formulář včetně struktury a pořadí prvků a pro ostatní se pokusili o univerzální strukturu adresy. V Etsy to dotáhli ještě o kus dál, když specifický adresní formulář mají pro dvě stovky zemí. A pak je tu ještě možnost nechat uživatele zapsat adresu do jediné textarey. Vypadá to jako urban legend s tužkami pro kosmonauty místo vesmírných per, ale ukazuje se, že lidé pak nějakou část adresy vynechají.--Web Vitals jsou měřitelné signály UX pro SEO. Core Web Vitals představují klíčové metriky, které Google používá k hodnocení uživatelské zkušenosti na webu. Zaměřují se na tři aspekty: rychlost načítání (Largest Contentful Paint – LCP), interaktivitu (Interaction to Next Paint – INP) a vizuální stabilitu (Cumulative Layout Shift – CLS). Tyto faktory ovlivňují SEO a zlepšení jejich skóre může vést k lepším pozicím ve vyhledávání, nižší míře opuštění stránek a vyšší konverzní míře.Luke Stahl připomíná, že kromě zlepšené uživatelské zkušenosti a optimalizace pro vyhledávače mají Web Vitals vliv také na nižší míru opuštění a vyšší konverze. Web, který se rychle vykresluje a svižně reaguje, lidé neopouštějí předčasně.--Tužka a papír – populární nástroje pro UX design i v roce 2024. Máme k dispozici stále sofistikovanější nástroje pro návrh webů a aplikací, a přesto se tužka a papír opakovaně objevují mezi oblíbenými nástroji designérů. Proč? Tužka a papír jsou nejkratší způsob, jak z hlavy dostat nápad.Když jsme se nedávno potkali s bývalým šéfem BoBem Marvanem na půdě Úřadu vlády, měl s sebou připravenou prezentaci kreslenou rukou. Psaní a kreslení rukou je neuvěřitelně rychlé. Rychlost, flexibilita a jednoduchost vyjádření myšlenky tužkou na papír je nezastupitelná v koncepční části návrhu. Máte je při ruce kdekoli a nejste omezeni přístupem k internetu nebo elektřině, čehož někteří designéři záměrně využívají, aby se odstřihli od rušivých vjemů.A jak Martin rád připomíná: když už máte hotový design systém, stačí vám rozhraní popsat formou skic a diagramů. S využitím nástrojů umělé inteligence pak můžete své kresby převést do interaktivní digitální podoby, ale pokud máte s vývojáři a produkťáky nastavený proces, často už jinou vizualizaci nepotřebujete.--Baví vás tenhle příspěvek? Řekněte o něm ostatním!--Od skici k návrhu. Už pár nástrojů se pokouší převést rukou kreslené skici na návrhy, ale hodilo by se, kdybychom s návrhy pak mohli dál pracovat ve Figmě. Z toho pohledu je zajímavý widget Sketch to Design, který přímo ve Figmě s kresbami pracuje.--Dvakrát měř a jednou řež. Už jsme tu měli hry zaměřené na barvy nebo na písmo, ale Pixact.ly je jednoduchá hra, která vás potrápí s tím, jak přesně zvládnete na obrazovce trefit rozměry. Dostanete zadanou šířku a výšku v obrazových bodech, a vaším úkolem je trefit se.--Život s technologiemiTužky a vesmírná pera. Lokalizované a univerzální adresní formuláře. Komplexní a jednoduchá řešení složitých problémů. Narážíme na to každou chvíli. Teď při cestách na dovolené máme možnost všimnout si, jak věci, které bereme za samozřejmé, řeší v jiných zemích různě.Třeba zpoplatnění jízdy po dálnici. Od bezplatných dálnic v Německu, přes mýtné brány v Chorvatsku a Polsku, samolepicí viněty na čelní sklo, elektronické mýtné vázané na registrační známku…A pak si začnete všímat, že tu jsou ještě různé podobnosti s řešením stejného problému v jiném prostředí. Proč by se třeba za dálnice nemohlo platit stejně jako za MHD v civilizovaných městech, jako je Londýn. Napojíte registrační značku na platební kartu, jezdíte po dálnici, a stát vám automaticky strhne z účtu odpovídající poplatek podle míry využívání dálnic.--Na čem právě pracujemeAgentura Švejda Goldmann mají venku další kus práce pro Miton, tentokrát web MitonC. Jinak Jakub s Martinem využívají prázdniny také k tomu, aby jako každý rok oprášili osnovy (sic!) svých školních kurzů. Magisterské studium UX na VŠE čeká reakreditace, a to je po dvou letech existence příležitost vzít zpětnou vazbu od studentů a kolegů vyučujících a zapracovat ji do změn konceptu.--Tip z naší knihySkicujteDesignéři zpravidla kreslí rychle. Skici na papíře jsou příležitost vytvořit návrhy a jejich verze a varianty, aniž byste propálili rozpočet hned na začátku projektu. Skica poslouží jako podklad pro vizuální i funkční návrh bez podrobností.Skicování a kreslení probouzí kreativitu a podněcuje podvědomí.Ale pozor! Když někdo umí kreslit na papír, ještě nutně nemusí být také dobrým návrhářem webových stránek. Přece jenom je kresba v ruce digitálnímu produktu hodně vzdálená. Pro vás taková prezentace vyžaduje velkou porci abstrakce, abyste si svůj web dokázali představit. Po prvním představení elektronické verze můžete být nemile překvapeni.--Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.--A to je z posledního červencového zpravodaje Řekni si o web roku 2024 všechno. Před osmdesáti lety vzlétl z Korsiky k poslednímu letu nad Francií pilot-spisovatel Antoine de Saint-Exupéry. Záhadně zmizel a jeho letadlo bylo objeveno až v roce 1998. 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.Pěkné léto a hezký týden vám 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

(00:00) Řekni si o web #30(00:19) Telegraficky(00:50) Linkodrom(04:09) Život s technologiemi(05:00) Na čem právě pracujeme(05:26) Tip z naší knížky(06:07) Pozvánka na FrontKon(06:16) Závěr--Telegraficky<a target="_blank" href="https://www.reknisioweb.cz/p/privacy-sandbox-results">Bez 3rd-party cookies v Chromu</a> bylo horší cílení, kampaně se nevyplatily a remarketing běžel napůl. * <a target="_blank" href="https://x.com/agentura_dia/status/1818318075311071552">DIA opravila eDoklady</a>, aby už neodesílaly osobní údaje na zahraniční servery. * Jen <a target="_blank" href="https://www.reknisioweb.cz/p/digitalizace-v-cesku-a-v-zemich-eu">35 % Čechů nad 65 let používá mobilní internet</a>. * <a target="_blank" href="https://www.reknisioweb.cz/p/dobre-zpravy-z-ameriky-pro-ux-vyzkumniky">V USA je zájem</a> o UX výzkumníky. * Zvažte <a target="_blank" href="https://www.reknisioweb.cz/p/nastavte-opt-out-treninku-ai">opt-out trénování AI ve Figmě</a>. * <a target="_blank" href="https://www.reknisioweb.cz/p/affinity-sleva">Affinity má 50% slevu na všechno</a>. * Bestseller Jak na sítě <a target="_blank" href="https://www.reknisioweb.cz/p/jak-mluvit-s-lidmi-na-sitich">má pokračování</a>.Každý den vám připravujeme <a target="_blank" href="https://www.reknisioweb.cz/s/jednohubky/archive?sort=new">jednohubky</a> na našem webu (<a target="_blank" href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>).--LinkodromUniverzální formulář pro adresy. Už na základní škole jsme se učili zapsat na dopisní obálku adresu. Pak ale jednoho dne přijde požadavek nadesignovat adresní formulář a ideálně ještě v takové podobě, která zvládne adresy v různých zemích. Tehdy se ukáže, že ne všechny adresy se vejdou do formátu: ulice, číslo domu, obec a směrovací číslo. Kromě adres v pro nás exotických zemích, jako je třeba Indie nebo Japonsko, nás může zaskočit třeba taková věc, jako že <a target="_blank" href="https://x.com/WalterStephanie/status/1817112720040182005">Luxembourg je nejen země, ale i město</a>.V Shopify došli k tomu, že pro některé země mají lokalizovaný formulář včetně struktury a pořadí prvků a pro ostatní se pokusili o <a target="_blank" href="https://ux.shopify.com/designing-address-forms-for-everyone-everywhere-f481f6baf513">univerzální strukturu adresy</a>. V Etsy to dotáhli ještě o kus dál, když <a target="_blank" href="https://www.etsy.com/codeascraft/how-etsy-localizes-addresses/">specifický adresní formulář</a> mají pro dvě stovky zemí. A pak je tu ještě možnost nechat uživatele zapsat adresu do jediné textarey. Vypadá to jako <a target="_blank" href="https://www.scientificamerican.com/article/fact-or-fiction-nasa-spen/">urban legend s tužkami pro kosmonauty</a> místo vesmírných per, ale ukazuje se, že lidé pak nějakou část adresy vynechají.--Web Vitals jsou měřitelné signály UX pro SEO. <a target="_blank" href="https://web.dev/articles/vitals">Core Web Vitals</a> představují klíčové metriky, které Google používá k hodnocení uživatelské zkušenosti na webu. Zaměřují se na tři aspekty: rychlost načítání (<a target="_blank" href="https://docs.pagespeed.cz/docs/lcp">Largest Contentful Paint</a> – LCP), interaktivitu (<a target="_blank" href="https://docs.pagespeed.cz/docs/inp">Interaction to Next Paint – INP</a>) a vizuální stabilitu (<a target="_blank" href="https://docs.pagespeed.cz/docs/cls">Cumulative Layout Shift – CLS</a>). Tyto faktory ovlivňují SEO a zlepšení jejich skóre může vést k lepším pozicím ve vyhledávání, nižší míře opuštění stránek a vyšší konverzní míře.Luke Stahl připomíná, že kromě zlepšené uživatelské zkušenosti a optimalizace pro vyhledávače mají Web Vitals <a target="_blank" href="https://dev.to/builderio/an-seo-aha-moment-understanding-core-web-vitals-42pe">vliv také na nižší míru opuštění a vyšší konverze</a>. Web, který se rychle vykresluje a svižně reaguje, lidé neopouštějí předčasně.--Tužka a papír – populární nástroje pro UX design i v roce 2024. Máme k dispozici stále sofistikovanější nástroje pro návrh webů a aplikací, a přesto se tužka a papír opakovaně <a target="_blank" href="https://www.secretstache.com/blog/importance-sketching-web-design/">objevují mezi oblíbenými nástroji designérů</a>. Proč? Tužka a papír jsou nejkratší způsob, jak z hlavy dostat nápad.Když jsme se nedávno potkali s bývalým šéfem BoBem Marvanem <a target="_blank" href="https://www.reknisioweb.cz/p/28#%C2%A7na-cem-prave-pracujeme">na půdě Úřadu vlády</a>, měl s sebou připravenou prezentaci kreslenou rukou. Psaní a kreslení rukou je neuvěřitelně rychlé. <a target="_blank" href="https://uxmisfit.com/2019/09/02/pen-paper-why-sketching-is-the-ultimate-design-tool/">Rychlost, flexibilita a jednoduchost vyjádření myšlenky</a> tužkou na papír je nezastupitelná v koncepční části návrhu. Máte je při ruce kdekoli a <a target="_blank" href="https://www.hongkiat.com/blog/advantages-pen-paper-computer-design/">nejste omezeni přístupem k internetu nebo elektřině</a>, čehož někteří designéři záměrně využívají, aby se odstřihli od rušivých vjemů.A jak Martin rád připomíná: když už máte hotový design systém, stačí vám rozhraní popsat formou skic a diagramů. S využitím nástrojů umělé inteligence pak můžete své kresby převést do interaktivní digitální podoby, ale pokud máte s vývojáři a produkťáky nastavený proces, často už jinou vizualizaci nepotřebujete.--Baví vás tenhle příspěvek? Řekněte o něm ostatním!--Od skici k návrhu. Už <a target="_blank" href="https://uizard.io/blog/digitize-your-hand-drawn-wireframes-with-ai/">pár nástrojů</a> se pokouší <a target="_blank" href="https://www.visily.ai/ai-design/">převést rukou kreslené skici na návrhy</a>, ale hodilo by se, kdybychom s návrhy pak mohli dál pracovat ve Figmě. Z toho pohledu je zajímavý widget <a target="_blank" href="https://www.figma.com/community/widget/1340010381605141924/sketch-to-design">Sketch to Design</a>, který přímo ve Figmě s kresbami pracuje.--Dvakrát měř a jednou řež. Už jsme tu měli hry zaměřené na barvy nebo na písmo, ale Pixact.ly je jednoduchá hra, která vás potrápí s tím, <a target="_blank" href="https://pixact.ly/">jak přesně zvládnete na obrazovce trefit rozměry</a>. Dostanete zadanou šířku a výšku v obrazových bodech, a vaším úkolem je trefit se.--Život s technologiemiTužky a vesmírná pera. Lokalizované a univerzální adresní formuláře. Komplexní a jednoduchá řešení složitých problémů. Narážíme na to každou chvíli. Teď při cestách na dovolené máme možnost všimnout si, jak věci, které bereme za samozřejmé, řeší v jiných zemích různě.Třeba zpoplatnění jízdy po dálnici. Od bezplatných dálnic v Německu, přes mýtné brány v Chorvatsku a Polsku, samolepicí viněty na čelní sklo, elektronické mýtné vázané na registrační známku…A pak si začnete všímat, že tu jsou ještě různé podobnosti s řešením stejného problému v jiném prostředí. Proč by se třeba za dálnice nemohlo platit stejně jako za MHD v civilizovaných městech, jako je <a target="_blank" href="https://tfl.gov.uk/fares/how-to-pay-and-where-to-buy-tickets-and-oyster/pay-as-you-go/contactless-and-mobile-pay-as-you-go">Londýn</a>. Napojíte registrační značku na platební kartu, jezdíte po dálnici, a stát vám automaticky strhne z účtu odpovídající poplatek podle míry využívání dálnic.--Na čem právě pracujemeAgentura Švejda Goldmann mají venku další kus práce pro Miton, <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7222151450905247744/">tentokrát web MitonC</a>. Jinak Jakub s Martinem využívají prázdniny také k tomu, aby jako každý rok oprášili osnovy (sic!) svých školních kurzů. Magisterské studium UX na VŠE čeká reakreditace, a to je po dvou letech existence příležitost vzít zpětnou vazbu od studentů a kolegů vyučujících a zapracovat ji do změn konceptu.--Tip z naší knihySkicujteDesignéři zpravidla kreslí rychle. Skici na papíře jsou příležitost vytvořit návrhy a jejich verze a varianty, aniž byste propálili rozpočet hned na začátku projektu. Skica poslouží jako podklad pro vizuální i funkční návrh bez podrobností.Skicování a kreslení probouzí kreativitu a podněcuje podvědomí.Ale pozor! Když někdo umí kreslit na papír, ještě nutně nemusí být také dobrým návrhářem webových stránek. Přece jenom je kresba v ruce digitálnímu produktu hodně vzdálená. Pro vás taková prezentace vyžaduje velkou porci abstrakce, abyste si svůj web dokázali představit. Po prvním představení elektronické verze můžete být nemile překvapeni.--Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. <a target="_blank" href="https://frontkon.cz/">Vstupenky jsou ještě v prodeji</a> za příznivou cenu.--A to je z posledního červencového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před osmdesáti lety vzlétl z Korsiky k poslednímu letu nad Francií pilot-spisovatel <a target="_blank" href="https://cs.wikipedia.org/wiki/Antoine_de_Saint-Exup%C3%A9ry">Antoine de Saint-Exupéry</a>. Záhadně zmizel a jeho letadlo bylo objeveno až v roce 1998. 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.Pěkné léto a hezký týden vám 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 <a href="https://www.reknisioweb.cz?utm_medium=podcast&utm_campaign=CTA_1">www.reknisioweb.cz</a>

Aplikace Youradio Talk

Nevyvíjejte vesmírné pero, kde stačí obyčejná tužka. Řekni si o web #30

Poslechněte si podcast