Episodes

  • Dlouhé animace škodí: Řekni si o web #58

    Dlouhé animace škodí: Řekni si o web #58
    Feb 19 2025
    (00:00) Řekni si o web #58(00:22) Telegraficky(00:57) Linkodrom(02:41) Brašna s nářadím(03:40) Abychom si rozuměli(05:18) Pozvánka na webinář(05:51) Rozloučení a Rihanna---Telegraficky🔗 Slovenské vnitro mělo linkbuilding na hazard.🧠 Meta AI umí přečíst 80 % myšlenek. 🔌 AI zdvojnásobí spotřebu elektřiny.🖼️ Google snižuje ranking generovaným obrázkům.✍ Podpis úředníka nezačerňovat, říká soud.🥨 Česká e-commerce expanduje do Německa a Rakouska.⚜️ Skauti odešli z X.🪪 Identitu občana využily skoro čtyři miliony uživatelů.🏫 DIPSy padal.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromEfekty s animací delší než 500 milisekund zhoršují metriku Web Vitals, píše na Twitteru Machal. Animovaný efekt v kódu ovlivní metriku Cumulative Layout Shift a může to mít vliv na uživatelský prožitek a podružně také na umístění ve výsledcích vyhledávání.---Mapy.cz jsou příliš sexy, aby nevydělávaly. Mapy.cz před nedávnem spustily prémiovou verzi s předplatným. Jak se jim vede v prosinci povídal v podcastu Živě manažer produktového týmu Map Martin Jeřábek.---Šablona pro jasnou a přehlednou dokumentaci designu. Při dokumentování designových systémů designéři bojují se srozumitelností návodů k používání svých komponent. Michael Haggerty-Villa sdílí osvědčenou metodu: využití strukturované tabulky, která pomáhá systematizovat obsah a urychlit tvorbu dokumentace.---Hyperčitelné písmo a hned v sedmi variantách. Atkinson Hyperlegible je písmo navržené pro čtenáře se zhoršeným zrakem. Nová varianta Atkinson Hyperlegible Next nabízí sedm vah pro variable font a podporu více než sto padesát jazyků. Atkinson Hyperlegible Mono je neproporční verze určená pro tabulky nebo vývojářské editory. Všechny varianty jsou k dispozici zdarma pro osobní i komerční použití.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Sdílený Caps-Lock. Caps-Lock je asi NEJZBYTEČNĚJŠÍ KLÁVESA na klávesnici – nesouhlasíte? 🤔 Pokud máte zálibu v podivnostech nebo chcete vytrestat kolegy s nezabezpečeným počítačem, bude se vám líbit škodolibá utilitka Global Caps-Lock, která pro Caps-Lock synchronizuje stav s kýmkoli na internetu, kdo ji má také nainstalovanou. Jen nezapomeňte, že legrace je to – jak říkáme doma dětem – jen pokud se baví všichni.---Brašna s nářadímTentokrát jsme vám do brašny s nářadím přibalili utilitku, která vylepšuje psaní v angličtině, Hemingway Editor a šikovné udělátko na kreslení map webů a aplikací Wireflow.co.---Hemingway detekuje dlouhé věty, náročná slova nebo stylistické nedokonalosti. Možná by se zdálo, že v době AI chatů a copilotů není specializovaná utilitka potřeba. Hemingway ale díky přehledné vizualizaci poklesků a jasným pravidlům nejen vylepšuje konkrétní texty, ale také nás učí vyjadřovat se zřetelně a srozumitelně.Škoda, že takový nástroj nemáme pro češtinu.---Nástroje jako Wireflow.co to mají těžké, když musí přežít vedle Figmy. Určitě i pro tvorbu map průchodu uživatele webem nebo aplikací se ve Figmě najde dost knihoven komponent. Nástroj Wireflow.co má ale tu výhodu, že je tak jednoduchý, že každý, kdo zvládne přetáhnout komponentu ze seznamu na plátno, může začít navrhovat. Data se ukládají jen v paměti prohlížeče a dají se exportovat jako obrázek.---Abychom si rozuměliJestli jste tak staří jako my dva, určitě pamatujete dobu, kdy bylo důležité, v jakém kódování češtiny ukládáte soubory. Pro rychlé rozpoznání správné znakové sady posloužil pangram – věta, která obsahuje všechna písmena abecedy konkrétního jazyka. Nebylo nic neobvyklého vídat na webových stránkách věty jako „Kŕdeľ ďatľov učí koňa žrať kôru.“ nebo „Příliš žluťoučký kůň úpěl ďábelské ódy.“Dnes pangramy najdete v návrzích jako slepý text nebo ve vzornících písem pro snadnou detekci fontů vhodných pro zvolený jazyk.---Když začalo být moderní sestavovat uživatelské rozhraní na straně prohlížeče, napadlo někoho, že by místo točícího se indikátoru načítání mohly na obrazovce svítit placeholdery. A tak se zrodil Skeleton screen.---U nás se říká: Jak se do lesa volá, tak se z lesa ozývá. Američtí vědci mají pořekadlo Smetí dovnitř, smetí ven. Používá se pro případy, kdy pracujete s nekvalitními vstupy. Z nekvalitních vstupů i při sebelepší metodě dostáváte zase jen nekvalitní výstupy.---Až se jednou bude stavět pantheon interakčního designu, zvláštní místo v něm bude mít busta Larryho Teslera. Jeho jméno nese zákon o zachování složitosti. Ten říká, že když zjednodušíte aplikaci, přenášíte tím složitost na uživatele.---Na ...
    Show more Show less
    6 mins
  • SEO pro AI odpovídače: Řekni si o web #57

    SEO pro AI odpovídače: Řekni si o web #57
    Feb 11 2025
    (00:00) Řekni si o web 57(00:20) Telegraficky(00:56) Linkodrom(04:09) Brašna s nářadím(04:31) Abychom si rozuměli(05:17) Rozloučení a Nelson Mandela---Telegraficky🗳️ Asociace UX vypsala volby do správní rady.🛒 Email.cz zobrazí přehled objednávek z e-mailů.📰 Dvě třetiny Čechů čtou zprávy ve vyhledávačích.📊 Shrnutí zpráv od AI na Seznamu neubírá zobrazení stránek médiím.🔫 Don’t be evil: Alphabet se už nebrání využití AI pro zbraně a sledování.💌 Apple nabízí aplikaci na pozvánky.✨ OpenAI otevře sídlo v EU.🚑 Děti si na TikToku ničí játra.🚨 Policie vám neposlala textovou zprávu.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromPřehled objednávek pro Email.cz. Seznam Email zavádí záložku Objednávky. Bude zobrazovat přehled objednávek a jejich aktuální stav na základě strukturovaných dat z e-mailů. To je skvělá zpráva pro uživatele, ale my tvůrci webů pro to musíme něco udělat. Seznam podporuje strukturovaná data pro Order ve formátech JSON-LD a microdata dle standardu schema.org. Aktualizace objednávek probíhá na základě nových e-mailů se stejným číslem objednávky. Funkce nebude mít vliv na doručení nebo třídění e-mailů. Spuštění očekáváme do konce března a testování probíhá už nyní.---SEO pro AI odpovídače. Vyhledávače se mění na odpovídače. Perplexity.ai to přiznává otevřeně. Jak ale zajistit, aby se váš web objevil mezi jeho zdroji? David Bureš radí zaměřit se na kvalitní, strukturovaný a autoritativní obsah – my na to máme dokonce zkratku: EEAT. Perplexity hodnotí především seznamy, recenze, autoritu domény a dobře optimalizované stránky. Oproti běžné verzi nabízí Perplexity Pro přesnější odpovědi a podporuje práci se soubory. Pro SEO specialisty je proto důležité přizpůsobit web nejen pro Google, ale i pro AI vyhledávače. Budoucností vyhledávání jsou odpovědi, ne kliknutí na odkazy.---„SEO možná jednou umře. Ale linkbuilding spíš ne.“— Nikol Fialová, linkbuilderka---Navrhování pro nečekané situace. Při designování se soustředíme na běžné scénáře. Používáme obraty jako happy day scenario, 80 na 20. Ale co když něco nejde podle plánu? Edge cases – vzácné nebo extrémní situace – prověří kvalitu návrhu a výrazně ovlivní uživatelský zážitek. Nečekané vstupy, systémové chyby, přístupnost a extrémní chování uživatelů jsou oblasti, kde design selhává, pokud není dobře promyšlen. Příkladem úspěšného přizpůsobení je Apple s vylepšením Face ID pro maskované uživatele. Připravenost na neočekávané dělá digitální produkty odolnějšími a přívětivějšími.---Nestačí být první. Musíte být lepší. Tuomas Artman na blogu Linearu rozebírá, co dnes znamená přivést produkt na trh. Není vždy potřeba přijít s převratným MVP, ale spíš se skokovým zlepšením oproti existující konkurenci. Být první má smysl při dobývání vesmíru, ale v podnikání jen málokdy průkopníci nových oblastí dlouhodobě přežijí. Jen disruptivní startupy vytvářejí zcela nové trhy. Většina firem však hledá způsob, jak zlepšit stávající produkty. Teprve když uživatelé přestanou žádat nové funkce a jsou ochotni za produkt zaplatit, je čas na veřejné spuštění.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Manipulativní vzorce. Že je dnes ten Den bezpečnějšího internetu, nasdílíme s vámi skvělý bonus, který Harry Brignull nabízí ke své knížce Deceptive patterns. Harry sestavil dvousetslajdovou prezentaci na základě své knížky o tom, jak nás komerce manipulativně klame, aby z nás vytáhla víc peněz. Prezentace je určená hlavně učitelům, ale dobře se hodí i jako podklad pro zvyšování povědomí o manipulativních klamech obecně.---Brašna s nářadímSe všemi těmi no-code a low-code platformami, s JAM stack a headless CMS generujícím statické soubory se objevuje drobný zádrhel: co když potřebujete sbírat data z formuláře? FormSubmit.co doručí obsah formuláře do e-mailu a pro pokročilejší zpracování nabízí webhook.---Abychom si rozuměliNe každý designér je vizuálním návrhářem. Kdysi jsme pracovali s kolegou, který k designu zběhl od byznys analýzy a na jeho wireframech a prototypech bylo poznat, že za sebou nemá žádnou formální grafickou průpravu. Naštěstí si ho vzal pod patronát Jakubův parťák David Švejda a ukázal mu, jak funguje CRAP. Od té doby jsou návrhy našeho kolegy profesionálně úhledné. Když se to naučí byznys analytik, tak už každý.Do slovníčku nám přibyly ještě články o UX poučce pojmenované podle Jakoba Nielsena, o slepém textu lorem ipsum, o škálovatelném navrhování komponent pomocí atomického designu a postup pro...
    Show more Show less
    6 mins
  • Návrat k řemeslu je selhání: Řekni si o web #56

    Návrat k řemeslu je selhání: Řekni si o web #56
    Feb 5 2025
    (00:00) Řekni si o web #56(00:22) Telegraficky(01:11) Linkodrom(04:12) Brašna s nářadím(04:37) Abychom si rozuměli(05:14) Rozloučení a Otello---Telegraficky👎 Na chvilku platí zákon o právu na digitální službu, a stát ho nedodržuje.🏫 AI dětem zveřejnilo kurikula umělé inteligence pro základky a střední školy.🙋‍♀️ Do 20. února se děti mohou elektronicky hlásit na střední školy.🗡️ Česká hra Kingdom Come: Deliverance II vede žebříček Steamu.👾 Fond audiovize podpoří videoherní průmysl.✉️ Asociace softwarových agentur píše vládě.👋 Wedos se v březnu na protest přesune do Lucemburska.🤖 OpenAI spouští AI agenta Deep Research.✨ Matfyz bude koordinovat vznik evropské konkurence pro OpenAI.🚀 Smoljak navrhuje, aby EU měla vlastní sociální síť.📊 Nejvíce domén jsme registrovali v listopadu.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---LinkodromNávrat k řemeslu obvykle značí neschopnost odvádět práci s výsledky. Peter Merholz se vrátil z Design Leadership Summitu s přesvědčením, že designéři, kteří se zaklínají návratem k poctivému řemeslu, jen maskují, že nejsou schopni navrhovat s opravdovým dopadem. Píše o tom v úterním newsletteru. Design se v mnoha firmách zredukoval na produkční funkci a řemeslo se stalo únikovým mechanismem pro týmy, které nemají vliv na klíčová rozhodnutí. Na panelové diskusi o řemeslu se ukázalo, že designéři se brání definovat kvalitu konkrétně, což podkopává jejich důvěryhodnost.---Všechny SEO rady nejsou stejně spolehlivé. Marek Prokop se na Linkedin zamýšlí nad spolehlivostí rad, které udílejí SEO konzultanti svým klientům. Podle Marka se doporučení liší podle míry jistoty jejich úspěchu. Nejspolehlivější jsou opravy jasných technických a obsahových chyb – ty vždy zlepší web. Druhou úroveň tvoří best practices, které obvykle vedou ke zlepšení, ale mohou mít krátkodobé výkyvy. Nejméně jisté jsou experimenty. Mohou přinést skvělé výsledky, ale i selhání. – My designéři máme dvě oblíbené průpovídky: „To záleží.“ a „Důvěřujte mi.“ V SEO to bude asi podobné.---Právo na uživatelskou přívětivost. Advokátka Petra Dolejšová a designér Ondřej Illinčev se společně pustili do největších bolestí UX designu způsobených zákonnými požadavky. Checkboxy na webu často nejsou nutné, ale právní oddělení je tlačí všude – i tam, kde škodí UX a výkonu. Právně platný opt-in nemusí znamenat nekonečné zaškrtávací políčka – stačí jasně formulovaný aktivní krok uživatele. Příklady dobré praxe ukazují, že jde souhlasy s newslettery, registracemi i cookies řešit elegantněji. Klíčem je hledat rovnováhu mezi právní jistotou a uživatelskou přívětivostí.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Přístupnost v typografii se často zaměřuje na velikost písma a kontrast, ale skutečná čitelnost začíná na úrovni jednotlivých znaků. Olivia King, inspirovaná výzkumem Sophie Beier, vytvořila Inclusive Sans – moderní písmo navržené pro maximální čitelnost, zejména pro lidi se zrakovým či neurodiverzním postižením. Písmo zajišťuje jasnou rozlišitelnost podobných znaků (např. „I“, „l“, „1“), otevřenější tvar písmen a větší střední výšku.---Jakou návštěvnost přivádějí AI chaty? ChatGPT nebo Perplexity jsou už tak rozšířené, že se z nich pomalu stává významný zdroj návštěv. AI Overview Report pro Looker Studio ukazuje na datech z Google Analytics, kolik návštěv, z jakých zdrojů a na jakých stránkách přichází z webů a aplikací umělé inteligence.---Budoucnost, která nebyla. Pamatujete ještě dobu, kdy nebylo jasné, že mobilní telefon je obdélník vyplněný dotykovým displejem s průhledem na objektiv kamery? Nokia Design Archive přináší dobové dokumenty z let 1992 až 2013. Kromě fotografií skutečných telefonů se v archivu můžete rochnit ve skicách a renderovaných obrázcích vizí mobilních zařízení, která už nikdy nespatří světlo světa.---Brašna s nářadímNěkdy se hodí dostat zprávu, když se na webu něco semele. Obvykle si pošleme e-mail nebo SMS, ale mohli bychom si posílat i notifikace. Služba ntfy.sh se hodí právě pro tyhle příležitosti. Využijete ji i třeba pro různé prototypování nebo při testování. Uplatnění najde i ve spolupráci s cron-jobs.org, o kterých jsme psali nedávno.---Abychom si rozuměliNadpisy článků ze slovníčku webového designu by se daly číst jako věta: Dopis z budoucnosti, Lidé na webu nečtou.Lidé na webu čtou. Ostatně vy jste toho právě teď důkazem. Ke čtení ale přistupujeme trochu jinak, než by si tvůrci obsahu představovali. Tenhle článek pojednává o ...
    Show more Show less
    6 mins
  • Forma a funkce: Řekni si o web #55

    Forma a funkce: Řekni si o web #55
    Jan 29 2025
    (00:00) Řekni si o web #55(00:21) Telegraficky(00:49) Linkodrom(03:07) Život s technologiemi(03:33) Brašna s nářadím(03:46) Abychom si rozuměli(04:13) Akce na únor(04:24) Havran a rozloučení---Telegraficky📰 Seznam na titulce shrnuje odkazované články.🏷️ Tržby e-shopů v lednu padají i o polovinu oproti Vánocům.🗺️ Google Maps přejmenují Mexický záliv.✨ Deepseek AI překvapila a teď i generuje obrázky.🍎 Nový iOS 18 už má instalováno přes 76 % iPhonů.Sledujte nás přes sociální sítě. Naše profily najdete na sítích Twitter, Threads, Bluesky, Linkedin a Facebook.---LinkodromForma a funkce ruku v ruce. Design není jen věcí estetiky ani jen funkčnosti – oba aspekty jsou neoddělitelné a navzájem se ovlivňují. Každý prvek, ať už je čistě dekorativní nebo vysoce funkční, má svou formu i účel. Návrháři se liší pouze v důrazu, který kladou na jednu nebo druhou složku. Dobrý design se snaží o rovnováhu mezi efektivitou a estetikou, píše Petr Staníček na svém obnoveném blogu, přičemž estetika není jen otázkou líbivosti, ale zahrnuje i emoce, záměr a kontext. Špatný design často pramení spíše ze špatného zadání nebo nevhodného výběru designéra než z inherentní chyby v návrhu samotném.---Nevyčleňujte z webu přístupnou verzi. Radek Pavlíček píše, že tvorba separátních verzí webů pro uživatele se specifickými potřebami, například nevidomé, má řadu problémů. Tyto verze často omezují přístup k obsahu, vyžadují nákladnou údržbu a uživatelé je mohou vnímat jako formu segregace. Správným řešením je zajistit přístupnost přímo v hlavní verzi webu – od kompatibility s asistivními technologiemi až po přehledný design a srozumitelný obsah. Přístupnost by měla být součástí celkového návrhu, nikoliv samostatným řešením. Výjimkou může být jazyková verze pro neslyšící ve formě videí v českém znakovém jazyce.---Jak na verzi webu v českém znakovém jazyce. Vytvořit web přístupný neslyšícím znamená víc než jen přidat videopřeklady textů do českého znakového jazyka. Struktura, obsah i umístění videí musí být pečlivě promyšleny. Neslyšící, pro které je čeština cizí jazyk, preferují informace ve znakovém jazyce. Videa by měla být dostupná v samostatné sekci webu označené názvem „Informace v českém znakovém jazyce“ a ideálně doplněné znakem pro český znakový jazyk. Rozložení stránky by mělo být lineární, s důrazem na viditelnost videa už nad foldem. Obsah je třeba pravidelně aktualizovat a přizpůsobit konkrétní cílové skupině.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---O víkendu končí výstava Identita v pražském Museu Kampa. V úterý jsme si byli v Sovových mlýnech poslechnout povídání o knížkách s Martinem Pecinou. Pokud vám nějaká masterclass se špičkami českého grafického designu unikla – všechny je najdete na webu veřejnoprávní televize. A jestli jste nestihli film v kinech, za cenu jedné vstupenky je teď k mání na VOD platformách.---Život s technologiemiV pondělí jsme strávili dopoledne v natáčecím studiu. Pořizovali jsme si materiál, na kterém AI vytrénuje naše digitální dvojníky. Chceme se pustit do e-learningových kurzů a práce s generovaným videem s avatarem bude efektivnější než hodiny a dny strávené natáčením. Ostatně vyzkoušeli jsme si to už na voiceoverech s našimi robohlasy.---Brašna s nářadímV toolboxu nám tento týden přistála služba na přesměrování webových stránek ForwardDomain.net. Pro nastavení pravidel používá neortodoxně DNS.---Abychom si rozuměliVe slovníčku jsme se podívali na výrazy graceful degradation a progressive enhancement a long-term support. Ten první výraz souvisí s univerzálním designem, který jsme tu měli před týdnem. Jen se vlastně na tu problematiku dívá technickým pohledem. Long-term support pak představuje hodnoty, které jdou proti rychloobrátkovému spotřebnímu pohledu na podnikání a snaží se pohlížet na web jako na produkt, který tu vydrží dlouhou dobu.---Akce na únor zahrnují Czech Online Expo, AI Restart, Global Ecommerce Congress a Den bezpečnějšího internetu. V kalendáři svoje místo našly i komunitní setkání Pyvo a UX Monday.---A to je z posledního zpravodaje Řekni si o web pro leden 2025 všechno. Před 180 lety přišel pozdní host, jenž z nenadání zaklepal tak neslyšně – jednou jen a pak již ne. Díky, že nás 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...
    Show more Show less
    5 mins
  • Jednorázové kódy jsou za trest: Řekni si o web #54

    Jednorázové kódy jsou za trest: Řekni si o web #54
    Jan 24 2025
    (00:00) Řekni si o web #54(00:19) Telegraficky(00:55) Linkodrom(03:37) Brašna s nářadím(03:58) Abychom si rozumněli.(04:11) 75 tipů, jak si říct o web(04:22) Rozloučení a Skauting pro chlapce---Telegraficky🧠 Seznam zavádí shrnutí vyhledávání umělou inteligencí.🍿 Zakázali v Americe TikTok?✨ Google aktivuje AI Gemini pro Workspace všem a mluví česky a slovensky.💬 ChatGPT dostal úkoly.✖️ Německé zamini a obrana odešly z X.🧑‍🏫 Spotify zavádí výukové kurzy.💙 Na Bluesky můžete použít svou doménu jako přezdívku.🪪 Voliči se směli u voleb prokázat digitální občankou.🖋️ Signatura v e-mailu je elektronický podpis.🛡️ Láďa je v Trezoru.Sledujte nás přes sociální sítě. Naše profily najdete na sítích Twitter, Threads, Bluesky, Linkedin a Facebook.---LinkodromČtyřbodová mřížka pro konzistentní a efektivní návrh rozhraní. UI designéři jí říkají 4-pixel grid. Čtyřbodový grid všechny prvky rozhraní zarovnává na násobky čísla čtyři. Nabízí větší granularitu než dříve často používaný osmibodový grid. Je ideální pro zahuštěnější rozhraní a různá rozlišení. Usnadňuje práci designérům i vývojářům díky snadnému zarovnání a předem definovaným pravidlům. Mřížka podporuje vizuální rovnováhu a rychlé škálování rozhraní.---Vyšel Tailwind ve verzi 4. Tailwind je CSS framework. Frontendisti si ho pochvalují, protože zrychluje vývoj webových stylů díky připraveným třídám. Verze 4.0 přináší rychlejší sestavení, využívá moderní technologie jako cascade layers a container queries a umožňuje snadnou konfiguraci přímo v CSS. V nové verzi obměnil Tailwind barevnou škálu a přichází se živějšími odstíny, s 3D transformacemi a pokročilými gradienty. Instalace je výrazně jednodušší, což šetří čas vývojářů a usnadňuje práci na moderních webových projektech. O novinkách mluvil Lubomír Blažek na Frontkonu.---Na KISKu opět otevírají distanční bakalářské studium designu služeb. Minule přijali 14 % přihlášených. K přijetí stačilo 54,5 bodu ze sta. Lhůta pro podání přihlášky končí o půlnoci 28. února. Absolventi se uplatňují jako designéři, výzkumníci a produkťáci v online i offline službách. Distanční studium probíhá kompletně online a z velké části asynchronně, a proto se hodí pro nás, kdo jsme nestihli vystudovat ve dvaceti. Přesto to není úplně brnkačka a při studiu vedle práce a péče o rodinu se zapotíte.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Konference X4B oznámila první přednášející. Experience for Business se letos koná 24. dubna a ještě stihnete koupit early bird vstupenky, takže nepotřebujete žádný slevový kód. Na konferenci vystoupí Hana Wallenfelsová z Partners Banky s případovkou stavění nové banky na zelené louce. O penězích bude mluvit i partner z Direct Family Aleš Stýblo a designéry budou reprezentovat Lucia Ciranova, BoB Marvan a Marek Mencl. (Tohle není placená spolupráce. Prostě máme rádi lokální odborné akce.)---Jednorázové přihlašovací kódy. Přihlašovací kódy se staly běžnou součástí zabezpečení, ale jejich UX často selhává. Na zoubek se jim podíval Brad Frost. Problémy jako opožděné doručení, složitý nebo nejasný text zpráv, komplikované zadávání kódu do několika políček nebo nemožnost jednoduchého kopírování a vkládání vytvářejí frustraci uživatelů. Ideálním řešením by však bylo úplně eliminovat potřebu těchto kódů, protože současná zkušenost je pro uživatele za trest.---Brašna s nářadímDo brašny s nářadím jsme přidali ImprovMX. Je to služba pro přesměrování e-mailů. Pokud spolupracujete na nějakém projektu s lidmi s e-maily na různých doménách a chtěli byste používat e-mail s doménou projektu, ale bez zřizování dalších e-mailových schránek, pak je tohle služba pro vás.---Abychom si rozuměliSlovníček výrazů jsme rozšířili o termíny cherry picking, univerzální design a above the fold. Dohromady už jich od začátku ledna máme patnáct.---Knížka 75 tipů, jak si říct o web. Po dlouhé době klesla cena naší knížky v online knihkupectvích pod pět set korun i s doručením. Pokud jste na takový okamžik čekali, doplňte si knihovničku.---A to je z třetího zpravodaje Řekni si o web roku 2025 všechno. Tento den roku 1908 britský generál Lord Robert Baden-Powell založil první chlapecký skautský oddíl. Díky, že nás nejen čtete, ale také o sobě dáváte vědět. Pokud pro nás máte nějaký tip, o čem příště psát, co 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 ...
    Show more Show less
    5 mins
  • Přehled akcí na rok 2025: Řekni si o web #53

    Přehled akcí na rok 2025: Řekni si o web #53
    Jan 17 2025
    (00:00) Řekni si o web #53(00:20) Telegraficky(00:54) Linkodrom(03:25) Kalendář akcí 2025(04:09) Brašna s nářadím(04:34) Abychom si rozuměli(04:45) Závěr a Válka v přímém přenosu---Telegraficky🚖 Taxislužba Liftago patří Livesportu.👽 Alza rostla, trh klesal.🧊 Actum získalo německou agenturu Kuehlhaus.🧧 Čína zvažuje předání TikToku Muskovi.🚆 České dráhy vybaví pomalý vlak do Brna Starlinkem.🐘 Mastodon se stane evropskou neziskovkou.🏛️ Senát nestojí o odklad práva na digitální službu.✅ Vláda nepotřebuje pomoc s velkým sociálním průzkumem.🎧 Google chce, abychom ho poslouchali.Sledujte nás přes sociální sítě. Naše profily najdete na sítích Twitter, Threads, Bluesky, Linkedin a Facebook.---LinkodromCo na vašem webu vidí Googlebot? Zdeněk Dvořák připomíná, že bychom si jednou za čas měli otevřít náhled zobrazení svého webu v Google Search Consoli. Uvidíme díky tomu, jak stránku renderuje crawler vyhledávače.---Vyhledávači, indexuj hned! Chtěli byste umět zaklínadlo, díky kterému robot vyhledávače přijde zaindexovat nově vzniklou webovou stránku hned? Přesně takhle funguje API IndexNow. Zaregistrujete svůj API klíč, a pak můžete vyhledávači pingnout novou URL k indexování. Dobrou zprávou je, že stačí oznámit existenci adresy jen jednomu z vyhledávačů, které IndexNow podporují, protože si mezi sebou informaci nasdílejí. Google se sice ještě nepřidal do party, ale protokol podporuje třeba český Seznam a také Bing, takže vaše adresy rychle dostanou i uživatelé Copilota a ChatGPT.---Mýty o UX. Aleš Krejčí přeložil do češtiny přehled rozšířených mýtů. Od doby, kdy učíme, snažíme se pro studenty dohledávat zdroje oblíbených pouček a tvrzení o správném designu. Často pak zjistíme, že tvrzení má určitou oporu v realitě, ale jeho platnost je silně podmíněná specifickým kontextem – ne, jsou to prostě nesmysly, a teď už máte i odkaz, který můžete lidem posílat, až zase s něčím přijdou.---Jak testovat vzhled stránek. Vizuální design ovlivňuje první dojem uživatelů a vnímání značky. Pro otestování vzhledu můžeme použít postojové metody (např. pětisekundový test, test prvního kliknutí nebo preferenční testování), které zkoumají první dojmy, nebo behaviorální metody (A/B testování, eyetracking), které analyzují vliv na chování. Výběr metody závisí na cílech – od estetiky po použitelnost. Správnou metodu vám pomůže vybrat Megan Chan ve článku Testing Visual Design: A Comprehensive Guide.---Karty reakcí na produkt. Naší oblíbenou metodou testování působení webu na uživatele jsou Product Reaction Cards. Je to 118 výrazů, které vzešly z výzkumu Microsoftu. Můžete si je buď vytisknout z Martinovy tabulky, nebo napište Petrovi Štědrému z UXWell o jeden z těch hezkých balíčků v češtině, slovenštině nebo angličtině.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Poznáte dark pattern? Je tu čas na hru. Kdykoli píšeme o dark patterns, má to velký ohlas. Tak si dnes můžete vyzkoušet, jak dobře tyhle manipulativní techniky na webu odhalíte. Dark Patterns Detective vám ukáže několik webových stránek a vaším úkolem bude odhalit všechny manipulace. Hru pak můžete vyzkoušet doma s dětmi, s partnerem nebo rodiči. Buďte ve střehu!---Kalendář akcí 2025Po vydání minulého newsletteru si Petr Staníček vyžádal aktualizaci kalendáře odborných akcí. Doplnili jsme termíny konání velkých konferencí a barcampů na celý rok, taže teď už nás čeká jen přidávání ad hoc komunitních setkání.Ze stovek akcí vybíráme jen ty nejzajímavější:České akce* Leden: Women in IT #Prague, E-mail Restart a AI a tvorba obsahu* Únor: AI Restart, Czech On-line Expo* Březen: Digitální Česko, UX Day a SEO Date* Duben: Ecommerce Summit, Project Restart, X4B a Marketing Festival* Květen: PPC Restart, Content First a WebExpo* Září: Reshoper, ShopCamp a SEO Restart* Říjen: E-business Forum, Data Restart* Listopad: Czech Internet Forum, WebTop 100, Brand Restart, Křišťálová Lupa a INSPOZahraniční konference* Únor: UX Research by the Sea (Brighton)* Březen: DIBI (Edinburgh), SXSW (Austin), Advancing Research (Online)* Duben: prompt:UX (Berlín), UXinsight (Leiden)* Květen: btconf ′25 (Düsseldorf), Figma ConFig (San Francisco & Online), OFFF (Barcelona), DDX 2025 (Mnichov), UXLx (Lisabon)* Červen: UXR Conf (San Francisco & Online), UX London (Londýn), Design Matters (Kodaň & Online), TheNextWeb (Amsterdam) a Pixel Pioneers (Bristol)* Září: Upterdam (Bratislava), Smashing Conf (Freiburg), WaysConf (Krakov), UX Nordic (Kodaň & Online)* Říjen: UXcon Vienna (Vídeň), World Usability Congress (Štýrský Hradec), PushUX (Mnichov)* Listopad: UX Brighton (Brighton)Nekonference* Duben: ...
    Show more Show less
    5 mins
  • Nové knihy v UX: Řekni si o web #52

    Nové knihy v UX: Řekni si o web #52
    Jan 8 2025
    (00:00) Řekni si o web #52(00:20) Telegraficky(00:47) Linkodrom(03:46) Nové knihy o UX(04:29) Brašna s nářadím(05:12) Abychom si rozuměli(06:54) Kalendář akcí(07:09) Elvis Presley a rozloučení---Telegraficky🪪 Občanku v mobilu už vám přijmou i na poště.👛 DIA evropskou digitální peněženku postaví nebo koupí.💰 Fakturoid vystavil v prosinci faktury za 10 miliard.🙊 Facebook, Instagram a Threads ruší cenzuru ruší fact checking.🚧 České Radiokomunikace postaví na Zbraslavi datacentrum.🎫 Na konferenci X4B ještě seženete vstupenky za early bird cenu.LinkodromZnáte hru na Černého Petra? Hned dvě takové karty přistály v rukou polského Allegra. Michal Mareš pro Hospodářky vyzpovídal Giuseppe Panareseho, předsedu představenstva Allegro Retail.Citujeme: Je to hodně těžký trh a dost odlišný od toho, na co jsme zvyklí v Polsku. Český zákazník vyžaduje při online nakupování velké pohodlí. Musí se mu vyjít vstříc, třeba placení na dobírku v Polsku prakticky neexistuje a tady je to naprosto běžná metoda. Podobné to je s výdejními boxy. V Polsku je máme, ale tady to je next level.— Giuseppe PanareseNový šéf Allegra pro mezinárodní byznys v rozhovoru přiznává, že jim plány s e-shopy Mall a CZC nevyšly, což vedlo k jejich integraci do tržiště Allegro.cz. Český trh označuje za náročný, ale inspirativní, s unikátními návyky zákazníků. Panarese věří, že díky zkušenostem z Česka může firma uspět i na dalších trzích. Co tě nezabije, to tě posílí.---Google aktualizoval SEO doporučení pro využití CDN. Pavel Ungr na Twitteru upozornil na nové doporučení k využivání Content Delivery Networks (CDN) z pohledu robota vyhledávače. CDN výrazně zrychlují načítání webů tím, že uživatelům servírují obsah z geograficky blízkých serverů. Kromě toho poskytují ochranu před přetížením či kybernetickými útoky. Procházení webu roboty, jako je Googlebot, je na CDN efektivnější, ale přináší výzvy jako inicializace cache nebo možnost blokování crawlerů kvůli nastavení firewallu. Pro optimalizaci je důležité správně nastavovat přístupová pravidla, používat nástroje jako Google Search Console a pravidelně kontrolovat blokace.---Linkedin míří do šuplíčku, sdílí své pochybnosti o budoucnosti LinkedInu Lukáš Pítra, který považuje Linkedin za přeceňovaný a pomalu mířící do útlumu. Sdílí je ale na Linkedinu. ;) Plánuje se v roce 2025 více zapojit do komunitních akcí, networkingů a setkání zaměřených na byznys, ale naráží na problém: kam jít? Hledá tipy na příjemná setkání s inspirativními lidmi, která nejsou zaměřená čistě na obchodní zájmy. Tak se mu ozvěte. A taky Kubovi a Martinovi. Něco podnikneme.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---To je zajímavá hypotéza – jestli jste někdy spolupracovali s Petrem Štědrým, nejspíš jste od něj tuhle hlášku slyšeli. Designové hypotézy pomáhají řešit složité a nejasné projekty tím, že strukturovaně definují problém a testují možná řešení. Kai Wong na příkladu Netflixu z roku 2010 ukazuje, jak se vypořádali s výzvou vytvořit rozhraní pro PS3, kde žádné podobné předchozí zkušenosti neexistovaly.Vzor hypotézy: Předpokládáme, že vytvoření [zkušenosti] pro [uživatele] povede k [výsledkům] díky [zdůvodnění].Pomocí hypotéz identifikovali potřeby uživatelů a následně navrhli řešení. Hypotézy poskytují rámec pro výzkum, testování a definování záměrů designu, což umožňuje lépe strukturovat proces a řešit neznámé situace.---Nové knihy o UXLoni jsme smutně psali, že skončilo nakladatelství A Book Apart. Přesto vyšla řádka zajímavých knih. Ne všechny už jsme stihli přečíst, ale možná vás některé z nich inspirují:Když se podíváte na knížky o UX z minulého roku na WorldCat nebo Amazon, zjistíte, že jich úplně málo není. S demokratizací ve vydávání knížek díky print on demand a e-bookům navíc vydá knížku úplně každý, kdo chce. I v našem přehledu najdete několik samizdatů. Z nakladatelství zaměřených čistě na knížky o UX už zbyly jen Rosenfeld Media, a tak začíná být těžké se v knižní produkci vyznat. Budeme rádi, když se k nám přidáte na Good Reads.---Brašna s nářadímTypopo opraví běžné typografické chyby v rukopisech. Když připravujete tiskovinu, máte v InDesignu doplněk, který pomocí regulárních výrazů vyřeší většinu typografických poklesků, jenže co na webu nebo při přípravě newsletteru? Přesně takhle se před deseti lety trápil Braňo Šandala. Z jeho trápení vyšel jednoduchý nástroj Typopo, který za vás v textu dosadí správné uvozovky a apostrofy, opraví pomlčky a mezery, nahradí tři tečky výpustkou, doplní nedělitelné ...
    Show more Show less
    8 mins
  • Trendy a předsevzetí: Řekni si o web #51

    Trendy a předsevzetí: Řekni si o web #51
    Jan 1 2025
    (00:00) Řekni si o web #51(00:20) Telegraficky(01:00) Linkodrom(03:25) Brašna s nářadím(04:45) Abychom si rozuměli(05:39) Pozvánka na akce(06:00) Rozloučení a S tebou mě baví svět---Telegraficky📱 V Indii vyjde 1 GB mobilních dat na 0,16 dolarů (u nás je to 2,93 dolarů).💬 ChatGPT a Sora měly výpadky.🛂 Američané mohou uložit svůj cestovní pas do Google Wallet.🫰 Bluesky pracuje na monetizaci a spouští trending topics.🤖 Google navrhuje vyčlenit hledání, obchod a prohlížeč z Androidu.✖️ Předplatné X podražilo.📈 Telegram končí rok 2024 v zisku.📽️ Youtube zkouší funkci Play something.⚡ EU sjednotila nabíječky mobilů a dalších zařízení.Každý den vám připravujeme na sociálních sítích Twitter, Threads, Bluesky, Linkedin a Facebook.---LinkodromUX novoročních předsevzetí? Vlastně proč ne. My UX designéři máme přeci tu superschopnost aplikovat své postupy na jakoukoli oblast. Robert Werkmeister doporučuje podívat se na sebe jako uživatele a začít analýzou vlastních potřeb a cílů. Pokračuje taktickými radami, jak u projektu Předsevzetí 2025 mitigovat riziko neúspěchu. Nám se na tom nejvíc líbí představa, že budeme předsevzetí průběžně upravovat na základě zpětné vazby.---Soustřeďte se na pokrok, s touhle radou přichází Christopher Nguyen. Myslí si, že hlavní potíž s předsevzetími je, že se na ně díváme jako na dokonalý cíl. Přitom už jen dílčí úspěchy jsou důvodem k oslavě.---Desatero předsevzetí pro designéry v roce 2025 představil v pondělí Simon Sterne:* Letos budu mít v souborech pořádek.* Budu používat méně fontů v návrzích.* Naučím se ten skvělý nový framework.* Budu trávit méně času na Dribbble a Behance.* Přestanu si stěžovat na klienty.* Budu si dělat přestávky a vyhnu se vyhoření.* Přestanu být posedlý dokonalostí pixelů.* Budu sledovat trendy v designu.* Přestanu říkat „Ještě jedno vylepšení“.* Konečně si vytvořím vlastní webové stránky.Vidíte se v Simonových předsevzetích? S osmičkou vám rovnou pomůžeme…---Trendy v UX pro rok 2025 jsou tentokrát více než jasné.Přístupnost se hlásí s termínem účinnosti evropského zákona o přístupnosti. Připadá na sobotu 28. června 2025.Umělá inteligence nás nenechá vydechnout. Možná nám s prací pomůžou slibovaní autonomní AI agenti a dost možná začneme navrhovat adaptivní rozhraní, o kterých se celý rok mluvilo.To je ale teprve začátek. State of UX přináší dalších sedm postřehů k tomu, co nás čeká. Budeme si muset zvykat na upřednostňování obchodních cílů před uživatelskými potřebami. Empatie ustupuje datově řízeným rozhodnutím. Designéři ztrácejí kontrolu nad produktem ve prospěch growth týmu a algoritmů.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Zkuste to s nástěnkou v Miro. Co neměříte, jako by se nestalo. Týká se to i pokroků v plnění novoročních předsevzetí. Jednoduchá nástěnka vám umožní, abyste měli předsevzetí dobře formulovaná. Budete je mít neustále na očích a můžete průběžně sledovat, jak se vám daří dosahovat dílčích úspěchů.---Brašna s nářadímNěkdy je praktické namísto jednotlivých obrázků v SVG použít pro vektorovou grafiku na webu vlastní font. Tenhle přístup znáte z Font Awesome, který obsahuje tisíce ikon. Typické použití zahrnuje nejen ikonky, ale třeba různá loga a značky. V CSS se s fontem už pak vyrovnáte pomocí obsahu pseudo-elementů. U ikonkových fontů je dobré pamatovat na přístupnost. Při hlasitém čtení se místo ikony ozve písmeno, jehož pozici ve fontu ikona obsadila. Použijte atribut aria-hidden nebo aria-label.Pokud zrovna vzdycháte, že editory fontů jsou drahé, složité nebo jen pro macOS, potěší vás náš dnešní tip na nástroj: Glyphter je bezplatný webový nástroj pro sestavení fontu z obrázků v SVG. V základní verzi nevyžaduje registraci a je zdarma. Výstupem jsou fonty (.eot, .ttf, .woff a .svg) a předpis stylů pro vložení fontů do webové stránky. Pokud by vám chyběl formát OTF, můžete výsledný font zkonvertovat. Fonty vám budou samozřejmě fungovat i třeba ve Wordu.Glyphter je opravdu jen základní nástroj a nevyužijete u něj pokročilejší vlastnosti jako kerningové páry, ligatury, alternativy a nemáte pod kontrolou ani písmové metriky. Pro tvorbu textového písma bychom vám jej spíše rozmlouvali, ale pro ikonkové fonty je to ideální nástroj pro začátečníky.---Abychom si rozuměliMentální model je představa lidí, jak věci fungují. Obraz toho, jak věci fungují doopravdy, označujeme za koncepční model. Když je koncepční model v souladu s mentálním modelem, říkáme o věci, že je použitelná.Poznat mentální model uživatelů je pro designéry klíčové. Využívají...
    Show more Show less
    6 mins