Nešetřete kontrastem. ŘSoW#83
Stíny v UI. Designéři jsou škarohlídi. Jak na uživatelské testování. Jak na ALT obrázku. Triky pro lepší UI. Mapování uživatelských cest. Odhalte lháře v uživatelském výzkumu.
Telegraficky
🛟 Vnitro radí, jak přežít 72 hodin s obrázky Lukáše Fibricha.
🆓 OpenAI vydalo GPT-5 a open-source modely pro notebooky a mobily.
✨ Google Genie 3 generuje real-time interaktivní světy ve virtuální realitě.
🔎 Google tvrdí, že AI posílá webům stabilní a hodnotnější návštěvníky.
📵 O2 optimalizovalo výkon sítě až tak, že byli zákazníci bez služeb.
🛡️ Ve Sbírce zákonů vyšel nový zákon o kybernetické bezpečnosti.
🐴 Mafia se vrátila do své domoviny.
👧🏻 Wednesday se vrátila do Nikdy víc.
🥝 Kiwi je ve ztrátě přes 2 miliardy.
🪼 Alternativní klient sociálních sítí OpenVibe umí RSS.
🧿 Microsoft zařízne Lens.
🏆 Jarda Hlavinka analyzoval, jak Centrum získalo 1,5 milionu uživatelů.
📓 Pixy dal volně ke stažení svou knihu Dobrý designér to všechno ví.
Sledujte nás také přes RSS feed, Twitter, Threads, Bluesky, Linkedin nebo Facebook.
Designérský tip
Zajistěte dostatečný barevný kontrast. Minimálně poměr 4,5 ∶ 1 mezi textem a pozadím pro čitelnost i přístupnost.
❌ Světle šedý text na bílém pozadí.
✅ Tmavý text na světlém pozadí s vysokým kontrastem.
👉 Lepší čitelnost za všech podmínek
👉 Splníte WCAG standardy
Kontrast je klíč k viditelnosti. 🔑
Linkodrom
Stíny v uživatelském rozhraní nejsou jen dekorací. Správně použité stíny dodávají prvkům hloubku, hierarchii a interaktivní nádech. Světlo přichází shora: zvýšené prvky mají světlejší horní hranu a stín pod sebou, zatímco zapuštěné prvky naopak světlejší spodní hranu a stín uvnitř. Velikost a rozostření stínu určuje, jak blízko prvek působí k uživateli.
Designéři často znějí negativně. Proč je to dobře? Designéři uvažují v režimu defenzivního pesimismu – předem hledají možné problémy, aby jim předešli. Tento přístup je běžný u pilotů či chirurgů a chrání projekty před selháním. V prostředí, kde vládne strategický optimismus a sebevědomí se mylně zaměňuje za kompetenci, se opatrnost vnímá jako odpor, píše Andy Budd.
Testování použitelnosti je způsob, jak ověřit funkčnost a srozumitelnost designu ještě před uvedením na trh. Nejde o nástroj pro experty, ale o jednoduchý proces, kdy reální lidé z cílové skupiny plní úkoly a vy sledujete jejich reakce. Cílem je odhalit místa, kde se uživatelé zaseknou, co je těší a co je frustruje. Testování lze provádět osobně i online přes specializované platformy. Výsledek? Jasné priority pro úpravy a jistota, že váš produkt je nejen krásný, ale i použitelný.
Role designu v produktovém trojlístku. Trojlístek: designér, produktový manažer a programátor je model spolupráce, který zajišťuje, že produkt bude žádoucí, životaschopný a proveditelný. Místo rozdělení „vlastnictví“ jednotlivých aspektů mezi role funguje produktová triáda jako společný tým, který rozhoduje a řeší problémy kolektivně, říká Pavel Samsonov. Designér přináší znalost uživatelských potřeb, formuje vizi a propojuje ji s obchodními cíli i technickými možnostmi.
Odhalte falešné účastníky v kvalitativním výzkumu. Občas náborem respondentů projdou lidé, kteří si vymýšlejí identitu či zkušenosti, aby získali finanční odměnu. Podvodníci se prozradí nesouladem odpovědí, vágností, odmítáním videa či podezřelými e-maily. Řešením jsou chytře navržené screeningové dotazníky, lehká ověřovací opatření, selektivní nábor a promyšlená struktura odměn. Prevence podvodů je otázkou nejen metodiky, ale i etiky.
Praktický průvodce tvorbou přístupných popisů obrázků. Alt text a image description jsou základem pro zpřístupnění vizuálního obsahu lidem se zrakovým postižením a zároveň zlepšují SEO. Alt text je krátký, skrytý popis vložený do metadat, zatímco image description bývá delší, viditelná a detailnější. Veronica Lewis, sama se zhoršeným zrakem, radí jak zahrnout typ obrázku, text, osoby či zvířata, prostředí, barvy, výrazy, polohu objektů a zajímavé detaily.
10 triků, které zlepšují UI design. Patří mezi ně vizuální hierarchie, práce s reálným obsahem, pečlivě navržené načítací a chybové stavy, typografie a využití bílého prostoru, účelné používání barev, optimalizace pro rychlé prohlížení obsahu a testování návrhů s reálnými uživateli. Malé, systematické úpravy se sčítají a vedou k plynulejšímu, intuitivnějšímu a atraktivnějšímu uživatelskému zážitku.
Rozeznáte ambicióznost od iniciativnosti? Marty Cagan vás to naučí: Ambicióznost je touha být nejlepší, iniciativnost znamená převzetí odpovědnosti a jednání. Iniciativnost je podmínkou úspěchu, ale bez ambice se neprobudí. Ani v top produktových firmách nejsou všechny týmy silné, ale právě ty nejlepší nikdy nepřestanou usilovat o zlepšení. Odmítání učit se od nejlepších často odráží chybějící ambici.
User Journey Map je vizuální přehled kroků, emocí a překážek, kterými uživatel prochází při dosažení svého cíle. Breakthrough Fatoki nám ukáže, jak na mapování uživatelských cest. Pomáhá designérům eliminovat vlastní předsudky, odhalovat pain points a hledat příležitosti ke zlepšení. Proces zahrnuje definici úkolů, detailní rozpis menších kroků a mapování emocí uživatele.
Proč by designéři měli psát: Psaní vede k jasnějšímu myšlení, brání redukci designérů na pouhé operátory a umožňuje spoluvytvářet kulturní paměť. Claudia Novreica zdůrazňuje, že pokud si designéři nebudou vyprávět vlastní příběh, budou ho vyprávět jiní – a možná ne tak, jak by si přáli.
Č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 850 odběratelům nebo newsletter sdílejte.
Děkujeme!
Brendan Eich – tvůrce JavaScriptu změnil webové stránky v interaktivní aplikace
Brendan Eich vytvořil jazyk JavaScript prý během pouhých deseti dnů v roce 1995. Chtěl stihnout vydání betaverze prohlížeče Netscape Navigator 2.0. Jeho práce proměnila web z pasivních stránek na interaktivní aplikace a díky standardu ECMAScript se JavaScript stal univerzálním jazykem webu.
Eich spoluzaložil Mozillu, kde spustil Firefox, čímž prolomil dominanci Internet Exploreru a prosadil otevřené standardy. Z Mozilly musel odejít, když na něj prasklo, že finančně podpořil hnutí odpůrců stejnopohlavních sňatků. Později založil Brave Software – prohlížeč zaměřený na soukromí a férové odměňování tvůrců.
Brašna s nářadím
Can I Use je webová služba, která poskytuje přehled o kompatibilitě moderních webových funkcí mezi prohlížeči. Zjistíte tu, které funkce už jsou prohlížeče podporují.
Abychom si rozuměli
Teď je in přeskočit designové výstupy a skočit rovnýma nohama do kódu. AI sice umí rychle generovat rozhraní, ale bez lidského vedení často jen kopíruje zaběhlé vzory. Dobře připravené podklady od person a uživatelských flow po prototypy urychlují zpětnou vazbu, usnadňují komunikaci a chrání kvalitu výsledku.
Law of common region, jeden ze základů gestalt psychologie, říká, že prvky v jedné vizuálně ohraničené oblasti lidé vnímají jako celek. V UI designu se používá k uspořádání souvisejících prvků, aby se uživatelé rychleji orientovali a chápali jejich souvislosti.
Mechanický Turek byl trik, kterým bratislavský rodák Ján Vlk Kempelen předstíral, že stroj hraje šachy, ačkoli v jeho útrobách byl ukrytý člověk. Přesně tak funguje také služba Mechanical Turk od Amazonu.
Opinionated software je navržen tak, aby vedl uživatele podle předem dané metodiky, čímž zrychluje práci a snižuje riziko chyb. Opírá se o osvědčené postupy a je užitečný zejména pro nováčky nebo při práci pod tlakem. Nevýhodou je obtížná přizpůsobitelnost, pokud se potřeby odchýlí od původního konceptu.
A to je z druhého srpnového zpravodaje Řekni si o web roku 2025 všechno. Před 83 lety herečka a hudební skladatel obdrželi americký patent číslo 2,292,387. 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ý horký týden,
Jakub Goldmann a Martin Kopta.