Épisodes

  • Placeholder nenahradí formulářové popisky: ŘSoW#71
    May 20 2025
    (00:00) Řekni si o web #71(00:26) Telegraficky(01:13) Designérský tip(01:40) Linkodrom(05:26) Přístupnost 100(06:44) Brašna s nářadím(07:15) Abychom si rozuměli(08:36) Pozvánka na Festival kreativní byrokracie(08:52) Sonety a rozlučka---Telegraficky🐼 Influenceři by nás Číně prodali.⚖️ Antimonopolní úřad provedl razii v Seznamu nelegálně.🛜 Loni jsme na mobilech prodatovali o třetinu více dat než předloni.✨ Codex od OpenAI je AI agent pro vývoj softwaru.🧸 EK sbírá připomínky k Pokynům k ochraně nezletilých osob podle DSA. ⏲ Apple vydal nový Car Play.🚨 Coinbase unikla data uživatelů.🍟 TikTok v Česku sleduje každý třetí.💭 Na Bluesky česky publikuje jen něco přes čtyři tisíce účtů.🔝 Proběhl SEOloger Naživo.🚀 Dnes začíná Coogle I/O 2025.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Designérský tipNezapomeňte na popisky formulářů. Formuláře musí být jasné a bez překvapení.❌ Pouze placeholdery uvnitř polí✅ Viditelné popisky u každého pole👉 Jasné instrukce i po vyplnění.👉 Vyšší úspěšnost vyplněných formulářů.Popisky šetří nervy.---LinkodromGoogle Material 3 Expressive přináší živé barvy a výraznou typografii. Google aktualizoval svůj designový systém Material You na Material 3 Expressive. Aktualizace přináší kromě živých barev také animace a nové komponenty, které mají zvýšit emocionální zapojení uživatelů. Zaměřuje se na generaci nejmladších dospělých, kteří preferují expresivní design před minimalistickým stylem iOS. Material 3 Expressive bude debutovat v beta verzi Androidu 16 a později bude dostupný na zařízeních Pixel.---Jak snížit míru opuštění webu díky UX designu. Vysoká míra opuštění webu signalizuje problémy v designu. Loop11 nabízí konkrétní strategie: rychlé načítání stránek, přehlednou navigaci, kvalitní obsah, mobilní přizpůsobení a jasnou vizuální hierarchii. Příklady z praxe ukazují, že zlepšením UX lze výrazně snížit bounce rate a zvýšit konverze.---Skoro čtvrtina e-shopařů nepoužívá AI. Nemají čas se s ní učit, zjistil průzkum GoPay. Pokud také nemáte čas učit se AI používat, Google pro vás připravil průvodce promptováním. Že má 68 stránek vás děsit nemusí. Jen stránky 2, 3 a 67 přinášejí nové informace – zbytek jsou příklady použití. To Claude na to jde víc důkladně. I pokud už promptujete jako Bambuch, ukáže vám jejich návod, jak fungují různé přístupy a k čemu se který hodí.---SEO specialisti očekávají výrazný pokles přístupů z vyhledávačů v důsledku nasazení AI shrnutí do výsledků hledání. Vojtěch Fiala upozorňuje, že největší propady můžeme čekat u informačních dotazů, kterých je skoro devadesát procent. Bude hůř, myslí si Pavel Ungr, protože Google zkouší vyhledávání nahradit chatem a je jen otázkou času, kdy do svých odpovědí AI chaty začlení placenou reklamu.---UX výzkumníci by neměli AI přenechávat syntézu generativního výzkumu. Podle Jona Kolka syntéza není jen formálním mezistupněm k vytvoření výstupu. Je to proces porozumění a propojení nových poznatků s tím, co už víme. Právě aktivní reflexe dává výzkumu smysl a hodnotu – jak pro jednotlivce, tak pro celý tým. Předání syntézy AI snižuje přínos výzkumu a ochuzuje nás o tu nejdůležitější část poznání: vlastní pochopení a poznání.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Zpráva o přístupnosti e-mailů ukazuje, že snad neexistuje HTML e-mail bez problémů s přístupností. Z 443 585 testovaných zpráv jich jen 21 prošlo všemi automatizovanými testy. Všechny byly od Parcel.io nebo NaomiWest.ca. Selhávají nejen nástroje pro tvorbu šablon, ale i samotné poštovní klienty – pouze jeden podporuje prvky HTML/CSS potřebné pro přístupnost. A co vaše e-maily?---Focus priming. Až budete testovat přístupnost webu nebo e-mailu, vyzkoušejte techniku focus primingu, doporučuje Martin Underhill. Místo toho, abyste zkoušeli navigovat se pomocí tabulátoru z klávesnice od začátku dokumentu, klepněte nejdřív myší náhodně kamkoli na obrazovce. Přesunete tím výchozí pozici tabulátorového kurzoru.---Do prvního dne účinnosti evropského zákona o přístupnosti zbývá 39 dnů. Na sociálních sítích Bluesky, Twitter, Threads, Linkedin a Facebook publikujeme tipy pro přístupnost webu. Sledujte #Přístupnost100.---Zapojte vývojáře do designového procesu od samého začátku. Získáte lepší rozhodnutí, úsporu času a posílíte týmovou kulturu. Vývojáři dokážou včas upozornit na technická omezení, navrhnout škálovatelná řešení a obohatit kreativní proces svým pohledem.---Katalog návrhových vzorů pro uživatelské rozhraní z dílny ...
    Afficher plus Afficher moins
    9 min
  • Jsou Figma Sites slepou uličkou? ŘSoW#70
    May 13 2025
    (00:00) Řekni si o web #70(00:27) Telegraficky(01:20) Designérský tip(02:08) Linkodrom(07:13) Brašna s nářadím(07:48) Abychom si rozuměli(09:54) Pozvánka na Festival kreativní byrokracie(10:08) Stříháme metr(10:33) Příborový nůž a rozloučení---Telegraficky⚖️ Evropská komise žene Česko před soud. Nevymáháme dostatečně DSA.✨ Google spouští AI shrnutí v českém a slovenském vyhledávání.🆕 Figma představila produktové novinky.🎬 Netflix redesignuje.🦾 Zapier propojuje aplikace s AI přes MCP.🏄 Proč za 3 miliardy dolarů OpenAI kupuje Windsurf.♿ WCAG 3.0 přinese nový model hodnocení přístupnosti.🪤 Anti-řetězák uvádí řetězové e-maily na pravou míru.📟 Tom Krcha slibuje mód vizuálního navrhování pro Cursor, VS Code a Windsurf.🥳 Proběhl Marketing Festival.🤝 Začal ISSS.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Designérský tipZobrazujte uživatelům, kde právě jsou. Navigace webu musí ukazovat aktuální polohu.❌ V menu vypadají všechny položky stejně✅ Zvýrazněná aktuální stránka v navigaci👉 Lidé snáze pochopí strukturu webu.👉 Sníží se frustrace z hledání.Přehledná navigace → spokojený návštěvník.---Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 🎰 777 odběratelům nebo newsletter sdílejte.Děkujeme!---LinkodromZkratky a gesta zvyšují efektivitu uživatelského rozhraní pro pokročilé uživatele. Akcelerátory, jako jsou klávesové zkratky, gesta nebo hlasové příkazy, pomáhají zkušeným uživatelům zrychlit rutinní úkony a zvýšit efektivitu práce v uživatelském rozhraní. Slouží jako alternativní cesta ke stejnému cíli, kterou nováčci mohou ignorovat. Křivku učení podporuje postupné odhalování bez zahlcení začínajících uživatelů.---Jak pojmenovávat design tokeny. Vitaly Friedman na Linkedin sestavil seznam odkazů na dobré příklady pojmenovávání design tokenů. Nástroj Name Design Tokens vám tuhle rutinu usnadní tím, že vám vždy nabídne jen relevantní možnosti na výběr.---“Most of the work of design is facilitating decisions, not making artifacts.” — Erika Hall---Jak AI mění způsob, jakým ovládáme software. Rozhraní postavené na chatu, které popularizoval ChatGPT, opět připomnělo éru textových terminálů: výkonné, ale nepřehledné. AI přetváří tradiční návrhové vzory UX: umožňuje kontextové akce pravým tlačítkem, přirozené hledání („najdi daňové doklady“) nebo intuitivní výběry („příští úterý“ místo klikání v kalendáři) a samozřejmě i našeptávání. Přibývá i inline zpětné vazby a automatických návrhů. Skutečnou revolucí by však mohlo být zcela generované UI – zatím s otazníkem. Tradiční software tak brzy může působit zastarale, myslí si Allen Pike.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Analýza dat z uživatelských testů krok za krokem. Analýza kvalitativního uživatelského testování vyžaduje hlubší práci se složitými daty, hypotézami a interpretací. Maria Rosala navrhuje čtyřkrokový rámec: sběr relevantních dat, posouzení jejich spolehlivosti, vytvoření vysvětlení a ověření jejich shody s daty. Proces je iterativní a často odhalí nové otázky.---“Designers who are trying to do strategy in the same way they do design will usually end up starting a fight.” — Pavel Samsonov---Underpromise a overdeliver není dobrý nápad. Přístup „slib méně a překvap“ vypadá mazaně, ale Dan Mall si myslí, že je toxická a kontraproduktivní. Podle Dana je záměrné snižování očekávání klienta s cílem později ho příjemně překvapit formou lži, která dlouhodobě podkopává důvěru. Pravidelné překvapování klienta ve skutečnosti narušuje vnímání spolehlivosti, což je opak toho, čeho bychom měli chtít dosáhnout. Místo toho Dan navrhuje prostě slíbit a doručit, co jsme schopní dodat – bez triků.---“Fall in love with the problem. With the complexity and difficulty of framing a need and defining success.” — Jesse James Garrett---Figma Sites jsou slepá ulička a nešťastný návrat WYSIWYGu. Pavel Samsonov nenechává na novém produktu Figmy nit suchou. Tvrdí, že místo tvorby skutečných webů Figma nabízí jen vizuální napodobeniny webů. Chybí podpora sémantické struktury, takže výstupy nejsou přístupné ani technicky kvalitní. Tato slepá ulička ukazuje hlubší problém v UX: disciplína se vzdaluje strategii a soustředí se jen na vzhled, nikoliv na obsah či smysl. Budoucnost funkčních webových nástrojů začíná u ...
    Afficher plus Afficher moins
    11 min
  • Nešetřete kontrastem: ŘSoW#69
    May 6 2025
    (00:00) Řekni si o web #69(00:26) Telegraficky(01:24) Jakubův designérský tip(01:53) Jingle(02:16) Linkodrom(07:27) Brašna s nářadím(07:51) Abychom si rozuměli(09:15) Přehled květnových akcí(09:41) Rozloučení a sonda Kosmos 482---Telegraficky📻 RRTV už ví, kdo je influencer hodný registrace.🪲 Chyba v AirPlay umožňuje vzdálené spuštění kódu přes Wi-Fi.🧃 Anthropic pomůže Applu s AI.💳 Apple povolí aplikacím platební brány.🧸 Google zpřístupní AI dětem.📙 NotebookLM dostane mobilní aplikaci.🐉 TikTok unáší data uživatelů do Číny.❓ CSS Tricks sbírají postřehy do zprávy o stavu vývojářů.🔐 Microsoft přechází na bezheslové přihlašování.❌ Muskova síť X přišla už o 10 % uživatelů z EU.✨ Studie: Umělá inteligence šetří čas, ale přidává práci.🤡 „AI-first“ není strategie, ale póza, říká Anil Dash.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Designérský tipNešetřete kontrastem. Nízký barevný kontrast textu komplikuje čtení a navigaci.❌ Světle šedý text na bílém pozadí✅ Černý nebo tmavě šedý text, jasné pozadí (nebo naopak)👉 Lepší čitelnost pro všechny (i v ostrém slunečním svitu).👉 Splníte zásady přístupnosti.Kontrast se počítá – doslova.---Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 770 odběratelům nebo newsletter sdílejte.Děkujeme!---LinkodromPenpot podporuje design tokeny nativně. Penpot – open-source alternativa k Figmě – podporuje otevřené standardy W3C DTCG, umožňuje import/export ve formátu JSON a propojuje jazyk designu s kódem. Díky tokenovým tématům lze snadno vytvářet různé módy a varianty komponent – například pro hrubý návrh nebo pro samostatné značky.---Jak psát chybové hlášky. Chybové zprávy rozhodují, zda se uživatel v potížích dostane dál, nebo se zasekne a frustrovaně odejde, píše Amy Hupe. Dobré microcopy je jasné, konkrétní, používá aktivní hlas a vždy nabízí další krok – bez zbytečné přezíravosti či infantilního humoru. Zásadní je rozlišit mezi chybami, které může uživatel sám opravit, a těmi, které vyžadují jinou formu podpory.---Věřte v sílu jednoduchého designu. Charlie Deets reflektuje hodnotu jednoduchého designu v komplexním světě. Jednoduchost podle něj umožňuje soustředění, zvyšuje použitelnost a nese jistou estetickou kvalitu, která může být pro někoho klíčová. Zároveň Charlie připouští, že jednoduchost může brzdit růst produktu a stát se nevýhodou v konkurenčním prostředí. Ideálem je proto schopnost vyvážit jednoduchost s rozšiřováním funkcí. Zvládnete to?---“When companies ‘pivot to AI’ what they’re actually doing is pushing that human labor deeper down the supply chain. Moving jobs to cheap, overseas labor that powers those chatbots.”— Tyler King---Co potřebujete vědět o evropském zákonu o přístupnosti? Zavádí nové povinnosti pro firmy a vývojáře digitálních produktů a služeb. Zákon se týká počítačů, terminálů, televizorů, čteček i služeb jako e-commerce, bankovnictví, komunikace či doprava. Účinný bude od 28. června 2025 pro nové služby, starší musí být v souladu až roku 2028. Výjimky platí pro mikropodniky. Dodržujte požadavky normy EN 301 549, která se řídí zásadami WCAG.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---UX drží pohromadě principy, vzory, heuristiky, charty. Designové týmy se potýkají s konzistentností, efektivitou a použitelností. Rachel Krause rozlišuje čtyři klíčové formy vedení: designové principy jako hodnotový rámec, heuristiky jako univerzální pravidla použitelnosti, návrhové vzory coby konkrétní řešení běžných problémů a týmové charty jako nástroje pro sladění spolupráce.---“Designers think by making. This is why prolific ideation is so important. You can delegate some to AI, but there are muscles that will atrophy. That is the intersection of systems thinking, interaction, framing and behavioural hypothesis in the journey of crafting. These muscles give you ingenuity.”— Hà Phan---Design neumřel. Nikdy jste ho nechápali. Nate Schloesser reaguje na časté, povrchní výkřiky o konci designu a UX. Nate tvrdí, že design mnoho kritiků nikdy nepochopilo. Neinformovaní manažeři zpochybňují designérská rozhodnutí bez pochopení metodologie. Nate kritizuje i samotné designéry, kteří podlehli vlastnímu egu. Nástup AI neznamená konec designu, ale nutnost změny přístupu. Design čeká dospělost – méně hype, více spolupráce, pokory a...
    Afficher plus Afficher moins
    10 min
  • Dopřejte obsahu prostor k nadechnutí: ŘSoW#68
    Apr 29 2025
    (00:00) Řekni si o web #68(00:28) Telegraficky(01:38) Pozvánka na webinář(02:17) Designérský tip(03:06) Linkodrom(07:37) Brašna s nářadím(07:50) Abychom si rozuměli(08:05) Přehled květnových akcí(08:35) #Přístupnost100(08:56) Čus bus trolejbus---Telegraficky📵 EU dává svým představitelům pro cesty do USA stejná doporučení jako pro Čínu.💸 Evropská komise pokutovala Meta a Apple.🎬 CapCut dostal konkurenci Edit od Instagramu.🗄️ Ondřej Surý je ve vedení pracovní skupiny DNS Operations při IETF.🗝️ Ondřej Filip se zúčastnil ceremoniálního podepsání kořenového klíče DNSSEC.🕌 Apple přesune výrobu iPhonů pro USA do Indie.✨ Figma uvolnila AI pro všechny placené účty.💥 Canva uvedla na trh svůj AI builder.☄️ Perplexity v květnu vydá prohlížeč Comet, a bude trackovat všechno.🧵 Threads se přesunuly na doménu .com.💰 Příjmy Googlu z reklamy rostly i v roce 2024.💼 Proběhla konference X4B.Jakub Karlec začal na Youtube natáčet krátká shrnutí událostí. Jeho Design Weekly už má dva díly. Rádi doporučujeme!Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Už jen týden máte na přihlášení k webináři Jak si naklikat web bez cizí pomoci. V úterý 6. května odpoledne máte možnost setkat se s Jakubem a Martinem při tvorbě webu na webináři. Během těchto dvou hodin si ukážeme, jak můžete sami vytvořit svůj web. Odměnou na konci vám nebude jen diplom, ale hlavně jednoduchá webová prezentace připravená ke zveřejnění. Pokud odebíráte newsletter e-mailem, najdete v patičce kód na zvýhodněnou cenu.---Designérský tipNebojte se volného prostoru. Dopřejte obsahu prostor k nadechnutí.❌ Nahuštěný text, malé mezery✅ Více místa mezi nadpisy, odstavci i bloky👉 Obsah je přehlednější a lépe vynikne.👉 Čtenářům se rychleji skenuje očima.Pamatujte: Prostor je váš přítel.---Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 760 odběratelům nebo newsletter sdílejte.Děkujeme!---LinkodromZahoďte škály v dotaznících, doporučuje Mohsen Rafiei. Člověk nehodnotí zážitky čísly, ale porovnáváním – a UX výzkum by tomu měl odpovídat. Mohsen popisuje svou cestu od ratingových otázek k dotazování založenému na srovnání. Lidé hodnotí relativně, nikoliv absolutně. Přestože kvantitativní data mají své místo, pro hlubší porozumění je klíčové ptát se na srovnání.---Slovníček výrazů pro design tokeny. Jde vám hlava kolem z výrazů, které používají frontendisti kolem design tokenů? Projekt DesignTokens.FYI by vám měl udělat jasno. Najdete tu přehled výrazů používaných v Design Token Commnunity Group i s ukázkami.---A/B testování na Googlu a Metě klame. Adam Šilhan varuje, že Google a Meta posilují u marketérů falešný pocit data-driven rozhodování, přičemž jejich vlastní A/B testovací nástroje mají zásadní omezení. Platformy při testech cíleně ukazují různé verze reklam různým skupinám uživatelů podle očekávaného zájmu. Tím dochází k narušení randomizace a výsledky A/B testů nelze aplikovat mimo platformy. Pro efektivní škálování kampaní a získání cenných insightů je třeba být při interpretaci výsledků velmi opatrný.---“The Internet of Things ended up being the internet of unsupported products.”— Dare Obasanjo---Budoucnost patří aluminiu umělé inteligenci. Alespoň pokud jde o přístupnost. Pokusí se vás o tom přesvědčit Karl Groves. Už dnes AI významně zlepšuje životy lidí s postižením – od automatických titulků přes asistivní aplikace až po navigační pomůcky. Přístupnost má nyní šanci technologicky přeskočit své limity, pokud její zastánci AI přijmou a pomohou ji formovat. Karl vyzývá ke spolupráci a inovaci, aby budoucnost byla inkluzivní.---Vibe kódování pomocí jazyka UML netkví v psaní kompletních specifikačních dokumentů. Jde o zachycení záměru natolik, aby bylo možné jej efektivně sdílet. Jan Kodera navrhuje využít UML jako podpůrný nástroj při vibe codingu. Ne pro omezení kreativity, ale pro její lepší sdílení a údržbu v rostoucích týmech. UML mu slouží jako vizuální meta-jazyk, který usnadňuje kontextové ukotvení, rychlejší zapojení kolegů a zvýšení testovatelnosti kódu. Přístup je však vhodný hlavně pro pokročilé vývojáře – musíte totiž nejdřív rozumět UML.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---UX usnadňuje život. Někdy až příliš. Michael F. Buckley si myslí, že snaha o maximální jednoduchost v ...
    Afficher plus Afficher moins
    9 min
  • Vyznačte výchozí volbu: ŘSoW#67
    Apr 22 2025
    (00:00) Řekni si o web #67(00:26) Telegraficky(01:55) Designérský tip(02:41) Linkodrom(07:24) Brašna s nářadím(07:45) Abychom si rozuměli(08:26) Pozvánka na konferenci(08:42) #Přístupnost100(08:57) Tank Man a rozloučení---Posloucháte newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 750 odběratelům nebo newsletter sdílejte.Děkujeme!---Telegraficky💰 Figma míří na akciovou burzu.💥 GoDaddy omylem vyřadil Zoom z DNS.🔞 Discord ověří věk občankou a fotografií, Instagram nasazuje AI.⚖️ Soud opět uznal monopol Googlu v reklamě. Bude Chrome na prodej?🌐 Google opustí národní domény.🏅 Bluesky přenechá ověřování profilů komunitě.✨ Sam Altman: ֎ ChatuGPT neděkujte, stojí nás to majlant.🪟 Znělka Windows 95 se stala americkým národním bohatstvím.📎 Microsoft propustí do hromadné pošty pouze identifikované e-maily.🧹 Němci mažou produkty Microsoftu z počítačů.🗑️ Datovky dostaly filtr proti spamu.🪪 Řidičák přijde do výdejního boxu.🥡 Svaz obchodu a APEK požadují ochranu trhu před konkurencí z Číny.🏴‍☠ NÚKIB se zabývá únikem dat o odtazích v Praze.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Designérský tipZvýrazněte výchozí volbu. Pokud dáváte lidem na výběr z více možností, vždy vyznačte výchozí volbu. Lidé by měli poznat prvek, který je přivede blíže k cíli ve vícekrokových postupech, i pokud se zrovna nesoustředí na text.❌ Dvě tlačítka se stejným vzhledem vedle sebe✅ Zvýrazněné tlačítko vedle běžného tlačítka✅ Návodné ikonky u textových popisků👉 Jako výchozí označte prvek, který navazuje na předchozí krok👉 Buďte k uživatelům fér a nezneužívejte zvýraznění k manipulaci👉 Umožněte lidem odvolat destruktivní volbyNenuťte uživatele přemýšlet.---Linkodrom„The future isn’t about doing more. It’s about doing better —with clarity, intent, and speed.“— Luděk ČernockýBudoucnost designu: menší týmy, širší role a větší dopad. Luděk Černocký napsal svou představu o proměně designu v roce 2025: Menší, agilnější týmy, návrat univerzálnějších full-stack designérů a demokratizace design systémů vlivem AI a no-code nástrojů. Vývoj nástrojů umožňuje rychlejší iterace i prototypování. Roste význam designérů s technickými dovednostmi i strategickým myšlením. Stejně důležitými se však stávají měkké dovednosti, vizuální vkus a schopnost chápat byznysový dopad. Designéři budoucnosti budou muset být nejen zruční, ale i zvědaví a přizpůsobiví.---Víc důvěry, méně tabulek. O vykazování práce designérů se na svém blogu rozepsal Krispin Dolbear. Sledování času na úrovni jednotlivých úkolů selhává při řízení kreativních týmů – nepřináší spolehlivá data, podkopává důvěru a brání inovacím. Design není lineární proces a tlak na vykazování minut vede spíš k defenzivní práci než ke kvalitním výsledkům. Krispin navrhuje přesun od mikromanagementu k systémům založeným na důvěře, výsledcích a zpětné vazbě. A jaká je vaše hodinovka?---“Portfolios that are collections of static images for interaction design work are garbage and make everything worse.”— Erika Hall---Taktiky pro tvorbu, údržbu a rozvoj design systému. Ať už na vás padl úkol vytvořit zcela nový design systém, nebo budete už existující udržovat a rozvíjet, hodí se osvojit si best practice. Ness Grixti extrahovala 32 taktik pro správu design systému.---Framer dostane vlastní klávesnici. Po Figmě (vyprodáno) si svou obrandovanou klávesnici Creator Micro 2 pořizuje i Framer. Programovatelná klávesnice vypadá stejně jako neobrandovaná. Má RGB podsvícení, které se může měnit podle otevřené aplikace, a podle aplikace je možné nastavit i makra. Vybírat můžete z bezdrátové a USB-C varianty.---Matou vás úrovně A, AA a AAA v přístupnosti? Denis Deacon pro vás připravil stručný přehled, k čemu která úroveň přístupnosti je. Jedno A je minimum, které byste pro přístupnost měli udělat. Úroveň AA vyžadují zákonné normy jako evropský zákon o přístupnosti. Nejvyšší úroveň AAA by měla být vaší metou, pokud cílíte na osoby s těžšími postiženími s požadavky jako znakový jazyk či čtenářská srozumitelnost.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Je čas vypustit z kódování CSS pre-processory. Zell Liew se na CSS-Tricks zabývá otázkou, jestli vývoj kaskádových stylů už pokročil natolik, abychom mohli přestat používat pre-processory jako SASS. ...
    Afficher plus Afficher moins
    9 min
  • Comic Sans dal počítačům lidskost: ŘSoW#66
    Apr 15 2025
    (00:00) Řekni si o web #66(00:30) Telegraficky(01:10) Jakubův designérský tip(01:53) Linkodrom(06:38) Brašna s nářadím(06:55) Abychom si rozuměli(08:02) Pozvánka na webinář(08:34) #Přístupnost100(08:54) Titanic a pěkné Velikonoce---Telegraficky🤐 Britský soud zakazuje tutlat zadní vrátka do iCloudu.👎 Google penalizuje generovaný obsah ve výsledcích vyhledávání.#️⃣ Google spustil vývojové prostředí Firebase Studio s AI asistencí.✨ Chat GPT si pamatuje všechno, co jste mu kdy řekli.🚀 České startupy mají globální ambice.💂 Výstava o české typografii se vydala do Londýna.🔱 Ukrajinský IT sektor drží ekonomiku nad vodou během války.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Jakubův designérský tipNedělejte z odstavců jednolitou zeď textu. Velké bloky textu = odrazující stěna. Dlouhé textové odstavce neprospívají skenování textu. Ztrácíte pozornost uživatelů a zvyšuje se riziko okamžitého opuštění webu.❌ 10 řádků bez odstavce✅ Krátké odstavce, ideálně 3 — 7 řádků✅ Použijte odrážky nebo mezititulky👉 Strukturovaný text se čte snáz👉 Udrží pozornost a lidé se začtou✂️ Krájejte text na kousky. Funguje to i u webu i v newsletteru.---LinkodromPřepněte na hezké zarovnávání textu. Kaskádové styly dovolují přepínat mezi algoritmy pro zarovnávání textu. Výchozí algoritmus zalomí text na konci řádku, když už není místo pro další slovo (případně slovo rozdělí, pokud dovolíte dělení). Mezi dalšími možnostmi stojí za povšimnutí hodnoty text­‑wrap: balance a text­‑wrap: pretty. Hodnota balance najde uplatnění u nadpisů při zarovnání na střed – snaží se, aby řádky byly přibližně stejně dlouhé. Hodnota pretty zlepšuje vzhled delších odstavců, na které aplikuje typografická pravidla (jednoznakovky, vdovy a sirotci, řeky, vícenásobné dělení…).---UX může zjednodušit kyberbezpečnost. Díky intuitivnímu UX designu mohou být bezpečnostní prvky téměř neviditelné a přesto účinné. Autor argumentuje, že většina bezpečnostních systémů dnes nepočítá s uživatelským chováním, což vede k obcházení pravidel. Řešením je design, který se přizpůsobí uživatelům, nikoli naopak. Například bezheslové přihlašování může výrazně zlepšit uživatelskou zkušenost i bezpečnost současně.---Comic Sans přinesl lidskost do digitálního světa. Vznikl v roce 1994 jako přátelská alternativa k Times New Roman a rychle si získal oblibu díky čitelnosti a neformálnímu stylu. V době chladných digitálních rozhraní přinesl teplo a srozumitelnost, zejména pro děti a technologické nováčky. Dnes, v éře dokonalých algoritmů a minimalistického designu, je jeho nepravidelnost opět v kurzu. Comic Sans připomíná, že trvanlivost spočívá v autenticitě, ne v dokonalosti.---Kvalitní typografie jako důkaz! Výskyt dlouhé pomlčky v textu lidé považují za příznak obsahu generovaného AI, píše Washington Post. Kritici tvrdí, že AI jej nadužívá – zastánci naopak brání jeho estetickou i významovou sílu. Novinářka Aileen Gallagher jej nazývá mocným nástrojem a další autoři pomlčku brání jako součást svého stylu. AI experti přiznávají, že modely mohou dlouhou pomlčku preferovat, ale styl psaní se přizpůsobuje uživatelským zadáním. Diskuse o interpunkci tak nečekaně nabrala etický i estetický rozměr.---AI dusí Stack Overflow. Už zase! Tomaž Weiss sleduje, která témata upadají na Stack Overflow od příchodu AI. Nejvíce se to dotklo obecných programovacích témat a nástrojů pro analýzu dat, jako jsou „lists“, „pandas“ nebo „SQL“. Naopak témata vyžadující vizuální kontext – například operační systémy a vývojové nástroje jako Android Studio či Azure – si vedla lépe. Lze usuzovat, že tam, kde AI nestačí na kontext a vizualizaci, mají lidé stále navrch.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Spolupráce designérů se stakeholdery stojí na promyšlené komunikaci. Adrián Oller představuje EPIC framework (Empatie, Účel, Insight, Komunikace), který pomáhá s porozuměním a sladěním cílů v týmu. Klíčové je „over-there mindset“ – opravdový zájem o druhé. Efektivní sdělení má jasnou strukturu podle pyramidového principu: hlavní myšlenka, podpůrné argumenty a fakta. Nejde jen o shrnutí, ale o syntézu – tedy odpověď na otázku „so what?“. Dobrá konverzace má fáze: otevřít, zúžit a uzavřít. Klíčem k úspěchu je vzájemné pochopení a respekt k rolím v týmu.---There is a European app for that. Pokud chcete trestat americké podnikatele za jejich vládu, možná se poohlížíte po evropských alternativách k online službám, za které do Ameriky platíte. Vídeňský ...
    Afficher plus Afficher moins
    9 min
  • Fibonacci místo 4px-gridu: ŘSoW#65
    Apr 9 2025
    (00:00) Řekni si o web #65(00:26) Telegraficky(01:22) Designérský tip(02:05) Linkodrom(05:48) Brašna s nářadím(06:19) Abychom si rozuměli(07:23) Pozvánka na webinář(07:58) #Přístupnost100(08:16) Sovy nejsou tím, čím se zdají být--- Telegraficky✨ Google nasazuje AI Overview v Evropě.🦋 Bluesky má 34 milionů uživatelů.🪟 Microsoft slavil padesátiny.📜 Lidé stále dokládají informace, které stát už má.📊 APEK spustil statistiky na webu.🗳️ Portál občana nabízí formuláře pro korespondenční volby.⌚ Mapy.com jsou už i na Apple Watch.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.--- Čtete newsletter Řekni si o web. Píšeme pro všechny, kdo se točí kolem webu. Každý týden vás čeká přehled důležitých událostí, odkazy na zajímavé články a k tomu několik pečlivě vybraných tipů a nápadů na zlepšení webu nebo mobilních aplikací. Připojte se k 750 odběratelům nebo newsletter sdílejte.Děkujeme!--- Designérský tipNezarovnávejte všechno na střed. Vycentrovaný text může působit hezky symetricky, ale hůře se čte. Pro oko je náročné hledat začátky navazujících řádků, když každý začíná na jiném místě. U dlouhých textů zarovnání na střed unavuje.❌ Všechno zarovnané na střed✅ Důležitý nadpis klidně ano – ale běžný text radši doleva👉 Oko čtenáře miluje zarovnání na levý okraj.👉 Lépe se drží řádky a méně se ztrácí.Design není jen vzhled – důležitá je i čitelnost.--- LinkodromAI mění způsob, jak stavíme produkty. Julie Zhuo popisuje, jak AI mění proces vývoje digitálních produktů. Tradiční model stojící na třech nohách (designer, PM, inženýr) ustupuje malým týmům s rozostřenými rolemi, kde AI umožňuje rychlé prototypování a rozhodování podle dat. Namísto plánování se preferuje testování a iterace. V centru dění už nestojí manažeři, ale jednotlivci s dobrou chutí a vysokou mírou samostatnosti. AI se stává nástrojem pro rychlou validaci nápadů a dynamické učení z výsledků v reálném čase.--- CSS se učí programovat: CSS získává mocnější nástroje díky funkcím, které fungují podobně jako ty v programovacích jazycích – s parametry, návratovými hodnotami a typováním. Nová specifikace umožňuje definovat vlastní funkce pomocí @function, využít výchozí hodnoty, typové kontroly i výpočty. Aktuálně je funkčnost dostupná v experimentálním režimu v prohlížeči Chrome Canary. Funkce zatím neumožňují rekurzi, plnou práci s lokálními proměnnými či kaskádovými vrstvami, ale už teď otevírají cestu k elegantnějším a flexibilnějším řešením v CSS.--- Nahraďte čtyřpixelový grid Fibonacciho posloupností. Luis Ouriach zpochybňuje zažitý 4px-spacing systém v digitálním designu a navrhuje alternativu inspirovanou Fibonacciho posloupností (PDF, 812 KB). Tvrdí, že 4px-grid působí jednotvárně a vizuálně rozplizle. Luis experimentuje s Fibonacciho posloupností, která podle něj přináší lepší vizuální rytmus.--- Baví vás tenhle příspěvek? Řekněte o něm ostatním!--- Dotýkáme se strojů, které necítí. Od fyzických počítačů s přepínači jsme přešli k dotykovým displejům, kde chybí textura, zvuk i haptická odezva. Amelia Wattenbergová kritizuje, že interakce se redukovala na pouhé psaní či klikání, a navrhuje návrat k multimodálním rozhraním kombinujícím řeč, pohyb, zvuk a prostor. Přílišná snaha o odstranění tření v uživatelském zážitku nás podle Amelie připravuje o smyslové potěšení a hloubku. Budoucnost rozhraní by měla být fyzická, kontextová a smyslově bohatá.--- Google Discover prošel změnou, která ovlivňuje zobrazování textů i obrázků. Úspěch teď více než kdy dřív závisí na dvou faktorech: kvalitním obrázku a přesvědčivém titulku. SEO expert Zdeněk Dvořák doporučuje používat vizuály alespoň o šířce 1200 px, ideálně bez výrazných textových prvků. Náhledový text je třeba zestručnit podle toho, jak velký obrázek se zobrazuje – od 40 do 110 znaků. Klíčem je dostat to nejdůležitější na začátek. Díky těmto úpravám může návštěvnost výrazně vzrůst.--- Zajímalo vás někdy, jak vypadal operační systém prvního počítače Apple? Projekt Infinite Mac přináší možnost spustit v prohlížeči čistou instalaci kteréhokoli historického operačního systému Apple pro počítače a návdavkem k tomu i operační systém NextStep, který vyvíjela firma, do které před svým návratem odešel Steve Jobs z Apple.--- Brašna s nářadímNa našem školení tvorby webu bez designérů a vývojářů jsme se přesvědčili, že lidé na konec nejvíc bojují s nasměrováním domény na svůj web. Hodilo by se mít nějaké pískoviště, kde by si každý mohl ...
    Afficher plus Afficher moins
    9 min
  • Klikněte zde: ŘSoW#64
    Apr 1 2025
    (00:00) Řekni si o web #64(00:24) Telegraficky(00:51) Designérský tip: Klikněte zde(01:26) Linkodrom(04:57) Brašna s nářadím(05:26) Abychom si rozuměli(06:06) Pozvánka na webinář(06:29) #Přístupnost100(06:42) Rozloučení, Bauhaus a Apríl!---Telegraficky📊 Domén .cz bylo ve čtvrtek jeden a půl milionu.✨ Polski rząd dofinansował PLLuM – AI po polsku.🚒 Hasiči čelili kyberútoku.🚷 ČTÚ bude spravovat seznam blokovaných webů.🤦 Facebook nabídne zeď s příspěvky sledovaných účtů.🎤 Frontkon hledá speakery.🍔 Le boycott.Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.---Designérský tipDnešní designérská rada pro lepší weby (a vyšší konverze) zní: Nepište na odkazy „klikněte zde“. Chovejte se k nim jako k malým nadpisům – jako k plnovýznamovým sdělením, které musejí dávat smysl i bez kontextu.Popisek „Stáhněte si příručku v PDF“ je vždycky lepší než „Stáhněte si příručku zde“.Lidé snáz pochopí, kam odkaz vede. Je přístupnější pro čtečky i vyhledávače. A hlavně: zvedne se vám konverzní úspěšnost odkazů.💡Malá změna, velký dopad. Zkuste to.---LinkodromGrid místo Flexu: jednodušší, čistší, univerzálnější. Alex Riviere vyzývá k zásadní změně přístupu k CSS rozvržení: místo zažitého používání flexboxu doporučuje sáhnout nejdřív po gridu, poté po blocku a teprve naposled po flexu. Flex často komplikuje strukturu a vyžaduje nadbytečný JavaScript a složité stylování, zatímco grid přináší čistší, předvídatelnější a udržitelnější řešení. Na příkladu vstupního pole s ikonami ukazuje, jak jednoduché může být nahrazení složitého flexbox layoutu jedinou deklarací gridu. Alex kritizuje i časté používání flexu tam, kde by bohatě stačil obyčejný block-level layout---Design tokeny mění svět design systémů. Jan Six, spolutvůrce Token Studia, v rozhovoru pro UI Breakfast popisuje, jak plugin vznikl z potřeby propojit návrh s kódem. Proměnil se v komplexní platformu pro správce design systémů. Jan mluví o výhodách konzistentního vizuálního rozhodování, automatizace a o důležitosti živé dokumentace. Dojde i na vysvětlení základních pojmů jako design systém, komponenty, tokeny i na výzvy spojené s adopcí tokenů ve firmách. Hlavní radou je: začněte jednoduše a rosťte postupně.---“If you have an idea, you're only a few prompts away from a product.”— Misbah Syed pro Business Insider---Stejné stíny napříč platformami. Stíny ve webových a mobilních aplikacích často nevypadají stejně, i když mají identické parametry. Marc Edwards podrobně srovnal vykreslování drop shadow efektů v CSS, Androidu, iOS, Figmě a Sketchi a našel přesné převodní poměry pro hodnoty rozostření. Zjistil, že jediný rozdíl spočívá v interpretaci rozostření (blur radius) a že jeho sjednocení napříč platformami je možné. Například iOS potřebuje pro stejný vzhled poloviční hodnotu blur radius oproti CSS. Výsledky mají přímé uplatnění při generování kódu pro různé platformy.---Baví vás tenhle příspěvek? Řekněte o něm ostatním!---Bezbariérové hry. Producenti počítačových her založili Accessible Games Initiative. Pod touhle společnou vlajkou pracují na přístupnosti ve hrách. Jejich prvním viditelným výstupem je přehled štítků, které mají lidem se specifickými potřebami pomoci najít mezi hrami takové, které si mohou zahrát.---Kouzlo webového brouzdání mizí pod náporem AI odpovídačů. Kódující designér Paul Stamatiou reflektuje ztrátu radosti z objevování při brouzdání po webu, jakou přinášely náhodně objevované blogy a fóra, a varuje před tím, jak AI odpověďové nástroje mění náš vztah k webu. Paul uznává pohodlnost AI, ale poukazuje na úbytek kontroly, rozmanitosti a lidskosti v digitálním prostoru. Kritizuje nedostatečnou transparentnost, slabou atribuci zdrojů a unifikovanost odpovědí. Řešením je podle něj personalizace, která respektuje uživatele bez ztráty agentnosti. Budoucnost vidí ve vyvážené kombinaci AI nástrojů a lidské zvědavosti.---Z dopisů od šéfa. Na webu Internal Tech Emails najdete interní memoranda, která posílali šéfové známých firem svým podřízeným. Někdy pomohou vysvětlit pohnutky k historickým událostem, jindy se pobavíte, jak mylně odhadovali budoucnost. Právě k takovým zprávám patří e-mail, který 31. ledna 2018 Elon Musk napsal zakladatelům OpenAI: “OpenAI is on a path of certain failure relative to Google.”---Brašna s nářadímPři tvorbě informační architektury rozsáhlých webů přijde na řadu také metoda třídění karet. Při kvantitativním přístupu se vyplatí do vyhodnocení zapojit nástroje, které za nás spočítají nejčastější seskupení...
    Afficher plus Afficher moins
    7 min