Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

7 principů dobrého designu podle Nielsena. Řekni si o web #43

Ř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 #43(00:18) Telegraficky(00:58) Linkodrom(03:07) Život s technologiemi(04:15) Na čem právě pracujeme(04:42) Kapitola z naší knížky(05:17) Pozvánka na Akci(05:47) Závěr a Martin Luther---Telegraficky🏅 Prezident vyznamenal Jana Gruntoráda, který do Československa přivedl internet.🌜 Dnes v noci se budou přesouvat registry osob a obyvatel do správy DIA.🎁 Apple celý týden zveřejňuje produktové novinky.😢 Google uvedl AI přehledy ve vyhledávání do 100+ zemí. K nám ne.🤡 Ruský soud uvalil na Google pokutu ve výši 20 kvintiliard dolarů.🤖 Více než čtvrtinu kódu Googlu píše AI.📈 Bluesky roste; lidé prchají z X.Každý den vám připravujeme jednohubky na našem webu. Můžete je sledovat přes RSS feed, Twitter, Threads a Bluesky.---LinkodromMetriky úspěchu pro startup sepsal Mirek Uďan do skvělého článku. Je to jakoby předmět finanční analýza podniku na VŠE dostal pokračování pro letní semestr. Desítka metrik pomáhá udržet si představu o kondici firmy. Mirek doplňuje ke každé metrice taktiky, které ji mohou ovlivnit. Článku ale chybí podstatná věc: k metrikám nejsou uvedeny intervaly optimálních hodnot.Například hodnota zákazníka v životním cyklu (CLV) by měla zajistit dostatečný zisk po odečtení akvizičních a provozních nákladů. S hodnotou zákazníka mohou výrazně zahýbat i jednotky procent míry odlivu zákazníků (Churn rate). Optimální hodnoty vždy záleží na vašich nákladech a maržích.Zajímavý pohled na finanční analýzu i s konkrétními magickými indexy nabízí Muzamil Ahmad na příkladu Netflixu, Spotify a Adobe. Podle Muzamila má Spotify dvojnásobnou míru odlivu zákazníků než Netflix a Adobe. Musí proto výrazně zlepšit poměr hodnoty zákazníka k akvizičním nákladům.Míra povědomí o finančních ukazatelích zdraví firmy je u nás stále nízká a bylo by skvělé, kdyby třeba banky nabídly operativní dashboard nově zakládaným firmám, které si u nich zřizují účet. Nebo by MPO mohlo živnostenské úřady vybavit vzdělávacím e-bookem a excelovou tabulkou. Výrazně by to zvedlo ekonomiku malých firem a mikropodniků, které často fungují bez jakéhokoli finančního řízení.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Jaká je budoucnost tvorby aplikací? Nate Parrott ve dne pracuje jako programátor prohlížeče Arc a ve volných chvílích experimentuje se softwarem. Zatímco někteří programátoři jako třeba Tom Söderlund předpokládají, že běžný uživatelský software už bude brzy psát AI za letu podle našich přání, Nate se pustil do tvorby nástroje, ve kterém si přetahováním prvků po plátně vytvoříme rozhraní a logiku s kódem doplní AI podle promptu. Výsledek je dechberoucí. Také vás právě ovanula vůně Delphi z devadesátých let?---CSS Battle je asi nejnáročnější hra, kterou jsme vám kdy představovali. Každý den se jako výzva objeví nějaký obrázek a vaším úkolem je co nejvíce se k němu přiblížit pouze za pomocí kaskádových stylů. Protože to je opravdu těžké, klidně při hře googlete a pomáhejte si umělou inteligencí.---Život s technologiemiČtete návody k použití? Když si domů přineseme nové elektrické nářadí, často na návod k použití dojde a někdy dokonce hledáme video na Youtube, abychom se podívali, jak se nová hračka nastavuje a používá.Se softwarem a už vůbec s webovými službami by nás něco takového ani nenapadlo. Přeskakujeme průvodce, vynecháváme onboarding a rovnou se vrháme na práci s rozhraním. Snad jen při pravidelných aktualizacích si prohlédneme tutorial, abychom se naučili s novými funkcemi, ale jinak je u webů a aplikací nápověda zakázané slovo.Říká se, že rozhraní je jako vtip: když potřebuje vysvětlit, není moc dobré. Jak jsme se do takového stavu dostali? Nejpozději od osmdesátých let je interakční design předmětem zkoumání kognitivních psychologů. Tam, kde u fyzických nástrojů konstruktéři pracují s ústrojností, efektivitou, ergonomií a bezpečností, přidáváme u softwarového rozhraní kognitivní principy. S různými obměnami podle autora jde stále o stejné sedmero, které sepsal v knize Design pro každý den Donald Artur Norman: Objevitelnost, zpětná vazba, koncepční model, možnosti, označení (signifier), mapování a omezení.---Na čem právě pracujemeVčera jsme se potkali v Cafe Terapie, abychom si naplánovali další aktivity. Jakub seděl v zadní místnosti u počítače a snažil se v Google Slides vytvořit vlastní předlohu prezentace. Nebudeme vás napínat: nejde to. Můžete jen upravit existující motiv (Slide → Edit theme / Snímek → Upravit motiv). Když ho pak chcete použít v další prezentaci, musíte zobrazit nabídku motivů (Theme / Motiv) a ten svůj dříve upravený soubor načíst tlačítkem na konci přehledu dostupných motivů. Je to zvláštní způsob, jak nějakou věc (ne)implementovat.---Tip z naší knihyStanovte strukturu nabídek předemPokud necháte potenciálním dodavatelům volnost v prezentaci, může vás zaujmout líbivá nabídka, ale ne nutně ta nejlepší pro váš web. Pokud si nejste jistí, jak správně poptávat, poraďte se s někým zkušeným.Zveřejněte pracovní verzi zadání a vyzvěte vybrané dodavatele k návrhům na jeho doplnění a úpravu. U větších projektů je dobré uspořádat veřejné konzultace před výběrovým řízením.Kvalitní dodavatel se bude na zadání ptát, což vám pomůže odstranit případné nejasnosti. Nabídky ve standardizovaném formátu jsou pak mnohem jednodušší na porovnání a hodnocení.---Listopad je plný odborných akcí. Můžete zajít na některou z konferencí: CIF24, WUD, WT100, Brno Bold, ČtvrtCON nebo INSPO, případně na komunitní akce UX Monday, Frontendistů v Brně či v Praze, na Design Systémy, Pyvo, ReactGirls nebo Data Punkers. Hodně se toho děje i za humny ve Vídni, Mnichově nebo v Bratislavě. A pokud se vám nikam nechce, stačí se s komunitou spojit online. Více vám řekne listopadový přehled UX akcí.---A to je z posledního říjnového zpravodaje Řekni si o web roku 2024 všechno. Před 507 lety přibil Martin Luther na dveře kostela ve Wittenbergu svých 95 tezí. 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 #43(00:18) Telegraficky(00:58) Linkodrom(03:07) Život s technologiemi(04:15) Na čem právě pracujeme(04:42) Kapitola z naší knížky(05:17) Pozvánka na Akci(05:47) Závěr a Martin Luther---Telegraficky🏅 Prezident vyznamenal <a target="_blank" href="http://cs.wikipedia.org/wiki/Jan_Gruntorád">Jana Gruntoráda</a>, který do Československa přivedl internet.🌜 Dnes v noci se budou <a target="_blank" href="https://www.dia.gov.cz/wp-content/uploads/2024/10/TZ_DIA_snizena_dostupnost_pri_prevodu-ROB_ROS.pdf">přesouvat registry osob a obyvatel</a> do správy DIA.🎁 Apple celý týden <a target="_blank" href="https://applenovinky.cz/">zveřejňuje produktové novinky</a>.😢 Google uvedl <a target="_blank" href="https://www.reknisioweb.cz/p/google-ai-overviews-v-dalsich-zemich">AI přehledy ve vyhledávání</a> do 100+ zemí. K nám ne.🤡 Ruský <a target="_blank" href="https://www.theregister.com/2024/10/29/russian_court_fines_google/">soud uvalil na Google pokutu</a> ve výši 20 kvintiliard dolarů.🤖 <a target="_blank" href="https://www.theverge.com/2024/10/29/24282757/google-new-code-generated-ai-q3-2024">Více než čtvrtinu kódu</a> Googlu píše AI.📈 <a target="_blank" href="https://www.reknisioweb.cz/p/bluesky-roste-uzivatele-prchaji-z-twitteru">Bluesky roste</a>; lidé prchají z X.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. Můžete je sledovat přes <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>.---LinkodromMetriky úspěchu pro startup <a target="_blank" href="https://www.miroslavudan.cz/blog/jake-jsou-nejdulezitejsi-metriky-ve-startupu/">sepsal Mirek Uďan do skvělého článku</a>. Je to jakoby předmět <a target="_blank" href="https://cs.wikipedia.org/wiki/Finan%C4%8Dn%C3%AD_anal%C3%BDza#Nejd%C5%AFle%C5%BEit%C4%9Bj%C5%A1%C3%AD_pom%C4%9Brov%C3%A9_ukazatele">finanční analýza podniku</a> na VŠE dostal pokračování pro letní semestr. Desítka metrik pomáhá udržet si představu o kondici firmy. Mirek doplňuje ke každé metrice taktiky, které ji mohou ovlivnit. Článku ale chybí podstatná věc: k metrikám nejsou uvedeny intervaly optimálních hodnot.Například hodnota zákazníka v životním cyklu (<a target="_blank" href="https://www.strafelda.cz/clv">CLV</a>) by měla zajistit dostatečný zisk po odečtení akvizičních a provozních nákladů. S hodnotou zákazníka mohou výrazně zahýbat i jednotky procent míry odlivu zákazníků (<a target="_blank" href="https://www.shean.cz/churn-rate/">Churn rate</a>). Optimální hodnoty vždy záleží na vašich nákladech a maržích.Zajímavý <a target="_blank" href="https://www.threads.net/@accuinsights/post/DBtKCalSnmo?xmt=AQGzbPpFSmSM1CiJznag63I9gPIsTzInZk_eBAbw8qqSZw">pohled na finanční analýzu i s konkrétními magickými indexy</a> nabízí Muzamil Ahmad na příkladu Netflixu, Spotify a Adobe. Podle Muzamila má Spotify dvojnásobnou míru odlivu zákazníků než Netflix a Adobe. Musí proto výrazně zlepšit poměr hodnoty zákazníka k akvizičním nákladům.Míra povědomí o finančních ukazatelích zdraví firmy je u nás stále nízká a bylo by skvělé, kdyby třeba banky nabídly operativní dashboard nově zakládaným firmám, které si u nich zřizují účet. Nebo by MPO mohlo živnostenské úřady vybavit vzdělávacím e-bookem a excelovou tabulkou. Výrazně by to zvedlo ekonomiku malých firem a mikropodniků, které často fungují bez jakéhokoli finančního řízení.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Jaká je budoucnost tvorby aplikací? Nate Parrott ve dne pracuje jako programátor <a target="_blank" href="https://arc.net/">prohlížeče Arc</a> a ve volných chvílích <a target="_blank" href="https://nateparrott.com/">experimentuje se softwarem</a>. Zatímco někteří programátoři jako třeba Tom Söderlund předpokládají, že běžný <a target="_blank" href="https://www.tomsoderlund.com/ai/software-as-commodity">uživatelský software už bude brzy psát AI</a> za letu podle našich přání, <a target="_blank" href="https://www.threads.net/@nate_loved_an_image/post/DBud59Ku4Ox">Nate se pustil do tvorby nástroje</a>, ve kterém si <a target="_blank" href="https://42pag.es/edit/f47731c3-4f0d-48f8-9021-c5b751830fd9">přetahováním prvků po plátně vytvoříme rozhraní a logiku</a> s kódem doplní AI podle promptu. <a target="_blank" href="https://4a4a00e6-b947-4e88-893c-311f65a1348b.42pag.es/">Výsledek je dechberoucí.</a> Také vás právě ovanula vůně <a target="_blank" href="https://cs.wikipedia.org/wiki/Delphi">Delphi z devadesátých let</a>?---CSS Battle je asi nejnáročnější hra, kterou jsme vám kdy představovali. Každý den se jako výzva objeví nějaký obrázek a vaším úkolem je <a target="_blank" href="https://cssbattle.dev/">co nejvíce se k němu přiblížit</a> pouze za pomocí kaskádových stylů. Protože to je opravdu těžké, klidně při hře googlete a pomáhejte si umělou inteligencí.---Život s technologiemiČtete návody k použití? Když si domů přineseme nové elektrické nářadí, často na návod k použití dojde a někdy dokonce hledáme video na Youtube, abychom se podívali, jak se nová hračka nastavuje a používá.Se softwarem a už vůbec s webovými službami by nás něco takového ani nenapadlo. Přeskakujeme průvodce, vynecháváme onboarding a rovnou se vrháme na práci s rozhraním. Snad jen při pravidelných aktualizacích si prohlédneme tutorial, abychom se naučili s novými funkcemi, ale jinak je u webů a aplikací nápověda zakázané slovo.Říká se, že rozhraní je jako vtip: když potřebuje vysvětlit, není moc dobré. Jak jsme se do takového stavu dostali? Nejpozději od osmdesátých let je interakční design předmětem zkoumání kognitivních psychologů. Tam, kde u fyzických nástrojů konstruktéři pracují s ústrojností, efektivitou, ergonomií a bezpečností, přidáváme u softwarového rozhraní kognitivní principy. S různými obměnami podle autora jde stále o stejné sedmero, které sepsal v knize <a target="_blank" href="https://www.knihovny.cz/Record/nkp.NKC01-002127896?sid=23149994">Design pro každý den</a> Donald Artur Norman: Objevitelnost, zpětná vazba, koncepční model, možnosti, označení (signifier), mapování a omezení.---Na čem právě pracujemeVčera jsme se potkali v Cafe Terapie, abychom si naplánovali další aktivity. Jakub seděl v zadní místnosti u počítače a snažil se v Google Slides vytvořit vlastní předlohu prezentace. Nebudeme vás napínat: nejde to. Můžete jen upravit existující motiv (Slide → Edit theme / Snímek → Upravit motiv). Když ho pak chcete použít v další prezentaci, musíte zobrazit nabídku motivů (Theme / Motiv) a ten svůj dříve upravený soubor načíst tlačítkem na konci přehledu dostupných motivů. Je to zvláštní způsob, jak nějakou věc (ne)implementovat.---Tip z naší knihyStanovte strukturu nabídek předemPokud necháte potenciálním dodavatelům volnost v prezentaci, může vás zaujmout líbivá nabídka, ale ne nutně ta nejlepší pro váš web. Pokud si nejste jistí, jak správně poptávat, poraďte se s někým zkušeným.Zveřejněte pracovní verzi zadání a vyzvěte vybrané dodavatele k návrhům na jeho doplnění a úpravu. U větších projektů je dobré uspořádat veřejné konzultace před výběrovým řízením.Kvalitní dodavatel se bude na zadání ptát, což vám pomůže odstranit případné nejasnosti. Nabídky ve standardizovaném formátu jsou pak mnohem jednodušší na porovnání a hodnocení.---Listopad je plný odborných akcí. Můžete zajít na některou z konferencí: <a target="_blank" href="https://www.czechinternetforum.cz/">CIF24</a>, <a target="_blank" href="https://www.meetup.com/asociace-ux/events/304251425/">WUD</a>, <a target="_blank" href="https://www.webtop100.cz/">WT100</a>, <a target="_blank" href="https://www.brnobold.cz/konference-2024">Brno Bold</a>, <a target="_blank" href="https://ctvrtcon.cz/">ČtvrtCON</a> nebo <a target="_blank" href="https://www.inspo.cz/inspo-2024-ctyriadvacaty-rocnik-konference-probehne-v-sobotu-23-listopadu">INSPO</a>, případně na komunitní akce <a target="_blank" href="https://www.meetup.com/asociace-ux/events/304249845/">UX Monday</a>, Frontendistů <a target="_blank" href="https://www.meetup.com/frontendisti/events/304040944/">v Brně</a> či <a target="_blank" href="https://www.meetup.com/frontendisti/events/304275973/">v Praze</a>, na <a target="_blank" href="https://friends.figma.com/events/details/figma-czech-republic-presents-design-systemy-v-praxi-sdmk-design/">Design Systémy</a>, <a target="_blank" href="https://www.meetup.com/pyvo-prague-python-meetup/events/302195055/">Pyvo</a>, <a target="_blank" href="https://www.meetup.com/reactgirls/events/303523695/">ReactGirls</a> nebo <a target="_blank" href="https://www.meetup.com/data-punkers/events/304059165/">Data Punkers</a>. Hodně se toho děje i za humny ve Vídni, Mnichově nebo v Bratislavě. A pokud se vám nikam nechce, stačí se s komunitou spojit online. Více vám řekne <a target="_blank" href="https://www.reknisioweb.cz/p/konference-2024-11">listopadový přehled UX akcí</a>.---A to je z posledního říjnového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před 507 lety přibil Martin Luther na dveře kostela ve Wittenbergu svých <a target="_blank" href="https://cs.wikipedia.org/wiki/95_tez%C3%AD">95 tezí</a>. 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

7 principů dobrého designu podle Nielsena. Řekni si o web #43

Poslechněte si podcast