Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Nestačí navrhovat pro happy path. Řekni si o web #42

Ř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 #42(00:17) Telegraficky(00:37) Linkodrom(02:05) Život s technologiemi(03:11) Na čem právě pracujeme(03:29) Kapitola z naší knihy(03:59) Pozvánka na Týden pro Digitální Česko(04:21) Rozloučení a vznik světa---TelegrafickyČeské e-shopy meziročně rostou o 5 %. * Mapy.cz chystají aplikaci pro hodinky. * Věra Jourová a Elon Musk se vzájemně urážejí. * Francouzský soud blokuje pornoweby bez ověření věku. * Google Chrome vypne staré doplňky (čti AdBlok). * Vyšel Android 15. * Jste kreativní?Každý den vám připravujeme jednohubky na našem webu (RSS feed, Twitter, Threads a Bluesky).---LinkodromNestavte uživatelské profily jen na sociodemografii. Nedodáváte tak designérům informace, které potřebují pro návrh. Sociodemografická data vám řeknou, kdo vaši uživatelé jsou, ale neprozradí, jak se chovají a proč dělají určitá rozhodnutí. A právě tady přicházejí na scénu behaviorální data a kvalitativní výzkum.Behaviorální data odhalují skutečné interakce uživatelů s vaším webem. Zjistíte, na co klikají, kde tráví nejvíce času nebo co je přiměje opustit stránku. Nástroje jako Google Analytics či Hotjar vám poskytnou přehled o tom, co na vašem webu skutečně funguje. Ale abyste pronikli hlouběji do jejich motivací, je nezbytné zapojit i kvalitativní výzkum – rozhovory s uživateli, pozorování jejich chování v přirozeném prostředí nebo mapování uživatelské cesty. Tyto metody vám odhalí proč uživatelé jednají, jak jednají.Pro designéry jsou behaviorální data pokladem. Umožňují jim vytvářet weby, které nejen dobře vypadají, ale hlavně efektivně slouží uživatelům. Mohou přizpůsobit obsah a funkce tak, aby odpovídaly skutečným potřebám a očekáváním. Výsledkem je lepší uživatelská zkušenost, vyšší míra konverze a spokojenější zákazníci.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---I se všemi AI a no-code nástroji si občas vyhrneme rukávy a napíšeme nějaké to HTML a kaskádové styly. Tehdy se hodí mít k ruce hotová řešení. Přesně tohle nabízí web 1-Line Layouts.---A když jsme u toho psaní kódu, tahle pěkná interaktivní hříčka Flexbox Froggy vám pomůže osvojit si flexbox. Dokonce umí česky!---Život s technologiemiMartin na dva víkendy do roka odjíždí na Apaluchu. Srub u lesa. Žádný mobilní signál. Žádná elektřina. Voda ze studně. Latríny. Jenom několik otců s chumlem dětí. V neděli byl čas odjet. Auto zaparkované na konci polní cesty u louky. V ruce dálkové ovládání centrálního zámku. Cvak. Dveře se neodemknou. Došla baterka. V ovladači je ukrytý klíč. Dveřní zámek je schovaný pod krytkou. Palubní počítač hlásí: přiložte ovladač na kontaktní plošku. Nastartovat a odblokovat imobilizér je potřeba přiložením ovladače ke startovacímu tlačítku.Navrhování obvykle začínáme u happy path scénáře. Všechno funguje, uživatel ví, co má dělat, neobjevují se chyby ani výjimky. Ale co když se něco pokazí? Je důležité myslet na situace, kdy vše nejde podle plánu. Musíme zajistit, aby uživatelé měli jasné a srozumitelné instrukce i v těchto případech. Testování těchto scénářů nám pomůže připravit se na nečekané problémy.V ideálním případě by systém i v sad path působil tak, aby si uživatelé vlastně ani nevšimli poklesu komfortu, aby systému stále důvěřovali a mohli na něj spoléhat.---Na čem právě pracujemeZrovna se chystáme na uživatelské testování. Na tom by nebylo nic světoborného, ale bude to testování s uživateli českého znakového jazyka. Jakub už má jedno takové testování za sebou, a tak máme respekt. Není úplně běžné vést testování v jazyce, kterému nerozumíte.---Tip z naší knihyVytvoření webu není nevratný proces, vše lze upravitJednou z největších výhod webových stránek, aplikací a internetu obecně je možnost kdykoliv opravit chyby. Udržujte webovou stránku v takovém stavu, aby úpravy byly technicky i logicky snadné. Pokud se budete zaměřovat na průběžné měření a vylepšování, pomůže vám to dosáhnout lepších výsledků. Vyhněte se však tvorbě webu jako chatrného systému, kde by změna jedné části mohla nečekaně ovlivnit další prvky. Web není operace srdce. Nemusí se povést hned na poprvé.---V listopadu proběhne Týden pro Digitální Česko. Ve dnech 18. až 24. listopadu se bude už po třetí konat Týden pro Digitální Česko. Jde o 140 akcí, které se konají po celém Česku. Nabídka je velmi různorodá: od dnů otevřených dveří a exkurzí, po konference a workshopy. I my připravujeme praktický prototypovací workshop. Vstup je zdarma.---A to je ze čtvrtého říjnového zpravodaje Řekni si o web roku 2024 všechno. Podle výpočtů arcibiskupa Jakuba Usshera před 6028 lety vznikl náš svět. 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 #42(00:17) Telegraficky(00:37) Linkodrom(02:05) Život s technologiemi(03:11) Na čem právě pracujeme(03:29) Kapitola z naší knihy(03:59) Pozvánka na Týden pro Digitální Česko(04:21) Rozloučení a vznik světa---TelegrafickyČeské e-shopy meziročně <a target="_blank" href="https://www.reknisioweb.cz/p/ceska-e-commerce-ve-q3-rostla-mezirocne">rostou o 5 %</a>. * <a target="_blank" href="https://www.zive.cz/clanky/mapycz-premium-placena-verze-funkce-cena/sc-3-a-230764/default.aspx">Mapy.cz chystají</a> aplikaci pro hodinky. * <a target="_blank" href="https://www.reknisioweb.cz/p/vera-jourova-kritizuje-muska-za-antisemitismus">Věra Jourová a Elon Musk</a> se vzájemně urážejí. * Francouzský <a target="_blank" href="https://www.reknisioweb.cz/p/francouzsky-soud-zablokoval-pornoweby">soud blokuje pornoweby</a> bez ověření věku. * Google <a target="_blank" href="https://www.reknisioweb.cz/p/google-vypina-adblock">Chrome vypne staré doplňky</a> (čti AdBlok). * Vyšel <a target="_blank" href="https://www.reknisioweb.cz/p/android-15">Android 15</a>. * <a target="_blank" href="https://form.typeform.com/to/PekUTfXE">Jste kreativní?</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>).---LinkodromNestavte uživatelské profily jen na sociodemografii. Nedodáváte tak designérům informace, které potřebují pro návrh. Sociodemografická data vám řeknou, kdo vaši uživatelé jsou, ale neprozradí, jak se chovají a proč dělají určitá rozhodnutí. A právě tady přicházejí na scénu <a target="_blank" href="https://medium.com/@taaminsights/do-you-now-your-users-introducing-behavioral-personas-8668f56b97d8">behaviorální data a kvalitativní výzkum</a>.<a target="_blank" href="https://supademo.com/blog/how-to-create-and-use-behavioral-personas-to-drive-growth/#:~:text=Behavioral%20personas%20are%20semi%2Dfictional,lifestyle%20preferences%2C%20and%20psychological%20attributes.">Behaviorální data odhalují skutečné interakce</a> uživatelů s vaším webem. Zjistíte, na co klikají, kde tráví nejvíce času nebo co je přiměje opustit stránku. Nástroje jako Google Analytics či Hotjar vám poskytnou přehled o tom, co na vašem webu skutečně funguje. Ale abyste pronikli hlouběji do jejich motivací, je nezbytné zapojit i kvalitativní výzkum – rozhovory s uživateli, pozorování jejich chování v přirozeném prostředí nebo mapování uživatelské cesty. Tyto metody vám odhalí <a target="_blank" href="https://userpilot.com/blog/behavioral-personas/">proč</a><a target="_blank" href="https://userpilot.com/blog/behavioral-personas/"> uživatelé jednají, jak jednají</a>.<a target="_blank" href="https://buildux.com/blog/decoding-user-behavior-the-power-of-behavioral-personas">Pro designéry jsou behaviorální data pokladem.</a> Umožňují jim vytvářet weby, které nejen dobře vypadají, ale hlavně efektivně slouží uživatelům. Mohou přizpůsobit obsah a funkce tak, aby odpovídaly skutečným potřebám a očekáváním. Výsledkem je lepší uživatelská zkušenost, vyšší míra konverze a spokojenější zákazníci.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---I se všemi AI a no-code nástroji si občas vyhrneme rukávy a napíšeme nějaké to HTML a kaskádové styly. Tehdy se hodí mít k ruce hotová řešení. Přesně tohle nabízí web <a target="_blank" href="https://1linelayouts.glitch.me/">1-Line Layouts</a>.---A když jsme u toho psaní kódu, tahle pěkná interaktivní hříčka <a target="_blank" href="https://flexboxfroggy.com/#cs">Flexbox Froggy</a> vám pomůže osvojit si flexbox. Dokonce umí česky!---Život s technologiemiMartin na dva víkendy do roka <a target="_blank" href="https://www.youtube.com/watch?v=L4HozKR12Rg">odjíždí na Apaluchu</a>. Srub u lesa. Žádný mobilní signál. Žádná elektřina. Voda ze studně. Latríny. Jenom několik otců s chumlem dětí. V neděli byl čas odjet. Auto zaparkované na konci polní cesty u louky. V ruce dálkové ovládání centrálního zámku. Cvak. Dveře se neodemknou. Došla baterka. V ovladači je ukrytý klíč. Dveřní zámek je schovaný pod krytkou. Palubní počítač hlásí: přiložte ovladač na kontaktní plošku. Nastartovat a odblokovat imobilizér je potřeba přiložením ovladače ke startovacímu tlačítku.Navrhování obvykle začínáme u <a target="_blank" href="https://userpilot.com/blog/happy-path/">happy path scénáře</a>. Všechno funguje, uživatel ví, co má dělat, neobjevují se chyby ani výjimky. Ale co když se něco pokazí? Je důležité myslet na situace, kdy vše nejde podle plánu. Musíme zajistit, aby uživatelé měli jasné a srozumitelné instrukce i v těchto případech. Testování těchto scénářů nám pomůže připravit se na nečekané problémy.V ideálním případě by systém i v <a target="_blank" href="https://www.pixelmatters.com/blog/designing-beyond-the-happy-path">sad path</a> působil tak, aby si uživatelé vlastně ani nevšimli poklesu komfortu, aby systému stále důvěřovali a mohli na něj spoléhat.---Na čem právě pracujemeZrovna se chystáme na uživatelské testování. Na tom by nebylo nic světoborného, ale bude to testování s uživateli českého znakového jazyka. Jakub už má <a target="_blank" href="https://medium.com/svejda-goldmann-webdesign/n%C3%A1ro%C4%8Dn%C3%A9-u%C5%BEivatelsk%C3%A9-testov%C3%A1n%C3%AD-rozhovory-s-nesly%C5%A1%C3%ADc%C3%ADmi-respondenty-c2a3adfbb98e">jedno takové testování</a> za sebou, a tak máme respekt. Není úplně běžné vést testování v jazyce, kterému nerozumíte.---Tip z naší knihyVytvoření webu není nevratný proces, vše lze upravitJednou z největších výhod webových stránek, aplikací a internetu obecně je možnost kdykoliv opravit chyby. Udržujte webovou stránku v takovém stavu, aby úpravy byly technicky i logicky snadné. Pokud se budete zaměřovat na průběžné měření a vylepšování, pomůže vám to dosáhnout lepších výsledků. Vyhněte se však tvorbě webu jako chatrného systému, kde by změna jedné části mohla nečekaně ovlivnit další prvky. Web není operace srdce. Nemusí se povést hned na poprvé.---V listopadu proběhne <a target="_blank" href="https://budoucnostjedigitalni.gov.cz/">Týden pro Digitální Česko</a>. Ve dnech 18. až 24. listopadu se bude už po třetí konat Týden pro Digitální Česko. Jde o 140 akcí, které se konají po celém Česku. Nabídka je velmi různorodá: od dnů otevřených dveří a exkurzí, po konference a workshopy. I my připravujeme praktický prototypovací workshop. Vstup je zdarma.---A to je ze čtvrtého říjnového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Podle výpočtů arcibiskupa <a target="_blank" href="https://en.wikipedia.org/wiki/James_Ussher">Jakuba Usshera</a> před 6028 lety vznikl náš svět. 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.

Nestačí navrhovat pro happy path. Řekni si o web #42

Poslechněte si podcast