Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Nerozumíte přístupnosti bez kontaktu s hendikepovanými. Řekni si o web #44

Ř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 #44(00:19) Telegraficky(00:38) Linkodrom(03:56) Život s technologiemi(06:03) Na čem právě pracujeme(06:25) Kapitola z naší knihy(07:06) Od zadání k prototypu za dvě hodiny(07:19) Rozloučení a Meet the Press---Telegraficky🆔 Česko bude mít vizuální identitu státu.🏃‍➡️ iWant.cz je nejrychlejším českým e-shopem.🔨 Evropská komise oficiálně vyšetřuje Temu.🎲 Vnitro soutěží nový web.🍎 Pixelmator patří pod Apple.👅 Javascript už není nejpoužívanějším jazykem GitHubu.Každý den vám připravujeme jednohubky na našem webu (RSS feed, Twitter, Threads a Bluesky).---LinkodromNa trhu práce UX designérů přetrvává paradoxní situace. Na jedné straně hledá práci rekordní počet UX designérů se zkušeností s navrhováním aplikací a informačních systémů, na straně druhé se agenturám nedaří nabírat webové designéry s praxí s návrhem rozsáhlých webů. Při navrhování webů designéři tráví víc času s tabulkami než ve Figmě, a diagramy spíš generují z dat než že by stačilo pospojovat obdélníky na plátně v Miru.Před čtvrt stoletím Jesse James Garrett vizualizoval rozdíl mezi navrhováním softwaru a hypertextových systémů. Weboví návrháři pracují s inventářem obsahu, u šablon stránek musí předpokládat, že si v moderním CMS správci webu budou chtít sestavovat layouty z komponent sami, takže návrh je daleko živějším organismem než u aplikací a zasahují do něj i lidé bez povědomí o designu. Při návrhu se uplatňují specifické frameworky object-oriented UX, jako je ORCA.Zároveň už se často staví třeba čtvrtá nebo pátá verze obsahových webů, takže nevzniká návrh na zelené louce. Weby se často spojují z několika dílčích vlivem konsolidace firem a brandů. Je potřeba počítat s tím, že CMS není monolit, ale vedle správy obsahu jsou tu další systémy třeba pro e-commerce, e-mail marketing a weby se napojují přes API různé další systémy. Do toho nám vstupuje revoluce AI nástrojů pro návrh webu, jako je Relume.io.Stav trhu práce v UX designu je příležitostí pro aplikační designéry, aby se rekvalifikovali na navrhování pro web. Mají se ale od koho učit?---Můžete rozumět přístupnosti bez kontaktu s hendikepovanými uživateli? Příští rok nás čeká účinnost evropského zákona o přístupnosti. Na Linkedin si weboví konzultanti začínají dávat za jméno zkratky certifikací, e-booky o přístupnosti vznikají jako houby po dešti a s checklisty bychom mohli tapetovat. Často nám všem ale chybí reálná zkušenost s hendikepovanými uživateli. Je to jako načíst best practice místo uživatelského výzkumu a dělat heuristiku místo uživatelského testování.Brzy se koná konference INSPO, kde se už od roku 2001 setkávají odborníci na přístupnost a asistivní technologie s uživateli se specifickými potřebami. Je to vhodné místo, kde se můžete poprvé seznámit s šíří různých omezení, se kterými uživatelé zápolí, ale také s nástroji, které jim práci s internetem a informačními systémy usnadňují. Vstupenky jsou už v prodeji a přijdou na pár stokorun.Brzy také zjistíte, že přístupnost stejně jako třeba SEO není projekt, který skončí se spuštěním webu. Jakmile s ní začnete, bude potřeba ji zahrnout do dalších aktivit.---Záznamy z FrontKonu jsou online. Stage F, Stage E i Partnerská stage letošní konference Frontendistů už mají na Youtube zveřejněné playlisty. Mezi jinými tu najdete i naši desetiminutovku o tom, kde se vzala hranice 200 ms pro metriku Interaction to Next Paint. A my si konečně můžeme projít všechny přednášky, na které jsme se nezvládli rozdvojit nebo jsme je pronetworkovali v předsálí. Díky komunitě Frontendistů jsou všechna videa na webu bezplatně. 👏---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Namícháte barvu podle předlohy? Dlouho jsme tu neměli hru s barvami. Am I Blue? před vás promítne obrázek v náhodné barvě, podbarví ho pozadím, a vy pak musíte přebarvit pozadí tak, abyste trefili barvu obrázku. Když to s nějakou komponentou přeženete, není cesty zpět.---Život s technologiemiNástroje, které nás chrání před tím, co sami děláme jiným. Znáte to: navnadí vás, že můžete dostat e-book, checklist nebo šablonu, ale je to něco za něco. Nejčastěji za e-mail v horších případech za telefonní číslo. Někde vás pomocí opt-in potvrzení rovnou přihlásí k newsletteru. Někde odevzdání e-mailu spustí lavinu nových marketingových sdělení. A někdy i přes veškerou snahu musíte sáhnout k označování zpráv za spam nebo k blokování odesílatele.Pro předplatitele iCloudu je k dispozici funkce maskování e-mailové adresy. Je dobře zakomponovaná do systémů Apple, takže kdekoli na webu máte vyplnit e-mail, můžete se rozhodnout k použití maskované adresy. V marketingové databázi se objeví něco jako nahodna.kombinace-0x@icloud.com, a příchozí zprávy jsou přesměrované na váš skutečný e-mail. Maskovací adresu můžete kdykoli zneplatnit a e-maily přestanou chodit. Maskované e-maily nabízejí i další služby, třeba Firefox Relay nebo SimpleLogin a často je součástí správce hesel nebo e-mailu (například ProtonMail a FastMail).Maskovací e-maily mají tu nevýhodu, že musí vzniknout dřív, než je použijete. Často to není problém, ale někdy adresu nezadáváte do formulářového pole v aplikaci, ale chtějí ji po vás napsat na papír nebo nadiktovat do telefonu. K tomu se hodí jednorázové e-maily. Ty fungují tak, že si vymyslíte část před zavináčem, služba přijímá došlé zprávy a uchová je několik hodin, a pokud si je chcete přečíst, stačí na webu zadat část před zavináčem a heslo není třeba. Třeba adresa reknisioweb@ist-hier.com. Tohle řešení je ideální třeba pro zapomenutá hesla nebo jednorázové stažení bonusových materiálů.Stejný systém funguje i pro telefonní čísla a třeba SMS. Takže když zpočátku Claude.ai chtěl ověřit, že jste z Velké Británie, stačilo zřídit účet přes VPN a jako telefon pro ověření použít službu s jednorázovými telefonními čísly.Tenhle systém je ale hra na kočku a myš. Marketéři chtějí e-mailové adresy. Vznikají další a další maskovací a jednorázové e-mailové služby. A v zápětí se objeví na blacklistech. A takhle stále dokola.---Na čem právě pracujemePřátelé z Deaf Friendly nás přizvali ke spolupráci na zajímavém projektu, který budeme prezentovat na konferenci INSPO. S tím, jak se blíží datum účinnosti Evropského zákona o přístupnosti, objevují se často nejasnosti, jak se postavit k verzi webových stránek pro neslyšící. Rozhodli jsme se připravit best practice pro verzi webu pro uživatele českého znakového jazyka. O výsledky se brzy podělíme i s vámi.---Tip z naší knihyU nabídek nehleďte pouze na cenu, ale na celkovou hodnotuPři hodnocení nabídek dbejte na celkovou ekonomickou výhodnost, nikoli jen na cenu. Hlavním cílem podnikání není snížení nákladů za každou cenu, ale především maximalizace zisku a přidané hodnoty.Hledejte dodavatele, který již prokázal schopnost dosahovat kvalitních výsledků – podívejte se na jeho minulé projekty a zjistěte, zda byly úspěšné a dokončené včas za dohodnutou cenu. Důležité je i to, kdo se bude na vaší zakázce podílet a jaké má zkušenosti s obdobnými projekty.Z dobře připravené nabídky byste se měli dozvědět něco nového, protože kvalitní dodavatelé vkládají část svého know-how už do fáze nabídky.---Od zadání k prototypu za dvě hodiny. Přijďte na workshop, který připravujeme v rámci Týdne pro Digitální Česko. Za jedno dopoledne si spolu zkusíme projít od návrhu k prototypu, který je možné hned ověřit. Registrace jsou zdarma.---A to je z prvního listopadového zpravodaje Řekni si o web roku 2024 všechno. Před 77 lety se poprvé vysílal pořad Meet the Press. Televizní stanice NBC jej vysílá dosud. Díky, že nejen čtete, ale také o sobě dáváte vědět. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.Hezký týden, Jakub Goldmann a Martin Kopta.---Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

(00:00) Řekni si o web #44(00:19) Telegraficky(00:38) Linkodrom(03:56) Život s technologiemi(06:03) Na čem právě pracujeme(06:25) Kapitola z naší knihy(07:06) Od zadání k prototypu za dvě hodiny(07:19) Rozloučení a Meet the Press---Telegraficky🆔 Česko bude mít <a target="_blank" href="https://www.reknisioweb.cz/p/soutez-na-jednotny-vizualni-styl-ceska">vizuální identitu státu</a>.🏃‍➡️ iWant.cz je <a target="_blank" href="https://www.reknisioweb.cz/p/nejrychlejsi-ceske-e-shopy-roku-2024">nejrychlejším českým e-shopem</a>.🔨 Evropská komise <a target="_blank" href="https://www.reknisioweb.cz/p/evropska-komise-zahajila-oficialni">oficiálně vyšetřuje Temu</a>.🎲 <a target="_blank" href="https://x.com/michalblaha/status/1854452252146094541">Vnitro soutěží</a> nový web.🍎 <a target="_blank" href="https://www.reknisioweb.cz/p/apple-kupuje-pixelmator">Pixelmator patří pod Apple.</a>👅 <a target="_blank" href="https://www.reknisioweb.cz/p/python-predstihl-javascript-v-cetnosti">Javascript už není nejpoužívanějším</a> jazykem GitHubu.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>, <a target="_blank" href="https://twitter.com/reknisioweb">Twitter</a>, <a target="_blank" href="https://www.threads.net/@reknisioweb">Threads</a> a <a target="_blank" href="https://bsky.app/profile/www.reknisioweb.cz">Bluesky</a>).---LinkodromNa trhu práce UX designérů přetrvává paradoxní situace. Na jedné straně hledá práci rekordní počet UX designérů se zkušeností s navrhováním aplikací a informačních systémů, na straně druhé se agenturám nedaří nabírat webové designéry s praxí s návrhem rozsáhlých webů. Při navrhování webů designéři tráví víc času s tabulkami než ve Figmě, a diagramy spíš generují z dat než že by stačilo pospojovat obdélníky na plátně v Miru.Před čtvrt stoletím <a target="_blank" href="https://jessejamesgarrett.com/">Jesse James Garrett</a> vizualizoval <a target="_blank" href="http://jjg.net/elements/pdf/elements.pdf">rozdíl mezi navrhováním softwaru a hypertextových systémů</a>. Weboví návrháři pracují s <a target="_blank" href="https://www.nngroup.com/articles/content-audits/">inventářem obsahu</a>, u šablon stránek musí předpokládat, že si v moderním <a target="_blank" href="https://en.wikipedia.org/wiki/Content_management_system">CMS</a> správci webu budou chtít sestavovat layouty z komponent sami, takže návrh je daleko živějším organismem než u aplikací a zasahují do něj i lidé bez povědomí o designu. Při návrhu se uplatňují specifické frameworky object-oriented UX, jako je <a target="_blank" href="https://www.ooux.com/resources/introducing-orca-the-third-diamond-in-your-ux-process">ORCA</a>.Zároveň už se často staví třeba čtvrtá nebo pátá verze obsahových webů, takže nevzniká návrh na zelené louce. Weby se často spojují z několika dílčích vlivem konsolidace firem a brandů. Je potřeba počítat s tím, že CMS není monolit, ale vedle správy obsahu jsou tu další systémy třeba pro e-commerce, e-mail marketing a weby se napojují přes API různé další systémy. Do toho nám vstupuje revoluce AI nástrojů pro návrh webu, jako je <a target="_blank" href="https://www.relume.io/">Relume.io</a>.Stav trhu práce v UX designu je příležitostí pro aplikační designéry, aby se rekvalifikovali na navrhování pro web. Mají se ale od koho učit?---Můžete rozumět přístupnosti bez kontaktu s hendikepovanými uživateli? Příští rok nás čeká účinnost <a target="_blank" href="https://www.zakonyprolidi.cz/cs/2023-424">evropského zákona o přístupnosti</a>. Na Linkedin si weboví konzultanti začínají dávat za jméno <a target="_blank" href="https://www.accessibilityassociation.org/s/certified-professional">zkratky certifikací</a>, <a target="_blank" href="https://silktide.com/installed-silktide-toolbar/">e-booky o přístupnosti</a> vznikají jako houby po dešti a s <a target="_blank" href="https://www.figma.com/community/file/1233184772650050315/accessibility-checklist-for-designers">checklisty</a> bychom mohli tapetovat. Často nám všem ale chybí reálná zkušenost s hendikepovanými uživateli. Je to jako načíst best practice místo uživatelského výzkumu a dělat heuristiku místo uživatelského testování.Brzy se koná <a target="_blank" href="https://www.inspo.cz/">konference INSPO</a>, kde se už od roku 2001 setkávají odborníci na přístupnost a asistivní technologie s uživateli se specifickými potřebami. Je to vhodné místo, kde se můžete poprvé seznámit s šíří různých omezení, se kterými uživatelé zápolí, ale také s nástroji, které jim práci s internetem a informačními systémy usnadňují. <a target="_blank" href="https://goout.net/cs/listky/konference-inspo-2024/rqgbb/">Vstupenky jsou už v prodeji</a> a přijdou na pár stokorun.Brzy také zjistíte, že přístupnost stejně jako třeba SEO není projekt, který skončí se spuštěním webu. Jakmile s ní začnete, bude potřeba ji zahrnout do dalších aktivit.---Záznamy z FrontKonu jsou online. <a target="_blank" href="https://www.youtube.com/watch?v=en-HWtt-QqI&list=PLnXfazh66kVc8TRx1qmK3wshWs330_xsK&pp=iAQB">Stage F</a>, <a target="_blank" href="https://www.youtube.com/watch?v=Rj-UbqjGXvg&list=PLnXfazh66kVfUsfw9Oh5rBttZHaJe6HKB&pp=iAQB">Stage E</a> i <a target="_blank" href="https://www.youtube.com/watch?v=XST2uRGgSPQ&list=PLnXfazh66kVd0jXpYliCLAreHc4TDwnTf&pp=iAQB">Partnerská stage</a> letošní konference Frontendistů už mají na Youtube zveřejněné playlisty. Mezi jinými tu najdete i naši desetiminutovku o tom, <a target="_blank" href="https://www.youtube.com/watch?v=z6YCN8m_EYs&list=PLnXfazh66kVd0jXpYliCLAreHc4TDwnTf&index=6">kde se vzala hranice 200 ms pro metriku Interaction to Next Paint</a>. A my si konečně můžeme projít všechny přednášky, na které jsme se nezvládli rozdvojit nebo jsme je pronetworkovali v předsálí. Díky komunitě Frontendistů jsou všechna videa na webu bezplatně. 👏---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Namícháte barvu podle předlohy? Dlouho jsme tu neměli hru s barvami. <a target="_blank" href="https://play.cocolor.app/home">Am I Blue?</a> před vás promítne obrázek v náhodné barvě, podbarví ho pozadím, a vy pak musíte přebarvit pozadí tak, abyste trefili barvu obrázku. Když to s nějakou komponentou přeženete, není cesty zpět.---Život s technologiemiNástroje, které nás chrání před tím, co sami děláme jiným. Znáte to: navnadí vás, že můžete dostat e-book, checklist nebo šablonu, ale je to něco za něco. Nejčastěji za e-mail v horších případech za telefonní číslo. Někde vás pomocí opt-in potvrzení rovnou přihlásí k newsletteru. Někde odevzdání e-mailu spustí lavinu nových marketingových sdělení. A někdy i přes veškerou snahu musíte sáhnout k označování zpráv za spam nebo k blokování odesílatele.Pro předplatitele iCloudu je k dispozici <a target="_blank" href="https://www.pcworld.com/article/708303/what-is-masked-email-this-new-spin-on-an-old-practice-supercharges-your-security.html">funkce maskování e-mailové adresy</a>. Je dobře zakomponovaná do systémů Apple, takže kdekoli na webu máte vyplnit e-mail, můžete se rozhodnout k použití maskované adresy. V marketingové databázi se objeví něco jako nahodna.kombinace-0x@icloud.com, a příchozí zprávy jsou přesměrované na váš skutečný e-mail. Maskovací adresu můžete kdykoli zneplatnit a e-maily přestanou chodit. Maskované e-maily nabízejí i další služby, třeba <a target="_blank" href="https://relay.firefox.com/">Firefox Relay</a> nebo <a target="_blank" href="https://simplelogin.io/">SimpleLogin</a> a často je součástí správce hesel nebo e-mailu (například <a target="_blank" href="https://proton.me/blog/hide-my-email-aliases">ProtonMail</a> a <a target="_blank" href="https://www.fastmail.com/">FastMail</a>).Maskovací e-maily mají tu nevýhodu, že musí vzniknout dřív, než je použijete. Často to není problém, ale někdy adresu nezadáváte do formulářového pole v aplikaci, ale chtějí ji po vás napsat na papír nebo nadiktovat do telefonu. K tomu se hodí <a target="_blank" href="https://www.google.com/search?q=disposable+mail+address">jednorázové e-maily</a>. Ty fungují tak, že si vymyslíte část před zavináčem, služba přijímá došlé zprávy a uchová je několik hodin, a pokud si je chcete přečíst, stačí na webu zadat část před zavináčem a heslo není třeba. Třeba adresa <a target="_blank" href="https://ist-hier.com/">reknisioweb@ist-hier.com</a>. Tohle řešení je ideální třeba pro zapomenutá hesla nebo jednorázové stažení bonusových materiálů.Stejný systém funguje i pro telefonní čísla a třeba SMS. Takže když zpočátku Claude.ai chtěl ověřit, že jste z Velké Británie, stačilo zřídit účet přes VPN a jako telefon pro ověření použít službu s jednorázovými telefonními čísly.Tenhle systém je ale hra na kočku a myš. Marketéři chtějí e-mailové adresy. Vznikají další a další maskovací a jednorázové e-mailové služby. A v zápětí se <a target="_blank" href="https://github.com/disposable-email-domains/disposable-email-domains">objeví na blacklistech</a>. A takhle stále dokola.---Na čem právě pracujemePřátelé z <a target="_blank" href="https://www.deaffriendly.cz/">Deaf Friendly</a> nás přizvali ke spolupráci na zajímavém projektu, který budeme prezentovat na konferenci INSPO. S tím, jak se blíží datum účinnosti <a target="_blank" href="https://www.zakonyprolidi.cz/cs/2023-424">Evropského zákona o přístupnosti</a>, objevují se často nejasnosti, jak se postavit k verzi webových stránek pro neslyšící. Rozhodli jsme se připravit <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7259847274162180097/">best practice pro verzi webu pro uživatele českého znakového jazyka</a>. O výsledky se brzy podělíme i s vámi.---Tip z naší knihyU nabídek nehleďte pouze na cenu, ale na celkovou hodnotuPři hodnocení nabídek dbejte na celkovou ekonomickou výhodnost, nikoli jen na cenu. Hlavním cílem podnikání není snížení nákladů za každou cenu, ale především maximalizace zisku a přidané hodnoty.Hledejte dodavatele, který již prokázal schopnost dosahovat kvalitních výsledků – podívejte se na jeho minulé projekty a zjistěte, zda byly úspěšné a dokončené včas za dohodnutou cenu. Důležité je i to, kdo se bude na vaší zakázce podílet a jaké má zkušenosti s obdobnými projekty.Z dobře připravené nabídky byste se měli dozvědět něco nového, protože kvalitní dodavatelé vkládají část svého know-how už do fáze nabídky.---Od zadání k prototypu za dvě hodiny. Přijďte na workshop, který připravujeme v rámci Týdne pro Digitální Česko. Za jedno dopoledne si spolu zkusíme projít od návrhu k prototypu, který je možné hned ověřit. <a target="_blank" href="https://budoucnostjedigitalni.gov.cz/#workshop-od-napadu-k-prototypu">Registrace jsou zdarma.</a>---A to je z prvního listopadového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před 77 lety se poprvé vysílal pořad <a target="_blank" href="https://en.wikipedia.org/wiki/Meet_the_Press">Meet the Press</a>. Televizní stanice NBC jej vysílá dosud. Díky, že nejen čtete, ale také o sobě dáváte vědět. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.Hezký týden, Jakub Goldmann a Martin Kopta.---Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit <a href="https://www.reknisioweb.cz?utm_medium=podcast&utm_campaign=CTA_1">www.reknisioweb.cz</a>

Aplikace Youradio Talk

Nerozumíte přístupnosti bez kontaktu s hendikepovanými. Řekni si o web #44

Poslechněte si podcast