Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Design tokeny mění spolupráci designérů a vývojářů. Řekni si o web #31

Ř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 #31(00:16) Telegraficky(00:34) Linkodrom(03:18) Život s technologiemi(05:00) Na čem právě pracujeme(05:15) Tip z naší knížky(05:55) Pozvánka na Frontkon(06:06) 33 let webu a závěr---TelegrafickySoud v USA hrozí Googlu rozdělením kvůli monopolu. * TikTok v EU nebude odměňovat uživatele za návyk. * Safari v iOS 18 vyčistí web od balastu. * Ministr zdravotnictví šetří na lidech a mrhá desítkami miliard.---LinkodromZachování cookies třetí strany v Chromu reklamní byznys nezachrání, argumentuje David Voráček na Lupě. Stále zůstává problém se získáváním souhlasu uživatelů: „Pokud souhlas nemáte, je jedno, jestli prohlížeč cookies třetích stran blokuje, nebo ne. Stejně data nemůžete sbírat.“Debaty o konci cookies třetí strany už jsou únavné. Jak říká, Dušan Janovský: ta technologie neměla nikdy vzniknout. Řešení ochrany osobních údajů přes lišty je důsledkem toho, že tvůrci prohlížečů nedali uživatelům nástroj pro řízení přístupu k osobním údajům. Zákonodárci EU vyjádřili svůj záměr s GDPR už roku 2012. Času měli tvůrci prohlížečů dost.Dopadne to tak, že uživatelé si v Chromu časem vypnou cookies třetí strany sami. Postupně poroste podíl lidí, kteří odmítnou udělit souhlas k využití dat. Data budou mít jen velké platformy s přihlášenými uživateli. Ostatní si budou muset najít jiný obchodní model.Hardware za předplatné? Logitech zvažuje zavedení předplatného na myš. Tentokrát nejde o úvahu o myši na splátky nebo pronájmu myši. Jde o to, že myš byste si koupili a platili byste za přístup k softwarovým vlastnostem. Nová šéfka Logitechu, Hanneke Faber, představila tuto myš v podcastu Decoder. Myš by se měla kupovat jen jednou, ale uživatelé by pravidelně platili za softwarová vylepšení.Logitech už experimentuje s integrací umělé inteligence do svých myší, která umožňuje funkce jako AI Prompt Builder. Myš s předplatným je zatím jen koncept. Prompt builder nejspíš nebude ta killer feature, protože za chvíli takovou funkci najdete v kdečem zadarmo. Ale třeba časem bude za předplatné něco specificky zaměřeného na profesionální použití myši.Platit předplatné za software, už jsme si zvykli. Vždycky je to ale software pro profesionální využití. Software se funkčností, která je specifická. Předplatné musí být pro uživatele výhodné v tom, že za zlomek ceny jednorázové licence získává přístup k funkčnosti, která mu umožní vydělat si na další měsíce předplatného. To bude u myši těžké.Baví vás tenhle příspěvek? Řekněte o něm ostatním!Jménem zákona UX! Uživatelská přívětivost má svoje pravidla hezky shrnutá na webu Laws of UX. Až se příště netrefíte na tlačítko, nemusíte už amatérsky nadávat, že je malé, ale můžete poučeně říct, že designér by si měl dostudovat Fittsův zákon.Jak dobře znáte loga známých firem? Tentokrát si hru zahrajeme na Androidu nebo iOS. Je to přesně to, co čekáte. Kvíz. Zobrazí se logo a budete hádat, která firma nebo produkt se za ním skrývá. Jeden level zábavy navíc je v tom, že hra není nejnovější, takže hádat budete často u starších log.---Život s technologiemiVýraz tokeny předpokládám znáte. Slyšeli jste už o design tokenech? Tento měsíc jsme v agentuře Švejda Goldmann začali pracovat na rozsáhlém projektu pro zahraničního klienta, který spojuje několik velkých webů do jednoho díky slučování subbrandů. 🌐Abychom zajistili bezproblémové předávání naší designérské práce developerům a frontendistům, využíváme nově design tokens. Tento proces nám umožňuje precizní předávku designu, díky které se developeři nemusí obávat, jakou barvu, velikost fontu nebo mezeru použít. 🎨🖥️Co jsou tedy Design Tokeny?Design tokeny představují základní vrstvu každého design systému. Umožňují definovat a udržovat vizuální styl aplikace z jednoho centrálního místa. Tokeny by měly být definovány nezávisle na konkrétních platformách a následně exportovány například jako CSS nebo JavaScriptové proměnné.Jak to funguje?Mezi vlastnosti, které lze uložit jako tokeny, patří:* barevná paleta,* velikosti písma,* mezery (spacing),* definované stíny a mnoho dalšího.S pomocí pluginu Tokens Studio ve Figmě můžeme přímo aplikovat změny, které jsou napojeny na Github. Po uploadu změn je vývojáři potvrdí v Gitu, čímž minimalizujeme zásahy do kódu.Jednou z klíčových úloh na začátku takového projektu je nastavení úrovně tokenů, což vyžaduje spolupráci s frontend developery.Jako designéři používáme design tokeny, protože nám výrazně usnadňují udržování konzistentního vizuálního stylu napříč celou aplikací. Tento přístup vede k efektivnějšímu workflow, lepší komunikaci s vývojáři a minimalizaci chyb při implementaci designu. Navíc je to současný trend a finální forma práce, která představuje zcela jiný způsob uvažování o designu. Vidím v tom budoucnost a osobně mě tento přístup opravdu baví.---Na čem právě pracujemeMartin nepracuje; zdraví vás od Bałtu. Jakub se mezitím sešel s lidmi z IT gymnázia a posunul zase o kus dál osnovy pro výuku webdesignu. Hodně jsme přemýšleli, jak by se naše výuka na střední měla lišit od toho, jak učíme v bakaláři a magistru.Tip z naší knihyZvažte, jestli potřebujete web na míru, nebo ho poskládáte jako stavebniciKaždý by chtěl mít přesně na míru web, který bude specificky odpovídat právě jeho potřebám a vkusu. Přemýšlejte kriticky, zda to není příliš velký luxus. Jestli alespoň některé části nemůžete řešit prostřednictvím hotových řešení. Lidí je málo, jsou drazí a nemají čas.Jednodušší web si můžete postavit sami jako stavebnici, na to existuje řada nástrojů. Složitější web na míru bude nejspíš také stavebnice, jen bude vašim očím skrytá a s jejími díly si pohraje dodavatel. Zapíná a vypíná funkcionality, které má systém už od výrobce. Přizpůsobuje grafické prvky vašemu manuálu.---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. Tim Berners-Lee vystavil 6. srpna 1991 na internet první webové stránky.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 #31(00:16) Telegraficky(00:34) Linkodrom(03:18) Život s technologiemi(05:00) Na čem právě pracujeme(05:15) Tip z naší knížky(05:55) Pozvánka na Frontkon(06:06) 33 let webu a závěr---TelegrafickySoud v USA <a target="_blank" href="https://www.reknisioweb.cz/p/google-nelegalni-monopol-usa">hrozí Googlu rozdělením kvůli monopolu</a>. * TikTok v EU nebude <a target="_blank" href="https://www.lupa.cz/aktuality/tiktok-v-evrope-nebude-odmenovat-lajky-bruselu-se-nelibila-navykovost-programu/">odměňovat uživatele za návyk</a>. * Safari v iOS 18 <a target="_blank" href="https://www.reknisioweb.cz/p/ios-18-distraction-control">vyčistí web od balastu</a>. * Ministr zdravotnictví <a target="_blank" href="https://x.com/JakubOnderka/status/1820887579878908024">šetří na lidech a mrhá desítkami miliard</a>.---Linkodrom<a target="_blank" href="https://www.reknisioweb.cz/p/google-3rd-party-cookies-zmena">Zachování cookies třetí strany v Chromu</a> reklamní byznys nezachrání, argumentuje David Voráček na Lupě. Stále <a target="_blank" href="https://www.lupa.cz/clanky/cookies-apokalypsa-nekonci/">zůstává problém se získáváním souhlasu uživatelů</a>: „Pokud souhlas nemáte, je jedno, jestli prohlížeč cookies třetích stran blokuje, nebo ne. Stejně data nemůžete sbírat.“Debaty o konci cookies třetí strany už jsou únavné. <a target="_blank" href="https://www.reknisioweb.cz/p/04?utm_source=publication-search#:~:text=Osobn%C4%9B%20se%20domn%C3%ADv%C3%A1m%2C%20%C5%BEe%20cookies%203.%C2%A0strany%20nem%C4%9Bly%20nikdy%20vzniknout.">Jak říká, Dušan Janovský</a>: ta technologie neměla nikdy vzniknout. Řešení ochrany osobních údajů přes lišty je důsledkem toho, že tvůrci prohlížečů nedali uživatelům nástroj pro řízení přístupu k osobním údajům. Zákonodárci EU vyjádřili svůj záměr s GDPR už roku 2012. Času měli tvůrci prohlížečů dost.Dopadne to tak, že uživatelé si v Chromu časem vypnou cookies třetí strany sami. Postupně poroste podíl lidí, kteří odmítnou udělit souhlas k využití dat. Data budou mít jen velké platformy s přihlášenými uživateli. Ostatní si budou muset najít jiný obchodní model.Hardware za předplatné? Logitech zvažuje <a target="_blank" href="https://www.zive.cz/clanky/logitech-nekonecna-mys-predplatne/sc-3-a-229419/default.aspx">zavedení předplatného na myš</a>. Tentokrát nejde o úvahu o myši na splátky nebo pronájmu myši. Jde o to, že myš byste si koupili a platili byste za přístup k softwarovým vlastnostem. Nová šéfka Logitechu, Hanneke Faber, <a target="_blank" href="https://open.spotify.com/episode/78o9OVUAZGYSebEqp1noWt">představila tuto myš</a> v podcastu Decoder. Myš by se měla kupovat jen jednou, ale uživatelé by pravidelně platili za softwarová vylepšení.Logitech už experimentuje s integrací umělé inteligence do svých myší, která umožňuje funkce jako AI Prompt Builder. Myš s předplatným je zatím jen koncept. Prompt builder nejspíš nebude ta killer feature, protože za chvíli takovou funkci najdete v kdečem zadarmo. Ale třeba časem bude za předplatné něco specificky zaměřeného na profesionální použití myši.Platit předplatné za software, už jsme si zvykli. Vždycky je to ale software pro profesionální využití. Software se funkčností, která je specifická. Předplatné musí být pro uživatele výhodné v tom, že za zlomek ceny jednorázové licence získává přístup k funkčnosti, která mu umožní vydělat si na další měsíce předplatného. To bude u myši těžké.Baví vás tenhle příspěvek? Řekněte o něm ostatním!Jménem zákona UX! Uživatelská přívětivost má svoje pravidla hezky shrnutá na webu <a target="_blank" href="https://lawsofux.com/">Laws of UX</a>. Až se příště netrefíte na tlačítko, nemusíte už amatérsky nadávat, že je malé, ale můžete poučeně říct, že designér by si měl dostudovat <a target="_blank" href="https://lawsofux.com/fittss-law/">Fittsův zákon</a>.Jak dobře znáte loga známých firem? Tentokrát si hru zahrajeme na <a target="_blank" href="https://play.google.com/store/apps/details?id=lemmingsatwork.quiz&hl=en&pli=1">Androidu</a> nebo <a target="_blank" href="https://apps.apple.com/gb/app/logos-quiz-guess-the-logos/id478364212#?platform=ipad">iOS</a>. Je to přesně to, co čekáte. Kvíz. Zobrazí se logo a budete hádat, která firma nebo produkt se za ním skrývá. Jeden level zábavy navíc je v tom, že hra není nejnovější, takže hádat budete často u starších log.---Život s technologiemiVýraz tokeny předpokládám znáte. Slyšeli jste už o design tokenech? Tento měsíc jsme v agentuře Švejda Goldmann začali pracovat na rozsáhlém projektu pro zahraničního klienta, který spojuje několik velkých webů do jednoho díky slučování subbrandů. 🌐Abychom zajistili bezproblémové předávání naší designérské práce developerům a frontendistům, využíváme nově design tokens. Tento proces nám umožňuje precizní předávku designu, díky které se developeři nemusí obávat, jakou barvu, velikost fontu nebo mezeru použít. 🎨🖥️Co jsou tedy Design Tokeny?Design tokeny představují základní vrstvu každého design systému. Umožňují definovat a udržovat vizuální styl aplikace z jednoho centrálního místa. Tokeny by měly být definovány nezávisle na konkrétních platformách a následně exportovány například jako CSS nebo JavaScriptové proměnné.Jak to funguje?Mezi vlastnosti, které lze uložit jako tokeny, patří:* barevná paleta,* velikosti písma,* mezery (spacing),* definované stíny a mnoho dalšího.S pomocí pluginu <a target="_blank" href="https://tokens.studio/">Tokens Studio</a> ve Figmě můžeme přímo aplikovat změny, které jsou napojeny na Github. Po uploadu změn je vývojáři potvrdí v Gitu, čímž minimalizujeme zásahy do kódu.Jednou z klíčových úloh na začátku takového projektu je nastavení úrovně tokenů, což vyžaduje spolupráci s frontend developery.Jako designéři používáme design tokeny, protože nám výrazně usnadňují udržování konzistentního vizuálního stylu napříč celou aplikací. Tento přístup vede k efektivnějšímu workflow, lepší komunikaci s vývojáři a minimalizaci chyb při implementaci designu. Navíc je to současný trend a finální forma práce, která představuje zcela jiný způsob uvažování o designu. Vidím v tom budoucnost a osobně mě tento přístup opravdu baví.---Na čem právě pracujemeMartin nepracuje; zdraví vás od Bałtu. Jakub se mezitím sešel s lidmi z IT gymnázia a posunul zase o kus dál osnovy pro výuku webdesignu. Hodně jsme přemýšleli, jak by se naše výuka na střední měla lišit od toho, jak učíme v bakaláři a magistru.Tip z naší knihyZvažte, jestli potřebujete web na míru, nebo ho poskládáte jako stavebniciKaždý by chtěl mít přesně na míru web, který bude specificky odpovídat právě jeho potřebám a vkusu. Přemýšlejte kriticky, zda to není příliš velký luxus. Jestli alespoň některé části nemůžete řešit prostřednictvím hotových řešení. Lidí je málo, jsou drazí a nemají čas.Jednodušší web si můžete postavit sami jako stavebnici, na to existuje řada nástrojů. Složitější web na míru bude nejspíš také stavebnice, jen bude vašim očím skrytá a s jejími díly si pohraje dodavatel. Zapíná a vypíná funkcionality, které má systém už od výrobce. Přizpůsobuje grafické prvky vašemu manuálu.---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. Tim Berners-Lee vystavil 6. srpna 1991 na internet <a target="_blank" href="https://info.cern.ch/">první webové stránky</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

Pro přehrání dalších podcastů se prosím registrujte.

Design tokeny mění spolupráci designérů a vývojářů. Řekni si o web #31

Poslechněte si podcast