Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Nástroje nedělají designéra. Řekni si o web #33

Ř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 #33(00:18) Telegraficky(00:29) Linkdrom(03:51) Život s technologiemi(05:16) Na čem právě pracujeme(05:44) Kapitola z naší knížky(06:14) Pozvánka na Frontkon(06:25) V Brně hořel pařez a rozloučení---TelegrafickyProběhl skutečný UXcamp. * Figmě je dvanáct let. * Google generuje duplicitní URL. * Mafra nabídne consent or pay.---LinkodromNástroje nedělají designéra. Demokratizace designu se zase posouvá o kus dál. Figma dala designérský nástroj do rukou lidem mnoha dalších profesí od produkťáků po vývojáře a testery. Canva šla dál a zpřístupnila navrhování každému včetně dětí.Jan Barbořík o Canvě napsal: „A klidně může spolupráce s grafikem vypadat i tak, že připravíš návrh nahrubo, nasdílíš mu ho a on ho finálně doladí k dokonalosti. Tomu se říká týmová práce.“Vypadá to lákavě, že? Ušetříte spoustu cenného času, zjednodušíte komunikaci, urychlíte zpětnou vazbu, přestanou se ztrácet informace cestou a jako klienti budete více zapojeni do tvorby. Na druhé straně ale potřebujete, aby i designér pracoval se stejným nástrojem, protože jinak je pravděpodobné, že vaše podklady nebude moci využít a bude je muset vytvořit znovu.Dolaďování bude zahrnovat i odstraňování různých chyb a nevhodných postupů, které by řemeslník neudělal. Komunikace se může zadrhnout, až zjistíte, že designér nahradil vlastním nápadem tu část, do níž jste napnuli nejvíc úsilí a jste na ni hrdi. A toho dohadování, kdo za co může, pokud se ve výsledku projeví skryté vady. Měl je designér odhalit?Prožíváme v digitálním designu něco, čím už si prošla spolupráce klientů s designéry třeba v tisku nebo v korporátní identitě. V těch oborech vedla demokratizace designu k tomu, že designéři začali namísto finálních výstupů připravovat šablony, stavebnice a návrhové sady, z nichž pak kdokoli mohl finální výstupy připravovat.I v digitálním designu se už prosazují design systémy. Ty jsou určené především dalším profesionálům. Je čas říct si designérům o knihovnu komponent do Canvy nebo no-code nástrojů jako je Webflow.A při běžné spolupráci? Je spíš kontraproduktivní udělat práci za designéra a chtít po něm jen doladění. Lepší je připojit k zadání hrubou skicu a moodboard. Obrázek je za tisíc slov. A klidně je můžete připravit v Canvě nebo Microsoft Designeru.---Co nejlépe, ale ne lépe, znáte Čtyři dohody? Marek Prokop nedávno napsal: „Dělám SEO dvacet pět let a ani po tom čtvrtstoletí neumím zaručit, že se mi povede vše, co si naplánuju.“ SEO už je takové. Plné neznámých, domněnek, rychle se měnící prostředí a hodně hráčů. Vzápětí ale dodává, že vždy usiluje o to, aby zároveň s nejistou optimalizací zlepšil kvalitu webu. Alespoň něco vyjde vždy.Jako designéři občas dostáváme otázku, jak víme, že naše návrhy budou fungovat. Ne nadarmo jsou dvě nejčastější designérské odpovědi: to záleží a důvěřujte mi. V designu se prosazuje přístup podložený důkazy – evidence-based design. Výzkum, testování, zpětná vazba a iterativní práce jsou našimi pojistkami pro snižování rizika neúspěchu. Jinak je to jen hra na design a designér, který na ni přistoupí, si pod sebou podřezává větev.Zároveň si ovšem musíme přiznat, že každý software je rozbitý. Je to jeho přirozenost. V každém programu je alespoň jedna zbytečná podmínka a každý program obsahuje alespoň jednu chybu. Opravováním chyb vznikají chyby nové. Stále je na čem pracovat.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Co poslouchají designéři? Designér Fons Mans oslovil další kolegy a sestavil sbírku playlistů od designérů pro designéry. Rychlým pohledem na profil na Spotify zjišťujeme, že nejsledovanějším přehrávacím seznamem není Deadline, ale Potrava pro mozek. Jak by se jmenoval váš playlist nám můžete napsat v komentářích nebo rovnou pošlete odkaz.---Život s technologiemiVícefaktorová, ne dvoufaktorová autentizace. Dříve bylo zvykem v létě napsat o důležitosti zálohování, letos se objevují zkušenosti se zbabranou vícefaktorovou autentizací. Třeba Machalův příběh, jak na dovolené v Tanzanii přišel o mobil a s ním i o přístup k penězům a hromadě služeb.Nejhorší je kombinace podporování právě jednoho druhého faktoru a zároveň vynucení dvoufaktorového přihlášení. Ne vždy je na vině uživatel. Martin navrhoval a posléze jako produktový manažer také uváděl do života vícefaktorové přihlášení u Tipsportu, takže má ještě v živé paměti jak rezistenci uživatelů, tak varování před edge-case od bezpečnostních specialistů.Pokud nemáte o přístup ke službě přijít v důsledku ztráty přístupu k druhému faktoru ověření (třeba když vám odcizí telefon šest a půl tisíce kilometrů od nejbližší prodejny vašeho telekomunikačního operátora), potřebujete mít možnost mezi druhými faktory při přihlášení volit: vedle SMS třeba záložní kódy, přístupové klíče, aplikace pro generování jednorázových kódů, autentizační aplikace… Důležité je to hlavně u kritických služeb, jako je přihlášení k bankovnímu účtu nebo služby veřejné správy. Samostatnou kategorií je přístup k primární e-mailové schránce.Udělejte si chvilku na rychlý audit svých druhých faktorů. Doplňte je, a pokud nějaká služba dovoluje použít právě jeden, změňte ji. Potíže nestojí za to.---Na čem právě pracujemeJakub s kolegy z agentury Švejda Goldmann pracují na inovaci nákupního procesu rozsáhlého projektu, který se zabývá cloudovou optimalizací. Připravili sady dotazů pro stakeholdery. Po pečlivých „výsleších“ skládají střípky do mozaiky. Výstupem průzkumu pomůžou nejen designérům, ale také ukážou na procesy, které je vhodné upravit. A právě zde se design setkává s reálným světem více než kde jinde.Martin finišuje přípravy na týdenní design sprint, který ho čeká první zářijový týden.---Tip z naší knihyPřidávejte vždy jen jednu malou funkční část.Před nasazením nové funkce se domluvte s dodavatelem na pečlivém měření jejího přínosu buď formou A/B testu, nebo vyhodnoťte fungování webu před nasazením a po něm. Pokud je změna k horšímu, buďte k sobě tvrdí a nebojte se funkci zase zahodit.Pokud upravujete svůj digitální projekt, přidávejte nové části tak, abyste mohli zhodnotit, co způsobilo změnu. Když toho přidáte příliš mnoho najednou, budete hůře zjišťovat, co z toho funguje a co ne.---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 předposledního prázdninového zpravodaje Řekni si o web roku 2024 všechno. Před dvanácti lety v Brně-Kohoutovicích hořel pařez. 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é léto 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 #33(00:18) Telegraficky(00:29) Linkdrom(03:51) Život s technologiemi(05:16) Na čem právě pracujeme(05:44) Kapitola z naší knížky(06:14) Pozvánka na Frontkon(06:25) V Brně hořel pařez a rozloučení---TelegrafickyProběhl <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7227237179901521920/">skutečný UXcamp</a>. * <a target="_blank" href="https://www.reknisioweb.cz/p/figma-slavi-dvanactiny">Figmě je dvanáct let.</a> * <a target="_blank" href="https://www.reknisioweb.cz/p/google-vytvari-duplicity-parametrem-srsltid">Google generuje duplicitní URL.</a> * <a target="_blank" href="https://www.reknisioweb.cz/p/mafra-consent-or-pay">Mafra nabídne consent or pay.</a>---LinkodromNástroje nedělají designéra. Demokratizace designu se zase posouvá o kus dál. <a target="_blank" href="https://www.figma.com/">Figma</a> dala designérský nástroj do rukou lidem mnoha dalších profesí od produkťáků po vývojáře a testery. <a target="_blank" href="https://www.canva.com/">Canva</a> šla dál a zpřístupnila navrhování každému včetně dětí.<a target="_blank" href="https://substack.com/profile/121364749-jan-barborik">Jan Barbořík</a> <a target="_blank" href="https://www.samsobemarketerem.cz/p/nezaspi-dobu-a-delej-grafiku-chytre">o Canvě napsal</a>: „A klidně může spolupráce s grafikem vypadat i tak, že připravíš návrh nahrubo, nasdílíš mu ho a on ho finálně doladí k dokonalosti. Tomu se říká týmová práce.“Vypadá to lákavě, že? Ušetříte spoustu cenného času, zjednodušíte komunikaci, urychlíte zpětnou vazbu, přestanou se ztrácet informace cestou a jako klienti budete více zapojeni do tvorby. Na druhé straně ale potřebujete, aby i designér pracoval se stejným nástrojem, protože jinak je pravděpodobné, že vaše podklady nebude moci využít a bude je muset vytvořit znovu.Dolaďování bude zahrnovat i odstraňování různých chyb a nevhodných postupů, které by řemeslník neudělal. Komunikace se může zadrhnout, až zjistíte, že designér nahradil vlastním nápadem tu část, do níž jste napnuli nejvíc úsilí a jste na ni hrdi. A toho dohadování, kdo za co může, pokud se ve výsledku projeví skryté vady. Měl je designér odhalit?Prožíváme v digitálním designu něco, čím už si prošla spolupráce klientů s designéry třeba v tisku nebo v korporátní identitě. V těch oborech vedla demokratizace designu k tomu, že designéři začali namísto finálních výstupů připravovat šablony, stavebnice a návrhové sady, z nichž pak kdokoli mohl finální výstupy připravovat.I v digitálním designu se už prosazují design systémy. Ty jsou určené především dalším profesionálům. Je čas říct si designérům o knihovnu komponent do Canvy nebo no-code nástrojů jako je Webflow.A při běžné spolupráci? Je spíš kontraproduktivní udělat práci za designéra a chtít po něm jen doladění. Lepší je připojit k zadání hrubou skicu a moodboard. Obrázek je za tisíc slov. A klidně je můžete připravit v Canvě nebo <a target="_blank" href="https://designer.microsoft.com/">Microsoft Designeru</a>.---Co nejlépe, ale ne lépe, znáte <a target="_blank" href="https://www.youtube.com/watch?v=fVjqnDeyBRg">Čtyři dohody</a>? Marek Prokop <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7229048745726750720/">nedávno napsal</a>: „Dělám SEO dvacet pět let a ani po tom čtvrtstoletí neumím zaručit, že se mi povede vše, co si naplánuju.“ SEO už je takové. Plné neznámých, domněnek, rychle se měnící prostředí a hodně hráčů. Vzápětí ale dodává, že vždy usiluje o to, aby zároveň s nejistou optimalizací zlepšil kvalitu webu. Alespoň něco vyjde vždy.Jako designéři občas dostáváme otázku, jak víme, že naše návrhy budou fungovat. Ne nadarmo jsou dvě nejčastější designérské odpovědi: to záleží a důvěřujte mi. V designu se prosazuje přístup podložený důkazy – <a target="_blank" href="https://medium.com/we-are-systematic/evidence-based-design-6ada94c63e7a">evidence-based design</a>. Výzkum, testování, zpětná vazba a iterativní práce jsou našimi pojistkami pro snižování rizika neúspěchu. Jinak je to jen <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7226546121278431232/">hra na design</a> a designér, který na ni přistoupí, si pod sebou <a target="_blank" href="https://www.linkedin.com/feed/update/urn:li:activity:7230174099921141760/">podřezává větev</a>.Zároveň si ovšem musíme přiznat, že každý software je rozbitý. Je to jeho přirozenost. V každém programu je alespoň jedna zbytečná podmínka a každý program obsahuje alespoň jednu chybu. Opravováním chyb vznikají chyby nové. Stále je na čem pracovat.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Co poslouchají designéři? Designér Fons Mans oslovil další kolegy a <a target="_blank" href="https://playlists.design/">sestavil sbírku playlistů od designérů pro designéry</a>. Rychlým pohledem na <a target="_blank" href="https://open.spotify.com/user/31s273cce3vxsynki4by76pnhlmm/playlists">profil na Spotify</a> zjišťujeme, že nejsledovanějším přehrávacím seznamem není Deadline, ale Potrava pro mozek. Jak by se jmenoval váš playlist nám můžete napsat v komentářích nebo rovnou pošlete odkaz.---Život s technologiemiVícefaktorová, ne dvoufaktorová autentizace. Dříve bylo zvykem v létě napsat o důležitosti zálohování, letos se objevují zkušenosti se zbabranou vícefaktorovou autentizací. Třeba <a target="_blank" href="https://www.linkedin.com/posts/martinmichalek_2fa-activity-7221046698767192064-xKUv">Machalův příběh</a>, jak na dovolené v Tanzanii přišel o mobil a s ním i o přístup k penězům a hromadě služeb.Nejhorší je kombinace podporování právě jednoho druhého faktoru a zároveň vynucení dvoufaktorového přihlášení. Ne vždy je na vině uživatel. Martin navrhoval a posléze jako produktový manažer také uváděl do života vícefaktorové přihlášení u Tipsportu, takže má ještě v živé paměti jak rezistenci uživatelů, tak varování před edge-case od bezpečnostních specialistů.Pokud nemáte o přístup ke službě přijít v důsledku ztráty přístupu k druhému faktoru ověření (třeba když vám odcizí telefon šest a půl tisíce kilometrů od nejbližší prodejny vašeho telekomunikačního operátora), potřebujete mít možnost mezi druhými faktory při přihlášení volit: vedle SMS třeba záložní kódy, <a target="_blank" href="https://www.reknisioweb.cz/p/passkeys-failed">přístupové klíče</a>, aplikace pro generování jednorázových kódů, autentizační aplikace… Důležité je to hlavně u kritických služeb, jako je přihlášení k bankovnímu účtu nebo služby veřejné správy. Samostatnou kategorií je přístup k primární e-mailové schránce.Udělejte si chvilku na rychlý audit svých druhých faktorů. Doplňte je, a pokud nějaká služba dovoluje použít právě jeden, změňte ji. Potíže nestojí za to.---Na čem právě pracujemeJakub s kolegy z agentury <a target="_blank" href="https://www.svejda-goldmann.cz/">Švejda Goldmann</a> pracují na inovaci nákupního procesu rozsáhlého projektu, který se zabývá cloudovou optimalizací. Připravili sady dotazů pro stakeholdery. Po pečlivých „výsleších“ skládají střípky do mozaiky. Výstupem průzkumu pomůžou nejen designérům, ale také ukážou na procesy, které je vhodné upravit. A právě zde se design setkává s reálným světem více než kde jinde.Martin finišuje přípravy na týdenní design sprint, který ho čeká první zářijový týden.---Tip z naší knihyPřidávejte vždy jen jednu malou funkční část.Před nasazením nové funkce se domluvte s dodavatelem na pečlivém měření jejího přínosu buď formou A/B testu, nebo vyhodnoťte fungování webu před nasazením a po něm. Pokud je změna k horšímu, buďte k sobě tvrdí a nebojte se funkci zase zahodit.Pokud upravujete svůj digitální projekt, přidávejte nové části tak, abyste mohli zhodnotit, co způsobilo změnu. Když toho přidáte příliš mnoho najednou, budete hůře zjišťovat, co z toho funguje a co ne.---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 předposledního prázdninového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před dvanácti lety <a target="_blank" href="https://cs.wikipedia.org/wiki/V_Kohoutovic%C3%ADch_ho%C5%99el_pa%C5%99ez">v Brně-Kohoutovicích hořel pařez</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é léto 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

Nástroje nedělají designéra. Řekni si o web #33

Poslechněte si podcast