Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Zkuste to bez drátů. Řekni si o web #41

Ř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 #41(00:14) Telegraficky(00:40) Linkodrom(04:24) Život s technologiemi(05:30) Na čem právě pracujeme(05:58) Kapitola z naší knížky(06:50) Pozvánka na odborné akce(07:02) Rozloučení a komtesa Lata Brandisová---TelegrafickyAntimonopolní úřad zasahoval v Seznamu. * Dataři propuštění ze Seznam Zpráv už nasbírali 200+ předplatitelů. * Prezident doporučuje vládě, aby digitalizaci vedl odborník. * Češi nemají rádi reklamu na internetu. * Mapy.cz budou mít premiovou verzi. * NÚKIB zaznamenal v září tři dokonané útoky ransomware. * Evropská komise tlačí na Temu. * Identita šla do kin a na výstavu.Každý den vám připravujeme jednohubky na našem webu (RSS feed, Twitter, Threads a Bluesky).---LinkodromMinimum Business Increment (MBI) pomůže s prioritizací v agilním produktovém vývoji. MBI představuje nejmenší množství práce, které je potřeba dokončit, aby se dala doručit konkrétní obchodní hodnota. Zahrnuje pouze nezbytné změny, které mají přímý dopad na obchodní cíle. Je specifické tím, že vyžaduje, aby výsledný produkt byl hned použitelný a poskytoval jasně definovanou hodnotu, která má okamžitý a hmatatelný přínos pro podnikání.Zatímco před uvedením produktu na trh budete pravděpodobně pracovat s pojmem Minimum Viable Product (MVP), který se soustředí na zákazníka a jeho potřeby, při rozvoji produktu sáhnete spíš po MBI. Cílem MVP je doručit minimální funkční verzi produktu, která umožní získat zpětnou vazbu a otestovat základní hypotézu produktu. Naopak cílem MBI je doručit funkci nebo část produktu, která přinese přímou hodnotu podnikání a přispěje k dosažení obchodních cílů.---Písmo podtrhne charakter značky. „Když jsem začínal s grafickým designem, nebylo tolik kvalitních bezplatných písem a fonty se pirátily,“ říká Martin u kafe na benzínce cestou z Českých Budějovic. Pirátil se software, filmy, hudba, fotografie z fotobank, knížky… Dnes jsme si zvykli, že všechno, co k práci potřebujeme, máme k dispozici v předplatném Adobe CC a podobných. U písem nám velkou službu dělá sbírka volně použitelných fontů Google Fonts.V tom množství je ale těžké se vyznat a sklouzáváme k pohodlnosti. Používáme stále dokola osvědčená písma. Na webu sáhneme znovu po systémových fontech, protože se rychle načtou. Loga jsou jen názvy napsané známým fontem. Vracíme se tak k estetice osmdesátých let, kdy byla i v písmech velmi omezená nabídka, a když se řeklo řeznictví, trafika nebo lahůdky, každý grafik hned věděl, jakým písmem bude vyvedený vývěsní štít.V devadesátých letech se i v typografii začalo něco dít. Digitální typografie najednou uvolnila stavidla kreativitě, která u fotografické reprodukce nebo plakátových písem ze dřeva nebyla možná. Iniciativu převzala generace Aleše Najbrta a Františka Štorma. Hltali jsme časopisy jako Živel a fonty od experimentálních písmolijen jako Emigre. Filmové plakáty, kde se realizovali grafici před Sametovou revolucí, nahradily booklety kompaktních disků.Dnes má webová typografie k dispozici spoustu nástrojů, kterým ještě do nedávna vládli jen tiskový grafici. Můžeme kontrolovat zobrazení na úrovni znaku, můžeme texty animovat, máme alternativní znaky v OpenType, můžeme vymaskovat tvary znaků, obtékat vymaskovaný obrázek, psát na křivce… Přesto se velká část webové typografie stále odehrává na úrovni bitmapových reprodukcí a SVG. Na štěstí se najdou i ostrůvky pozitivní deviace a nespoutané kreativity.Vstříc pestrosti jde i nabídka renomované písmodílny Dalton Maag, která designérským agenturám nabízí volný přístup ke svým 1400 písmům přes platformu FontPass. Kreativci mohou využít písma pro vlastní branding a projekty, a dokonce i pro klientské zakázky, ovšem bez možnosti přibalit zdrojové písmo zdarma. Za velkorysou nabídkou je samozřejmě očekávání prodeje licencí klientům kreativních agentur, ale i tak je to příležitost vystoupit z šedi obvykle používaných fontů.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Jak dobře rozumíte typografii? Máte v oku správný poměr mezi velikostí písma, řádkovým prokladem a délkou řádku? Matej Latin přišel s didaktickou vizualizací ve formě rovnostranného trojúhelníku – ten má všechny tři strany i vnitřní úhly stejně velké. V ideálním případě jsou všechny tři míry v harmonii, ale pokud je nějaká z nich mimo, trojúhelník se vychýlí nebo zploští.Doporučovaná velikost písma základního textu pro mobily je 16 px, na desktopu klidně 18—22 px. Může se lišit v závislosti na čitelnosti písma, která je daná především výškou malých písmen a otevřeností smyček znaků. Výška řádku pro zobrazení na displeji se stanovuje mezi násobky 1,3 a 1,7 velikosti písma a esteticky přijatelná délka řádku bývá 45 až 75 znaků.Svůj odhad můžete otestovat na webu Better Web Type s pomocí zábavné hry.---Život s technologiemiZkuste to bez drátů! Když jsem byl poprvé v Apple Storu, zaujalo mě, jak důkladně měli schované kabely, vzpomíná Martin. A to tehdy měl Apple bezdrátovou nanejvýš myš a klávesnici. Od displeje byl kabel hned svedený do průchodky v desce stolu a pak dutinkou v noze stolu rovnou pod podlahu.Říká se, že kabely nesnášel Steve Jobs. V jednom rozhovoru se rozněžňuje nad počítačem HP 9100A z roku 1968, který byl celý v jednom kuse. Žádná klávesnice a displej připojené přes kabel. A i když Apple později přišel s koncepcí all-in-one počítače iMac, nejspíš to u Jobse s těmi kabely nebylo tak horké, protože – podívejte, co měl na stole.Zatím na noc odkládáme telefon, sluchátka a hodinky na bezdrátovou nabíječku. No, moment – jak bezdrátovou‽ Vždyť k té nabíječce vede kabel‼ Škoda, že Nikola Tesla svůj nápad na bezdrátový přenos elektrické energie nedotáhl do produkčního stádia. Kabelů je ale opravdu o dost méně, než bývalo. Určitě pomáhá i sjednocení koncovek na USB-C. Oč méně je kabelů, o to více je nabíjení.---Na čem právě pracujemeMinulý týden jsme vyjeli na Čtvrtkon do Českých Budějovic. Diskutovali jsme o funkčním nastavení webových zakázek. Jak sepsat zadání, jak vybírat dodavatele a co dělat, aby zakázka dobře odsýpala. To je téma naší knížky. Za měsíc bude v Budějovicích kromě klasického komunitního setkání také konference ČtvrtCon. Lístky stojí jako v kině a zbývá jich už jen čtvrt-kapacity. Jestli to máte do Budějc (Říkám to správně?) blízko, moc neotálejte s nákupem.---Tip z naší knihyNaučte se rozeznat kvalitní referenceReference dodavatelů mohou na první pohled oslnit, ale nenechte se zmást jen velkými značkami. Často se stává, že někdo uvádí spolupráci s významným klientem, aniž by upřesnil, co přesně na projektu dělal.Pokládejte správné otázkyZjistěte, co konkrétně dodavatel pro daného klienta vytvořil. Šlo o klíčovou roli, nebo jen o drobnou část? Ověřte si, jak postupoval, s jakými výzvami se vypořádal a jaký byl jeho přínos. Případové studie mohou odhalit hodně.Ověřte si referencePožádejte o kontakty na předchozí klienty a zeptejte se na jejich zkušenosti. Zjistíte, zda spolupráce probíhala hladce a jak dnes výstupy fungují.Nenechte se unést logyNenechte se ohromit velkými jmény. Raději požadujte konkrétní ukázky, které vám pomohou posoudit reálnou přidanou hodnotu a odbornost dodavatele.---Ještě pořád stihnete spoustu zajímavých komunitních akcí a konferencí, ať už v Praze, Brně nebo online. Podívejte se do našeho přehledu, a pokud vám v něm nějaká vaše oblíbená akce chybí, napište nám.---A to je z třetího říjnového zpravodaje Řekni si o web roku 2024 všechno. Před 87 lety vyhrála Velkou Pardubickou poprvé žena, a pak už nikdy. Díky, že nejen čtete, ale také o sobě dáváte vědět. Pokud máte nápad, 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 #41(00:14) Telegraficky(00:40) Linkodrom(04:24) Život s technologiemi(05:30) Na čem právě pracujeme(05:58) Kapitola z naší knížky(06:50) Pozvánka na odborné akce(07:02) Rozloučení a komtesa Lata Brandisová---Telegraficky<a target="_blank" href="https://www.reknisioweb.cz/p/antimonopolni-razie-v-seznamu">Antimonopolní úřad zasahoval v Seznamu.</a> * Dataři propuštění ze Seznam Zpráv už <a target="_blank" href="https://herohero.co/mahdalovaskop">nasbírali 200+ předplatitelů</a>. * <a target="_blank" href="https://www.ceskenoviny.cz/zpravy/pavel-by-povazoval-za-vhodne-jmenovat-poverence-vlady-pro-digitalizaci/2580001">Prezident doporučuje vládě</a>, aby digitalizaci vedl odborník. * <a target="_blank" href="https://www.reknisioweb.cz/p/cesi-blokuji-reklamu-na-internetu">Češi nemají rádi reklamu</a> na internetu. * <a target="_blank" href="https://www.reknisioweb.cz/p/mapycz-ohlasuji-placenou-verzi">Mapy.cz budou mít premiovou verzi.</a> * NÚKIB zaznamenal v září <a target="_blank" href="https://www.lupa.cz/aktuality/nukib-hlasi-za-zari-tri-uspesne-ransomwarove-utoky/">tři dokonané útoky ransomware</a>. * Evropská <a target="_blank" href="https://www.reknisioweb.cz/p/evropska-komise-zvysila-tlak-na-temu">komise tlačí</a> na Temu. * <a target="_blank" href="https://projektidentita.cz/">Identita</a> šla <a target="_blank" href="https://www.youtube.com/watch?v=S88vWxWLksc">do kin</a> a <a target="_blank" href="https://www.reknisioweb.cz/p/identita-vystava-ceskeho-grafickeho-designu">na výstavu</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>, <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>).---Linkodrom<a target="_blank" href="https://www.pmi.org/disciplined-agile/da-flex-toc/minimum-business-increments">Minimum Business Increment</a> (MBI) pomůže s prioritizací v agilním produktovém vývoji. MBI představuje nejmenší množství práce, které je potřeba dokončit, aby se dala doručit konkrétní obchodní hodnota. Zahrnuje pouze nezbytné změny, které mají přímý dopad na obchodní cíle. Je specifické tím, že vyžaduje, aby výsledný produkt byl hned použitelný a poskytoval jasně definovanou hodnotu, která má okamžitý a hmatatelný přínos pro podnikání.Zatímco před uvedením produktu na trh budete pravděpodobně pracovat s pojmem <a target="_blank" href="https://www.agilealliance.org/glossary/mvp/">Minimum Viable Product</a> (MVP), který se soustředí na zákazníka a jeho potřeby, při rozvoji produktu sáhnete spíš po MBI. Cílem MVP je doručit minimální funkční verzi produktu, která umožní získat zpětnou vazbu a otestovat základní hypotézu produktu. Naopak cílem MBI je doručit funkci nebo část produktu, která přinese přímou hodnotu podnikání a přispěje k <a target="_blank" href="https://blog.logrocket.com/product-management/mvp-vs-mbi-strategy/">dosažení obchodních cílů</a>.---Písmo podtrhne charakter značky. „Když jsem začínal s grafickým designem, nebylo tolik kvalitních bezplatných písem a fonty se pirátily,“ říká Martin u kafe na benzínce cestou z <a target="_blank" href="https://www.ctvrtkon.cz/">Českých Budějovic</a>. Pirátil se <a target="_blank" href="https://en.wikipedia.org/wiki/List_of_free_and_open-source_software_packages">software</a>, <a target="_blank" href="https://www.justwatch.com/">filmy</a>, <a target="_blank" href="https://open.spotify.com/">hudba</a>, <a target="_blank" href="https://unsplash.com/">fotografie z fotobank</a>, <a target="_blank" href="https://manybooks.net/">knížky</a>… Dnes jsme si zvykli, že všechno, co k práci potřebujeme, máme k dispozici v předplatném <a target="_blank" href="https://www.adobe.com/creativecloud.html">Adobe CC</a> a podobných. U písem nám velkou službu dělá sbírka volně použitelných fontů <a target="_blank" href="https://fonts.google.com/">Google Fonts</a>.V tom množství je ale těžké se vyznat a sklouzáváme k pohodlnosti. Používáme stále dokola <a target="_blank" href="https://blog.hubspot.com/website/web-safe-html-css-fonts">osvědčená písma</a>. Na webu sáhneme znovu po <a target="_blank" href="https://modernfontstacks.com/">systémových fontech</a>, protože se rychle načtou. <a target="_blank" href="https://www.reknisioweb.cz/p/38#:~:text=v%20roce%202028.-,Poznali%20jste%20Amazon,-%3F">Loga jsou jen názvy napsané známým fontem.</a> Vracíme se tak k estetice osmdesátých let, kdy byla i v písmech velmi omezená nabídka, a když se řeklo řeznictví, trafika nebo lahůdky, každý grafik hned věděl, jakým písmem bude vyvedený vývěsní štít.V devadesátých letech se i v typografii začalo něco dít. Digitální typografie najednou uvolnila stavidla kreativitě, která u fotografické reprodukce nebo plakátových písem ze dřeva nebyla možná. Iniciativu převzala generace Aleše Najbrta a Františka Štorma. Hltali jsme <a target="_blank" href="https://www.facebook.com/Zivelmagazine/posts/pfbid0curyxJLzH2kn1BxAZsPoD4RfSqJ14Dk7bxdUz5VpRWQF1GP69jTaRvkwwYP1ymXel">časopisy jako Živel</a> a fonty od <a target="_blank" href="https://eyeondesign.aiga.org/emigre-type-foundry-pretty-much-designed-the-90s/">experimentálních písmolijen jako Emigre</a>. Filmové plakáty, <a target="_blank" href="https://www.ceskatelevize.cz/porady/10176269182-retro/211411000360012/">kde se realizovali grafici před Sametovou revolucí</a>, nahradily <a target="_blank" href="https://www.metal-line.cz/articles/12-obalu-ktere-stigmatizovaly-tuzemsky-metal-471">booklety kompaktních disků</a>.Dnes má webová typografie k dispozici spoustu nástrojů, kterým ještě do nedávna vládli jen tiskový grafici. Můžeme kontrolovat zobrazení na úrovni znaku, <a target="_blank" href="https://freefrontend.com/css-text-animations/">můžeme texty animovat</a>, máme <a target="_blank" href="https://jecas.cz/font-feature-settings">alternativní znaky v OpenType</a>, můžeme <a target="_blank" href="https://css-tricks.com/how-to-do-knockout-text/">vymaskovat tvary znaků</a>, <a target="_blank" href="https://tympanus.net/codrops/css_reference/shape-outside/">obtékat vymaskovaný obrázek</a>, <a target="_blank" href="https://css-tricks.com/snippets/svg/curved-text-along-path/">psát na křivce</a>… Přesto se velká část webové typografie stále odehrává na úrovni bitmapových reprodukcí a SVG. Na štěstí se najdou i <a target="_blank" href="https://webflow.com/blog/7-typography-trends-in-web-design">ostrůvky pozitivní deviace</a> a <a target="_blank" href="https://www.awwwards.com/websites/typography/">nespoutané kreativity</a>.Vstříc pestrosti jde i nabídka renomované písmodílny Dalton Maag, která designérským agenturám <a target="_blank" href="https://www.daltonmaag.com/services/fontpass/for-creative-agencies.html">nabízí volný přístup</a> ke svým 1400 písmům přes platformu FontPass. Kreativci mohou využít písma pro vlastní branding a projekty, a dokonce i pro klientské zakázky, ovšem bez možnosti přibalit zdrojové písmo zdarma. Za velkorysou nabídkou je samozřejmě očekávání prodeje licencí klientům kreativních agentur, ale i tak je to příležitost vystoupit z šedi obvykle používaných fontů.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Jak dobře rozumíte typografii? Máte v oku správný poměr mezi velikostí písma, řádkovým prokladem a délkou řádku? <a target="_blank" href="https://css-tricks.com/equilateral-triangle-perfect-paragraph/">Matej Latin přišel s didaktickou vizualizací</a> ve formě rovnostranného trojúhelníku – ten má všechny tři strany i vnitřní úhly stejně velké. V ideálním případě jsou všechny tři míry v harmonii, ale pokud je nějaká z nich mimo, trojúhelník se vychýlí nebo zploští.Doporučovaná velikost písma základního textu pro mobily je 16 px, na desktopu klidně 18—22 px. Může se lišit v závislosti na čitelnosti písma, která je daná především výškou malých písmen a otevřeností smyček znaků. Výška řádku pro zobrazení na displeji se stanovuje mezi násobky 1,3 a 1,7 velikosti písma a <a target="_blank" href="https://www.researchgate.net/publication/234578707_Optimal_Line_Length_in_Reading--A_Literature_Review">esteticky přijatelná délka řádku</a> bývá 45 až 75 znaků.Svůj odhad můžete otestovat na webu Better Web Type s pomocí <a target="_blank" href="https://betterwebtype.com/triangle/">zábavné hry</a>.---Život s technologiemiZkuste to bez drátů! Když jsem byl poprvé v Apple Storu, zaujalo mě, jak důkladně měli schované kabely, vzpomíná Martin. A to tehdy měl Apple bezdrátovou nanejvýš myš a klávesnici. Od displeje byl kabel hned svedený do průchodky v desce stolu a pak dutinkou v noze stolu rovnou pod podlahu.Říká se, že kabely nesnášel Steve Jobs. <a target="_blank" href="https://allaboutstevejobs.com/videos/misc/triumph_of_the_nerds_interview_1995#:~:text=There%20was%20no%20wire%20going%20off%20behind%20the%20curtain%20somewhere.">V jednom rozhovoru se rozněžňuje</a> nad počítačem <a target="_blank" href="https://www.hp.com/hpinfo/abouthp/histnfacts/museum/personalsystems/0021/">HP 9100A</a> z roku 1968, který byl celý v jednom kuse. Žádná klávesnice a displej připojené přes kabel. A i když Apple později přišel s koncepcí all-in-one počítače iMac, nejspíš to u Jobse s těmi kabely nebylo tak horké, protože – <a target="_blank" href="https://forums.macrumors.com/threads/what-is-this-on-jobs-desk.1967271/">podívejte, co měl na stole</a>.Zatím na noc odkládáme telefon, sluchátka a hodinky na bezdrátovou nabíječku. No, moment – jak bezdrátovou‽ Vždyť k té nabíječce vede kabel‼ Škoda, že Nikola Tesla svůj nápad na <a target="_blank" href="https://radiozurnal.rozhlas.cz/nejvetsi-vynalez-genialniho-tesly-ztroskotal-kvuli-chamtivosti-bankeru-6238401#:~:text=Bezdr%C3%A1tov%C3%BD%20p%C5%99enos%20energie%20neusp%C4%9Bl">bezdrátový přenos elektrické energie</a> nedotáhl do produkčního stádia. Kabelů je ale opravdu o dost méně, než bývalo. Určitě pomáhá i sjednocení koncovek na USB-C. Oč méně je kabelů, o to více je nabíjení.---Na čem právě pracujemeMinulý týden jsme vyjeli na <a target="_blank" href="https://ctvrtkon.cz/">Čtvrtkon</a> do Českých Budějovic. Diskutovali jsme o funkčním nastavení webových zakázek. Jak sepsat zadání, jak vybírat dodavatele a co dělat, aby zakázka dobře odsýpala. To je <a target="_blank" href="https://reknisioweb.cz/p/kniha">téma naší knížky</a>. Za měsíc bude v Budějovicích kromě klasického komunitního setkání také konference <a target="_blank" href="https://ctvrtcon.cz/">ČtvrtCon</a>. Lístky stojí jako v kině a zbývá jich už jen čtvrt-kapacity. Jestli to máte do Budějc (Říkám to správně?) blízko, moc neotálejte s nákupem.---Tip z naší knihyNaučte se rozeznat kvalitní referenceReference dodavatelů mohou na první pohled oslnit, ale nenechte se zmást jen velkými značkami. Často se stává, že někdo uvádí spolupráci s významným klientem, aniž by upřesnil, co přesně na projektu dělal.Pokládejte správné otázkyZjistěte, co konkrétně dodavatel pro daného klienta vytvořil. Šlo o klíčovou roli, nebo jen o drobnou část? Ověřte si, jak postupoval, s jakými výzvami se vypořádal a jaký byl jeho přínos. Případové studie mohou odhalit hodně.Ověřte si referencePožádejte o kontakty na předchozí klienty a zeptejte se na jejich zkušenosti. Zjistíte, zda spolupráce probíhala hladce a jak dnes výstupy fungují.Nenechte se unést logyNenechte se ohromit velkými jmény. Raději požadujte konkrétní ukázky, které vám pomohou posoudit reálnou přidanou hodnotu a odbornost dodavatele.---Ještě pořád stihnete spoustu zajímavých komunitních akcí a konferencí, ať už v Praze, Brně nebo online. <a target="_blank" href="https://www.reknisioweb.cz/p/konference-2024-10">Podívejte se do našeho přehledu</a>, a pokud vám v něm nějaká vaše oblíbená akce chybí, <a target="_blank" href="https://tally.so/r/mV5zOE">napište nám</a>.---A to je z třetího říjnového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před 87 lety vyhrála Velkou Pardubickou <a target="_blank" href="https://cs.wikipedia.org/wiki/Lata_Brandisov%C3%A1">poprvé žena</a>, a pak už nikdy. Díky, že nejen čtete, ale také o sobě dáváte vědět. Pokud máte nápad, 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

Zkuste to bez drátů. Řekni si o web #41

Poslechněte si podcast