<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[Řekni si o web – Informace pro majitele a designéry webů]]></title><description><![CDATA[Spousta užitečných znalostí předaných s humorem jen tak mimochodem. Píší Jakub Goldmann a Martin Kopta. Odebírá přes 1000 lidí každý týden.]]></description><link>https://www.reknisioweb.cz</link><image><url>https://substackcdn.com/image/fetch/$s_!JcCV!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png</url><title>Řekni si o web – Informace pro majitele a designéry webů</title><link>https://www.reknisioweb.cz</link></image><generator>Substack</generator><lastBuildDate>Wed, 29 Apr 2026 05:14:22 GMT</lastBuildDate><atom:link href="https://www.reknisioweb.cz/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Jakub Goldmann & Martin Kopta]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[newsletter@reknisioweb.cz]]></webMaster><itunes:owner><itunes:email><![CDATA[newsletter@reknisioweb.cz]]></itunes:email><itunes:name><![CDATA[Martin Kopta]]></itunes:name></itunes:owner><itunes:author><![CDATA[Martin Kopta]]></itunes:author><googleplay:owner><![CDATA[newsletter@reknisioweb.cz]]></googleplay:owner><googleplay:email><![CDATA[newsletter@reknisioweb.cz]]></googleplay:email><googleplay:author><![CDATA[Martin Kopta]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Claude nahradí designéry. Musk navrhuje nepodmíněný příjem. ŘSoW#112]]></title><description><![CDATA[&#127912; Sta&#328;te se lep&#353;&#237;m design&#233;rem. &#128208; Vy&#345;e&#353;te velikost ikon. &#128292; Vyberte font. &#129504; Zvl&#225;dn&#283;te navrhovat s ADHD. &#128101; Nahra&#271;te persony rolemi. &#128142; Pracujte s dvojdiamantem. &#128272; Skoncujte s hesly. &#128176; A nace&#328;te svou pr&#225;ci.]]></description><link>https://www.reknisioweb.cz/p/112</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/112</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Mon, 20 Apr 2026 05:05:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/2d539fa9-f90b-437a-8011-d8ba2a1c899f_1536x1024.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>Telegraficky</h2><p>Za m&#283;s&#237;c, co jsme se nevid&#283;li, n&#225;m seznam trochu narostl:</p><p>&#129781;&#127995; Anthropic p&#345;ich&#225;z&#237; s <a href="https://www.anthropic.com/news/claude-design-anthropic-labs">Claude Design</a>.<br>&#128200; &#268;esk&#253; online <a href="https://www.mediaguru.cz/online-reklama-v-cesku-v-roce-2025-rostla-dvouciferne-priblizila-se-k-71-miliardam">reklamn&#237; trh loni vzrostl o desetinu</a> na 70,7 miliard korun.<br>&#127939;&#127995;&#8205;&#9792;&#65039;&#8205;&#10145;&#65039; Pr&#367;m&#283;rn&#225; <a href="https://www.lupa.cz/aktuality/cetin-loni-opet-zvedl-prumernou-rychlost-pripojeni-k-internetu-v-cr-dostal-se-pres-pul-gigabitu/">rychlost downloadu u CETINu</a> vzrostla na 507 mb/s.<br>&#128286; EU zve&#345;ejnila vzorovou <a href="https://www.lupa.cz/aktuality/evropska-aplikace-na-overovani-veku-online-je-hotova-oznamila-evropska-komise/">aplikaci pro ov&#283;&#345;ov&#225;n&#237; v&#283;ku</a>.<br>&#128250; Televizn&#237; stanice <a href="https://www.theguardian.com/business/2026/mar/23/broadcasters-eu-big-tech-smart-tv-google-amazon-apple-samsung">&#382;&#225;daj&#237; EU o regulaci v&#253;robc&#367; smart TV</a> a osobn&#237;ch asistent&#367;.<br>&#128200; <a href="https://www.ecb.europa.eu/press/key/date/2026/html/ecb.sp260323_1~1e06784a89.en.html">AI nakopne ekonomiku</a> euroz&#243;ny o 4 procenta.<br>&#9888;&#65039; <a href="https://www.npr.org/2026/04/11/nx-s1-5778508/anthropic-project-glasswing-ai-cybersecurity-mythos-preview">Anthropic Mythos</a> je v hled&#225;n&#237; chyb softwaru tak dobr&#253;, &#382;e nesm&#237; na ve&#345;ejnost.<br>&#9997;&#127995; <a href="https://www.emarketer.com/content/google-rewrites-search-headlines-with-ai-raising-identity-risk">AI p&#345;episuje nadpisy</a> v&#253;sledk&#367; hled&#225;n&#237; na Googlu.<br>&#128075; <a href="https://edition.cnn.com/2026/03/24/tech/openai-sora-video-app-shutting-down">OpenAI kon&#269;&#237; s generov&#225;n&#237;m videa.</a><br>&#129344; Syn zem&#345;el. <a href="https://www.ndtv.com/offbeat/family-in-china-turns-to-ai-to-keep-deceased-son-alive-for-elderly-mother-11345932">Vytvo&#345;ili AI klon</a>, aby se to matka nedozv&#283;d&#283;la.<br>&#9654;&#65039; Youtube se stal <a href="https://www.lupa.cz/clanky/youtube-se-stal-nejvetsi-medialni-firmou-na-svete-disney-je-tesne-druhy/">nejv&#283;t&#353;&#237; medi&#225;ln&#237; firmou</a> na sv&#283;t&#283;.<br>&#9878;&#65039; Podle soudu Instagram, Facebook a YouTube zp&#367;sobuj&#237; <a href="https://www.irozhlas.cz/zpravy-svet/zaloba-u-soudu-uspela-firmy-doplatily-na-cilene-budovani-zavislosti-u-uzivatelu_2603261820_elev">z&#225;vislost u d&#283;t&#237; by design</a>.<br>&#128039; Francie vyu&#382;ije <a href="https://www.digitaltrends.com/computing/france-says-au-revoir-to-windows-bonjour-to-linux/">Linux pro pos&#237;len&#237; digit&#225;ln&#237; nez&#225;vislosti</a>.<br>&#128663; Samo&#345;iditeln&#225; auta <a href="https://eenvandaag.avrotros.nl/doe-mee/zijn-ze-veiliger-dan-de-mens-en-andere-vragen-over-zelfrijdende-autos-beantwoord-163391">Tesla mohou na silnice</a> <s>D&#225;nska</s> Nizozemska.<br>&#128732; USA zak&#225;zaly spot&#345;ebitelsk&#233; <a href="https://www.bbc.com/news/articles/c74787w149zo">routery vyroben&#233; v zahrani&#269;&#237;</a>.<br>&#127939;&#127995;&#8205;&#9794;&#65039;&#8205;&#10145;&#65039; &#268;&#237;nsk&#253; <a href="https://www.euronews.com/video/2026/04/19/china-hosts-humanoid-robots-in-beijing-half-marathon">robot vyhr&#225;l p&#367;lmarat&#243;n</a>.<br>&#128184; <a href="https://www.moneycontrol.com/news/trends/musk-s-universal-high-income-plan-sparks-debate-as-economists-push-back-13892653.html">Musk navrhuje vysok&#253; nepodm&#237;n&#283;n&#253; p&#345;&#237;jem</a> kv&#367;li AI a robot&#367;m.<br>&#127874; <a href="https://www.irozhlas.cz/veda-technologie/technologie/australie-zakaz-socialnich-siti-overovani-veku_2604042231_elev">Ov&#283;&#345;ov&#225;n&#237; v&#283;ku podle fotografie</a> na soci&#225;ln&#237;ch s&#237;t&#237;ch v Austr&#225;lii p&#345;&#237;li&#353; nefunguje.<br>&#128752;&#65039; <a href="https://www.independent.co.uk/news/world/europe/russia-rassvet-satellites-elon-musk-starlink-b2944561.html">Rusko vypou&#353;t&#237; s&#237;&#357; satelit&#367;</a> jako konkurenci pro Starlink.<br>&#128241; Ru&#353;t&#237; <a href="https://techcrunch.com/2026/03/23/someone-has-publicly-leaked-an-exploit-kit-that-can-hack-millions-of-iphones/">hacke&#345;i &#250;to&#269;&#237; na iPhony</a> se star&#353;&#237;m iOS i na <a href="https://nukib.gov.cz/cs/infoservis/aktuality/2394-routery-tp-link-kompromitovany-ruskym-statnim-akterem-apt28/">routery TP-Link</a>.<br>&#129531; Automobilka <a href="https://autos.yahoo.com/ev-and-future-tech/articles/chinese-carmaker-seres-may-add-070000125.html">Seres patentovala z&#225;chod</a> pod sedadlem &#345;idi&#269;e.<br>&#128499;&#65039; <em>Jan Balata</em> se stal &#269;lenem spr&#225;vn&#237; rady <a href="https://uxcz.slack.com/archives/C04N7HEB5EY/p1775803933445899">Asociace UX</a>.</p><p>Sledujte n&#225;s tak&#233; p&#345;es <a href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>, <a href="https://twitter.com/reknisioweb">Twitter</a>, <a href="https://www.threads.net/@reknisioweb">Threads</a>, <a href="https://bsky.app/profile/www.reknisioweb.cz">Bluesky</a>, <a href="https://www.linkedin.com/company/reknisioweb/">Linkedin</a> nebo <a href="https://www.facebook.com/Reknisioweb/">Facebook</a>.</p><h2>Design&#233;rsk&#253; tip</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!zB7v!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!zB7v!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!zB7v!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/eb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:58548,&quot;alt&quot;:&quot;Vlevo (&#353;patn&#283;) bez uveden&#237; rozm&#283;r&#367; prohl&#237;&#382;e&#269; nev&#237;, kolik prostoru m&#225; vy&#269;lenit pro obr&#225;zky a str&#225;nka se b&#283;hem na&#269;&#237;t&#225;n&#237; p&#345;ekresluje. Vpravo (spr&#225;vn&#283;) se str&#225;nka vykresl&#237; u&#382; s m&#237;stem vyhrazen&#253;m pro na&#269;ten&#237; obr&#225;zk&#367; s p&#345;ednastaven&#253;mi rozm&#283;ry.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190496423?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Vlevo (&#353;patn&#283;) bez uveden&#237; rozm&#283;r&#367; prohl&#237;&#382;e&#269; nev&#237;, kolik prostoru m&#225; vy&#269;lenit pro obr&#225;zky a str&#225;nka se b&#283;hem na&#269;&#237;t&#225;n&#237; p&#345;ekresluje. Vpravo (spr&#225;vn&#283;) se str&#225;nka vykresl&#237; u&#382; s m&#237;stem vyhrazen&#253;m pro na&#269;ten&#237; obr&#225;zk&#367; s p&#345;ednastaven&#253;mi rozm&#283;ry." title="Vlevo (&#353;patn&#283;) bez uveden&#237; rozm&#283;r&#367; prohl&#237;&#382;e&#269; nev&#237;, kolik prostoru m&#225; vy&#269;lenit pro obr&#225;zky a str&#225;nka se b&#283;hem na&#269;&#237;t&#225;n&#237; p&#345;ekresluje. Vpravo (spr&#225;vn&#283;) se str&#225;nka vykresl&#237; u&#382; s m&#237;stem vyhrazen&#253;m pro na&#269;ten&#237; obr&#225;zk&#367; s p&#345;ednastaven&#253;mi rozm&#283;ry." srcset="https://substackcdn.com/image/fetch/$s_!zB7v!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!zB7v!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feb74375c-bbc1-44f0-85ea-4af2e0cefdf7_2160x1080.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>Zabra&#328;te poskakov&#225;n&#237; layoutu. </strong>Sk&#225;kaj&#237;c&#237; str&#225;nka p&#367;sob&#237; neprofesion&#225;ln&#283;.<br><br>&#10060; Obr&#225;zky bez rozm&#283;r&#367;, obsah se p&#345;i na&#269;&#237;t&#225;n&#237; posouv&#225;.<br>&#9989; Rezervovan&#233; m&#237;sto pro obr&#225;zky pomoc&#237; <code>width</code> a h<code>ight</code>.<br><br>&#128073; U&#382;ivatel&#233; neztr&#225;cej&#237; soust&#345;ed&#283;n&#237; a pozici na str&#225;nce. <br>&#128073; Lep&#353;&#237; <a href="https://www.reknisioweb.cz/p/core-web-vitals">Core Web Vitals</a> a dojem z webu.<br><br>Stabiln&#237; layout vypad&#225; klidn&#283; a solidn&#283;.</p><h2>Linkodrom</h2><p><strong>Jak se st&#225;t lep&#353;&#237;m design&#233;rem?</strong> <em>Muskaan Arai</em> upozor&#328;uje, &#382;e zlep&#353;en&#237; v navrhov&#225;n&#237; nen&#237; v&#283;c nov&#253;ch n&#225;stroj&#367;, ale hlub&#353;&#237;ho my&#353;len&#237;. Doporu&#269;uje za&#269;&#237;t ot&#225;zkami <em>&#8222;jak&#253; probl&#233;m &#345;e&#353;&#237;me&#8220;</em> a zam&#283;&#345;it se na tok u&#382;ivatelsk&#253;ch cest a produktov&#233; my&#353;len&#237;. D&#367;raz klade na <a href="https://medium.com/@muskaanaraidesigns/how-to-improve-as-a-ux-ui-designer-dd973b0d03eb">kvalitn&#237; UX copy, schopnost obh&#225;jit rozhodnut&#237;, p&#345;ij&#237;m&#225;n&#237; zp&#283;tn&#233; vazby</a> a na typografick&#233; z&#225;klady.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!lUP3!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!lUP3!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 424w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 848w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 1272w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!lUP3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp" width="427" height="208.35542168674698" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:405,&quot;width&quot;:830,&quot;resizeWidth&quot;:427,&quot;bytes&quot;:28770,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190496423?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!lUP3!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 424w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 848w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 1272w, https://substackcdn.com/image/fetch/$s_!lUP3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8831e50-c55f-46c1-818c-46aa6f86bd95_830x405.webp 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a><figcaption class="image-caption">Kdyby B&#367;h dovolil design&#233;r&#367;m redesignovat Zemi&#8230; (<a href="https://www.threads.com/@raminnasibov/post/DUfc0uHiJcw?xmt=AQF0sJC7HU4Kw9hU9__JGgnqIDAUWvBn6V-U7gmGkYaswA">@raminnasibov</a>)</figcaption></figure></div><p><strong>Jak spr&#225;vn&#283; &#345;e&#353;it velikosti ikon v design syst&#233;mu.</strong> <em>Alice Packard</em> rozeb&#237;r&#225; t&#345;i p&#345;&#237;stupy k &#345;&#237;zen&#237; velikost&#237; ikon v design syst&#233;mech: odd&#283;len&#233; komponenty pro ka&#382;dou velikost, pou&#382;it&#237; mode/variables a wrapper komponentu. Doporu&#269;uje <a href="https://www.alicepackarddesign.com/blog/managing-icon-component-sizes">p&#345;id&#225;vat vlastnost </a><code>size</code><a href="https://www.alicepackarddesign.com/blog/managing-icon-component-sizes"> p&#345;&#237;mo do ka&#382;d&#233; ikonov&#233; komponenty</a>.</p><p><strong>Preference u&#382;ivatel&#367; font&#367;:</strong> <em>Fontstand</em> shrnuje <a href="https://fontstand.com/news/design-news/survey/">v&#253;sledky pr&#367;zkumu v&#253;b&#283;ru p&#237;sma</a>: d&#367;le&#382;it&#225; je srozumitelnost licenc&#237;, mo&#382;nost snadn&#233;ho testov&#225;n&#237; p&#345;ed n&#225;kupem a p&#345;ehlednost nab&#237;dky. Respondenti preferuj&#237; platformy, kter&#233; usnad&#328;uj&#237; zkou&#353;ku p&#237;sma v re&#225;ln&#233;m kontextu. </p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/112?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">Bav&#237; v&#225;s tenhle p&#345;&#237;sp&#283;vek? &#344;ekn&#283;te o&nbsp;n&#283;m ostatn&#237;m!</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/112?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/112?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p><strong>5 praktick&#253;ch tip&#367; pro zvl&#225;d&#225;n&#237; UX projekt&#367; s ADHD:</strong> <em>Joanna Weber</em> nab&#237;z&#237; praktick&#233; rady pro design&#233;ry s ADHD: doporu&#269;uje pracovat s t&#283;lesn&#253;mi mechanismy (podpora dopaminu, regulace norepinefrinu/serotoninu), outsourcovat &#269;as pomoc&#237; kalend&#225;&#345;&#367; a timer&#367;, <a href="https://joannaweber.medium.com/5-pro-tips-for-managing-ux-projects-with-adhd-d86e1ed91e09">budovat &#382;eb&#345;&#237;k drobn&#253;ch &#269;innost&#237;</a> k p&#345;ekon&#225;n&#237; paral&#253;zy a dokumentovat z&#225;vazky.</p><p><strong>Personas versus Role.</strong> <em>Michael Zummo</em> tvrd&#237;, &#382;e personas jsou u&#382;ite&#269;n&#233; pro empatii, ale nesta&#269;&#237; pro pochopen&#237;, jak pr&#225;ce skute&#269;n&#283; prob&#237;h&#225;. Navrhuje model rol&#237;, kter&#233; <a href="https://medium.com/@milwaukeemzummo/article-5-roles-vs-personas-domain-ownership-and-accountabilities-852f91af1741">popisuj&#237; odpov&#283;dnosti, v&#253;sledky a kontext nutn&#253; pro vykon&#225;v&#225;n&#237; pr&#225;ce</a>. Role jsou ak&#269;n&#237;, adaptabiln&#237; a l&#233;pe informuj&#237; o z&#225;vislostech a provozn&#237;ch podm&#237;nk&#225;ch ne&#382; statick&#233; persony.</p><div class="pullquote"><p>Pomozte n&#225;m roz&#353;&#237;&#345;it newsletter &#344;ekni si o web k v&#237;ce lidem. Po&#353;lete ho koleg&#367;m, zn&#225;m&#253;m &#269;i obchodn&#237;m partner&#367;m a &#345;ekn&#283;te jim, pro&#269; ho r&#225;di &#269;tete. Upozorn&#283;te je na mo&#382;nost p&#345;ihl&#225;sit odb&#283;r.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/112?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/112?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p><p>D&#283;kujeme!</p></div><p><strong>Pro&#269; Double Diamond funguje:</strong> <em>Alper Halici</em> vysv&#283;tluje <em><a href="https://www.reknisioweb.cz/p/double-diamond">Double Diamond</a></em> jako praktick&#253; r&#225;mec pro systematick&#233; &#345;e&#353;en&#237; probl&#233;m&#367;. Stoj&#237; na iterac&#237;ch, ov&#283;&#345;ov&#225;n&#237; hypot&#233;z a p&#345;echodu mezi divergentn&#237;m a konvergentn&#237;m my&#353;len&#237;m. Model podporuje <a href="https://medium.com/@ghcpgs/double-diamond-framework-a-guide-to-problem-solving-mastery-f2bc487deee1">zapojen&#237; stakeholder&#367; a rychl&#233; testov&#225;n&#237; n&#225;pad&#367;</a>, &#269;&#237;m&#382; sni&#382;uje riziko &#353;patn&#233; orientace v&nbsp;komplexn&#237;ch projektech.</p><p><strong>Vytvo&#345;te kompletn&#237; Figma Make kit na jeden z&#225;tah.</strong> Praktick&#253; n&#225;vod ukazuje, jak vytvo&#345;it kompletn&#237; <em><a href="https://www.figma.com/make/">Figma Make</a></em> kit za pomoci <em><a href="https://code.claude.com/docs/en/overview">Claude Code</a></em> a <em><a href="https://www.reknisioweb.cz/p/figma-console-mcp">Figma Console MCP</a></em>: pl&#225;nov&#225;n&#237;, generov&#225;n&#237; komponent, konfigurace token&#367; a kontrola konzistence. Tato metoda u&#353;et&#345;&#237; &#269;as a umo&#382;n&#237; <a href="https://www.designsystemscollective.com/creating-a-complete-figma-make-kit-in-one-session-using-claude-code-and-figma-console-mcp-a70c1ebd1bd3">rychl&#233; prototypov&#225;n&#237; v&#253;choz&#237;ho design syst&#233;mu</a> s&nbsp;mo&#382;nost&#237; pozd&#283;j&#353;&#237; automatizovan&#233; &#250;pravy.</p><div id="youtube2-t_LBECIQQqs" class="youtube-wrap" data-attrs="{&quot;videoId&quot;:&quot;t_LBECIQQqs&quot;,&quot;startTime&quot;:null,&quot;endTime&quot;:null}" data-component-name="Youtube2ToDOM"><div class="youtube-inner"><iframe src="https://www.youtube-nocookie.com/embed/t_LBECIQQqs?rel=0&amp;autoplay=0&amp;showinfo=0&amp;enablejsapi=0" frameborder="0" loading="lazy" gesture="media" allow="autoplay; fullscreen" allowautoplay="true" allowfullscreen="true" width="728" height="409"></iframe></div></div><p><strong>Jak nacenit design:</strong> <em>Carlos Fraccalvieri</em> nab&#237;z&#237; praktick&#233; rady, jak stanovit cenu za design&#233;rskou pr&#225;ci: definovat hodnotu, odd&#283;lit cenu od &#269;asu, pou&#382;&#237;vat jasn&#233; nab&#237;dky a&nbsp;smlouvy, vyjedn&#225;vat na z&#225;klad&#283; v&#253;sledk&#367;, nikoli pouze hodinov&#233; sazby. Doporu&#269;uje m&#237;t <a href="https://medium.com/@sicarlos/how-to-price-your-design-work-without-underselling-yourself-7193a01bcc42">standardizovan&#233; bal&#237;&#269;ky, kalkulovat rizika a rezervy a jasn&#283; komunikovat rozsah</a> dod&#225;vky.</p><p><strong>Praktick&#233; pou&#382;it&#233; AI p&#345;i navrhov&#225;n&#237;.</strong> <em>Tom Smykowski</em> testuje deset AI n&#225;stroj&#367; pro UI design a shrnuje, &#382;e nejlep&#353;&#237; v&#253;sledky p&#345;ich&#225;zej&#237;, kdy&#382; n&#225;stroje slou&#382;&#237; jako asistenti, ne jako n&#225;hrada kreativity. Doporu&#269;en&#253; p&#345;&#237;stup kombinuje lidsk&#253; &#250;sudek s AI pro generov&#225;n&#237; n&#225;pad&#367;, variant a rychl&#253;ch prototyp&#367;. <a href="https://tomaszs2.medium.com/i-reviewed-10-ai-skills-for-ui-design-and-they-all-ask-ai-to-not-be-an-ai-3c152b32840a">AI urychl&#237; pr&#225;ci, ale neodstran&#237; pot&#345;ebu konceptu&#225;ln&#237;ho my&#353;len&#237;.</a></p><p><strong>Konec hesel?</strong> Text diskutuje &#250;padek tradi&#269;n&#237;ch hesel a p&#345;echod k modern&#283;j&#353;&#237;m form&#225;m autentizace: passkeys, biometrie a v&#237;ce&#250;rov&#328;ov&#233; ov&#283;&#345;en&#237;. <a href="https://nma-itservice.medium.com/passwords-in-2026-were-done-with-that-def1f6d5bda5">Hesla jsou zraniteln&#225; a nepohodln&#225;</a>. &#270;&#225;bel se skr&#253;v&#225; v migraci u&#382;ivatel&#367; k nov&#253;m standard&#367;m zabezpe&#269;en&#237; &#250;&#269;tu, v podpo&#345;e v infrastruktur&#225;ch a v jasn&#233; komunika&#269;n&#237; strategie, aby p&#345;echod byl &#353;iroce akceptovateln&#253;.</p><h2>Vy&#353;lo na &#344;SoW</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!By4L!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!By4L!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 424w, https://substackcdn.com/image/fetch/$s_!By4L!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 848w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1272w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png" width="502" height="334.7815934065934" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:971,&quot;width&quot;:1456,&quot;resizeWidth&quot;:502,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Larry Tesler&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Larry Tesler" title="Larry Tesler" srcset="https://substackcdn.com/image/fetch/$s_!By4L!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 424w, https://substackcdn.com/image/fetch/$s_!By4L!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 848w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1272w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8220;Intelligence is whatever machines haven&#8217;t done yet.&#8221;</em> &#8212; Larry Tesler, <a href="https://www.nomodes.com/larry-tesler-consulting/adages-and-coinages?rq=browser#:~:text=Intelligence%20is%20whatever%20machines%20haven%27t%20done%20yet">AI theorem</a></figcaption></figure></div><p><em><a href="https://www.reknisioweb.cz/p/larry-tesler">Larry Tesler</a></em> (24. dubna 1945&#8239;&#8212;&#8201;16. &#250;nora 2020). Zanechal siln&#253; odkaz: copy, paste, WYSIWYG a konec re&#382;im&#367;. Trval na p&#345;esunu slo&#382;itosti ze strany u&#382;ivatele do syst&#233;mu. V&nbsp;<em>Xerox PARC</em> pomohl zav&#233;st koncepty jako copy/paste a model <em>&#8222;vyber, pak jednej&#8220;</em>, &#269;&#237;m&#382; polo&#382;il z&#225;klady GUI. </p><p>Odm&#237;tal re&#382;imy, kter&#233; matou u&#382;ivatele, a prosazoval konzistentn&#237;, bezre&#382;imovou interakci. V <em>Applu</em> tyto principy prom&#283;nil ve standard <a href="https://www.reknisioweb.cz/p/wimp">WIMP</a> (<em>Lisa</em>, <em>Macintosh</em>) a pozd&#283;ji je p&#345;enesl i do velk&#253;ch internetov&#253;ch slu&#382;eb. Jeho odkaz dnes p&#367;sob&#237; samoz&#345;ejm&#283;: technologie je p&#345;&#237;v&#283;tiv&#225; pr&#225;v&#283; proto, &#382;e slo&#382;itost z&#367;st&#225;v&#225; skryt&#225; uvnit&#345; syst&#233;mu.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;5d952818-cb14-4e9b-b2a5-f248ac835aca&quot;,&quot;caption&quot;:&quot;Lawrence Gordon Tesler (24. dubna 1945 &#8212; 16. &#250;nora 2020) zanechal stopu, kter&#225; je na prvn&#237; pohled t&#233;m&#283;&#345; neviditeln&#225;. Jeho kl&#237;&#269;ov&#225; my&#353;lenka je jednoduch&#225;&#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Larry Tesler zanechal siln&#253; odkaz: copy, paste, WYSIWYG a konec re&#382;im&#367;&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2026-04-13T05:59:00.000Z&quot;,&quot;cover_image&quot;:&quot;https://substackcdn.com/image/fetch/$s_!By4L!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/larry-tesler&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:194740781,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p><em><a href="https://www.reknisioweb.cz/p/wimp">WIMP</a></em> (okna, ikony, nab&#237;dky, ukazatel) je princip pou&#382;itelnosti, kter&#253; umo&#382;nil intuitivn&#283; ovl&#225;dat po&#269;&#237;ta&#269;e d&#237;ky viditeln&#253;m volb&#225;m, prostorov&#233; orientaci a okam&#382;it&#233; zp&#283;tn&#233; vazb&#283;. Z&#225;rove&#328; se ukazuj&#237; jeho limity v &#233;&#345;e dotykov&#253;ch za&#345;&#237;zen&#237; a p&#345;&#237;stupnosti. Skute&#269;n&#233; d&#283;dictv&#237; WIMPu tak spo&#269;&#237;v&#225; v d&#367;razu na rozpozn&#225;n&#237; m&#237;sto pam&#283;ti a v n&#225;vrhu rozhran&#237;, kter&#225; zp&#345;&#237;stup&#328;uj&#237; akce a sni&#382;uj&#237; nejistotu.</p><p><em><a href="https://www.reknisioweb.cz/p/user-friendly">User-friendly:</a></em> software se m&#225; p&#345;izp&#367;sobit lidem. <em><a href="https://www.reknisioweb.cz/p/teslers-law">Z&#225;kon zachov&#225;n&#237; slo&#382;itosti</a></em> &#345;&#237;k&#225;, &#382;e komplikovanost nelze odstranit, jen p&#345;esunout. Dobr&#253; design bere slo&#382;itost na sebe, ne na u&#382;ivatele. </p><p><em><a href="https://www.reknisioweb.cz/p/isitagentready">Is It Agent Ready</a></em> od Cloudflare je n&#225;stroj, kter&#253; p&#345;ev&#225;d&#237; abstraktn&#237; trend AI agent&#367; do&nbsp;praktick&#233;ho testu webu. Hodnot&#237; p&#283;t oblast&#237; od objevitelnosti po obchodn&#237; logiku a kombinuje zaveden&#233; standardy s nov&#253;mi protokoly. V&#283;t&#353;ina web&#367; nepot&#345;ebuje futuristick&#233; funkce, ale poctiv&#283; zvl&#225;dnut&#233; technick&#233; z&#225;klady. V&#253;sledek testu je orienta&#269;n&#237;, p&#345;esto u&#382; dnes pom&#225;h&#225; zjistit, zda web obstoj&#237; i v o&#269;&#237;ch softwaru jednaj&#237;c&#237;ho za u&#382;ivatele.</p><div><hr></div><p><strong>Dnes na v&#225;s <a href="https://luma.com/nvo1lbcy?locale=cs">po&#269;k&#225; design&#233;r</a> v Shoptetu. </strong>Z&#237;tra je <a href="https://www.meetup.com/asociace-ux/events/314303439/">Research Tuesday</a> o UX mimo obrazovku. Ve&nbsp;st&#345;edu bude konference <a href="https://projectrestart.cz/">Project Restart</a> a ve &#269;tvrtek <a href="https://www.x4b.cz/konference-2026/">Experience for Business</a>. V Brn&#283; zajd&#283;te <a href="https://www.meetup.com/asociace-ux/events/314001122/">na ve&#269;e&#345;i s UXery</a>. <a href="https://www.meetup.com/asociace-ux/events/314311825/">KISK streamuje</a> p&#345;edn&#225;&#353;ku o spekulativn&#237;m designu. Dal&#353;&#237; akce najdete <a href="https://www.reknisioweb.cz/p/konference-2026#%C2%A7leden">v&nbsp;na&#353;em p&#345;ehledu</a> aktualizovan&#253;m ka&#382;d&#253; t&#253;den.</p><div><hr></div><p>A to je ze zpravodaje <a href="https://reknisioweb.cz/">&#344;ekni si o web</a> v&#353;echno. <strong>V roce 1971 si p&#345;esn&#283; ve <a href="https://cs.wikipedia.org/wiki/Sv%C4%9Btov%C3%BD_den_marihuany">4:20 p.m.</a> p&#283;tice student&#367; v kalifornsk&#233;m San Rafael ubalila &#353;peka. </strong>D&#237;ky, &#382;e n&#225;s nejen &#269;tete, ale tak&#233; o sob&#283; d&#225;v&#225;te v&#283;d&#283;t. Pokud pro n&#225;s m&#225;te n&#283;jak&#253; tip, co p&#345;&#237;&#353;t&#283; vylep&#353;it nebo ud&#283;lat jinak, t&#283;&#353;&#237;me se.</p><p>Hezk&#253; t&#253;den,<br>Jakub Goldmann a Martin Kopta.</p><p></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">L&#237;b&#237; se v&#225;m newsletter <a href="https://reknisioweb.cz">&#344;ekni si o web</a>? P&#345;ihlaste se k pravideln&#233;mu odb&#283;ru do e-mailu nebo p&#345;es Substack.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Is It Agent Ready: Je váš web připravený na AI agenty?]]></title><description><![CDATA[P&#345;ipravenost pro agenty: m&#237;ra, s n&#237;&#382; mohou web objevit, pochopit, ov&#283;&#345;it a pou&#382;&#237;vat AI agenti, nejen lid&#233; a vyhled&#225;vac&#237; roboti.]]></description><link>https://www.reknisioweb.cz/p/isitagentready</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/isitagentready</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Fri, 17 Apr 2026 05:59:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!wRPi!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!wRPi!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!wRPi!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 424w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 848w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 1272w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!wRPi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png" width="1456" height="826" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:826,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:105632,&quot;alt&quot;:&quot;Sn&#237;mek obrazovky n&#225;stroje Is It Agent Ready.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/194748728?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Sn&#237;mek obrazovky n&#225;stroje Is It Agent Ready." title="Sn&#237;mek obrazovky n&#225;stroje Is It Agent Ready." srcset="https://substackcdn.com/image/fetch/$s_!wRPi!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 424w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 848w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 1272w, https://substackcdn.com/image/fetch/$s_!wRPi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8f0ef4ce-dbf3-480b-ba92-f17ae55670fd_1903x1079.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Jste p&#345;ipraveni na AI agenty?</figcaption></figure></div><p><em>Cloudflare</em> pomoc&#237; webu <em><a href="https://isitagentready.com/">isitagentready.com</a></em> p&#345;ev&#225;d&#237; neur&#269;it&#253; trend do&nbsp;praktick&#233;ho testu. Zkoum&#225;, zda je web p&#345;ipraven&#253; pro AI agenty jednaj&#237;c&#237; jm&#233;nem u&#382;ivatele. D&#367;le&#382;it&#283;j&#353;&#237; ne&#382; samotn&#233; sk&#243;re je posun, kter&#253; n&#225;stroj odhaluje. Strojov&#283; &#269;iteln&#225; vrstva webu se st&#225;v&#225; samostatn&#253;m ukazatelem kvality.</p><p>Skener hodnot&#237; p&#283;t oblast&#237;: objevitelnost, p&#345;&#237;stupnost obsahu, &#345;&#237;zen&#237; p&#345;&#237;stupu bot&#367;, objevov&#225;n&#237; protokol&#367; a&nbsp;obchodn&#237; vrstvu. N&#283;kter&#233; kontroly stoj&#237; na&nbsp;zn&#225;m&#253;ch z&#225;kladech, jako jsou robots.txt, sitemapy, hlavi&#269;ky odkaz&#367; a&nbsp;metadata pro autorizaci.</p><p>Jin&#233; m&#237;&#345;&#237; k&nbsp;nov&#283;j&#353;&#237;m konvenc&#237;m, nap&#345;&#237;klad k&nbsp;vyjedn&#225;v&#225;n&#237; <em>Markdownu</em>, objevov&#225;n&#237; slu&#382;eb p&#345;es <em><a href="https://www.reknisioweb.cz/p/mcp">MCP</a></em>, <em>Agent Skills</em> nebo protokol&#367;m pro agentn&#237; obchodov&#225;n&#237;. Celek nazna&#269;uje, &#382;e agenti pot&#345;ebuj&#237; v&#253;slovn&#283;j&#353;&#237; sign&#225;ly, &#269;ist&#353;&#237; form&#225;ty obsahu a&nbsp;jasn&#283;j&#353;&#237; pravidla interakce ne&#382; tradi&#269;n&#237; crawlery.</p><p>V&#283;t&#353;ina web&#367; nepot&#345;ebuje jako prvn&#237; krok pokro&#269;il&#233; funkce pro agenty. Pot&#345;ebuje dob&#345;e zvl&#225;dnut&#233; technick&#233; z&#225;klady: platn&#233; soubory pro objevov&#225;n&#237;, srozumiteln&#225; metadata, p&#345;edv&#237;dateln&#225; pravidla p&#345;&#237;stupu a&nbsp;obsah dostupn&#253; i&nbsp;ve&nbsp;form&#283; vhodn&#283;j&#353;&#237; pro strojov&#233; zpracov&#225;n&#237;. P&#345;ipravenost pro agenty tak neza&#269;&#237;n&#225; futuristickou architekturou, ale d&#367;slednou technickou hygienou.</p><p>Pr&#225;v&#283; v&nbsp;tom je n&#225;stroj <em><a href="https://isitagentready.com/">Is It Agent Ready</a></em> u&#382;ite&#269;n&#253; i&nbsp;omezen&#253; z&#225;rove&#328;. Spojuje zaveden&#233; standardy s&nbsp;nov&#283; vznikaj&#237;c&#237;mi n&#225;vrhy, tak&#382;e jeho sk&#243;re je vhodn&#233; &#269;&#237;st jako orienta&#269;n&#237; sign&#225;l, ne jako hotov&#253; z&#225;kon&#237;k&nbsp;budouc&#237;ho webu. P&#345;esto m&#225; v&#253;znam u&#382; dnes. Umo&#382;&#328;uje ov&#283;&#345;it, zda je web &#269;iteln&#253; jen pro lidi, nebo st&#225;le v&#237;ce tak&#233; pro software, kter&#253; za&nbsp;lidi jedn&#225;.</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/isitagentready?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni si o web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS feed</a> a u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/isitagentready?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/isitagentready?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[Uživatelská přívětivost]]></title><description><![CDATA[User-friendly &#8211; designov&#253; ide&#225;l, v n&#283;m&#382; syst&#233;m p&#345;eb&#237;r&#225; slo&#382;itost, aby lid&#233; mohli jednat jasn&#283;, jist&#283; a bez zbyte&#269;n&#233; n&#225;mahy.]]></description><link>https://www.reknisioweb.cz/p/user-friendly</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/user-friendly</guid><pubDate>Thu, 16 Apr 2026 05:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/98018855-6ee1-4e69-945f-d5a7195b8bca_1536x1024.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Odkaz <em><a href="https://www.reknisioweb.cz/p/larry-tesler">Larryho Teslera</a></em> lze shrnout do&nbsp;jedin&#233; my&#353;lenky: software se m&#225; p&#345;izp&#367;sobovat lidem, ne nutit lidi, aby se p&#345;izp&#367;sobovali softwaru. Tato p&#345;edstava formovala jeho pr&#225;ci v&nbsp;Xerox PARC i&nbsp;v&nbsp;Applu. Pr&#225;v&#283; tam pom&#225;hal prosadit bezre&#382;imov&#233; ovl&#225;d&#225;n&#237;, operace vyjmout, kop&#237;rovat a&nbsp;vlo&#382;it i&nbsp;&#353;ir&#353;&#237; o&#269;ek&#225;v&#225;n&#237;, &#382;e digit&#225;ln&#237; n&#225;stroje maj&#237; b&#253;t snadno pochopiteln&#233;, bezpe&#269;n&#233; p&#345;i&nbsp;pou&#382;&#237;v&#225;n&#237; a&nbsp;co nejm&#233;n&#283; zat&#283;&#382;uj&#237;c&#237; pro &#269;lov&#283;ka, kter&#253; chce n&#283;co dokon&#269;it.</p><p>Jeho nejtrvalej&#353;&#237; post&#345;eh zn&#237; takto: slo&#382;itost nikdy zcela nezmiz&#237;. V&nbsp;Teslerov&#283; z&#225;konu zachov&#225;n&#237; slo&#382;itosti m&#225; ka&#382;d&#253; syst&#233;m ur&#269;itou neodstranitelnou m&#237;ru komplikovanosti. Skute&#269;n&#225; ot&#225;zka proto nezn&#237;, zda slo&#382;itost existuje, ale kdo ji ponese&#8239;&#8211;&#8201;u&#382;ivatel, v&#253;voj&#225;&#345; nebo samotn&#225; platforma. Dobr&#253; design p&#345;esouv&#225; co nejv&#283;t&#353;&#237; &#269;&#225;st t&#233;to&nbsp;z&#225;t&#283;&#382;e pry&#269; od&nbsp;u&#382;ivatele.</p><p>Pr&#225;v&#283; t&#237;m se vysv&#283;tluje Tesler&#367;v&nbsp;odpor k&nbsp;re&#382;im&#367;m. V&nbsp;re&#382;imov&#233;m rozhran&#237; m&#367;&#382;e tat&#225;&#382; akce znamenat n&#283;co jin&#233;ho podle neviditeln&#233;ho stavu syst&#233;mu. U&#382;ivatel si pak mus&#237; pamatovat, v&nbsp;jak&#233;m stavu se pr&#225;v&#283; nach&#225;z&#237;, aby mohl odhadnout v&#253;sledek dal&#353;&#237;ho kroku. Tesler m&#237;sto toho prosazoval bezre&#382;imovou interakci. Kliknete tam, kde chcete ps&#225;t, ozna&#269;&#237;te to, co chcete zm&#283;nit, a&nbsp;potom provedete akci. To, co dnes v&nbsp;editorech a&nbsp;rozhran&#237;ch p&#367;sob&#237; samoz&#345;ejm&#283;, bylo kdysi v&#283;dom&#253;m a&nbsp;z&#225;sadn&#237;m pr&#367;lomem.</p><p>Pro web je tento odkaz st&#225;le bezprost&#345;edn&#283; d&#367;le&#382;it&#253;. Web nen&#237; user&#173;&#8209;friendly jen proto, &#382;e vypad&#225; jednodu&#353;e nebo s&#225;m sebe ozna&#269;uje za&nbsp;intuitivn&#237;. User&#173;&#8209;friendly je tehdy, kdy&#382; navigace odpov&#237;d&#225; o&#269;ek&#225;v&#225;n&#237;m lid&#237;, formul&#225;&#345;e nevytv&#225;&#345;ej&#237; zbyte&#269;nou pr&#225;ci, edita&#269;n&#237; n&#225;stroje se chovaj&#237; p&#345;edv&#237;dateln&#283; a&nbsp;z&nbsp;chyb se d&#225; snadno vr&#225;tit. Z&#225;t&#283;&#382; m&#225; n&#233;st syst&#233;m, ne n&#225;v&#353;t&#283;vn&#237;k.</p><p>V&#253;raz user&#173;&#8209;friendly se pozd&#283;ji zm&#283;nil v&nbsp;kli&#353;&#233;, ale jeho p&#367;vodn&#237; v&#253;znam m&#225; po&#345;&#225;d hodnotu. V&nbsp;tom nejlep&#353;&#237;m smyslu nejde o&nbsp;marketingovou n&#225;lepku. Jde o&nbsp;projev respektu k&nbsp;lidsk&#233;mu &#269;asu, pozornosti a&nbsp;&#250;sil&#237;. Tesler pomohl prom&#283;nit tento n&#225;rok v&nbsp;normu. Web za&nbsp;n&#237; st&#225;le &#269;asto zaost&#225;v&#225;, ale m&#283;&#345;&#237;tko z&#367;st&#225;v&#225; spr&#225;vn&#233;: odpov&#283;dnost m&#225; n&#233;st p&#345;edev&#353;&#237;m ten, kdo syst&#233;m navrhl a&nbsp;postavil, ne ten, kdo ho jen pot&#345;ebuje pou&#382;&#237;t.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;bde9aae5-5557-44d1-acf4-85fdc26d8c74&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/user-friendly?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni si o web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS feed</a> a u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/user-friendly?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/user-friendly?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[WIMP: Windows, Icons, Menus and Pointer]]></title><description><![CDATA[Model grafick&#233;ho rozhran&#237; zalo&#382;en&#253; na oknech, ikon&#225;ch, nab&#237;dk&#225;ch a ovl&#225;d&#225;n&#237; ukazatelem; desktopov&#225; logika, kter&#225; dodnes formuje fungov&#225;n&#237; mnoha web&#367; a webov&#253;ch aplikac&#237;.]]></description><link>https://www.reknisioweb.cz/p/wimp</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/wimp</guid><pubDate>Tue, 14 Apr 2026 05:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/b08bca41-217b-4fa0-b737-a192d5011c38_1536x1024.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>WIMP&#8239;&#8211;&#8201;tedy <a href="https://en.wikipedia.org/wiki/WIMP_(computing)">windows, icons, menus, pointer</a>, &#269;esky okna, ikony, nab&#237;dky a&nbsp;ukazatel&#8239;&#8211;&#8201;je star&#253; pojem pro st&#225;le &#382;ivou my&#353;lenku. Ozna&#269;uje model interakce, kter&#253; zp&#345;&#237;stupnil grafick&#233; ovl&#225;d&#225;n&#237; po&#269;&#237;ta&#269;&#367; b&#283;&#382;n&#253;m lidem a&nbsp;kter&#253; dodnes v&#253;razn&#283; ovliv&#328;uje podobu webu.</p><p>I&nbsp;kdy&#382; dne&#353;n&#237; web u&#382; &#269;asto nep&#345;ipom&#237;n&#225; klasickou pracovn&#237; plochu, st&#225;le stoj&#237; na&nbsp;wimpovsk&#253;ch p&#345;edpokladech. Viditeln&#233; volby jsou snaz&#353;&#237; ne&#382; skryt&#233; p&#345;&#237;kazy. Prostorov&#233; uspo&#345;&#225;d&#225;n&#237; pom&#225;h&#225; s&nbsp;orientac&#237;. Okam&#382;it&#225; zp&#283;tn&#225; vazba sni&#382;uje nejistotu.</p><p>D&#367;le&#382;itost WIMPu nespo&#269;&#237;v&#225; ani tak v&nbsp;samotn&#233; zkratce jako v&nbsp;logice pou&#382;itelnosti, kter&#225; za&nbsp;n&#237; stoj&#237;. V&#253;zkum <a href="https://en.wikipedia.org/wiki/Ivan_Sutherland">Ivana Sutherlanda</a>, <a href="https://www.reknisioweb.cz/p/douglas-engelbart">Douglase Engelbarta</a>, <em>Xerox PARC</em> a&nbsp;pozd&#283;ji <a href="https://www.reknisioweb.cz/p/ben-shneiderman">Bena Shneidermana</a> uk&#225;zal, &#382;e lid&#233; pracuj&#237; l&#233;pe, kdy&#382; mohou manipulovat s&nbsp;viditeln&#253;mi objekty, pozn&#225;vat mo&#382;nosti m&#237;sto vybavov&#225;n&#237; p&#345;&#237;kaz&#367; z&nbsp;pam&#283;ti a&nbsp;vracet kroky bez postihu. Pr&#225;v&#283; to&nbsp;je skute&#269;n&#233; d&#283;dictv&#237; WIMPu. Ne nostalgick&#225; metafora pracovn&#237; plochy, ale trval&#253; princip interakce.</p><p>Web tuto logiku p&#345;evzal t&#233;m&#283;&#345; automaticky. Panely prohl&#237;&#382;e&#269;e a&nbsp;mod&#225;ln&#237; dialogy navazuj&#237; na&nbsp;okna. Favicony, symboly v&nbsp;n&#225;strojov&#253;ch li&#353;t&#225;ch a&nbsp;ikony tla&#269;&#237;tek pokra&#269;uj&#237; v&nbsp;roli ikon. Navigace, rozbalovac&#237; nab&#237;dky a&nbsp;kontextov&#233; ovl&#225;dac&#237; prvky rozv&#237;jej&#237; logiku menu. Stavy po&nbsp;najet&#237; kurzorem, p&#345;etahov&#225;n&#237; a&nbsp;vizu&#225;ln&#237; odezva kurzoru nesou d&#225;l model ukazatele. Prohl&#237;&#382;e&#269; se tak stal nejroz&#353;&#237;&#345;en&#283;j&#353;&#237;m prost&#345;ed&#237;m, v&nbsp;n&#283;m&#382; WIMP &#382;ije d&#225;l.</p><p>Jeho limity jsou ale stejn&#283; pou&#269;n&#233;. WIMP vznikal pro velk&#233; obrazovky, vizu&#225;ln&#237; soust&#345;ed&#283;n&#237; a&nbsp;p&#345;esn&#233; m&#237;&#345;en&#237; ukazatelem. Dotykov&#225; za&#345;&#237;zen&#237; oslabuj&#237; v&#253;znam hoveru, mal&#233; displeje stla&#269;uj&#237; nab&#237;dky a&nbsp;pravidla p&#345;&#237;stupnosti dnes opravuj&#237; mnoh&#233; p&#345;edpoklady z&#225;visl&#233; na&nbsp;ukazateli. Vy&#382;aduj&#237; v&#283;t&#353;&#237; aktivn&#237; c&#237;le, kl&#225;vesnicov&#233; alternativy a&nbsp;srozumiteln&#283;j&#353;&#237; s&#233;mantiku.</p><p>Pr&#225;v&#283; proto WIMP st&#225;le stoj&#237; za&nbsp;pozornost. Nen&#237; to&nbsp;jen kapitola z&nbsp;d&#283;jin rozhran&#237;. Je to&nbsp;praktick&#253; test dobr&#233;ho webov&#233;ho designu. Zp&#345;&#237;stupnit akce. Zp&#345;ehlednit ovl&#225;dac&#237; prvky. A&nbsp;nechat rozpozn&#225;n&#237;, aby odvedlo v&#237;c pr&#225;ce ne&#382; pam&#283;&#357;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;9ff6bd0a-522b-455b-b67b-9cadb6de29fb&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/wimp?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni si o web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS feed</a> a u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/wimp?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/wimp?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[Larry Tesler zanechal silný odkaz: copy, paste, WYSIWYG a konec režimů]]></title><description><![CDATA[Systematicky p&#345;esouval slo&#382;itost ze strany u&#382;ivatel&#367; do informa&#269;n&#237;ch syst&#233;m&#367;. Jeho principy: copy/paste, bezre&#382;imov&#225; interakce, WYSIWYG a z&#225;kon zachov&#225;n&#237; slo&#382;itosti dodnes ur&#269;uj&#237;, jak navrhujeme.]]></description><link>https://www.reknisioweb.cz/p/larry-tesler</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/larry-tesler</guid><pubDate>Mon, 13 Apr 2026 05:59:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!By4L!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!By4L!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!By4L!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 424w, https://substackcdn.com/image/fetch/$s_!By4L!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 848w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1272w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png" width="1456" height="971" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:971,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:494221,&quot;alt&quot;:&quot;Larry Tesler&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/194740781?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Larry Tesler" title="Larry Tesler" srcset="https://substackcdn.com/image/fetch/$s_!By4L!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 424w, https://substackcdn.com/image/fetch/$s_!By4L!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 848w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1272w, https://substackcdn.com/image/fetch/$s_!By4L!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19ad31e4-9e6e-41cc-bba6-41252042b517_1536x1024.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8220;I have been mistakenly identified as &#8216;the father of the graphical user interface for the Macintosh&#8217;. I was not. However, a paternity test might expose me as one of its many grandparents.&#8221;</em> &#8212; <a href="https://www.nomodes.com/larry-tesler-consulting/summary#:~:text=I%20have%20been%20mistakenly%C2%A0identified%C2%A0as%20%E2%80%9Cthe%20father%20of%20the%20graphical%20user%20interface%20for%20the%20Macintosh%E2%80%9D.%20I%20was%20not.%20However%2C%20a%20paternity%20test%20might%20expose%20me%20as%20one%20of%20its%20many%20grandparents.">Larry Tesler</a></figcaption></figure></div><p><em><a href="https://www.nomodes.com/">Lawrence Gordon Tesler</a></em> (24. dubna 1945&#8239;&#8212;&#8201;16. &#250;nora 2020) zanechal stopu, kter&#225; je na&nbsp;prvn&#237; pohled t&#233;m&#283;&#345; neviditeln&#225;. Jeho kl&#237;&#269;ov&#225; my&#353;lenka je jednoduch&#225;: slo&#382;itost ze&nbsp;syst&#233;m&#367; nezmiz&#237;. Lze ji pouze p&#345;esunout. A&nbsp;z&#225;sadn&#237; ot&#225;zka zn&#237;: ponese ji u&#382;ivatel, nebo syst&#233;m?</p><p>Larry Tesler byl p&#345;esv&#283;d&#269;en&#253;, &#382;e odpov&#283;&#271; mus&#237; zn&#237;t jednozna&#269;n&#283;: syst&#233;m.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;97bf2022-5a03-49f3-9269-6841570592b5&quot;,&quot;caption&quot;:&quot;Pravidlo Larryho Teslera o zachov&#225;n&#237; slo&#382;itosti (Tesler&#8216;s Law) je pou&#269;ka v designu zam&#283;&#345;en&#233;m na &#269;lov&#283;ka, kter&#225; p&#345;edpokl&#225;d&#225;, &#382;e ka&#382;d&#253; syst&#233;m m&#225; ur&#269;itou z&#225;kladn&#237; m&#237;ru slo&#382;itosti, kter&#225; nem&#367;&#382;e b&#253;t zcela odstran&#283;na &#8211; pouze p&#345;enesena. Tento princip ur&#269;uje, zda se s touto slo&#382;itost&#237; vypo&#345;&#225;d&#225; syst&#233;m, nebo ji mus&#237; zvl&#225;dnout u&#382;ivatel.&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Teslerovo pravidlo a teorie vodn&#237; postele&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2025-02-13T22:43:39.769Z&quot;,&quot;cover_image&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4bbc2eaf-e767-4146-862b-f94f9c5484be_1536x1024.png&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/teslers-law&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157105178,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p>Tento princip vt&#283;lil do konkr&#233;tn&#237;ch &#345;e&#353;en&#237;. V <em>Xerox PARC</em> se pod&#237;lel na vzniku p&#345;&#237;kaz&#367; <em>vyjmout, kop&#237;rovat, vlo&#382;it</em>, kter&#233; nahradily abstraktn&#237; p&#345;&#237;kazy p&#345;irozen&#253;m postupem: nejprve vyber, potom jednej. Tento model <em>objekt&#8212;akce</em> se stal z&#225;kladem grafick&#253;ch u&#382;ivatelsk&#253;ch rozhran&#237;.</p><p>Stejn&#283; d&#367;sledn&#283; odm&#237;tal tzv. re&#382;imy. Syst&#233;my, ve&nbsp;kter&#253;ch stejn&#225; akce znamen&#225; poka&#382;d&#233; n&#283;co jin&#233;ho, nut&#237; u&#382;ivatele neust&#225;le hl&#237;dat kontext. To&nbsp;vede k&nbsp;chyb&#225;m i&nbsp;nejistot&#283;. Tesler proto prosazoval bezre&#382;imovou interakci&#8239;&#8211;&#8201;rozhran&#237;, kter&#233; se chov&#225; konzistentn&#283; a&nbsp;p&#345;edv&#237;dateln&#283;.</p><div class="pullquote"><p>&#8220;Unfriendly? That&#8217;s an interesting way to think about it. So you want friendly software, software that is friendly to the user.&#8221;<br><strong>&#8212; Larry Tesler,</strong> <a href="https://spectrum.ieee.org/of-modes-and-men#:~:text=%E2%80%9CThat%E2%80%99s%20an%20interesting%20way%20to%20think%20about%20it.%20So%20you%20want%20friendly%20software%2C%20software%20that%20is%20friendly%20to%20the%20user.">IEEE Spectrum</a></p></div><p>V&nbsp;Applu se tyto principy prom&#283;nily v&nbsp;realitu. Pod&#237;lel se na&nbsp;projektech <em>Lisa</em> a&nbsp;<em>Macintosh</em>, kde se p&#345;&#237;m&#225; manipulace a&nbsp;srozumiteln&#233; ovl&#225;d&#225;n&#237; staly standardem. Pozd&#283;ji stejn&#253; p&#345;&#237;stup uplatnil i&nbsp;v&nbsp;Amazonu nebo Yahoo, tedy v&nbsp;prost&#345;ed&#237; masov&#233;ho digit&#225;ln&#237;ho provozu.</p><p>Ovlivnil i&nbsp;samotn&#253; jazyk oboru. Pojmy jako <em>user&#173;&#8209;friendly</em> nebo <em><a href="https://www.reknisioweb.cz/p/wysiwyg">WYSIWYG</a></em> vyjad&#345;uj&#237; jeho ambici: odstranit rozd&#237;l mezi t&#237;m, co u&#382;ivatel vid&#237;, a&nbsp;t&#237;m, co se skute&#269;n&#283; stane.</p><div class="pullquote"><p>&#8220;Intelligence is whatever machines haven&#8217;t done yet.&#8221;<br><strong>&#8212; Larry Tesler,</strong> <a href="https://www.nomodes.com/larry-tesler-consulting/adages-and-coinages?rq=browser#:~:text=Intelligence%20is%20whatever%20machines%20haven%27t%20done%20yet">AI theorem</a></p></div><p>Tesler&#367;v&nbsp;odkaz dnes t&#233;m&#283;&#345; nevn&#237;m&#225;me. Kop&#237;rov&#225;n&#237; textu, &#250;pravy dokument&#367; nebo orientace v&nbsp;rozhran&#237; p&#367;sob&#237; samoz&#345;ejm&#283;. Pr&#225;v&#283; v&nbsp;tom spo&#269;&#237;v&#225; jeho s&#237;la&#8239;&#8211;&#8201;slo&#382;itost nezmizela, jen u&#382; nen&#237; na&nbsp;o&#269;&#237;ch.</p><p>Z&#367;st&#225;v&#225; tam, kde podle Teslera v&#382;dy m&#283;la b&#253;t: uvnit&#345; syst&#233;mu.</p><div class="pullquote"><p>&#8220;I really didn&#8217;t believe in it. I thought cursor keys were much better. We literally took people off the streets who had never seen a computer. In three or four minutes they were happily editing away using cursor keys. At that point I was going to show them the mouse and prove that they could select text faster than with the cursor keys. Then I was going to show that they didn&#8217;t like it. It backfired.&#8221;<br><strong>&#8212; Larry Tesler,</strong> <a href="https://spectrum.ieee.org/larry-tesler-the-computer-scientist-who-revolutionized-the-user-interface-dies-at-74#:~:text=I%20really%20didn%E2%80%99t%20believe%20in%20it%2C">IEEE Spectrum</a></p></div><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;84f33b7e-7d0a-4e2c-bccc-08c7f1e14660&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Osobnosti&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-07-14T07:53:40.268Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/osobnosti&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:168273133,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/larry-tesler?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni si o web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS feed</a> a u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/larry-tesler?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/larry-tesler?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[Lidé nestojí o efektivitu. Chtějí příjemně trávit čas. ŘSoW#111]]></title><description><![CDATA[&#129513; Prvky UX a praktick&#253; pr&#367;vodce pro s&#243;listy. &#129302; Pencil, Stitch a Claude &#8211; AI pronik&#225; do designov&#233; rutiny. &#128269; UX audit bez dat a analytiky? &#127897;&#65039; V&#253;voj hlasov&#233;ho rozhran&#237;. &#129514; Jak navrhovat experimenty. &#128280; Stavy tla&#269;&#237;tek.]]></description><link>https://www.reknisioweb.cz/p/111</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/111</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Sat, 21 Mar 2026 06:59:41 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!H0VJ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>Telegraficky</h2><p>&#127959;&#65039; <a href="https://www.lupa.cz/aktuality/digitalizace-stavebniho-rizeni-se-posouva-do-let-2030-az-2031-potvrzuje-vladni-plan/">Vl&#225;da odsunula digitalizaci stavebn&#237;ho z&#225;kona</a> na roky 2030 a&#382; 2031.<br>&#128075; Skon&#269;il zmocn&#283;nec pro digitalizaci <a href="https://www.lupa.cz/aktuality/robert-kralicek-po-dvou-mesicich-konci-jako-vladni-zmocnenec-pro-digitalizaci/">Kr&#225;l&#237;&#269;ek</a>, v DIA <a href="https://www.lupa.cz/aktuality/petr-kuchar-skoncil-v-cele-digitalni-a-informacni-agentury-odvolala-ho-vlada/">Kucha&#345;</a>, v NAKITu <a href="https://www.lupa.cz/aktuality/ve-statnim-it-padla-dalsi-hlava-konci-reditel-statniho-podniku-nakit/">&#270;oubal</a>, na vnitru <a href="https://www.linkedin.com/posts/lukasmarvan_ministerstvo-vnitra-ru%C5%A1%C3%AD-sv%C5%AFj-krizov%C3%BD-informa%C4%8Dn%C3%AD-activity-7439980231471398912-KoUp?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAAAADfFEBmE0BmeNxAll6ADKlVer2S8N-LX8">KRIT</a>.<br>&#128757; MPSV p&#345;ipravilo n&#225;vrh <a href="https://mpsv.gov.cz/ministerstvo-prace-predstavilo-minimalisticky-navrh-zakonu-o-odmenovani-a-platformove-praci">z&#225;kona o pr&#225;ci p&#345;es internetov&#225; tr&#382;i&#353;t&#283;</a>.<br>&#127991;&#65039; <a href="https://www.lupa.cz/aktuality/cisty-zisk-slevomatu-klesl-na-200-milionu-objem-prodeju-naopak-stoupal-a-to-na-5-6-miliardy/">Slevomatu klesl zisk a vzrostl obrat.</a><br>&#128680; Slavia Poji&#353;&#357;ovna zaznamenala <a href="https://www.slavia-pojistovna.cz/wp-content/uploads/2026/03/Slavia-pojistovna-ma-unik-dat-pod-kontrolou.pdf">&#250;nik 22 GB osobn&#237;ch &#250;daj&#367;</a>.<br>&#9763;&#65039; &#218;&#345;ad Brno-&#381;idlochovice paralyzoval <a href="https://brnensky.denik.cz/zpravy_region/zidlochovice-urad-zavreno-hackeri-kyberneticky-utok-napadeni.html">ransomware</a>.<br>&#128279; Provozovatel erotick&#233; inzerce <a href="https://www.irozhlas.cz/zpravy-domov/provozovatel-erotickych-inzertnich-webu-anastasov-se-stiznosti-neuspel-odvolaci_2603161643_pik">Anastasov z&#367;stane ve vazb&#283;</a>.<br>&#128110; <a href="https://cc.cz/sefa-startupoveho-fondu-se-kterym-investoval-i-miliardar-strnad-zadrzela-policie-duvodem-neni-podnikani/">Zat&#269;en&#237; P&#345;emysla Rube&#353;e</a> nesouvis&#237; s jeho investicemi.<br>&#128244; Bavo&#345;i <a href="https://science.orf.at/stories/3234652/">vypnuli 373 tis&#237;c</a> str&#225;nek spojen&#253;ch s podvody a zneu&#382;&#237;v&#225;n&#237;m d&#283;t&#237;.<br>&#127963;&#65039; Evropa <a href="https://www.lupa.cz/aktuality/cesky-tlak-v-bruselu-uspel-evropsky-parlament-je-pro-odklad-a-zmirneni-regulace-umele-inteligence/">odkl&#225;d&#225; regulaci AI</a>, americk&#225; vl&#225;da pro ni <a href="https://www.cnbc.com/2026/03/20/trump-ai-policy-framework.html">vydala r&#225;mec</a>.<br>&#128176; Trumpova vl&#225;da chce <a href="https://www.theguardian.com/technology/2026/mar/14/tiktok-trump-administration-10bn">10 miliard dolar&#367;</a> jako &#8222;transak&#269;n&#237; poplatek&#8220; za zprost&#345;edkov&#225;n&#237; p&#345;evzet&#237; TikToku.<br>&#128176; Grok u&#382; na Twitteru <a href="https://tech.yahoo.com/articles/x-makes-ask-grok-feature-123004803.html">odpov&#237;d&#225; jen p&#345;edplatitel&#367;m</a>.<br>&#128488;&#65039; WhatsApp testuje <a href="https://9to5mac.com/2026/03/16/whatsapp-is-working-on-guest-chats-for-people-without-accounts/">pozv&#225;nky do chatu pro lidi bez &#250;&#269;tu</a>.<br>&#128275; <a href="https://www.independent.ie/business/technology/instagram-ends-full-privacy-on-direct-messages-and-warns-users-to-download-personal-texts-and-photos-to-avoid-others-seeing-them/a102614460.html">Instagram odstran&#237; &#353;ifrov&#225;n&#237; ze zpr&#225;v</a> mezi u&#382;ivateli.<br>&#129504; Microsoft pos&#237;l&#225; <a href="https://www.cnbc.com/2026/03/17/microsoft-copilot-ai-suleyman.html">v&#253;voj&#225;&#345;e Copilotu do divize superinteligence</a>.<br>&#129405; <a href="https://www.theverge.com/tech/881647/meta-vr-mobile-metaverse-horizon-worlds">Meta kon&#269;&#237; s VR.</a><br>&#128021; Americk&#225; <a href="https://www.businessinsider.com/robot-dogs-quadruped-data-center-security-boston-dynamics-ghost-robotics-2026-3">datov&#225; centra hl&#237;daj&#237; roboti&#269;t&#237; psi</a>.<br>&#129686; Rusko na&#345;izuje voj&#225;k&#367;m <a href="https://ru.themoscowtimes.com/2026/03/15/sekretar-sovbeza-irana-obvinil-ssha-vnamerenii-instsenirovat-ataku-potipu-11sentyabrya-a189745">smazat Telegram</a>.<br>&#128586; <a href="https://www.rferl.org/a/russia-telegram-mobile-internet-problem/33708173.html">Moskva za&#382;&#237;v&#225; v&#253;padky internetu</a> a p&#345;itvrzuje digit&#225;ln&#237; cenzuru.<br>&#129691; Apple MacBook Neo v d&#367;sledku regulace EU <a href="https://gizmodo.com/theres-a-good-reason-the-macbook-neo-is-apples-most-repairable-laptop-2000733962">bude opraviteln&#253;</a>.<br>&#128249; S&#237;&#357; <a href="https://www.channelstv.com/2026/03/15/ai-fakes-about-iran-us-war-swirl-on-x-despite-policy-crackdown/">X zaplavuj&#237; podvr&#382;en&#225; videa</a> z v&#225;lky v &#205;r&#225;nu.<br>&#129297; <a href="https://www.bbc.co.uk/programmes/m002sw4z">Dokument BBC</a> ukazuje, pro&#269; <a href="https://www.theguardian.com/tv-and-radio/2026/mar/16/inside-the-rage-machine-review-we-are-all-doomed-meta-x">soci&#225;ln&#237; s&#237;t&#283; odm&#283;&#328;uj&#237; chaos</a>. <br>&#9855; Mozkov&#253; implant&#225;t <a href="https://www.news-medical.net/news/20260316/New-BrainGate-iBCI-typing-neuroprosthesis-can-restore-communication-in-patients-with-paralysis.aspx">BrainGate vrac&#237; lidem s paral&#253;zou mo&#382;nost ps&#225;t</a> na po&#269;&#237;ta&#269;i.<br>&#128137; Australan <a href="https://www.newsweek.com/owner-no-medical-background-invents-cure-dogs-terminal-cancer-11684882">s AI navrhl vakc&#237;nu proti rakovin&#283;</a> pro sv&#233;ho psa. <a href="https://www.theverge.com/ai-artificial-intelligence/896878/ai-did-not-cure-this-dogs-cancer">Nebo ne?</a><br>&#127897;&#65039; <em>Michala P&#237;trov&#225;</em> mluvila <a href="https://www.youtube.com/watch?v=FXDUxVX8_o0">dv&#283; hodiny o strukturovan&#233; zv&#237;davosti</a>.</p><p>Sledujte n&#225;s tak&#233; p&#345;es <a href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>, <a href="https://bsky.app/profile/www.reknisioweb.cz">Bluesky</a> nebo <a href="https://www.linkedin.com/company/reknisioweb/">Linkedin</a>.</p><h2>Design&#233;rsk&#253; tip</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nX03!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nX03!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!nX03!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!nX03!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!nX03!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nX03!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:99784,&quot;alt&quot;:&quot;Vlevo (&#353;patn&#283;) rozhran&#237; neukazuje stav syst&#233;mu. Vpravo (spr&#225;vn&#283;) notifikace upozor&#328;uje na provedenou zm&#283;nu.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190332703?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Vlevo (&#353;patn&#283;) rozhran&#237; neukazuje stav syst&#233;mu. Vpravo (spr&#225;vn&#283;) notifikace upozor&#328;uje na provedenou zm&#283;nu." title="Vlevo (&#353;patn&#283;) rozhran&#237; neukazuje stav syst&#233;mu. Vpravo (spr&#225;vn&#283;) notifikace upozor&#328;uje na provedenou zm&#283;nu." srcset="https://substackcdn.com/image/fetch/$s_!nX03!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!nX03!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!nX03!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!nX03!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd25f7d9e-abc6-4b5d-8737-a27af681d9f7_2160x1080.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>Zobrazujte stav syst&#233;mu. </strong>U&#382;ivatel&#233; cht&#283;j&#237; v&#283;d&#283;t, co se d&#283;je.<br><br>&#10060; Tich&#233; ulo&#382;en&#237; bez jak&#233;koli zp&#283;tn&#233; vazby <br>&#9989; &#8222;Zm&#283;ny byly ulo&#382;eny p&#345;ed 2 minutami.&#8220;<br><br>&#128073; Lid&#233; si jsou jist&#283;j&#353;&#237;, &#382;e nic neztratili. <br>&#128073; M&#233;n&#283; zbyte&#269;n&#253;ch dotaz&#367; na podporu.<br><br>Viditeln&#253; stav syst&#233;mu buduje d&#367;v&#283;ru.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!H0VJ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!H0VJ!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!H0VJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp" width="1456" height="971" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:971,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:126410,&quot;alt&quot;:&quot;D&#237;vka v pohodln&#233; poloze na pohovce proch&#225;z&#237; na mobilu nekone&#269;nou nab&#237;dku obsahu na soci&#225;ln&#237; s&#237;ti. (generovan&#225; kresba)&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190332703?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="D&#237;vka v pohodln&#233; poloze na pohovce proch&#225;z&#237; na mobilu nekone&#269;nou nab&#237;dku obsahu na soci&#225;ln&#237; s&#237;ti. (generovan&#225; kresba)" title="D&#237;vka v pohodln&#233; poloze na pohovce proch&#225;z&#237; na mobilu nekone&#269;nou nab&#237;dku obsahu na soci&#225;ln&#237; s&#237;ti. (generovan&#225; kresba)" srcset="https://substackcdn.com/image/fetch/$s_!H0VJ!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!H0VJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd6876606-aaee-4767-965f-73fa1e88926e_1536x1024.webp 1456w" sizes="100vw"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h2>Lid&#233; cht&#283;j&#237; &#269;asem pl&#253;tvat</h2><p>Nejv&#283;t&#353;&#237;m omylem sou&#269;asn&#233; vlny kolem AI je p&#345;edstava, &#382;e ka&#382;d&#233; rozhran&#237; m&#225; b&#253;t co nejrychlej&#353;&#237;. N&#283;kdy to&nbsp;plat&#237;. Kdy&#382; &#269;lov&#283;k&nbsp;pot&#345;ebuje zamluvit ubytov&#225;n&#237;, koupit j&#237;zdenku nebo p&#345;ihl&#225;sit ke slu&#382;b&#283;, chce m&#237;t hotovo co nejd&#345;&#237;v. V&nbsp;takov&#253;ch chv&#237;l&#237;ch je ka&#382;d&#233; zbyte&#269;n&#233; zdr&#382;en&#237; na&nbsp;obt&#237;&#382;.</p><p>Jen&#382;e velk&#225; &#269;&#225;st digit&#225;ln&#237;ho sv&#283;ta nefunguje jako seznam &#250;kol&#367;. Lid&#233; &#269;asto necht&#283;j&#237; nic rychle dokon&#269;it. Cht&#283;j&#237; se d&#237;vat, proch&#225;zet, porovn&#225;vat, sledovat a&nbsp;&#269;ekat, a&#382; je n&#283;co zaujme. Necht&#283;j&#237; nutn&#283; u&#353;et&#345;it &#269;as. Cht&#283;j&#237; ho p&#345;&#237;jemn&#283; str&#225;vit.</p><p>Pr&#225;v&#283; proto maj&#237; rozhran&#237; zalo&#382;en&#225; na&nbsp;proch&#225;zen&#237; st&#225;le takovou s&#237;lu. Rozli&#353;en&#237; mezi hled&#225;n&#237;m a&nbsp;objevov&#225;n&#237;m je po&#345;&#225;d u&#382;ite&#269;n&#233;. Hled&#225;n&#237; funguje tehdy, kdy&#382; &#269;lov&#283;k&nbsp;v&#237;, co chce. Objevov&#225;n&#237; funguje tehdy, kdy&#382; to&nbsp;je&#353;t&#283; nev&#237;. &#268;ist&#283; konverza&#269;n&#237; rozhran&#237; tu nar&#225;&#382;ej&#237; na&nbsp;slabinu, proto&#382;e po&nbsp;u&#382;ivateli cht&#283;j&#237; jasn&#253; z&#225;m&#283;r hned na&nbsp;za&#269;&#225;tku. Feedy, galerie, seznamy a&nbsp;doporu&#269;en&#237; naopak nejprve ukazuj&#237; mo&#382;nosti.</p><p>Nejde tedy o&nbsp;to, &#382;e by lid&#233; milovali neefektivitu. Jde o&nbsp;to, &#382;e se pohybuj&#237; mezi dv&#283;ma re&#382;imy. N&#283;kdy cht&#283;j&#237; n&#283;co vy&#345;&#237;dit. Jindy cht&#283;j&#237; v&nbsp;n&#283;&#269;em pob&#253;vat. Dobr&#233; UX mus&#237; poznat, kter&#253; z&nbsp;t&#283;chto re&#382;im&#367; pr&#225;v&#283; obsluhuje. N&#225;vrh, kter&#253; v&#353;echno zkr&#225;t&#237; na&nbsp;okam&#382;it&#233; vy&#345;e&#353;en&#237;, m&#367;&#382;e snadno odstranit pr&#225;v&#283; to, pro&#269; &#269;lov&#283;k&nbsp;p&#345;i&#353;el.</p><h2>Linkodrom</h2><p><strong>Elements of User Experience. </strong><em>S. S. Karthik</em> vysv&#283;tluje <a href="https://medium.com/@sskarthik/understanding-layers-of-ux-for-interaction-design-with-a-simple-exercise-31bba405ae93">model p&#283;ti vrstev UX</a> podle <em><a href="https://www.reknisioweb.cz/p/jesse-james-garrett">Jesseho Jamese Garretta</a></em>: Strategy, Scope, Structure, Skeleton a&nbsp;Surface. Ka&#382;d&#225; vrstva postupn&#283; p&#345;etavuje z&#225;m&#283;r do&nbsp;funk&#269;n&#237;ho produktu: od&nbsp;definice &#8222;pro&#269;&#8220;, p&#345;es v&#253;b&#283;r funkc&#237; a&nbsp;jejich uspo&#345;&#225;d&#225;n&#237; a&#382; po&nbsp;konkr&#233;tn&#237; rozhran&#237; a&nbsp;vizu&#225;ln&#237; styl.</p><p><strong>Praktick&#253; n&#225;vod na UX research pro s&#243;lo design&#233;ry:</strong> <em>Sanjana Agarwal</em> ukazuje, jak analyzovat support tickety, mluvit se z&#225;kazn&#237;ky, sledovat analytiku, mapovat u&#382;ivatelsk&#233; cesty a&nbsp;rychle testovat prototypy. I&nbsp;mal&#233; mno&#382;stv&#237; v&#253;zkumu p&#345;in&#225;&#353;&#237; z&#225;sadn&#237; vhledy do&nbsp;chov&#225;n&#237; a&nbsp;pot&#345;eb u&#382;ivatel&#367;. D&#367;le&#382;it&#233; je v&#253;stupy p&#345;&#237;mo <a href="https://sanjana-agarwal.medium.com/the-solo-designers-guide-to-user-research-no-team-no-budget-no-problem-78fc7abd7923">napojit na&nbsp;designov&#225; rozhodnut&#237;</a> a&nbsp;budovat si rutinu.</p><p></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!JDme!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!JDme!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 424w, https://substackcdn.com/image/fetch/$s_!JDme!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 848w, https://substackcdn.com/image/fetch/$s_!JDme!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!JDme!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!JDme!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg" width="298" height="488.26153846153846" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1278,&quot;width&quot;:780,&quot;resizeWidth&quot;:298,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Z&#225;kazn&#237;k &#382;&#225;d&#225; chat fastfoodov&#233;ho &#345;et&#283;zce o naprogramov&#225;n&#237; skriptu v pythonu, a ten mu vyhov&#237;.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Z&#225;kazn&#237;k &#382;&#225;d&#225; chat fastfoodov&#233;ho &#345;et&#283;zce o naprogramov&#225;n&#237; skriptu v pythonu, a ten mu vyhov&#237;." title="Z&#225;kazn&#237;k &#382;&#225;d&#225; chat fastfoodov&#233;ho &#345;et&#283;zce o naprogramov&#225;n&#237; skriptu v pythonu, a ten mu vyhov&#237;." srcset="https://substackcdn.com/image/fetch/$s_!JDme!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 424w, https://substackcdn.com/image/fetch/$s_!JDme!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 848w, https://substackcdn.com/image/fetch/$s_!JDme!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!JDme!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2316c4e6-4a1d-4499-9c52-0a0d4f442fc6_780x1278.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Jestli se v&#225;m zd&#225; p&#345;edplatn&#233; za AI n&#225;stroje vysok&#233;, <a href="https://www.linkedin.com/feed/update/urn:li:activity:7437833541851410433/">zkuste chat v Chipotle</a>.</figcaption></figure></div><p><strong>Claude Code pro design&#233;ry krok za krokem.</strong> <em>Tommaso Nervegna</em> ukazuje, jak n&#225;stroj Claude Code spolu s&nbsp;metodikou <a href="https://github.com/gsd-build/get-shit-done">Get Shit Done</a> (GSD) umo&#382;&#328;uje design&#233;r&#367;m samostatn&#283; vytv&#225;&#345;et funk&#269;n&#237; aplikace bez klasick&#233;ho handoffu do v&#253;voje. Kl&#237;&#269;em je odstran&#283;n&#237; mezivrstvy mezi n&#225;vrhem a&nbsp;implementac&#237;: <a href="https://nervegna.substack.com/p/claude-code-for-designers-a-practical">design&#233;r popisuje z&#225;m&#283;r, AI generuje k&#243;d</a>.</p><p><strong>Google p&#345;edstavil nov&#253; Stitch,</strong> AI platformu pro n&#225;vrh digit&#225;ln&#237;ch produkt&#367;, kter&#225; <a href="https://stitch.withgoogle.com/?pli=1">p&#345;ev&#225;d&#237; p&#345;irozen&#253; jazyk na&nbsp;hotov&#233; designy</a>. <a href="https://x.com/hewarsaber/status/2034335298490871987?s=12">Design&#233;&#345;i&nbsp;ne&#353;et&#345;&#237; chv&#225;lou.</a> <a href="https://stitch.withgoogle.com/docs/mcp/setup?pli=1">Pou&#382;&#237;t se d&#225; i&nbsp;s&nbsp;MCP.</a> Vyzkou&#353;ejte spole&#269;n&#283; s&nbsp;<a href="https://antigravity.google/">Antigravity</a>. Zvl&#225;&#353;&#357; pokud m&#225;te Google Workspace.</p><p><strong>Pencil.dev zrychluje n&#225;vrh web&#367; pomoc&#237; AI.</strong> <em>Jan Polzer</em> oce&#328;uje lok&#225;ln&#237; b&#283;h, rychlost i&nbsp;verzov&#225;n&#237; v&nbsp;textu. Nejv&#283;t&#353;&#237; p&#345;&#237;nos vid&#237; v&nbsp;<a href="https://www.maxiorel.cz/pencildev-vibekoderi-se-obejdou-bez-designera-brzy">rychl&#233; iteraci designu</a> a&nbsp;jeho okam&#382;it&#233;m p&#345;evodu do&nbsp;k&#243;du.</p><div class="pullquote"><p>&#8220;A clock is often better than having to ask the time.&#8221;<br><strong>&#8212; Erika Hall</strong> <a href="https://www.linkedin.com/feed/update/urn:li:activity:7437944013560729602">o konverza&#269;n&#237;m rozhran&#237;</a> </p></div><p><strong>UX audit bez dat a analytiky:</strong> <em>Hopemidah Kendi</em> ukazuje, &#382;e <a href="https://medium.com/@hopemidah/how-to-run-a-ux-audit-without-fancy-tools-lessons-from-my-saruk-redesign-8dc18f30f763">UX audit</a> nemus&#237; st&#225;t na&nbsp;drah&#253;ch n&#225;stroj&#237;ch, ale na&nbsp;jasn&#233;m my&#353;len&#237;. Za&#269;&#237;n&#225; definic&#237; u&#382;ivatelsk&#253;ch c&#237;l&#367;, pokra&#269;uje simulac&#237; cesty nov&#233;ho u&#382;ivatele a&nbsp;identifikac&#237; probl&#233;m&#367;. Ty t&#345;&#237;d&#237; podle z&#225;va&#382;nosti a&nbsp;ov&#283;&#345;uje pomoc&#237; <a href="https://www.reknisioweb.cz/p/usability-heuristics">Nielsenov&#253;ch heuristik</a>. </p><p><strong>Voice User Interface</strong> (VUI) umo&#382;&#328;uje ovl&#225;dat technologie hlasem a&nbsp;p&#345;in&#225;&#353;&#237; p&#345;irozen&#283;j&#353;&#237; interakci ne&#382; tradi&#269;n&#237; rozhran&#237;. Od&nbsp;prvn&#237;ch experiment&#367; v&nbsp;60. letech po&nbsp;dne&#353;n&#237; Siri &#269;i&nbsp;Alexu pro&#353;la technologie z&#225;sadn&#237;m v&#253;vojem d&#237;ky AI a&nbsp;NLP. <em>Mahima Gupta</em> <a href="https://medium.com/@mahimagupta015/voice-user-interfaces-vui-the-future-of-human-computer-interaction-55e7396642d1">p&#345;ehledn&#283; shrnuje dosavadn&#237; v&#253;voj</a> a nasti&#328;uje, kam se VUI pohne v nejbli&#382;&#353;&#237; budoucnosti.</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/111?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">Bav&#237; v&#225;s tenhle p&#345;&#237;sp&#283;vek? &#344;ekn&#283;te o&nbsp;n&#283;m ostatn&#237;m!</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/111?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/111?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p><strong>Jak navrhovat experimenty, kter&#233; d&#225;vaj&#237; smysl:</strong> <em>Erin Weigel</em> p&#345;edstavuje <em><a href="https://erindoesthings.com/2024/05/15/good-experimental-design-toolkit/">Good Experimental Design Toolkit</a></em>, kter&#253; pom&#225;h&#225; vytv&#225;&#345;et kvalitn&#237; experimenty. Toolkit vede k&nbsp;disciplinovan&#233;mu, smyslupln&#233;mu testov&#225;n&#237; a&nbsp;spolehliv&#253;m z&#225;v&#283;r&#367;m.</p><p><strong>N&#225;vrhov&#233; vzory &#353;et&#345;&#237; &#269;as i nervy.</strong> Vych&#225;zej&#237; z&nbsp;my&#353;lenek <em>Christophera Alexandera</em> a&nbsp;<a href="https://uxdesign.cc/patterns-are-good-279dad29f338">tvo&#345;&#237; z&#225;klad designov&#253;ch syst&#233;m&#367;</a>. Rozli&#353;ujeme funk&#269;n&#237; vzory (nap&#345;. karty) a&nbsp;percep&#269;n&#237; vzory (vizu&#225;ln&#237; styl zna&#269;ky). Pom&#225;haj&#237; sni&#382;ovat kognitivn&#237; z&#225;t&#283;&#382; u&#382;ivatel&#367; a&nbsp;usnad&#328;uj&#237; komunikaci mezi design&#233;ry. </p><p><strong>I oby&#269;ejn&#233; tla&#269;&#237;tko je p&#345;ekvapiv&#283; slo&#382;it&#233;.</strong> <em>Liam Spradlin</em> ukazuje, &#382;e stavovost tla&#269;&#237;tek je m&#225; lv&#237; pod&#237;l na srozumitelnosti rozhran&#237;&#8239;&#8211;&#8201;u&#382;ivatel mus&#237; ch&#225;pat, co tla&#269;&#237;tko ud&#283;l&#225; i&nbsp;co pr&#225;v&#283; d&#283;l&#225;. Na&nbsp;p&#345;&#237;kladu demonstruje dilema mezi funkc&#237; a&nbsp;stavem. Modern&#237; p&#345;&#237;stup, nap&#345;&#237;klad v&nbsp;Material Designu, &#345;e&#353;&#237; tento probl&#233;m kombinac&#237; vizu&#225;ln&#237;ch sign&#225;l&#367;: zm&#283;nou tvaru, barvy &#269;i&nbsp;velikosti tla&#269;&#237;tka. D&#237;ky tomu tla&#269;&#237;tka <a href="https://interfacecafe.com/the-state-of-buttons/">l&#233;pe komunikuj&#237; a&nbsp;sni&#382;uj&#237; nejistotu u&#382;ivatele</a>.</p><div class="pullquote"><p>Pomozte n&#225;m roz&#353;&#237;&#345;it newsletter &#344;ekni si o web k v&#237;ce lidem. Po&#353;lete ho koleg&#367;m, zn&#225;m&#253;m &#269;i obchodn&#237;m partner&#367;m a &#345;ekn&#283;te jim, pro&#269; ho r&#225;di &#269;tete. Upozorn&#283;te je na mo&#382;nost p&#345;ihl&#225;sit odb&#283;r.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/111?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/111?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p><p>D&#283;kujeme!</p></div><h2>Vy&#353;lo na &#344;SoW</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!gLjT!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!gLjT!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 424w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 848w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 1272w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!gLjT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp" width="499" height="300.6886657101865" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:840,&quot;width&quot;:1394,&quot;resizeWidth&quot;:499,&quot;bytes&quot;:91632,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190332703?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F482c63be-c6e0-48a8-a63c-093206415407_1536x1024.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!gLjT!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 424w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 848w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 1272w, https://substackcdn.com/image/fetch/$s_!gLjT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff418e09d-1a5c-48a3-8281-f8f0f9d36dee_1394x840.webp 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8222;I hate mice. The mouse involves you in arm motions that slow you down.&#8220;</em> &#8212;&nbsp;<a href="https://www.abclinuxu.cz/clanky/rozhovory/jef-raskin-programmers-at-work#:~:text=My%C5%A1i%20nesn%C3%A1%C5%A1%C3%ADm.%20My%C5%A1%20vy%C5%BEaduje%20od%20ruky%20pohyby%2C%20kter%C3%A9%20v%C3%A1s%20zdr%C5%BEuj%C3%AD.%20Ani%20u%20Macintoshe%20jsem%20ji%20necht%C4%9Bl%2C%20ale%20Jobs%20na%20n%C3%AD%20trval.">Jef&nbsp;Raskin</a></figcaption></figure></div><p><a href="https://www.reknisioweb.cz/p/jef-raskin">Jef Raskin</a> (9. b&#345;ezna 1943&#8239;&#8212;&#8201;26. &#250;nora 2005). Prosazoval n&#225;vrh po&#269;&#237;ta&#269;&#367;, kter&#233; respektuj&#237; lidsk&#233; my&#353;len&#237; a&nbsp;&#353;et&#345;&#237; pozornost i&nbsp;&#250;sil&#237;. Ve&nbsp;sv&#233; knize <em>The Humane Interface</em> kritizoval slo&#382;it&#225; rozhran&#237; a&nbsp;zd&#367;raz&#328;oval jednoduchost, konzistenci a&nbsp;minimalizaci chyb. P&#345;edb&#283;hl dobu i&nbsp;pojmem <em>cognetika</em>, zkoumaj&#237;c&#237;m vztah mezi technologi&#237; a&nbsp;pozn&#225;v&#225;n&#237;m.</p><p>Odm&#237;tal re&#382;imy, kter&#233; matou u&#382;ivatele, a&nbsp;podporoval nemod&#225;ln&#237; p&#345;&#237;stup. Pod&#237;lel se na&nbsp;vzniku po&#269;&#237;ta&#269;e <em>Macintosh</em> s&nbsp;viz&#237; dostupn&#233;ho po&#269;&#237;ta&#269;e pro ka&#382;d&#233;ho. Jeho experiment Archy uk&#225;zal, jak m&#367;&#382;e intuitivn&#237;, lidsk&#233; rozhran&#237; fungovat v&nbsp;praxi. N&#225;vrh rozhran&#237; ch&#225;pal jako z&#225;sadn&#237; odpov&#283;dnost technolog&#367;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;86de9d63-5959-47e6-b2ed-ba2c6f6c9cef&quot;,&quot;caption&quot;:&quot;Jef Raskin (9. b&#345;ezna 1943 &#8212; 26. &#250;nora 2005). Byl informatik, teoretik rozhran&#237; a tak&#233; inici&#225;tor projektu Macintosh ve spole&#269;nosti Apple. Nejv&#237;ce se proslavil knihou The Humane Interface. V n&#237; vysv&#283;tluje, &#382;e po&#269;&#237;ta&#269;ov&#233; syst&#233;my by m&#283;ly respektova&#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Jef Raskin a my&#353;lenka hum&#225;nn&#237;ho rozhran&#237;&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2026-03-10T06:59:31.542Z&quot;,&quot;cover_image&quot;:&quot;https://substackcdn.com/image/fetch/$s_!R-FD!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/jef-raskin&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:190328708,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:1,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p><a href="https://www.reknisioweb.cz/p/confirmation-bias">Konfirma&#269;n&#237; zkreslen&#237;</a> je tendence vyhled&#225;vat a&nbsp;interpretovat informace tak, aby potvrzovaly na&#353;e p&#345;esv&#283;d&#269;en&#237;, zat&#237;mco protich&#367;dn&#233; d&#367;kazy p&#345;ehl&#237;&#382;&#237;me. V&nbsp;digit&#225;ln&#237;m prost&#345;ed&#237; efekt posiluj&#237; algoritmy.</p><p><a href="https://www.reknisioweb.cz/p/cynefin">Cynefin framework</a> pom&#225;h&#225; rozhodnout, jak p&#345;istoupit k&nbsp;probl&#233;mu je&#353;t&#283; p&#345;ed hled&#225;n&#237;m &#345;e&#353;en&#237;. Vych&#225;z&#237; z&nbsp;toho, &#382;e ne v&#353;echny situace jsou stejn&#233;, a&nbsp;proto vy&#382;aduj&#237; odli&#353;n&#233; postupy: od&nbsp;rutinn&#237;ch proces&#367; p&#345;es expertn&#237; anal&#253;zu a&#382; po&nbsp;experiment nebo krizov&#253; z&#225;sah.</p><p><a href="https://www.reknisioweb.cz/p/figma-console-mcp">Figma Console MCP</a> posouv&#225; pr&#225;ci s&nbsp;Figmou k&nbsp;p&#345;&#237;m&#233;mu navrhov&#225;n&#237; pomoc&#237; AI. AI agenti d&#237;ky Model Context Protocol nejen &#269;tou n&#225;vrhy, ale mohou je i&nbsp;upravovat, v&#269;etn&#283; prom&#283;nn&#253;ch, komponent a&nbsp;layoutu.</p><div><hr></div><p><strong>V pond&#283;l&#237; v&#225;m SUXA uk&#225;&#382;e, <a href="https://www.eventbrite.com/e/ux-tasting-3-ako-ziskat-pracu-v-ux-tickets-1984768348559">jak sehnat pr&#225;ci v UX</a>.</strong> V &#250;ter&#253; se potkaj&#237; <a href="https://www.meetup.com/pra%c5%beske-srazy-p%c5%99atel-php-pehapkari-cz/events/313700752/">pra&#382;&#353;t&#237; p&#233;h&#225;pk&#225;&#345;i</a>.<strong> </strong>Ve st&#345;edu v Brn&#283; zajd&#283;te na ve&#269;e&#345;i s UXery nebo se <a href="https://www.meetup.com/asociace-ux/events/313789924/">p&#345;ipojte k online p&#345;edn&#225;&#353;ce</a> CPO Slevomatu <em>Romany Trusinov&#233;</em>. Ve &#269;tvrtek se mus&#237;te rozhodnout, zda jdete na <a href="https://www.ppcrestart.cz/">PPC Restart</a> nebo <a href="https://www.tuesday.cz/akce/ux-day-2026/">UX Day</a>. Dal&#353;&#237; ud&#225;losti najdete v na&#353;em aktualizovan&#233;m <a href="https://www.reknisioweb.cz/p/konference-2026#%C2%A7duben:~:text=24.%E2%80%9425.%203.%20Chatbot%20Summit%20(Berl%C3%ADn)">p&#345;ehledu akc&#237;</a>.</p><div><hr></div><p>A to je z prvn&#237;ho jarn&#237;ho zpravodaje <a href="https://reknisioweb.cz/">&#344;ekni si o web</a> roku 2026 v&#353;echno. <strong>P&#345;ed 62 lety za&#269;ala s&#233;riov&#225; v&#253;roba vozu <a href="https://cs.wikipedia.org/wiki/%C5%A0koda_1000_MB#:~:text=v%20b%C5%99eznu%201964%20se%20%E2%80%9Eemb%C3%A9%C4%8Dko%E2%80%9C%20p%C5%99edstavilo%20ve%C5%99ejnosti%20a%20ofici%C3%A1ln%C4%9B%20za%C4%8Dala%20s%C3%A9riov%C3%A1%20v%C3%BDroba">&#352;koda 1000 MB</a>. </strong>D&#237;ky, &#382;e n&#225;s nejen &#269;tete, ale tak&#233; o&nbsp;sob&#283; d&#225;v&#225;te v&#283;d&#283;t. Pokud pro n&#225;s m&#225;te n&#283;jak&#253; tip, co p&#345;&#237;&#353;t&#283; vylep&#353;it nebo ud&#283;lat jinak, t&#283;&#353;&#237;me se.</p><p>Hezk&#253; t&#253;den,<br>Jakub Goldmann a Martin Kopta.</p><p></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">L&#237;b&#237; se v&#225;m newsletter <a href="https://reknisioweb.cz">&#344;ekni si o web</a>? P&#345;ihlaste se k pravideln&#233;mu odb&#283;ru do e-mailu nebo p&#345;es Substack.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[S Figma Console MCP ovládnete návrh UI prostřednictvím umělé inteligence]]></title><description><![CDATA[Figma Console MCP je lok&#225;ln&#237; server pro Model Context Protocol, kter&#253; umo&#382;&#328;uje agent&#367;m um&#283;l&#233; inteligence &#269;&#237;st, exportovat, ladit a v m&#283;nit soubory ve Figm&#283;.]]></description><link>https://www.reknisioweb.cz/p/figma-console-mcp</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/figma-console-mcp</guid><pubDate>Fri, 13 Mar 2026 07:59:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!rmcS!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!rmcS!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!rmcS!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 424w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 848w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 1272w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!rmcS!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png" width="1456" height="706" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:706,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:139744,&quot;alt&quot;:&quot;Sn&#237;mek &#250;vodn&#237; str&#225;nky webu Figma Console MCP&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/191176676?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Sn&#237;mek &#250;vodn&#237; str&#225;nky webu Figma Console MCP" title="Sn&#237;mek &#250;vodn&#237; str&#225;nky webu Figma Console MCP" srcset="https://substackcdn.com/image/fetch/$s_!rmcS!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 424w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 848w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 1272w, https://substackcdn.com/image/fetch/$s_!rmcS!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63abc865-c972-4db5-9cf8-9768b8eecd9f_1900x921.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><a href="https://figma-console-mcp.southleft.com/">Figma Console MCP</a> umo&#382;&#328;uje ovl&#225;dat Figmu pomoc&#237; AI.</figcaption></figure></div><p><a href="https://figma-console-mcp.southleft.com">Figma Console MCP</a> je d&#367;le&#382;it&#253; t&#237;m, &#382;e m&#283;n&#237; roli souboru ve <em>Figm&#283;</em>. N&#225;vrh u&#382; nen&#237; jen n&#283;co, co &#269;lov&#283;k otev&#345;e, prohl&#233;dne a ru&#269;n&#283; p&#345;ep&#237;&#353;e do k&#243;du. Agent um&#283;l&#233; inteligence se m&#367;&#382;e p&#345;es <em><a href="https://www.reknisioweb.cz/p/mcp">Model Context Protocol</a></em> pt&#225;t p&#345;&#237;mo na strukturovan&#225; data. V lok&#225;ln&#237;m nebo sp&#225;rovan&#233;m cloudov&#233;m re&#382;imu m&#367;&#382;e nav&#237;c zasahovat i do samotn&#233;ho souboru.</p><p>To je podstatn&#253; rozd&#237;l. Pr&#225;ce se sn&#237;mkem obrazovky uk&#225;&#382;e, jak rozhran&#237; vypad&#225;. Figma Console MCP ale um&#237; pracovat s t&#237;m, co je pod povrchem. Vid&#237; pojmenovan&#233; prom&#283;nn&#233;, instance komponent, strukturu rozvr&#382;en&#237; i stav pluginu. <em>Southleft</em> toho dosahuje spojen&#237;m MCP serveru s pluginem <em><a href="https://github.com/southleft/figma-console-mcp/#:~:text=Desktop%20Bridge%20Plugin%3A">Desktop Bridge</a></em>, kter&#253; se napojuje na <em>Plugin API</em> Figmy. Pr&#225;v&#283; to Figm&#283; umo&#382;&#328;uje &#269;&#237;st i zapisovat obsah otev&#345;en&#233;ho souboru.</p><p>Praktick&#253; p&#345;&#237;nos je m&#233;n&#283; ok&#225;zal&#253; ne&#382; sliby kolem generativn&#237; tvorby, ale o&nbsp;to&nbsp;u&#382;ite&#269;n&#283;j&#353;&#237;. T&#253;my mohou omezit ru&#269;n&#237; p&#345;episov&#225;n&#237; token&#367;, zji&#353;&#357;ovat specifikace komponent p&#345;&#237;mo ze&nbsp;zdroje a&nbsp;udr&#382;ovat men&#353;&#237; odstup mezi n&#225;vrhem a&nbsp;k&#243;dem. To&nbsp;je zvl&#225;&#353;&#357; cenn&#233; tam, kde v&#283;ta pod&#237;vej se do&nbsp;Figmy ve&nbsp;skute&#269;nosti znamen&#225; odhaduj.</p><p>Stejn&#283; jasn&#225; je i&nbsp;hranice. V&#237;c n&#225;strojov&#233;ho p&#345;&#237;stupu znamen&#225; v&#237;c n&#225;rok&#367; na&nbsp;spr&#225;vu a&nbsp;bezpe&#269;nost. Syst&#233;my napojen&#233; p&#345;es Model Context Protocol d&#283;d&#237; rizika spojen&#225; s&nbsp;d&#367;v&#283;rou v&nbsp;n&#225;stroje, s&nbsp;podvr&#382;en&#253;mi instrukcemi i&nbsp;s&nbsp;opr&#225;vn&#283;n&#237;mi. <a href="https://figma-console-mcp.southleft.com/">Figma Console MCP</a> je proto nejcenn&#283;j&#353;&#237; tehdy, kdy&#382; se ch&#225;pe jako infrastruktura, ne jako kouzlo.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Rámec Cynefin]]></title><description><![CDATA[R&#225;mec pro porozum&#283;n&#237; situaci, kter&#253; pom&#225;h&#225; ur&#269;it, zda webov&#253; probl&#233;m vy&#382;aduje postup, expertn&#237; anal&#253;zu, experiment, nebo krizov&#253; z&#225;sah.]]></description><link>https://www.reknisioweb.cz/p/cynefin</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/cynefin</guid><pubDate>Thu, 12 Mar 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/90c35413-57fe-4a56-8f81-754addd40697_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Cynefin (<a href="https://en.wikipedia.org/wiki/Cynefin_framework">Cynefin framework</a>) je u&#382;ite&#269;n&#253; hlavn&#283; ve chv&#237;li, kdy t&#253;m pot&#345;ebuje rozhodnout, jak reagovat, je&#353;t&#283; ne&#382; za&#269;ne hledat &#345;e&#353;en&#237;. Jeho z&#225;kladn&#237; my&#353;lenka je prost&#225;. Ne ka&#382;d&#253; probl&#233;m je stejn&#253;. A proto se ne ka&#382;d&#253; probl&#233;m m&#225; &#345;e&#353;it stejn&#253;m zp&#367;sobem.</p><p>V praxi to znamen&#225; rozli&#353;it, zda je situace jasn&#225;, komplikovan&#225;, komplexn&#237;, chaotick&#225;, nebo na za&#269;&#225;tku jen nep&#345;ehledn&#225;.</p><p>Pro weby a digit&#225;ln&#237; slu&#382;by je to velmi praktick&#233;. B&#283;&#382;n&#225; &#250;dr&#382;ba, z&#225;lohy a zn&#225;m&#233; opravy pat&#345;&#237; do jasn&#233; dom&#233;ny. Tam funguj&#237; postupy a automatizace. Odborn&#225; diagnostika probl&#233;m&#367; s v&#253;konem, p&#345;&#237;stupnost&#237; nebo migrac&#237; pat&#345;&#237; do komplikovan&#233; dom&#233;ny. N&#225;vrh navigace, obsahov&#225; strategie nebo optimalizace konverz&#237; &#269;asto spadaj&#237; do komplexn&#237; dom&#233;ny, proto&#382;e chov&#225;n&#237; u&#382;ivatel&#367; se m&#283;n&#237; spolu se syst&#233;mem. V&#253;padky, naru&#353;en&#237; bezpe&#269;nosti a &#345;et&#283;z&#237;c&#237; se selh&#225;n&#237; pat&#345;&#237; do chaotick&#233; dom&#233;ny. Tam je nejd&#345;&#237;v nutn&#233; situaci stabilizovat. Teprve potom m&#225; smysl podrobn&#225; anal&#253;za.</p><p>Pr&#225;v&#283; proto je Cynefin cenn&#253;. Nen&#237; to univerz&#225;ln&#237; metoda. Je to r&#225;mec, kter&#253; pom&#225;h&#225; zvolit vhodn&#253; postup. Chr&#225;n&#237; t&#253;my p&#345;ed &#269;astou chybou. Tedy p&#345;ed p&#345;edstavou, &#382;e ka&#382;d&#225; slo&#382;it&#225; situace se d&#225; vy&#345;e&#353;it dal&#353;&#237; anal&#253;zou a &#382;e v&#382;dy existuje jedno spr&#225;vn&#233; &#345;e&#353;en&#237;.</p><p>Sou&#269;asn&#233; pojet&#237; r&#225;mce nav&#237;c zd&#367;raz&#328;uje, &#382;e nejde o statick&#253; model. Situace se mohou p&#345;esouvat mezi dom&#233;nami. A nejv&#283;t&#353;&#237;m rizikem b&#253;v&#225; fale&#353;n&#225; jistota.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;786afcbf-b055-4739-b18f-22b5c391378a&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Konfirmační zkreslení]]></title><description><![CDATA[Konfirma&#269;n&#237; zkreslen&#237; vede k vyhled&#225;v&#225;n&#237; a vykl&#225;d&#225;n&#237; informace zp&#367;sobem, kter&#253; potvrzuje dosavadn&#237; p&#345;esv&#283;d&#269;en&#237;. Kognitivn&#237; zkreslen&#237; vysv&#283;tluje &#269;ast&#233; chyby p&#345;i rozhodov&#225;n&#237;, interpretaci a hodnocen&#237;.]]></description><link>https://www.reknisioweb.cz/p/confirmation-bias</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/confirmation-bias</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Wed, 11 Mar 2026 06:59:35 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/b1e10a54-bf18-4475-91c7-731bbf6152cf_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a href="https://cs.wikipedia.org/wiki/Konfirma%C4%8Dn%C3%AD_zkreslen%C3%AD">Konfirma&#269;n&#237; zkreslen&#237;</a> (<a href="https://catalogofbias.org/biases/confirmation-bias/">confirmation bias</a>) vede lidi k&nbsp;tomu, &#382;e vyhled&#225;vaj&#237; a&nbsp;vykl&#225;daj&#237; informace zp&#367;sobem, kter&#253; potvrzuje jejich dosavadn&#237; p&#345;esv&#283;d&#269;en&#237;. Porozum&#283;n&#237; tomuto kognitivn&#237;mu zkreslen&#237; pom&#225;h&#225; vysv&#283;tlit &#269;ast&#233; chyby p&#345;i&nbsp;rozhodov&#225;n&#237;, interpretaci v&#253;zkumu i&nbsp;p&#345;i&nbsp;hodnocen&#237; digit&#225;ln&#237;ch produkt&#367;.</p><p>Konfirma&#269;n&#237; zkreslen&#237; je tendence up&#345;ednost&#328;ovat informace, kter&#233; potvrzuj&#237; na&#353;e st&#225;vaj&#237;c&#237; p&#345;esv&#283;d&#269;en&#237;, a&nbsp;z&#225;rove&#328; p&#345;ehl&#237;&#382;et nebo zleh&#269;ovat informace, kter&#233; jim odporuj&#237; (<a href="https://www.researchgate.net/publication/280685490_Confirmation_Bias_A_Ubiquitous_Phenomenon_in_Many_Guises">Nickerson, 1998</a>). Ovliv&#328;uje to, jak lid&#233; informace vyhled&#225;vaj&#237;, jak interpretuj&#237; data a&nbsp;jak si pamatuj&#237; minul&#233; ud&#225;losti. Proto&#382;e tento mechanismus funguje p&#345;ev&#225;&#382;n&#283; automaticky, zasahuje jak ka&#382;dodenn&#237; rozhodov&#225;n&#237;, tak odborn&#233; posuzov&#225;n&#237;.</p><p>V&#253;zkum ukazuje, &#382;e lid&#233; &#269;asto aktivn&#283; hledaj&#237; potvrzen&#237; sv&#253;ch domn&#283;nek m&#237;sto toho, aby testovali alternativn&#237; vysv&#283;tlen&#237;. V&nbsp;klasick&#233;m experimentu m&#283;li &#250;&#269;astn&#237;ci odhalit pravidlo stoj&#237;c&#237; za&nbsp;&#269;&#237;selnou &#345;adou. V&#283;t&#353;ina z&nbsp;nich navrhovala dal&#353;&#237; p&#345;&#237;klady, kter&#233; jejich hypot&#233;zu potvrzovaly, m&#237;sto aby zkou&#353;ela p&#345;&#237;klady, je&#382; by ji mohly vyvr&#225;tit (<a href="https://archive.org/details/FailureToEliminateHypothesisInAConceptualTask/Failure%20to%20Eliminate%20Hypothesis%20in%20a%20Conceptual%20Task">Wason, 1960</a>). Mnoz&#237; proto skute&#269;n&#233; pravidlo neodhalili. Experiment dob&#345;e ilustruje p&#345;irozenou tendenci hledat potvrzen&#237; m&#237;sto vyvr&#225;cen&#237;.</p><p>Konfirma&#269;n&#237; zkreslen&#237; se projevuje v&nbsp;n&#283;kolika f&#225;z&#237;ch uva&#382;ov&#225;n&#237;. Lid&#233; &#269;ast&#283;ji vyhled&#225;vaj&#237; zdroje informac&#237;, kter&#233; jsou v&nbsp;souladu s&nbsp;jejich n&#225;zory (<a href="https://pmc.ncbi.nlm.nih.gov/articles/PMC4797953/">Hart et al., 2009</a>), nejednozna&#269;n&#233; d&#367;kazy si vykl&#225;daj&#237; jako podporu sv&#233;ho postoje (<a href="https://www.researchgate.net/publication/232555483_Biased_assimilation_and_attitude_polarization_The_effects_of_prior_theories_on_subsequently_considered_evidence">Lord, Ross &amp; Lepper, 1979</a>) a&nbsp;potvrzuj&#237;c&#237; informace si tak&#233; sn&#225;ze&nbsp;zapamatuj&#237; ne&#382; ty, kter&#233; jejich p&#345;esv&#283;d&#269;en&#237; zpochyb&#328;uj&#237; (Nickerson, 1998). &#268;&#225;ste&#269;n&#283; je to&nbsp;proto, &#382;e potvrzuj&#237;c&#237; informace vy&#382;aduj&#237; men&#353;&#237; kognitivn&#237; &#250;sil&#237; a&nbsp;z&#225;rove&#328; nevyvol&#225;vaj&#237; nep&#345;&#237;jemn&#233; nap&#283;t&#237;.</p><p>V&nbsp;digit&#225;ln&#237;m prost&#345;ed&#237; se tento efekt m&#367;&#382;e d&#225;le zesilovat. Personalizovan&#233; feedy, doporu&#269;ovac&#237; algoritmy nebo v&#253;sledky vyhled&#225;v&#225;n&#237; &#269;asto up&#345;ednost&#328;uj&#237; obsah podobn&#253; tomu, kter&#253; u&#382;ivatel&#233; sledovali d&#345;&#237;ve. Takov&#233; mechanismy mohou necht&#283;n&#283; posilovat st&#225;vaj&#237;c&#237; n&#225;zory a&nbsp;omezovat kontakt s&nbsp;odli&#353;n&#253;mi perspektivami.</p><p>Konfirma&#269;n&#237; zkreslen&#237; se p&#345;itom net&#253;k&#225; jen u&#382;ivatel&#367;. Ovliv&#328;uje i&nbsp;ty, kdo digit&#225;ln&#237; produkty navrhuj&#237; a&nbsp;vyhodnocuj&#237;. T&#253;my mohou interpretovat analytick&#225; data, v&#253;sledky u&#382;ivatelsk&#253;ch test&#367; nebo v&#253;zkumn&#225; zji&#353;t&#283;n&#237; zp&#367;sobem, kter&#253; potvrzuje jejich o&#269;ek&#225;v&#225;n&#237;. Pokud jsou d&#367;kazy nejednozna&#269;n&#233;, &#269;asto rozhodne pr&#225;v&#283; p&#367;vodn&#237; p&#345;edpoklad.</p><p>Omezit vliv konfirma&#269;n&#237;ho zkreslen&#237; vy&#382;aduje v&#283;dom&#253; postup. Hypot&#233;zy je vhodn&#233; formulovat tak, aby bylo mo&#382;n&#233; je vyvr&#225;tit, nikoli pouze potvrdit. Smysl m&#225; tak&#233; kombinovat v&#237;ce zdroj&#367; d&#367;kaz&#367; a&nbsp;zapojovat do&nbsp;anal&#253;zy v&#237;ce lid&#237;, kte&#345;&#237; mohou navz&#225;jem zpochyb&#328;ovat sv&#233; interpretace.</p><p>Konfirma&#269;n&#237; zkreslen&#237; nelze zcela odstranit. Je to&nbsp;p&#345;irozen&#225; sou&#269;&#225;st lidsk&#233;ho pozn&#225;v&#225;n&#237;. Praktick&#253;m c&#237;lem proto nen&#237; jeho eliminace, ale vytv&#225;&#345;en&#237; postup&#367; a&nbsp;rozhodovac&#237;ch proces&#367;, kter&#233; jej dok&#225;&#382;ou odhalit d&#345;&#237;ve, ne&#382; za&#269;ne nen&#225;padn&#283; ovliv&#328;ovat z&#225;v&#283;ry.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;32ee5287-4dd5-4aa8-81fa-bb22ffd95657&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Jef Raskin a myšlenka humánního rozhraní]]></title><description><![CDATA[Zast&#225;val n&#225;zor, &#382;e hum&#225;nn&#237; rozhran&#237; znamen&#225; zp&#367;sob navrhov&#225;n&#237; po&#269;&#237;ta&#269;&#367;, kter&#253; vych&#225;z&#237; z lidsk&#233;ho my&#353;len&#237;. Po&#269;&#237;ta&#269; se p&#345;izp&#367;sobuje &#269;lov&#283;ku, ne &#269;lov&#283;k po&#269;&#237;ta&#269;i.]]></description><link>https://www.reknisioweb.cz/p/jef-raskin</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/jef-raskin</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Tue, 10 Mar 2026 06:59:31 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!R-FD!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!R-FD!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!R-FD!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 424w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 848w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 1272w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!R-FD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp" width="1536" height="861" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/debd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:861,&quot;width&quot;:1536,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:92476,&quot;alt&quot;:&quot;JEf Raskin (kresba generovan&#225; podle fotografi&#237;)&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/190328708?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82ab4a17-11b5-48f9-b924-976a26cc4908_1536x1024.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="JEf Raskin (kresba generovan&#225; podle fotografi&#237;)" title="JEf Raskin (kresba generovan&#225; podle fotografi&#237;)" srcset="https://substackcdn.com/image/fetch/$s_!R-FD!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 424w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 848w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 1272w, https://substackcdn.com/image/fetch/$s_!R-FD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdebd4a93-b082-4fdf-839b-eae11e145e62_1536x861.webp 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">&#8220;A computer shall not waste your time or require you to do more work than is strictly necessary.&#8221; &#8212; <a href="https://www.codefellows.org/blog/the-three-laws-of-interaction-design/">Jef Raskin</a></figcaption></figure></div><p><em>Jef Raskin</em> (9. b&#345;ezna 1943&#8239;&#8212;&#8201;26. &#250;nora 2005). Byl informatik, teoretik rozhran&#237; a&nbsp;tak&#233; inici&#225;tor projektu <em>Macintosh</em> ve&nbsp;spole&#269;nosti <em>Apple</em>. Nejv&#237;ce se proslavil knihou <em><a href="https://archive.org/details/humaneinterfacen00rask">The Humane Interface</a></em>. V&nbsp;n&#237; vysv&#283;tluje, &#382;e po&#269;&#237;ta&#269;ov&#233; syst&#233;my by m&#283;ly respektovat omezen&#237; lidsk&#233; pozornosti, pam&#283;ti a&nbsp;rozhodov&#225;n&#237;. Podle Raskina &#353;patn&#283; navr&#382;en&#233; rozhran&#237; zbyte&#269;n&#283; zdr&#382;uje, vede k&nbsp;chyb&#225;m a&nbsp;nut&#237; lidi vynakl&#225;dat v&#237;ce ment&#225;ln&#237;ho &#250;sil&#237;, ne&#382; je nutn&#233;.</p><p>Je&#353;t&#283; d&#225;vno p&#345;edt&#237;m, ne&#382; se za&#269;al pou&#382;&#237;vat pojem user experience, prosazoval Raskin obor, kter&#253; nazval <em><a href="https://en.wikipedia.org/wiki/Jef_Raskin#Cognetics">cognetika</a></em>. Jde o&nbsp;studium vztahu mezi rozhran&#237;m a&nbsp;lidsk&#253;m pozn&#225;v&#225;n&#237;m. Zaj&#237;malo ho p&#345;edev&#353;&#237;m to, jak sn&#237;&#382;it slo&#382;itost interakce mezi &#269;lov&#283;kem a&nbsp;po&#269;&#237;ta&#269;em.</p><p>Jedn&#237;m z&nbsp;jeho nejzn&#225;m&#283;j&#353;&#237;ch princip&#367; je kritika re&#382;im&#367;. Re&#382;im znamen&#225;, &#382;e stejn&#225; akce vede k&nbsp;jin&#233;mu v&#253;sledku podle aktu&#225;ln&#237;ho stavu syst&#233;mu. Takov&#233; situace &#269;asto zp&#367;sobuj&#237; chyby. Raskin proto prosazoval takzvan&#225; rozhran&#237; bez m&#243;d&#367;, ve&nbsp;kter&#253;ch se stejn&#233; akce chovaj&#237; st&#225;le stejn&#283;.</p><p>Jeho my&#353;lenky ovlivnily i&nbsp;ranou podobu osobn&#237;ch po&#269;&#237;ta&#269;&#367;. V&nbsp;roce 1979 zah&#225;jil projekt Macintosh. P&#367;vodn&#237; p&#345;edstava byla vytvo&#345;it levn&#253; a&nbsp;snadno pou&#382;iteln&#253; po&#269;&#237;ta&#269; pro b&#283;&#382;n&#233; lidi. I&nbsp;kdy&#382; se kone&#269;n&#225; podoba Macintosh pozd&#283;ji vyv&#237;jela jin&#253;m sm&#283;rem, Raskinova vize zd&#367;raz&#328;ovala dostupnost a&nbsp;jednoduchost.</p><p>V&nbsp;pozd&#283;j&#353;&#237;ch letech pracoval na&nbsp;experiment&#225;ln&#237;m syst&#233;mu <em><a href="https://handwiki.org/wiki/Archy">Archy</a></em>, kter&#253; se p&#367;vodn&#283; jmenoval <em><a href="https://arstechnica.com/gadgets/2025/09/your-very-own-humane-interface-try-jef-raskins-ideas-at-home/">THE &#8211; The Humane Environment</a></em>. Ten m&#283;l uk&#225;zat, jak mohou jeho principy fungovat v&nbsp;praxi. Archy vyu&#382;&#237;val nemod&#225;ln&#237; p&#345;&#237;kazy a&nbsp;rozhran&#237; zalo&#382;en&#233; na&nbsp;p&#345;ibli&#382;ov&#225;n&#237; a&nbsp;oddalov&#225;n&#237;, kter&#233; l&#233;pe odpov&#237;d&#225; tomu, jak si lid&#233; organizuj&#237; informace v&nbsp;pam&#283;ti.</p><p>Raskin ch&#225;pal n&#225;vrh rozhran&#237; jako z&#225;kladn&#237; odpov&#283;dnost tv&#367;rc&#367; technologi&#237;. Po&#269;&#237;ta&#269;e podle n&#283;j nemaj&#237; b&#253;t jen funk&#269;n&#237;. Maj&#237; b&#253;t p&#345;edev&#353;&#237;m lidsky p&#345;&#237;v&#283;tiv&#233;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;10b1788d-d3f9-4e3f-8050-8606a130976a&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Osobnosti&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-07-14T07:53:40.268Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/osobnosti&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:168273133,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Budeme navrhovat už jen přes AI? ŘSoW#110]]></title><description><![CDATA[#&#65039;&#8419; Na str&#225;nku pat&#345;&#237; jen jeden nadpis H1. &#128066; Naslouchejte prvn&#237;m u&#382;ivatel&#367;m. &#127912; Jak Figma zm&#283;nila navrhov&#225;n&#237;. &#129302; AI m&#237;sto produktov&#233;ho t&#253;mu. &#10067; Design je zpochyb&#328;ov&#225;n&#237; z&#225;klad&#367;. &#129517; Nejlep&#353;&#237; n&#225;vrhy funguj&#237; bez n&#225;vodu.]]></description><link>https://www.reknisioweb.cz/p/110</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/110</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Mon, 09 Mar 2026 06:59:22 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/d2f8f76a-3b25-4ad2-99fe-de17e725b64d_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>Telegraficky</h2><p>&#9878;&#65039; <a href="https://www.irozhlas.cz/zpravy-domov/seznam-zaloba-andrej-babis_2603031047_ako">Seznam &#382;aluje Babi&#353;e.</a><br>&#128640; Startupov&#253; z&#225;kon m&#225; <a href="https://www.lupa.cz/aktuality/do-startupoveho-zakona-se-pripravuje-konkretni-zacleneni-pobidek-pro-investory/">p&#345;il&#225;kat kapit&#225;l a definovat, co je startup</a>.<br>&#128064; V&#253;bor Evropsk&#233;ho parlamentu odm&#237;tl <a href="https://www.root.cz/zpravicky/vybor-zamitl-prodlouzeni-vyjimky-pro-plosne-skenovani-zprav-chat-control-1-0/">prodlou&#382;en&#237; &#353;m&#237;rovac&#237; v&#253;jimky</a> v&nbsp;Chat Control.<br>&#9999;&#65039; Adobe nem&#283;lo pou&#353;t&#283;t <em>Toma Krchu</em>. <a href="https://www.pencil.dev/">Pencil.dev</a> u&#382; m&#225; <a href="https://www.linkedin.com/feed/update/urn:li:activity:7432093599816830977/">p&#345;es 100k u&#382;ivatel&#367;</a>.<br>&#128736;&#65039; Chrome zav&#225;d&#237; <a href="https://webmcp.dev/">WebMCP</a>.<br>&#127822; <a href="https://techcrunch.com/2026/03/04/everything-apple-announced-macbook-neo-iphone-17e-ipad-air/">Apple p&#345;edstavil nov&#233; modely produkt&#367;.</a><br>&#129299; Meta vyu&#382;&#237;v&#225; <a href="https://www.svd.se/a/K8nrV4/metas-ai-smart-glasses-and-data-privacy-concerns-workers-say-we-see-everything">z&#225;b&#283;ry ze smart br&#253;l&#237;</a> k tr&#233;nov&#225;n&#237; AI.<br>&#128373; <a href="https://www.theguardian.com/technology/2026/mar/08/ai-hackers-social-media-accounts-study">AI identifikuje anonymn&#237; u&#382;ivatele</a> soci&#225;ln&#237;ch s&#237;t&#237;.<br>&#128104;&#127997;&#8205;&#128295; Anthropic ozna&#269;il <a href="https://economictimes.indiatimes.com/nri/work/is-your-job-on-the-ai-firing-line-anthropic-lists-roles-most-under-threat/articleshow/129192049.cms">profese nejn&#225;chyln&#283;j&#353;&#237; k ohro&#382;en&#237; od AI</a>.<br>&#129327; &#268;&#237;na uvede na trh <a href="https://www.japantimes.co.jp/business/2026/03/08/tech/china-brain-computer-tech/">rozhran&#237; mezi mozkem a po&#269;&#237;ta&#269;em</a> do p&#283;ti let.<br>&#9939;&#65039;&#8205;&#128165; <a href="https://www.dailymail.co.uk/news/article-15621461/Iran-US-war-video-regime-fear-blackout.html">Ir&#225;nci zase byli bez internetu.</a><br>&#128176; <a href="https://techcrunch.com/2026/03/07/google-just-gave-sundar-pichai-a-692m-pay-package/">$692 milion&#367;</a> pro Sundara Pichaie.<br>&#128188; Asociace UX pracuje <a href="https://docs.google.com/forms/d/e/1FAIpQLSeTPsrt1-NZPVzIBgOapvPdyWuVoKeynGb_mOvDSun2p5M5iA/viewform?pli=1">na programu st&#225;&#382;&#237;</a>.</p><p>Sledujte n&#225;s tak&#233; p&#345;es <a href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>, <a href="https://twitter.com/reknisioweb">Twitter</a>, <a href="https://www.threads.net/@reknisioweb">Threads</a>, <a href="https://bsky.app/profile/www.reknisioweb.cz">Bluesky</a>, <a href="https://www.linkedin.com/company/reknisioweb/">Linkedin</a> nebo <a href="https://www.facebook.com/Reknisioweb/">Facebook</a>.</p><h2>Design&#233;rsk&#253; tip</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!9iL_!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!9iL_!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!9iL_!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:134061,&quot;alt&quot;:&quot;Vlevo (&#353;patn&#283;) na str&#225;nce je v&#237;ce prvk&#367; vyzna&#269;eno jako H1. Vpravo (spr&#225;vn&#283;) na str&#225;nce je pouze jeden prvek H1.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/186775656?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Vlevo (&#353;patn&#283;) na str&#225;nce je v&#237;ce prvk&#367; vyzna&#269;eno jako H1. Vpravo (spr&#225;vn&#283;) na str&#225;nce je pouze jeden prvek H1." title="Vlevo (&#353;patn&#283;) na str&#225;nce je v&#237;ce prvk&#367; vyzna&#269;eno jako H1. Vpravo (spr&#225;vn&#283;) na str&#225;nce je pouze jeden prvek H1." srcset="https://substackcdn.com/image/fetch/$s_!9iL_!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!9iL_!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc0c54ac0-bd2d-460e-9ba0-4505aaef0299_2160x1080.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>D&#225;vejte str&#225;nce jen jeden H1 nadpis. </strong>H1 je hlavn&#237; titul str&#225;nky, ne dekorace.<br><br>&#10060; V&#237;ce H1 jen kv&#367;li vizu&#225;ln&#237;mu efektu <br>&#9989; Jedna H1 + dal&#353;&#237; &#250;rovn&#283; nadpis&#367; pro strukturu<br><br>&#128073; Struktura je jasn&#225; lidem i robot&#367;m. <br>&#128073; &#268;te&#269;ky obrazovky se l&#233;pe orientuj&#237;.<br><br><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements#avoid_using_multiple_h1_elements_on_one_page">Jedna H1 na str&#225;nku</a> je z&#225;kladn&#237; stavebn&#237; k&#225;men hierarchie.</p><h2>Direct design a prompt-to-UI p&#345;&#237;stupy devalvuj&#237; hodnotu n&#225;vrhu v o&#269;&#237;ch klient&#367;</h2><blockquote><p><strong>Direct design</strong>&#8239;&#8211;&#8201;zp&#367;sob navrhov&#225;n&#237; rozhran&#237;, kdy design&#233;r popisuje z&#225;m&#283;r a&nbsp;AI z&nbsp;n&#283;j p&#345;&#237;mo vytv&#225;&#345;&#237; a&nbsp;upravuje rozhran&#237; v&nbsp;k&#243;du nebo v&nbsp;designov&#233;m n&#225;stroji.</p></blockquote><p>N&#225;stroje s&nbsp;um&#283;lou inteligenc&#237; zkracuj&#237; dobu od&nbsp;n&#225;padu k&nbsp;n&#225;vrhu a&nbsp;hotov&#253;m produkt&#367;m. Navrhnout flows a&nbsp;obrazovky do&nbsp;hrub&#233;ho n&#225;vrhu pomoc&#237; prompt&#367; zvl&#225;daj&#237; design&#233;&#345;i&nbsp;s&nbsp;kvalitn&#237;mi knihovnami UI komponent v&nbsp;&#345;&#225;du hodin. A&nbsp;je vcelku jedno, zda te&#271; design&#233;&#345;i&nbsp;rovnou prototypuj&#237; pomoc&#237; AI v&nbsp;k&#243;du nebo vyu&#382;&#237;vaj&#237; <a href="https://github.com/southleft/figma-console-mcp">MCP n&#225;stroje</a> pro manipulaci s objekty ve Figm&#283; nebo <a href="https://www.pencil.dev/">Pencil.dev</a>.</p><p>Rychlost ale p&#345;in&#225;&#353;&#237; i&nbsp;nov&#233; riziko. Kdy&#382; n&#225;vrhy vznikaj&#237; z&nbsp;prompt&#367;, m&#367;&#382;e se design&#233;r od&nbsp;v&#253;sledku vzd&#225;lit. M&#367;&#382;e se st&#225;t, &#382;e nedok&#225;&#382;e vysv&#283;tlit, pro&#269; rozhran&#237; funguje pr&#225;v&#283; takto. Takov&#233; v&#253;stupy ztr&#225;cej&#237; pro klienty viditelnou hodnotu.</p><p>Pokud u&#382; d&#345;&#237;ve&nbsp;platilo, &#382;e design&#233;r, kter&#253; neum&#237; ps&#225;t, neum&#237; myslet, dnes to&nbsp;plat&#237; mnohon&#225;sobn&#283;. P&#345;id&#225;v&#225; se k&nbsp;tomu schopnost popisovat flows a&nbsp;rozhran&#237; pomoc&#237; formalizovan&#253;ch model&#367;&#8239;&#8211;&#8201;nebo alespo&#328; schopnost porozum&#283;t statick&#253;m a&nbsp;dynamick&#253;m model&#367;m aplikac&#237; generovan&#253;ch z&nbsp;prompt&#367;. A&nbsp;samoz&#345;ejm&#283; z&#225;kladem &#250;sp&#283;chu je kvalitn&#237; design syst&#233;my nebo UI kity, kter&#233; slou&#382;&#237; jako stavebnice.</p><h2>Linkodrom</h2><p><strong>Prvn&#237;ch sto aktivn&#237;ch u&#382;ivatel&#367; je cenn&#283;j&#353;&#237;ch ne&#382; 10&nbsp;000 sta&#382;en&#237;.</strong> Prvn&#237; aktivn&#237; u&#382;ivatel&#233;, kte&#345;&#237; aplikaci opravdu pou&#382;&#237;vaj&#237;, odhaluj&#237; slab&#225; m&#237;sta, nejasnosti i&nbsp;funkce, kter&#233; d&#225;vaj&#237; smysl. Jejich zp&#283;tn&#225; vazba pom&#225;h&#225; zlep&#353;it onboarding, zjednodu&#353;it procesy a&nbsp;rozhodnout, co rozv&#237;jet a&nbsp;co odstranit. M&#237;sto honby za&nbsp;marketingov&#253;m r&#367;stem <a href="https://medium.com/@floydjsmith02/your-apps-first-100-users-matter-more-than-your-first-10-000-downloads-f6106a2b769f">se soust&#345;e&#271;te na&nbsp;u&#269;en&#237; a&nbsp;iterace</a>.</p><p><strong>Figma z&#225;sadn&#283; zm&#283;nila zp&#367;sob navrhov&#225;n&#237; digit&#225;ln&#237;ch produkt&#367;.</strong> Zat&#237;mco d&#345;&#237;ve&nbsp;byl design z&#225;visl&#253; na&nbsp;pos&#237;l&#225;n&#237; soubor&#367; mezi &#269;leny t&#253;mu, <a href="https://medium.com/@quicktask.net/how-figma-changed-modern-product-design-workflows-73b5e6841304">Figma p&#345;inesla spolupr&#225;ci v&nbsp;re&#225;ln&#233;m &#269;ase</a> v&nbsp;jednom sd&#237;len&#233;m prost&#345;ed&#237;. Design&#233;&#345;i&nbsp;mohou sou&#269;asn&#283; pracovat na&nbsp;stejn&#233;m souboru, sledovat kurzory koleg&#367;, komentovat n&#225;vrhy a&nbsp;rychle iterovat. T&#237;m odpad&#225; chaos s&nbsp;verzemi i&nbsp;zdlouhav&#233; p&#345;ed&#225;v&#225;n&#237; zp&#283;tn&#233; vazby. V&#253;sledkem je rychlej&#353;&#237; v&#253;voj, lep&#353;&#237; komunikace&nbsp;a&nbsp;efektivn&#283;j&#353;&#237; pr&#225;ce distribuovan&#253;ch t&#253;m&#367;.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Lr4-!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Lr4-!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Lr4-!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg" width="919" height="501" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:501,&quot;width&quot;:919,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Image&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Image" title="Image" srcset="https://substackcdn.com/image/fetch/$s_!Lr4-!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Lr4-!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F20efc250-88bf-4823-a5ca-41e15014818a_919x501.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><a href="https://x.com/0xgaut/status/2015839556117868818?s=20">@0xgaut</a></figcaption></figure></div><p><strong>Jak prom&#283;nit AI v produktov&#253; t&#253;m.</strong> <em>Shashank Kumar</em> popisuje, pro&#269; p&#345;estal pou&#382;&#237;vat AI jen jako asistenta a&nbsp;za&#269;al ji organizovat jako <a href="https://theshashankkumar.medium.com/i-turned-claude-into-a-product-organization-and-it-changed-how-i-build-74fcecdf9fe9">produktov&#253; t&#253;m s&nbsp;jasn&#253;mi rolemi</a>:&#8201;UX, UI, v&#253;zkum, business anal&#253;zu &#269;i&nbsp;product management. Takov&#225; architektura podle n&#283;j sni&#382;uje &#8222;rozhodovac&#237; dluh&#8220;, zapojuje monetizaci u&#382; p&#345;i&nbsp;n&#225;vrhu a&nbsp;umo&#382;&#328;uje &#353;ir&#353;&#237;, ale st&#225;le koherentn&#237; exploraci. </p><p><strong>Zpochyb&#328;ov&#225;n&#237; od z&#225;klad&#367; pom&#225;h&#225; design&#233;r&#367;m naj&#237;t skute&#269;n&#253; probl&#233;m. </strong>Je to zp&#367;sob my&#353;len&#237;, kter&#253; rozkl&#225;d&#225; probl&#233;m na jeho nejz&#225;kladn&#283;j&#353;&#237; pravdy a odm&#237;t&#225; slep&#283; n&#225;sledovat zaveden&#233; postupy. Pom&#225;h&#225; design&#233;r&#367;m pochopit <a href="https://medium.com/@writeme.sharif/first-principle-questioning-in-ui-ux-design-a-powerful-method-for-understanding-problems-from-the-055cf51be879">skute&#269;n&#233; pot&#345;eby u&#382;ivatel&#367; m&#237;sto kop&#237;rov&#225;n&#237; existuj&#237;c&#237;ch &#345;e&#353;en&#237;</a>. Stoj&#237; na opakovan&#233;m kladen&#237; ot&#225;zky typu &#8222;pro&#269;&#8220;, dokud se neodhal&#237; j&#225;dro probl&#233;mu.</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/110?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">Bav&#237; v&#225;s tenhle p&#345;&#237;sp&#283;vek? &#344;ekn&#283;te o&nbsp;n&#283;m ostatn&#237;m!</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/110?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/110?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p><strong>Nejlep&#353;&#237; aplikace funguj&#237; bez n&#225;vodu.</strong> D&#367;le&#382;it&#233; je zam&#283;&#345;it design na hlavn&#237; c&#237;l u&#382;ivatele a v&#233;st ho k n&#283;mu co nejp&#345;&#237;m&#283;j&#353;&#237; cestou. Rozhran&#237; by m&#283;lo poskytovat okam&#382;itou zp&#283;tnou vazbu, chovat se konzistentn&#283; a vyh&#253;bat se zbyte&#269;n&#233; slo&#382;itosti. Svou roli hraje tak&#233; testov&#225;n&#237; s re&#225;ln&#253;mi u&#382;ivateli, kter&#233; odhal&#237; m&#237;sta, kde lid&#233; v&#225;haj&#237; nebo t&#225;pou. Intuitivn&#237; UX nevznik&#225; efektn&#237; grafikou, ale <a href="https://medium.com/@pallavi0199/how-to-design-interfaces-that-users-instantly-understand-68be17341ece">hlubok&#253;m porozum&#283;n&#237;m lidsk&#233;mu chov&#225;n&#237;</a>.</p><p><strong>Pro&#269; v&#283;t&#353;ina produkt&#367; sel&#382;e je&#353;t&#283; p&#345;ed spu&#353;t&#283;n&#237;m.</strong> V&#283;t&#353;ina produkt&#367; <a href="https://medium.com/@Muslimahhh/why-most-products-fail-before-they-even-launch-1dfb98e7fc49">sel&#382;e je&#353;t&#283; p&#345;ed uveden&#237;m na trh</a> &#8211; ve chv&#237;li, kdy t&#253;m &#353;patn&#283; definuje probl&#233;m, kter&#253; chce &#345;e&#353;it. M&#237;sto hlub&#353;&#237;ho pochopen&#237; u&#382;ivatelsk&#233; situace t&#253;my rychle p&#345;eskakuj&#237; k funkc&#237;m, roadmap&#225;m a technologi&#237;m. V&#253;sledkem jsou &#8222;kr&#225;sn&#233; hrnky kolem rozbit&#233; konvice&#8220;: produkt je dob&#345;e postaven&#253;, ale &#345;e&#353;&#237; n&#283;co jin&#233;ho ne&#382; skute&#269;nou bolest u&#382;ivatel&#367;. </p><div class="pullquote"><p>&#8220;User&#173;&#8209;created content just covers the gap between ads.&#8221;<br><strong>&#8212; <a href="https://bsky.app/profile/typofonderie.com/post/3mg5sa2a6wk2a">Jean Fran&#231;ois Porchez</a></strong><a href="https://bsky.app/profile/typofonderie.com/post/3mg5sa2a6wk2a"> </a></p></div><p><strong>Kdy&#382; se aplikace st&#225;v&#225; m&#237;stem: nov&#253; pohled na UX a chov&#225;n&#237; u&#382;ivatel&#367;.</strong> <em>Dalia Katan</em> navrhuje p&#345;em&#253;&#353;let o&nbsp;produktov&#233;m designu architektonicky. P&#345;edstavuje r&#225;mec <a href="https://medium.com/design-bootcamp/building-products-people-want-to-live-in-1420fa4decbf">ARCH:&#8201;Atmosphere, Route, Cue, Habit</a>,&#8201;kter&#253; pom&#225;h&#225; sladit strategii s&nbsp;konkr&#233;tn&#237; podobou rozhran&#237; a&nbsp;udr&#382;et celkovou zku&#353;enost.</p><p><strong>AI nut&#237; UXery vr&#225;tit se k tomu nejd&#367;le&#382;it&#283;j&#353;&#237;mu: definovat spr&#225;vn&#283; probl&#233;m.</strong> Podle <em>Jennifer Rousey</em> AI vrac&#237; UX design k&nbsp;jeho p&#367;vodn&#237;mu smyslu. Skute&#269;n&#225; hodnota se p&#345;esouv&#225; k&nbsp;definov&#225;n&#237; probl&#233;m&#367;, porozum&#283;n&#237; u&#382;ivatel&#367;m a&nbsp;formulov&#225;n&#237; z&#225;m&#283;ru. V&nbsp;&#233;&#345;e AI se kl&#237;&#269;ovou dovednost&#237; st&#225;v&#225; <a href="https://medium.com/design-bootcamp/ai-is-forcing-ux-back-to-basics-80073ef7c0cb">schopnost spr&#225;vn&#283; popsat pot&#345;eby</a>, strukturu syst&#233;mu a&nbsp;podm&#237;nky, v&nbsp;nich&#382; mohou lid&#233; a&nbsp;stroje spolupracovat.</p><div class="poll-embed" data-attrs="{&quot;id&quot;:470169}" data-component-name="PollToDOM"></div><p><strong>Kde se ztr&#225;c&#237; vhled?</strong> Poznatky o u&#382;ivatel&#237;ch neztr&#225;cej&#237; v&#283;t&#353;inou &#250;mysln&#283;&#8239;&#8211;&#8201;miz&#237; postupn&#283; b&#283;hem p&#345;ed&#225;v&#225;n&#237; mezi n&#225;stroji a&nbsp;rolemi. Kontext, d&#367;kazy i&nbsp;nuance se vytrat&#237;. Probl&#233;m nen&#237; v&nbsp;komunikaci, ale v&nbsp;syst&#233;mu: <a href="https://workpagemarketing.substack.com/p/how-product-teams-lose-user-research">v&#253;zkumn&#233; a&nbsp;designov&#233; n&#225;stroje spolu t&#233;m&#283;&#345; nepropojuj&#237; pr&#225;ci</a>. Kdy&#382; design&#233;&#345;i&nbsp;nemaj&#237; p&#345;&#237;m&#253; p&#345;&#237;stup k&nbsp;v&#253;zkumu s u&#382;ivateli, &#345;&#237;d&#237; se od oka.</p><p><strong>Praktick&#253; n&#225;vod na kontrastn&#237; barevn&#233; palety:</strong> <em>St&#233;phanie Walter</em> vyvrac&#237; &#269;ast&#253; m&#253;tus, &#382;e po&#382;adavky na&nbsp;p&#345;&#237;stupnost v&#253;razn&#283; omezuj&#237; v&#253;b&#283;r barev. Probl&#233;m nen&#237; v&nbsp;barv&#225;ch samotn&#253;ch, ale v&nbsp;neznalosti pravidel kontrastu WCAG. V&nbsp;&#269;l&#225;nku krok za&nbsp;krokem vysv&#283;tluje <a href="https://stephaniewalter.design/blog/yellow-purple-and-the-myth-of-accessibility-limits-color-palettes/">proces tvorby palety ve&nbsp;Figm&#283;</a>: v&#253;b&#283;r z&#225;kladn&#237;ch barev, vytv&#225;&#345;en&#237; sv&#283;tlej&#353;&#237;ch a&nbsp;tmav&#353;&#237;ch variant, kontrolu kontrastu (4,5:1 pro text) a&nbsp;dokumentaci kombinac&#237;.</p><div class="pullquote"><p>Pomozte n&#225;m roz&#353;&#237;&#345;it newsletter &#344;ekni si o web k v&#237;ce lidem. Po&#353;lete ho koleg&#367;m, zn&#225;m&#253;m &#269;i obchodn&#237;m partner&#367;m a &#345;ekn&#283;te jim, pro&#269; ho r&#225;di &#269;tete. Upozorn&#283;te je na mo&#382;nost p&#345;ihl&#225;sit odb&#283;r.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/110?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/110?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p><p>D&#283;kujeme!</p></div><h2>Vy&#353;lo na &#344;SoW</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ul9N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 424w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 848w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1272w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp" width="362" height="313.1015706806283" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:826,&quot;width&quot;:955,&quot;resizeWidth&quot;:362,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;LUcy Suchman, kresba generovan&#225; podle fotografi&#237;&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="LUcy Suchman, kresba generovan&#225; podle fotografi&#237;" title="LUcy Suchman, kresba generovan&#225; podle fotografi&#237;" srcset="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 424w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 848w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1272w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">&#8222;Kdy&#382; vid&#237;te takto problematick&#253; projekt, tak posledn&#237;, co chcete, je automatizovat a zefektiv&#328;ovat jeho provoz.&#8220; &#8212; <a href="https://wave.rozhlas.cz/nepodrizujeme-se-potrebam-nasich-technologii-prilis-pta-se-antropolozka-lucy-7910316#:~:text=Kdy%C5%BE%20vid%C3%ADte%20takto%20problematick%C3%BD%20projekt%2C%20tak%20posledn%C3%AD%2C%20co%20chcete%2C%20je%20automatizovat%20a%20zefektiv%C5%88ovat%20jeho%20provoz.">Lucy Suchman</a> </figcaption></figure></div><p><em><a href="https://www.reknisioweb.cz/p/lucy-suchman">Lucy Suchman</a></em> (*12.&nbsp;&#250;nora 1954) prom&#283;nila obor human-computer interaction. Ve&nbsp;slavn&#233; knize <em>Plans and Situated Actions</em> uk&#225;zala, &#382;e lidsk&#233; jedn&#225;n&#237; nevych&#225;z&#237; z&nbsp;pevn&#253;ch pl&#225;n&#367;, ale vznik&#225; v&nbsp;konkr&#233;tn&#237;ch soci&#225;ln&#237;ch a&nbsp;materi&#225;ln&#237;ch situac&#237;ch; pl&#225;ny slou&#382;&#237; sp&#237;&#353;e jako orienta&#269;n&#237; zdroje.</p><p>V&nbsp;<em>Xerox PARC</em> prosadila detailn&#237; videoanal&#253;zu pr&#225;ce s&nbsp;technologiemi a&nbsp;posunula HCI od&nbsp;laboratorn&#237;ch test&#367; k&nbsp;pozorov&#225;n&#237; skute&#269;n&#253;ch pracovn&#237;ch praktik. V&nbsp;pozd&#283;j&#353;&#237;ch textech kriticky zkoum&#225; p&#345;edstavu autonomn&#237; um&#283;l&#233; inteligence a&nbsp;zd&#367;raz&#328;uje infrastruktury lid&#237; a&nbsp;instituc&#237;, kter&#233; za&nbsp;n&#237; stoj&#237;. Jej&#237; pr&#225;ce p&#345;esouv&#225; design technologi&#237; od&nbsp;technick&#233; optimalizace k&nbsp;sociomateri&#225;ln&#237; odpov&#283;dnosti.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;f72880ea-ba59-4f5f-b7c7-a4ae7671c5c2&quot;,&quot;caption&quot;:&quot;Lucy Suchman (*12. &#250;nora 1954) prom&#283;nila p&#345;em&#253;&#353;len&#237; o vztahu &#269;lov&#283;ka a technologi&#237;. Ve sv&#233; pr&#367;lomov&#233; knize Plans and Situated Actions z roku 1987 zpochybnila tehdy dominantn&#237; p&#345;edstavu, &#382;e lid&#233; jednaj&#237; podle p&#345;edem vytvo&#345;en&#253;ch pl&#225;n&#367;, kter&#233; n&#225;sledn&#283; pouze vykon&#225;vaj&#237;. &#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Lucy Suchman a situovan&#233; jedn&#225;n&#237;&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2026-02-12T06:59:00.000Z&quot;,&quot;cover_image&quot;:&quot;https://substackcdn.com/image/fetch/$s_!Ul9N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/lucy-suchman&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:188122868,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p><em><a href="https://www.reknisioweb.cz/p/ui-kit">UI kit</a></em> je z&#225;klad konzistentn&#237;ho webov&#233;ho rozhran&#237;. Tvo&#345;&#237; ho sada znovupou&#382;iteln&#253;ch prvk&#367; rozhran&#237;, kter&#225; pom&#225;h&#225; udr&#382;et vizu&#225;ln&#237; i interak&#269;n&#237; konzistenci webu. Obsahuje komponenty jako tla&#269;&#237;tka, formul&#225;&#345;e, navigaci, typografii &#269;i rozestupy a umo&#382;&#328;uje rychlej&#353;&#237; n&#225;vrh i v&#253;voj.</p><p><em><a href="https://www.reknisioweb.cz/p/chunking">Chunking</a></em> je princip human&#173;&#8209;centred designu, kter&#253; organizuje informace a&nbsp;&#250;koly do&nbsp;smyslupln&#253;ch celk&#367;, aby sn&#237;&#382;il kognitivn&#237; z&#225;t&#283;&#382;. </p><p><em><a href="https://www.reknisioweb.cz/p/ai-agent">AI agent</a></em> je software, kter&#253; nejen generuje odpov&#283;di, ale dok&#225;&#382;e samostatn&#283; pl&#225;novat a&nbsp;prov&#225;d&#283;t &#250;koly nap&#345;&#237;&#269; digit&#225;ln&#237;mi syst&#233;my. Dobr&#225; struktura str&#225;nek, s&#233;mantika a&nbsp;kvalitn&#237; API proto z&#237;sk&#225;vaj&#237; nov&#253; v&#253;znam&#8239;&#8211;&#8201;pom&#225;haj&#237; toti&#382; orientovat se nejen lidem, ale i&nbsp;stroj&#367;m.</p><div><hr></div><p><strong>Z&#237;tra STRV host&#237; <a href="https://www.meetup.com/strv-meetups/events/313412127/">Mobile Lightning Talks</a>. </strong>Ve st&#345;edu se sejdou <a href="https://www.meetup.com/frontendisti/events/313506946/">Frontendisti v&nbsp;Brn&#283;</a> a&nbsp;<a href="https://www.meetup.com/frontendisti/events/313560616/">v&nbsp;Praze</a>. Dal&#353;&#237; tipy na dom&#225;c&#237;, zahrani&#269;n&#237; a online akce najdete <a href="https://www.reknisioweb.cz/p/konference-2026">v&nbsp;na&#353;em p&#345;ehledu</a>.</p><div><hr></div><p>A to je z prvn&#237;ho b&#345;eznov&#233;ho zpravodaje <a href="https://reknisioweb.cz/">&#344;ekni si o web</a> roku 2026 v&#353;echno. <strong>P&#345;ed 67 lety se v New Yorku p&#345;edstavila sv&#283;tu jedna <a href="https://cs.wikipedia.org/wiki/Barbie">blond&#253;na</a>. </strong>D&#237;ky, &#382;e n&#225;s nejen &#269;tete, ale tak&#233; o sob&#283; d&#225;v&#225;te v&#283;d&#283;t. Pokud pro n&#225;s m&#225;te n&#283;jak&#253; tip, co p&#345;&#237;&#353;t&#283; vylep&#353;it nebo ud&#283;lat jinak, t&#283;&#353;&#237;me se.</p><p>Hezk&#253; t&#253;den,<br>Jakub Goldmann a Martin Kopta.</p><p></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">L&#237;b&#237; se v&#225;m newsletter <a href="https://reknisioweb.cz">&#344;ekni si o web</a>? P&#345;ihlaste se k pravideln&#233;mu odb&#283;ru do e-mailu nebo p&#345;es Substack.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[AI agent]]></title><description><![CDATA[Software, kter&#253; dok&#225;&#382;e pl&#225;novat a vykon&#225;vat &#250;koly nap&#345;&#237;&#269; digit&#225;ln&#237;mi syst&#233;my t&#237;m, &#382;e pracuje s n&#225;stroji, weby a daty, m&#237;sto aby pouze generoval odpov&#283;di.]]></description><link>https://www.reknisioweb.cz/p/ai-agent</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/ai-agent</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Mon, 02 Mar 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/b75be1d7-8957-4718-a8d3-d452daefcb04_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Na&nbsp;webu se objevuje nov&#253; typ akt&#233;ra. AI agenti (<a href="https://cloud.google.com/discover/what-are-ai-agents">AI agents</a>). Na&nbsp;rozd&#237;l od&nbsp;b&#283;&#382;n&#253;ch model&#367; um&#283;l&#233; inteligence, kter&#233; pouze vytv&#225;&#345;ej&#237; odpov&#283;di, dok&#225;&#382;ou agenti sledovat c&#237;l a&nbsp;postupn&#283; vykon&#225;vat kroky, kter&#233; k&nbsp;n&#283;mu vedou. Sb&#237;raj&#237; informace, pracuj&#237; s&nbsp;rozhran&#237;mi a&nbsp;podle v&#253;sledk&#367; upravuj&#237; dal&#353;&#237; postup. Web se tak postupn&#283; st&#225;v&#225; nejen m&#237;stem pro &#269;ten&#237;, ale i&nbsp;prost&#345;ed&#237;m, ve&nbsp;kter&#233;m software vyhled&#225;v&#225; informace a&nbsp;prov&#225;d&#237; &#250;koly.</p><p>AI agent obvykle pracuje v&nbsp;opakuj&#237;c&#237;m se cyklu. Nejprve dostane zad&#225;n&#237;. Pot&#233; navrhne dal&#353;&#237; krok. Provede akci pomoc&#237; n&#225;stroje, nap&#345;&#237;klad p&#345;es prohl&#237;&#382;e&#269; nebo rozhran&#237; API. N&#225;sledn&#283; vyhodnot&#237; v&#253;sledek a&nbsp;rozhodne se, co ud&#283;lat d&#225;l. D&#237;ky tomuto postupu m&#367;&#382;e software zvl&#225;dnout &#250;lohy, kter&#233; maj&#237; v&#237;ce krok&#367; a&nbsp;zasahuj&#237; do&nbsp;r&#367;zn&#253;ch syst&#233;m&#367;. Nejen &#382;e doporu&#269;&#237;, co by se m&#283;lo ud&#283;lat. Dok&#225;&#382;e nap&#345;&#237;klad proj&#237;t web, analyzovat data, vyplnit formul&#225;&#345;e nebo sestavit report z&nbsp;v&#237;ce zdroj&#367;.</p><p>Samotn&#225; my&#353;lenka agent&#367; nen&#237; nov&#225;. V&nbsp;klasick&#233; um&#283;l&#233; inteligenci se agent popisuje jako entita, kter&#225; vn&#237;m&#225; sv&#233; okol&#237; a&nbsp;jedn&#225; tak, aby dos&#225;hla ur&#269;it&#233;ho c&#237;le. Velk&#233; jazykov&#233; modely v&#353;ak tento koncept v&#253;razn&#283; zp&#345;&#237;stupnily v&nbsp;praxi. Software dnes dok&#225;&#382;e porozum&#283;t p&#345;irozen&#233;mu zad&#225;n&#237; a&nbsp;p&#345;ev&#233;st ho na&nbsp;konkr&#233;tn&#237; kroky nap&#345;&#237;&#269; r&#367;zn&#253;mi digit&#225;ln&#237;mi rozhran&#237;mi.</p><p>Pro web to&nbsp;znamen&#225; nen&#225;padnou, ale d&#367;le&#382;itou zm&#283;nu. Webov&#233; str&#225;nky u&#382; nejsou ur&#269;eny jen lidem nebo vyhled&#225;vac&#237;m robot&#367;m. St&#225;le &#269;ast&#283;ji je interpretuj&#237; tak&#233; automatizovan&#233; syst&#233;my, kter&#233; pracuj&#237; jm&#233;nem u&#382;ivatel&#367;. Mohou vyhledat dokumentaci, porovnat parametry produkt&#367; nebo p&#345;ipravit transakci je&#353;t&#283; d&#345;&#237;ve, ne&#382; &#269;lov&#283;k&nbsp;str&#225;nku v&#367;bec otev&#345;e.</p><p>Zaj&#237;mav&#233; je, &#382;e vlastnosti, kter&#233; web zp&#345;&#237;stup&#328;uj&#237; takov&#253;m syst&#233;m&#367;m, nejsou nijak nov&#233;. P&#345;ehledn&#225; struktura, s&#233;mantick&#233; zna&#269;kov&#225;n&#237;, srozumiteln&#225; navigace, stabiln&#237; adresy URL, spolehliv&#233; formul&#225;&#345;e a&nbsp;dob&#345;e popsan&#225; API rozhran&#237; sni&#382;uj&#237; nejednozna&#269;nost. Pom&#225;haj&#237; lidem se na&nbsp;webu orientovat. A&nbsp;z&#225;rove&#328; pom&#225;haj&#237; i&nbsp;softwaru pochopit, co str&#225;nka obsahuje a&nbsp;jak&#233; akce jsou na&nbsp;n&#237; mo&#382;n&#233;.</p><p>AI agenti tedy webov&#233; str&#225;nky nenahrazuj&#237;. Sp&#237;&#353;e znovu zd&#367;raz&#328;uj&#237; v&#253;znam dob&#345;e navr&#382;en&#233;ho webu. Str&#225;nek, kter&#233; dok&#225;&#382;ou jasn&#283; komunikovat. Nejen s&nbsp;lidmi, ale i&nbsp;s&nbsp;rostouc&#237;m po&#269;tem stroj&#367;, kter&#233; web vedle nich st&#225;le &#269;ast&#283;ji proch&#225;zej&#237;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;23a63f00-15c7-41bc-b22a-cba74f3880ec&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Lucy Suchman a situované jednání]]></title><description><![CDATA[Badatelka, kter&#225; z&#225;sadn&#283; prom&#283;nila obor human-computer interaction t&#237;m, &#382;e uk&#225;zala, &#382;e lidsk&#233; jedn&#225;n&#237; je v&#382;dy situovan&#233; &#8211; a &#382;e technologie z&#225;rove&#328; p&#345;erozd&#283;luj&#237; odpov&#283;dnost.]]></description><link>https://www.reknisioweb.cz/p/lucy-suchman</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/lucy-suchman</guid><pubDate>Thu, 12 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Ul9N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ul9N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 424w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 848w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1272w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp" width="446" height="385.75497382198955" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:826,&quot;width&quot;:955,&quot;resizeWidth&quot;:446,&quot;bytes&quot;:67130,&quot;alt&quot;:&quot;LUcy Suchman, kresba generovan&#225; podle fotografi&#237;&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/188122868?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3f6e4cd6-f994-42a8-a0c3-a3f3eac6d5a3_1536x1024.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="LUcy Suchman, kresba generovan&#225; podle fotografi&#237;" title="LUcy Suchman, kresba generovan&#225; podle fotografi&#237;" srcset="https://substackcdn.com/image/fetch/$s_!Ul9N!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 424w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 848w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1272w, https://substackcdn.com/image/fetch/$s_!Ul9N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F910bd90d-8cb0-4782-8611-b7bfec599579_955x826.webp 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8220;Agency is not an attribute but the ongoing reconfigurings of the world.&#8221; &#8212;&nbsp;Lucy&nbsp;Suchman</em></figcaption></figure></div><p><em><a href="https://en.wikipedia.org/wiki/Lucy_Suchman">Lucy Suchman</a></em> (*12. &#250;nora 1954) prom&#283;nila p&#345;em&#253;&#353;len&#237; o&nbsp;vztahu &#269;lov&#283;ka a&nbsp;technologi&#237;. Ve&nbsp;sv&#233; pr&#367;lomov&#233; knize <em><a href="https://www.cs.colby.edu/courses/J16/cs267/papers/Suchman-PlansAndSituatedActions.pdf">Plans and Situated Actions</a></em> z&nbsp;roku 1987 zpochybnila tehdy dominantn&#237; p&#345;edstavu, &#382;e lid&#233; jednaj&#237; podle p&#345;edem vytvo&#345;en&#253;ch pl&#225;n&#367;, kter&#233; n&#225;sledn&#283; pouze vykon&#225;vaj&#237;. Uk&#225;zala, &#382;e jedn&#225;n&#237; nevych&#225;z&#237; z&nbsp;hotov&#253;ch sc&#233;n&#225;&#345;&#367;, ale vznik&#225; v&nbsp;konkr&#233;tn&#237;ch materi&#225;ln&#237;ch a&nbsp;soci&#225;ln&#237;ch podm&#237;nk&#225;ch. Pl&#225;ny podle n&#237; nejsou p&#345;edpisy, n&#253;br&#382; zdroje&#8239;&#8211;&#8201;orienta&#269;n&#237; pom&#367;cky, kter&#233; jedn&#225;n&#237; podporuj&#237;, nikoli ur&#269;uj&#237;.</p><div class="pullquote"><p>&#8222;Projekt design&#233;ra v tomto smyslu spo&#269;&#237;v&#225; v tom, &#382;e stroj vybav&#237; d&#367;vody pro chov&#225;n&#237;, kter&#233; je zodpov&#283;dn&#283; racion&#225;ln&#237;, tj. rozumn&#233; nebo srozumiteln&#233; pro ostatn&#237;, v&#269;etn&#283; p&#345;&#237;pad&#367; interakce, kdy reaguje na akce ostatn&#237;ch.&#8220;<br><strong>&#8212; Lucy Suchman, </strong><em><strong><a href="https://interfacecritique.net/wp-content/uploads/2021/07/Suchman_IC3.pdf">Talk with machines, redux</a></strong></em></p></div><p>B&#283;hem p&#367;soben&#237; v <em>Xerox PARC</em> rozvinula metodu detailn&#237; videoanal&#253;zy interakc&#237; &#269;lov&#283;ka s technologiemi. Nam&#237;sto toho, aby chyby u&#382;ivatel&#367; pova&#382;ovala za selh&#225;n&#237; racionality, interpretovala je jako kl&#237;&#269;ov&#233; momenty, v nich&#382; se odhaluje, jak lid&#233; a technologie spole&#269;n&#283; vytv&#225;&#345;ej&#237; smysl. T&#237;m se v&#253;zkum HCI posunul od laboratorn&#237;ch experiment&#367; k ter&#233;nn&#237;m studi&#237;m skute&#269;n&#253;ch pracovn&#237;ch praktik&#8239;&#8211;&#8201;a pou&#382;itelnost za&#269;ala b&#253;t ch&#225;p&#225;na jako ot&#225;zka kontextu.</p><p>V pozd&#283;j&#353;&#237; knize <em><a href="https://seeingcollaborations.wordpress.com/wp-content/uploads/2014/08/suchman_humanmachinereconfigurations.pdf">Human&#173;&#8209;Machine Reconfigurations</a></em> roz&#353;&#237;&#345;ila tuto perspektivu na oblast um&#283;l&#233; inteligence a automatizace. M&#237;sto ot&#225;zky, zda stroje mohou myslet, klade jinou: jak tvrzen&#237; o &#8222;inteligenci&#8220; stroj&#367; prom&#283;&#328;uj&#237; na&#353;e pojet&#237; &#269;lov&#283;ka a odpov&#283;dnosti? Kriticky analyzuje, jak je AI prezentov&#225;na jako autonomn&#237; entita, a ukazuje, &#382;e za touto p&#345;edstavou stoj&#237; komplexn&#237; institucion&#225;ln&#237;, politick&#233; a pracovn&#237; infrastruktury.</p><div class="pullquote"><p>&#8222;D&#237;ky robot&#367;m si v&#237;c a v&#237;c uv&#283;domujeme, &#382;e t&#283;lo a mysl nejdou odd&#283;lit. Soci&#225;ln&#237; dovednosti nebo inteligence jsou s nimi neodd&#283;liteln&#283; spjat&#233;.&#8220; <br><strong>&#8212; <a href="https://wave.rozhlas.cz/nepodrizujeme-se-potrebam-nasich-technologii-prilis-pta-se-antropolozka-lucy-7910316">Lucy Suchman</a></strong></p></div><p>Jej&#237; pr&#225;ce se nap&#345;&#237;&#269; desetilet&#237;mi vrac&#237; k jedn&#233; z&#225;kladn&#237; ot&#225;zce: kdo co d&#283;l&#225;&#8239;&#8211;&#8201;komu, v jak&#253;ch podm&#237;nk&#225;ch a s jak&#253;mi d&#367;sledky? T&#237;m Suchman p&#345;esunula design z roviny technick&#233; optimalizace do roviny sociomateri&#225;ln&#237; intervence. Sou&#269;asn&#233; kontextu&#225;ln&#237; a participativn&#237; p&#345;&#237;stupy v UX v&#253;zkumu nesou jasnou stopu jej&#237;ho d&#367;razu na to, &#382;e technologie nelze pochopit&#8239;&#8211;&#8201;ani navrhovat&#8239;&#8211;&#8201;bez situac&#237;, v nich&#382; se skute&#269;n&#283; odehr&#225;vaj&#237;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;782ef621-fe8b-4aca-af3a-834bb28040c2&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Osobnosti&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-07-14T07:53:40.268Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/osobnosti&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:168273133,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Kouskování]]></title><description><![CDATA[Strukturov&#225;n&#237; informac&#237; a &#250;kol&#367; do smyslupln&#253;ch celk&#367;, kter&#233; sni&#382;uj&#237; kognitivn&#237; z&#225;t&#283;&#382; a z&#225;rove&#328; zachov&#225;vaj&#237; p&#345;ehlednost a orientaci.]]></description><link>https://www.reknisioweb.cz/p/chunking</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/chunking</guid><pubDate>Wed, 11 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/5916a952-a5e4-4a20-a127-113a5bfa4fba_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Kouskov&#225;n&#237; (<a href="https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/chunking">chunking</a>) nen&#237; pravidlo o&nbsp;po&#269;tu polo&#382;ek na&nbsp;str&#225;nce. Je to&nbsp;zp&#367;sob, jak sni&#382;ovat zbyte&#269;nou ment&#225;ln&#237; n&#225;mahu. V&nbsp;<a href="https://www.reknisioweb.cz/p/human-cetered-design">human&#173;&#8209;centred design</a> znamen&#225; uspo&#345;&#225;dat obsah a&nbsp;pracovn&#237; postupy do&nbsp;smyslupln&#253;ch celk&#367; tak, aby odpov&#237;daly tomu, jak lid&#233; vn&#237;maj&#237;, zpracov&#225;vaj&#237; a&nbsp;pamatuj&#237; si informace. Pokud je navr&#382;en dob&#345;e, zvy&#353;uje srozumitelnost, efektivitu i&nbsp;p&#345;&#237;stupnost. Pokud je pou&#382;it mechanicky, m&#367;&#382;e naopak zku&#353;enost rozt&#345;&#237;&#353;tit a&nbsp;zv&#253;&#353;it interak&#269;n&#237; n&#225;klady.</p><p>&#268;asto citovan&#233; 7&#8239;&#177;&#8201;2 poch&#225;z&#237; z&nbsp;roku 1956 z&nbsp;pr&#225;ce <em><a href="https://www.reknisioweb.cz/p/george-miller">George A. Millera</a></em>. Jeho hlavn&#237; zji&#353;t&#283;n&#237; v&#353;ak ne&#345;&#237;k&#225;, &#382;e navigace m&#225; m&#237;t sedm polo&#382;ek. Ukazuje, &#382;e pracovn&#237; <a href="https://labs.la.utexas.edu/gilden/files/2016/04/MagicNumberSeven-Miller1956.pdf">pam&#283;&#357; pojme omezen&#253; po&#269;et celk&#367;</a> a&nbsp;&#382;e to, co pova&#382;ujeme za&nbsp;jeden celek, z&#225;vis&#237; na&nbsp;v&#253;znamu a&nbsp;p&#345;edchoz&#237; zku&#353;enosti. Nov&#283;j&#353;&#237; v&#253;zkum, nap&#345;&#237;klad pr&#225;ce <em><a href="https://en.wikipedia.org/wiki/Nelson_Cowan">Nelsona Cowana</a></em>, nazna&#269;uje, &#382;e pozornost se obvykle soust&#345;ed&#237; sp&#237;&#353;e na&nbsp;<a href="https://www.researchgate.net/publication/11830840_The_Magical_Number_4_in_Short-Term_Memory_A_Reconsideration_of_Mental_Storage_Capacity">&#269;ty&#345;i&nbsp;takov&#233; celky</a>. Kapacita tedy nen&#237; univerz&#225;ln&#237; &#269;&#237;slo, ale prom&#283;nn&#225; vlastnost kontextu.</p><p>Pro digit&#225;ln&#237; syst&#233;my je z&#225;sadn&#237; rozd&#237;l mezi vnit&#345;n&#237; slo&#382;itost&#237; &#250;kolu a&nbsp;z&#225;t&#283;&#382;&#237;, kterou vytv&#225;&#345;&#237; jeho prezentace. Teorie kognitivn&#237; z&#225;t&#283;&#382;e ukazuje, &#382;e samotnou slo&#382;itost &#250;kolu odstranit nelze. Lze v&#353;ak omezit zbyte&#269;nou n&#225;mahu zp&#367;sobenou nep&#345;ehlednou strukturou. Jasn&#233; nadpisy, logicky seskupen&#225; pole ve&nbsp;formul&#225;&#345;i, postup rozd&#283;len&#253; do&nbsp;krok&#367; a&nbsp;postupn&#233; odhalov&#225;n&#237; detail&#367; pom&#225;haj&#237; soust&#345;edit se v&#382;dy na&nbsp;jeden smyslupln&#253; celek a&nbsp;z&#225;rove&#328; neztratit orientaci.</p><p>Vizu&#225;ln&#237; seskupov&#225;n&#237; tento proces podporuje. Principy bl&#237;zkosti a&nbsp;podobnosti zp&#367;sobuj&#237;, &#382;e prvky vn&#237;m&#225;me jako souvisej&#237;c&#237;. To&nbsp;usnad&#328;uje rychl&#233; skenov&#225;n&#237;, kter&#233; je na&nbsp;webu b&#283;&#382;n&#283;j&#353;&#237; ne&#382; souvisl&#233; &#269;ten&#237;. Kouskov&#225;n&#237; v&#353;ak mus&#237; b&#253;t nejen vizu&#225;ln&#237;, ale i&nbsp;s&#233;mantick&#253;. Strukturovan&#233; nadpisy, oblasti str&#225;nky a&nbsp;spr&#225;vn&#233; zna&#269;kov&#225;n&#237; zaji&#353;&#357;uj&#237;, &#382;e &#269;len&#283;n&#237; z&#367;stane &#269;iteln&#233; i&nbsp;pro asisten&#269;n&#237; technologie.</p><p>Kouskov&#225;n&#237; p&#367;sob&#237; na&nbsp;v&#237;ce &#250;rovn&#237;ch. Od&nbsp;form&#225;tov&#225;n&#237; ov&#283;&#345;ovac&#237;ch k&#243;d&#367; a&#382; po&nbsp;n&#225;vrh cel&#233; informa&#269;n&#237; architektury. Nejde o&nbsp;minimalismus ani o&nbsp;magick&#233; &#269;&#237;slo. Jde o&nbsp;respekt k&nbsp;tomu, jak lid&#233; skute&#269;n&#283; p&#345;em&#253;&#353;lej&#237; a&nbsp;jak si vytv&#225;&#345;ej&#237; smyslupln&#233; celky.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;ed0cb0ba-9e48-49b6-9300-0d8cde5ad042&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[UI kit]]></title><description><![CDATA[Sada znovupou&#382;iteln&#253;ch prvk&#367; u&#382;ivatelsk&#233;ho rozhran&#237;, kter&#225; sjednocuje vizu&#225;ln&#237; a interak&#269;n&#237; rozhodnut&#237; s c&#237;lem urychlit n&#225;vrh, v&#253;voj a dlouhodobou &#250;dr&#382;bu.]]></description><link>https://www.reknisioweb.cz/p/ui-kit</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/ui-kit</guid><pubDate>Tue, 10 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/4c6b2099-6693-4a40-bad2-2e34997e9d56_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a href="https://www.interaction-design.org/literature/topics/ui-kits">UI kit</a> je praktick&#253; n&#225;stroj pro udr&#382;en&#237; konzistence ve&nbsp;v&#283;t&#353;&#237;m m&#283;&#345;&#237;tku. Sdru&#382;uje prvky rozhran&#237;, jako jsou tla&#269;&#237;tka, formul&#225;&#345;ov&#225; pole, navigace, typografie, rozestupy a&nbsp;b&#283;&#382;n&#233; stavy. Jeho hlavn&#237; p&#345;&#237;nos je efektivita. Umo&#382;&#328;uje m&#233;n&#283; improvizovan&#253;ch rozhodnut&#237;, rychlej&#353;&#237; dod&#225;n&#237; a&nbsp;omezen&#237; vizu&#225;ln&#237;ho rozpadu nap&#345;&#237;&#269; str&#225;nkami a&nbsp;verzemi.</p><p>Na&nbsp;rozd&#237;l od&nbsp;designov&#233;ho syst&#233;mu se UI kit nesna&#382;&#237; definovat organiza&#269;n&#237; procesy ani &#345;&#237;zen&#237;. Nach&#225;z&#237; se mezi stylov&#253;m manu&#225;lem a&nbsp;plnohodnotn&#253;m syst&#233;mem a&nbsp;soust&#345;ed&#237; se na&nbsp;konkr&#233;tn&#237;, znovupou&#382;iteln&#233; stavebn&#237; bloky. Zam&#283;&#328;ov&#225;n&#237; t&#283;chto vrstev je &#269;astou chybou. Sd&#237;len&#225; knihovna komponent m&#367;&#382;e zv&#253;&#353;it konzistenci, ale sama o&nbsp;sob&#283; ne&#345;e&#353;&#237; koordinaci, vlastnictv&#237; ani v&#253;voj v&nbsp;&#269;ase.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;2703cac6-cef8-4d07-9149-b566f8c10a92&quot;,&quot;caption&quot;:&quot;Knihovna komponent (component library) p&#345;edstavuje stavebnici pro n&#225;vrh modern&#237;ch web&#367; a aplikac&#237;. P&#345;edstavte si ji jako sadu opakovan&#283; pou&#382;iteln&#253;ch u&#382;ivatelsk&#253;ch prvk&#367; &#8211; nap&#345;&#237;klad tla&#269;&#237;tek, p&#345;ep&#237;na&#269;&#367;, formul&#225;&#345;ov&#253;ch pol&#237; nebo naviga&#269;n&#237;ch prvk&#367;.&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Knihovna komponent&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2025-05-29T05:59:00.000Z&quot;,&quot;cover_image&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5e7b49dd-1b75-4210-9a43-65dde5490e70_1536x1024.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/component-library&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:164739438,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p>Sou&#269;asn&#233; UI kity obvykle existuj&#237; v&nbsp;n&#225;vrhov&#253;ch n&#225;stroj&#237;ch i&nbsp;v&nbsp;k&#243;du. N&#225;vrhov&#233; verze podporuj&#237; rychl&#233; skl&#225;d&#225;n&#237; obrazovek, zat&#237;mco k&#243;dov&#233; verze p&#345;ev&#225;d&#283;j&#237; stejn&#225; rozhodnut&#237; do&nbsp;produk&#269;n&#237;ch komponent. St&#225;le &#269;ast&#283;ji jsou ob&#283; propojeny pomoc&#237; designov&#253;ch token&#367;. Ty p&#345;edstavuj&#237; pojmenovan&#233; prom&#283;nn&#233; pro barvy, rozestupy a&nbsp;typografii a&nbsp;usnad&#328;uj&#237; zm&#283;ny t&#233;mat, redesign i&nbsp;opravy p&#345;&#237;stupnosti.</p><p>P&#345;&#237;stupnost je kl&#237;&#269;ov&#253;m m&#283;&#345;&#237;tkem kvality. Ovl&#225;d&#225;n&#237; kl&#225;vesnic&#237;, viditelnost fokusu, velikost c&#237;l&#367; a&nbsp;chybov&#233; stavy jsou odpov&#283;dnost&#237; jednotliv&#253;ch komponent. Pokud nejsou &#345;e&#353;eny u&#382; v&nbsp;UI kitu, probl&#233;my se n&#225;sob&#237; a&nbsp;jejich n&#225;prava je n&#225;kladn&#225;.</p><p>Pro dlouhodob&#283; udr&#382;ovan&#233; weby je UI kit infrastruktura. Vy&#382;aduje dokumentaci, verzov&#225;n&#237; a&nbsp;jasn&#253; zdroj pravdy. P&#345;i&nbsp;dobr&#233; p&#233;&#269;i&nbsp;sni&#382;uje t&#345;en&#237; a&nbsp;podporuje konzistenci. P&#345;i&nbsp;zanedb&#225;n&#237; se m&#283;n&#237; v&nbsp;dal&#353;&#237; zdroj dluhu.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;8572f077-71fe-4eed-bea1-33e4c6712671&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Ověřování věku na webu: od checkboxu k infrastruktuře. ŘSoW#109]]></title><description><![CDATA[&#129517; Sd&#237;lejte vhled strukturovan&#283;. &#128266; Vyu&#382;it&#237; zvuku na webu. &#129504; Jak mysl&#237; design&#233;&#345;i? &#129302; AI je zrcadlem minulosti. &#127912; Ostylujte zv&#253;razn&#283;n&#253; text. &#128218; Nad&#269;asov&#233; knihy o designu. &#127752; Barevn&#233; palety pro Figmu.]]></description><link>https://www.reknisioweb.cz/p/109</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/109</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Mon, 09 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/5f9c15fa-d919-4a76-a51a-cb3e68703936_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>Telegraficky</h2><p>&#128506;&#65039; <a href="https://archiv.hn.cz/c1-67840730-lokalni-hracka-jako-svetovy-produkt-mapy-od-seznamu-zacaly-vydelavat-a-jdou-do-sveta-chystaji-milionove-investice-v-polsku-nebo-nemecku">Mapy.com chystaj&#237; investice</a> v Polsku a N&#283;mecku.<br>&#128488;&#65039; Protokol Matrix se st&#225;v&#225; standardem pro <a href="https://www.theregister.com/2026/02/09/matrix_element_secure_chat/">digit&#225;ln&#237; suverenitu v EU</a>.<br>&#129396; TikTok je podle EU <a href="https://www.lupa.cz/aktuality/tiktok-je-navykovy-oznamila-evropska-komise-sit-je-v-rozporu-s-aktem-o-digitalnich-sluzbach-doznala/">n&#225;vykov&#253;</a>.<br>&#9939;&#65039;&#8205;&#128165; <a href="https://www.cia.gov/stories/story/spotlighting-the-world-factbook-as-we-bid-a-fond-farewell/">CIA p&#345;estala publikovat World Factbook.</a> Tak&#382;e <a href="https://web.archive.org/web/20260202043430/https://www.cia.gov/the-world-factbook/">u&#382; jen z archivu</a>.<br>&#9201;&#65039; V d&#367;sledku provozu AI bot&#367; <a href="https://www.linkedin.com/feed/update/urn:li:activity:7424189142080786432/">NetMonitor nadhodnocuje n&#225;v&#353;t&#283;vnost</a>.<br>&#9757; EU se nel&#237;b&#237;, &#382;e <a href="https://www.reuters.com/world/eu-threatens-meta-with-interim-measure-blocking-ai-rivals-whatsapp-2026-02-09/">na WhatsApp nepust&#237; Meta konkuren&#269;n&#237; AI</a>.<br>&#128176; Do 19. &#250;nora b&#283;&#382;&#237; p&#345;ihl&#225;&#353;ky o <a href="https://optak.gov.cz/aplikace-deep-tech-vyzva-iv/a-563/">dotace na Deep Tech</a>. O 2 mld. hl&#225;s&#237; 83 &#382;adatel&#367;.<br>&#128105;&#127995;&#8205;&#128187; AI startupy tla&#269;&#237; na pr&#225;ci 996: <a href="https://www.bbc.com/news/articles/cvgn2k285ypo">od dev&#237;ti do dev&#237;ti &#353;est dn&#367; v t&#253;dnu</a>.<br>&#128201; Ahref zm&#283;&#345;ily <a href="https://ahrefs.com/blog/ai-overviews-reduce-clicks-update/">58% pokles proklik&#367; u v&#253;sledk&#367; hled&#225;n&#237;</a> s AI p&#345;ehledy.<br>&#128148; Google pl&#225;nuje umo&#382;nit <a href="https://blog.google/products-and-platforms/products/search/search-ai-features-controls/">optout z AI funkc&#237; p&#345;es robots.txt</a>.<br>&#128557; <a href="https://techcrunch.com/2026/02/06/the-backlash-over-openais-decision-to-retire-gpt-4o-shows-how-dangerous-ai-companions-can-be/">U&#382;ivatel&#233; truchl&#237; nad koncem GPT-4o</a> a dal&#353;&#237;ch star&#253;ch model&#367;.<br>&#127381; OpenAI vydala <a href="https://openai.com/cs-CZ/index/introducing-gpt-5-3-codex/">GPT-5.3-Codex</a> a Anthropic m&#225; <a href="https://www.anthropic.com/news/claude-opus-4-6">Claude Opus 4.6</a>.<br>&#129303; Claude Code umo&#382;&#328;uje <a href="https://code.claude.com/docs/en/claude-code-on-the-web#sharing-sessions">sd&#237;len&#237; session</a>.<br>&#9888;&#65039; <a href="https://techcrunch.com/2026/02/05/substack-confirms-data-breach-affecting-email-addresses-and-phone-numbers/">Substacku unikly</a> e-mailov&#233; adresy a telefonn&#237; &#269;&#237;sla u&#382;ivatel&#367;.<br>&#127897;&#65039; <em>Ilin&#269;ev</em> a <em>Ungr</em> <a href="https://www.youtube.com/watch?v=_M_vM52bcxI">byli hosty FrontKecu</a> a <em>Mich&#225;lek</em> <a href="https://open.spotify.com/episode/5ee3ZTKNWJhbjDgZGUri3e?si=f7785c53848d4b1c&amp;nd=1&amp;dlsi=8ade0e67d8824c0a">mluvil PodVocasem</a>.<br>&#128203; <a href="https://webexpo.net/prague2026/program/">WebExpo zn&#225; program.</a></p><p>Sledujte n&#225;s tak&#233; p&#345;es <a href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>, <a href="https://twitter.com/reknisioweb">Twitter</a>, <a href="https://www.threads.net/@reknisioweb">Threads</a>, <a href="https://bsky.app/profile/www.reknisioweb.cz">Bluesky</a>, <a href="https://www.linkedin.com/company/reknisioweb/">Linkedin</a> nebo <a href="https://www.facebook.com/Reknisioweb/">Facebook</a>.</p><h2>Design&#233;rsk&#253; tip</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!H5Ci!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!H5Ci!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!H5Ci!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:48261,&quot;alt&quot;:&quot;Vlevo (&#353;patn&#283;) input m&#225; nastaven&#253; typ na hodnotu text. Vpravo (spr&#225;vn&#283;) formul&#225;&#345;ov&#253; input rozli&#353;uje typy pro email a tel. &quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/186177776?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Vlevo (&#353;patn&#283;) input m&#225; nastaven&#253; typ na hodnotu text. Vpravo (spr&#225;vn&#283;) formul&#225;&#345;ov&#253; input rozli&#353;uje typy pro email a tel. " title="Vlevo (&#353;patn&#283;) input m&#225; nastaven&#253; typ na hodnotu text. Vpravo (spr&#225;vn&#283;) formul&#225;&#345;ov&#253; input rozli&#353;uje typy pro email a tel. " srcset="https://substackcdn.com/image/fetch/$s_!H5Ci!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 424w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 848w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 1272w, https://substackcdn.com/image/fetch/$s_!H5Ci!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8fee2b08-2fc3-447c-a1dd-0e8b86d6076b_2160x1080.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>Pou&#382;&#237;vejte spr&#225;vn&#233; typy formul&#225;&#345;ov&#253;ch pol&#237;. </strong>Prohl&#237;&#382;e&#269; v&#225;m um&#237; pomoct &#8211; jen mu to mus&#237;te dovolit.<br><br>&#10060; V&#353;echno je oby&#269;ejn&#233; textov&#233; pole <br>&#9989; <code>type="email"</code>, <code>type="tel"</code>, <code>type="number"</code> a <code>autocomplete</code><br><br>&#128073; Rychlej&#353;&#237; vypl&#328;ov&#225;n&#237; na mobilu. <br>&#128073; M&#233;n&#283; form&#225;ln&#237;ch chyb ve vstupu.<br><br>Chytr&#253; typ pole zkr&#225;t&#237; cestu k odesl&#225;n&#237; formul&#225;&#345;e.</p><h2>P&#345;edlo&#382;te pr&#367;kaz toto&#382;nosti</h2><p>Ov&#283;&#345;ov&#225;n&#237; v&#283;ku se posunulo od&nbsp;symbolick&#233;ho za&#353;krt&#225;v&#225;tka ke&nbsp;technick&#233;mu po&#382;adavku. Z&#225;konod&#225;rci v&nbsp;EU, Spojen&#233;m kr&#225;lovstv&#237;, Austr&#225;lii i&nbsp;&#269;&#225;stech USA nut&#237; tv&#367;rce webu &#345;e&#353;it obt&#237;&#382;nou ot&#225;zku: jak chr&#225;nit d&#283;ti, ani&#382; by se z&nbsp;internetu stal povinn&#253; identifika&#269;n&#237; checkpoint.</p><p>V&nbsp;hlavn&#237;ch jurisdikc&#237;ch regul&#225;to&#345;i&nbsp;pova&#382;uj&#237; ov&#283;&#345;en&#237; v&#283;ku prost&#253;m u&#382;ivatelsk&#253;m prohl&#225;&#353;en&#237;m za&nbsp;nefunk&#269;n&#237; a&nbsp;o&#269;ek&#225;vaj&#237; prokazateln&#225; a&nbsp;auditovateln&#225; opat&#345;en&#237;. Zm&#283;na&nbsp;se net&#253;k&#225; jen pornografie, ale samotn&#233; architektury webu, u&#382;ivatelsk&#233;ho z&#225;&#382;itku a&nbsp;pr&#225;ce s&nbsp;daty.</p><p>Se&#353;lo se dohromady n&#283;kolik p&#345;edpoklad&#367;: t&#237;m nejz&#225;sadn&#283;j&#353;&#237;m je technologick&#225; p&#345;ipravenost k takov&#233;mu kroku. Dal&#353;&#237;m p&#345;edpokladem je vybudovan&#253; pr&#225;vn&#237; r&#225;mec, kter&#253; umo&#382;&#328;uje technicky p&#345;esn&#233; ov&#283;&#345;en&#237; v&#283;ku vy&#382;adovat. A v neposledn&#237; &#345;ad&#283; jsou to s&#237;l&#237;c&#237; d&#367;kazy z monitoringu chov&#225;n&#237; u&#382;ivatel&#367; internetu, kter&#233; ukazuj&#237;, jak lid&#233; st&#225;vaj&#237;c&#237; ov&#283;&#345;en&#237; obch&#225;zej&#237;.</p><p>V&nbsp;Evropsk&#233; unii <em><a href="https://eur-lex.europa.eu/eli/reg/2022/2065/oj/eng">Digital Services Act</a></em> r&#225;muje ochranu nezletil&#253;ch jako syst&#233;movou povinnost. Soub&#283;&#382;n&#283; s t&#237;m <em><a href="https://ec.europa.eu/digital-building-blocks/sites/spaces/EUDIGITALIDENTITYWALLET/pages/694487738/EU+Digital+Identity+Wallet+Home">European Digital Identity Wallet</a></em> nazna&#269;uje sm&#283;r k&nbsp;ov&#283;&#345;en&#237; v&#283;ku&#8201;<em>&#8222;je mi 18+&#8220;</em> bez plo&#353;n&#233; identifikace &#8211; vpodstat&#283; se z va&#353;eho elektronick&#233;ho dokladu nep&#345;enese identita, ale jen p&#345;&#237;znak plnoletosti. Jen&#382;e &#8211; kdo v&#353;echno se dozv&#237;, kam jste ov&#283;&#345;ovali sv&#367;j v&#283;k?</p><p>Spojen&#233; kr&#225;lovstv&#237; postupuje razantn&#283;ji: podle pravidel <em>Ofcom</em> musej&#237; pornografick&#233; slu&#382;by zav&#233;st vysoce &#250;&#269;inn&#233; ov&#283;&#345;ov&#225;n&#237;, s&nbsp;re&#225;ln&#253;m dohledem a&nbsp;zve&#345;ej&#328;ovan&#253;mi v&#253;sledky. </p><p>Austr&#225;lie u&#382; zakazuje &#250;&#269;ty na soci&#225;ln&#237;ch s&#237;t&#237;ch osob&#225;m mlad&#353;&#237;m 16 let a p&#345;esouv&#225; odpov&#283;dnost na platformy. Francie testuje modely &#353;etrn&#233; k soukrom&#237;, kter&#233; odd&#283;luj&#237; ov&#283;&#345;en&#237; v&#283;ku od samotn&#233;ho p&#345;&#237;stupu k obsahu. USA z&#367;st&#225;vaj&#237; rozt&#345;&#237;&#353;t&#283;n&#233;&#8239;&#8211;&#8201;formovan&#233; st&#225;tn&#237;mi z&#225;kony a soudn&#237;mi sign&#225;ly.</p><p>Technicky se pole d&#283;l&#237; na t&#345;i p&#345;&#237;stupy. Verifikace vyu&#382;&#237;v&#225; autoritativn&#237; zdroje a p&#345;in&#225;&#353;&#237; vysokou jistotu za cenu t&#345;en&#237; a rizik pr&#225;ce s citliv&#253;mi daty. Odhad v&#283;ku, &#269;asto biometrick&#253;, sni&#382;uje bari&#233;ry, ale nese s sebou p&#345;edpojatost, chybovost a probl&#233;my p&#345;&#237;stupnosti. P&#345;&#237;stup zalo&#382;en&#253; na p&#345;ihla&#353;ovac&#237;ch &#250;daj&#237;ch (credentials) se sna&#382;&#237; dokazovat jen atribut v&#283;ku a minimalizovat data&#8239;&#8211;&#8201;za p&#345;edpokladu interoperabiln&#237; a d&#367;v&#283;ryhodn&#233; spr&#225;vy.</p><p>Britsk&#225; data ukazuj&#237; kompromisy: po zaveden&#237; kontrol klesla n&#225;v&#353;t&#283;vnost velk&#253;ch web&#367;, z&#225;rove&#328; vzrostlo pou&#382;&#237;v&#225;n&#237; VPN. Br&#225;ny m&#283;n&#237; chov&#225;n&#237;, ale tak&#233; ho p&#345;esouvaj&#237;.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!s518!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!s518!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 424w, https://substackcdn.com/image/fetch/$s_!s518!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 848w, https://substackcdn.com/image/fetch/$s_!s518!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 1272w, https://substackcdn.com/image/fetch/$s_!s518!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!s518!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png" width="316" height="448.2445141065831" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:905,&quot;width&quot;:638,&quot;resizeWidth&quot;:316,&quot;bytes&quot;:337957,&quot;alt&quot;:&quot;Graf ukazuje pokles n&#225;v&#353;t&#283;v na pornowebech z Velk&#233; Brit&#225;nie, a z&#225;rove&#328; ohromn&#253; n&#225;r&#367;st vyu&#382;&#237;v&#225;n&#237; VPN v Brit&#225;nii.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/186177776?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Graf ukazuje pokles n&#225;v&#353;t&#283;v na pornowebech z Velk&#233; Brit&#225;nie, a z&#225;rove&#328; ohromn&#253; n&#225;r&#367;st vyu&#382;&#237;v&#225;n&#237; VPN v Brit&#225;nii." title="Graf ukazuje pokles n&#225;v&#353;t&#283;v na pornowebech z Velk&#233; Brit&#225;nie, a z&#225;rove&#328; ohromn&#253; n&#225;r&#367;st vyu&#382;&#237;v&#225;n&#237; VPN v Brit&#225;nii." srcset="https://substackcdn.com/image/fetch/$s_!s518!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 424w, https://substackcdn.com/image/fetch/$s_!s518!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 848w, https://substackcdn.com/image/fetch/$s_!s518!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 1272w, https://substackcdn.com/image/fetch/$s_!s518!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F464c9a43-a5ec-4d1f-bc41-460035a7ceb7_638x905.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>Britov&#233; p&#345;estali sledovat porno, ale za&#269;ali pou&#382;&#237;vat VPN.</em> (<a href="https://www.economist.com/business/2025/12/10/from%C2%AD%E2%80%91social%C2%AD%E2%80%91media%C2%AD%E2%80%91to%C2%AD%E2%80%91porn%C2%AD%E2%80%91age%C2%AD%E2%80%91checks%C2%AD%E2%80%91are%C2%AD%E2%80%91spreading%C2%AD%E2%80%91across%C2%AD%E2%80%91the%C2%AD%E2%80%91web">The Economist</a>)</figcaption></figure></div><p>Pragmatick&#225; cesta odm&#237;t&#225; fale&#353;n&#225; dilemata. Ochrana d&#283;t&#237; nevy&#382;aduje plo&#353;nou identifikaci. Dobr&#233; &#345;e&#353;en&#237; je p&#345;im&#283;&#345;en&#233;, datov&#283; &#250;sporn&#233;, p&#345;&#237;stupn&#233; a&nbsp;auditovateln&#233;&#8239;&#8211;&#8201;a&nbsp;skeptick&#233; k&nbsp;biometrii i&nbsp;k&nbsp;p&#345;&#237;stupu <em>&#8222;nahrajte ob&#269;anku na&nbsp;ka&#382;d&#253; web&#8220;</em>. Ov&#283;&#345;ov&#225;n&#237; v&#283;ku se st&#225;v&#225; infrastrukturou webu; zda podkope, nebo naopak zachov&#225; d&#367;stojnost u&#382;ivatel&#367;, z&#225;le&#382;&#237; na&nbsp;tom, jak ji navrhneme dnes.</p><h2>Linkodrom</h2><p><strong>Jak Uber sd&#237;l&#237; vhled:</strong> <em>Uber</em> kdysi vytvo&#345;il platformu <em>Kaleidoscope</em> jako <a href="https://medium.com/uber%C2%AD%E2%80%91design/the%C2%AD%E2%80%91power%C2%AD%E2%80%91of%C2%AD%E2%80%91insights%C2%AD%E2%80%91a%C2%AD%E2%80%91behind%C2%AD%E2%80%91the%C2%AD%E2%80%91scenes%C2%AD%E2%80%91look%C2%AD%E2%80%91at%C2%AD%E2%80%91the%C2%AD%E2%80%91new%C2%AD%E2%80%91insights%C2%AD%E2%80%91platform%C2%AD%E2%80%91at%C2%AD%E2%80%91uber%C2%AD%E2%80%9126f85becc2e6">n&#225;stroj pro sd&#237;len&#237; a vyu&#382;&#237;v&#225;n&#237; vhledu</a> nap&#345;&#237;&#269; firmou. C&#237;lem bylo propojen&#237; lid&#237;, proces&#367; a n&#225;stroj&#367; pro efektivn&#237; rozhodov&#225;n&#237;. Kaleidoscope stav&#237; na jednotn&#233; taxonomii insight&#367;, respektuje pot&#345;eby r&#367;zn&#253;ch u&#382;ivatel&#367; a propojuje existuj&#237;c&#237; syst&#233;my m&#237;sto jejich nahrazen&#237;. D&#367;raz klade na kontext, spolupr&#225;ci a viditeln&#233; dopady pr&#225;ce s vhledem.</p><p><strong>Zvuk jako chyb&#283;j&#237;c&#237; vrstva webov&#233;ho designu.</strong> Zvuk m&#367;&#382;e v&#253;razn&#283; zlep&#353;it vn&#237;m&#225;n&#237; rozhran&#237;. <em>Raphael Salaja</em> varuje p&#345;ed jeho &#353;patn&#253;m pou&#382;it&#237;m&#8239;&#8211;&#8201;hlasit&#233; autoplay, nevhodn&#233; efekty, &#269;i absence mo&#382;nosti volby. <a href="https://www.userinterface.wiki/sounds%C2%AD%E2%80%91on%C2%AD%E2%80%91the%C2%AD%E2%80%91web">Zvuk m&#367;&#382;e nab&#237;dnout rychlej&#353;&#237; a&nbsp;emotivn&#283;j&#353;&#237; zp&#283;tnou vazbu</a> ne&#382; obraz, &#269;&#237;m&#382; zvy&#353;uje srozumitelnost i uspokojen&#237; z&nbsp;interakce. Zvuk se mus&#237; pou&#382;&#237;vat st&#345;&#237;dm&#283;, s respektem k preferenc&#237;m u&#382;ivatel&#367;.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!fnji!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!fnji!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 424w, https://substackcdn.com/image/fetch/$s_!fnji!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 848w, https://substackcdn.com/image/fetch/$s_!fnji!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!fnji!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!fnji!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg" width="1456" height="1092" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1092,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Image&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Image" title="Image" srcset="https://substackcdn.com/image/fetch/$s_!fnji!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 424w, https://substackcdn.com/image/fetch/$s_!fnji!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 848w, https://substackcdn.com/image/fetch/$s_!fnji!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!fnji!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63648934-7f53-4766-b496-6404ee06b16b_4096x3072.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8222;Nepamatuju, kdy jsem naposledy psal heslo ru&#269;n&#283;. Pou&#382;&#237;v&#225;m password mana&#382;er.&#8220;</em> A&nbsp;pak ejhle: p&#345;ihl&#225;&#353;en&#237; do aplikace &#250;&#269;tem na Googlu ve SmartTV. (<a href="https://x.com/juanbuis/status/2016490875153715690?s=20">@juanbuis</a>)</figcaption></figure></div><p><strong>Jak p&#345;em&#253;&#353;l&#237; design&#233;&#345;i:</strong> <em>Anthony Hobday</em> tvrd&#237;, &#382;e design je &#269;asto v&#237;ce pr&#225;ce pro kur&#225;tora ne&#382; tv&#367;r&#269;&#237; pr&#225;ce, &#382;e dobr&#253; design nen&#237; v&#382;dy komer&#269;n&#283; &#250;sp&#283;&#353;n&#253;, a &#382;e skute&#269;n&#283; kvalitn&#237; software vznik&#225; sp&#237;&#353;e v mal&#253;ch t&#253;mech. V&#353;echny post&#345;ehy spojuje snaha o&nbsp;pochopen&#237;, &#382;e <a href="https://anthonyhobday.com/blog/20250515.html">lid&#233; vn&#237;maj&#237; rozhran&#237; nejen vizu&#225;ln&#283;, ale i kulturn&#283; a emocion&#225;ln&#283;</a>.</p><p><strong>ChatGPT jako zrcadlo minulosti</strong>. <em>Josef &#352;lerka</em> nab&#237;z&#237; kritick&#253; pohled na velk&#233; jazykov&#233; modely (LLMs), jako je ChatGPT, kter&#233; nevytv&#225;&#345;ej&#237; nov&#253; sv&#283;t, ale konzervuj&#237; ideologii minulosti&#8239;&#8211;&#8201;konkr&#233;tn&#283; technokratick&#253; liberalismus a &#8222;slu&#353;nost&#8220; st&#345;edn&#237; t&#345;&#237;dy. Nejde jen o n&#225;stroj, ale o kulturn&#237; infrastrukturu, kter&#225; simuluje kompetenci a neutralitu, a p&#345;itom vyhlazuje konflikty a podporuje status quo. LLMs nejsou objektivn&#237; inteligenc&#237;, ale statistick&#253;m zrcadlem dominantn&#237; kultury. Vznik&#225; tak nov&#225; t&#345;&#237;da <em>dozorc&#367;</em> AI&#8239;&#8211;&#8201;nikoliv tv&#367;rc&#367;, ale t&#283;ch, kte&#345;&#237; jej&#237; <a href="https://reportermagazin.cz/101745/co%C2%AD%E2%80%91kdyz%C2%AD%E2%80%91je%C2%AD%E2%80%91chatgpt%C2%AD%E2%80%91iluzi%C2%AD%E2%80%91minulosti%C2%AD%E2%80%91vzdyt%C2%AD%E2%80%91je%C2%AD%E2%80%91napomocny%C2%AD%E2%80%91neskodny%C2%AD%E2%80%91a%C2%AD%E2%80%91uprimny/">v&#253;stupy filtruj&#237;, upravuj&#237; a kontroluj&#237;</a>.</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/109?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">Bav&#237; v&#225;s tenhle p&#345;&#237;sp&#283;vek? &#344;ekn&#283;te o&nbsp;n&#283;m ostatn&#237;m!</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/109?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/109?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p></div><p><strong>Jak ostylovat zv&#253;razn&#283;n&#253; text pomoc&#237; ::target&#173;&#8209;text.</strong> <a href="https://developer.mozilla.org/en%C2%AD%E2%80%91US/docs/Web/CSS/Reference/Selectors/::target%C2%AD%E2%80%91text">Prohl&#237;&#382;e&#269;e podporuj&#237; pseudoelement</a> <code>::target&#173;&#8209;text</code>, kter&#253; v&#253;voj&#225;&#345;&#367;m umo&#382;&#328;uje stylovat textov&#233; fragmenty zv&#253;razn&#283;n&#233; pomoc&#237; URL. Textov&#233; fragmenty vznikaj&#237; sd&#237;len&#237;m konkr&#233;tn&#237; &#269;&#225;sti textu p&#345;es volbu <em>Copy Link with Highlight</em>, ale s b&#283;&#382;n&#283; je vyu&#382;&#237;v&#225; p&#345;i odkazov&#225;n&#237; AI shrnut&#237; na Googlu. Zvolen&#253; text se po na&#269;ten&#237; str&#225;nky zv&#253;razn&#237;. M&#225;te tak v&#283;t&#353;&#237; kontrolu nad t&#237;m, <a href="https://webkit.org/blog/17628/target%C2%AD%E2%80%91text%C2%AD%E2%80%91an%C2%AD%E2%80%91easy%C2%AD%E2%80%91way%C2%AD%E2%80%91to%C2%AD%E2%80%91style%C2%AD%E2%80%91text%C2%AD%E2%80%91fragments/">jak sd&#237;len&#253; obsah na str&#225;nce vizu&#225;ln&#283; p&#367;sob&#237;</a>.</p><p><strong>Masonry layout ofici&#225;ln&#283; v CSS.</strong> Kone&#269;n&#283; jsme se do&#269;kali <a href="https://drafts.csswg.org/css%C2%AD%E2%80%91grid%C2%AD%E2%80%913/#grid%C2%AD%E2%80%91lanes%C2%AD%E2%80%91model">ofici&#225;ln&#237; podoby</a> masonry layoutu pomoc&#237; <code>display: grid&#173;&#8209;lanes</code>. Tento p&#345;&#237;stup umo&#382;n&#237; <a href="https://xn--csstricks-x79d.com/masonry%C2%AD%E2%80%91layout%C2%AD%E2%80%91is%C2%AD%E2%80%91now%C2%AD%E2%80%91grid%C2%AD%E2%80%91lanes/">jednodu&#353;&#353;&#237; a p&#345;&#237;stupn&#283;j&#353;&#237; implementaci</a> &#8222;pinterestov&#233;ho&#8220; rozvr&#382;en&#237; bez nutnosti JavaScriptov&#253;ch hack&#367;. Chrome, Safari a Firefox u&#382; na implementaci pracuj&#237;, ale na plnou podporu si je&#353;t&#283; chv&#237;li po&#269;k&#225;me.</p><div class="pullquote"><p>&#8220;AI is our generation's radium&#8239;&#8212;&#8201;a discovery with genuinely useful applications in&nbsp;specific, controlled circumstances that we stupidly put in everything from kid's toys to toothpaste until we realised the harm far too late where future generations will ask if we were out of our minds.&#8221;<br><strong>&#8212; <a href="https://bsky.app/profile/nick-pettigrew.bsky.social/post/3meexvymwnk23">Nick Pettigrew</a></strong></p></div><p><strong>T&#345;i nad&#269;asov&#233; knihy o designu:</strong> <em>Holger Maassen</em> sd&#237;l&#237; <a href="https://ux4dotcom.blogspot.com/2025/03/essential%C2%AD%E2%80%91reads%C2%AD%E2%80%91for%C2%AD%E2%80%91designers%C2%AD%E2%80%91why%C2%AD%E2%80%91these.html">t&#345;i knihy, kter&#233; z&#367;st&#225;vaj&#237; oporami pro ka&#382;d&#233;ho design&#233;ra</a> i navzdory jejich st&#225;&#345;&#237;. Jde o <em>Don&#8217;t Make Me Think</em> od <em>Stevea Kruga</em>, <em>Information Architecture for the Web and Beyond</em> od <em>Morvillea, Rosenfelda a Aranga</em> a <em>The Design of Everyday Things</em> od <em>Dona Normana</em>. Knihy maj&#237; p&#345;esah i mimo design a inspiruj&#237; Holgera i p&#345;i pr&#225;ci v oblasti du&#353;evn&#237;ho zdrav&#237; a podpory truchl&#237;c&#237;ch.</p><p><strong>Mapa tis&#237;ce nejobl&#237;ben&#283;j&#353;&#237;ch knih podle Hacker News.</strong> <em>Pieter Maes</em> analyzoval 20 tis&#237;c p&#345;&#237;sp&#283;vk&#367; zam&#283;&#345;en&#253;ch na knihy a &#269;ten&#237;, ze kter&#253;ch extrahoval nejen n&#225;zvy knih, ale i &#269;ten&#225;&#345;sk&#233; n&#225;zory. Data byla tematicky seskupena , p&#345;evedena do vektor&#367; a vizualizov&#225;na v prostoru. V&#253;sledn&#225; mapa nab&#237;z&#237; estetick&#253; i informa&#269;n&#283; bohat&#253; pohled na to, <a href="https://hnbooks.pieterma.es/">co &#269;tou technologi&#269;t&#237; nad&#353;enci</a>.</p><div class="pullquote"><p>&#8220;In big companies, you mostly design to align (teams, projects, opinions). In startups you design to define (who, what, why?)&#8221;<br><strong>&#8212; <a href="https://www.linkedin.com/feed/update/urn:li:activity:7407123712162013184/">Luke Wroblewski</a></strong></p></div><p><strong>Efektivn&#237; UX je nudn&#233;, a pr&#225;v&#283; proto funguje.</strong> Dobr&#233; UX je v&nbsp;p&#345;edv&#237;datelnosti, jednoduchosti a&nbsp;konzistenci. <a href="https://medium.com/@design.sphere/good-ux-isnt-pretty-it-s-boring-predictable-and-profitable-1b64a6d87ba9">Nudn&#253; design vede k&nbsp;vy&#353;&#353;&#237; pou&#382;itelnosti, spokojenosti i&nbsp;zisk&#367;m.</a> U&#382;ivatel&#233; cht&#283;j&#237; rychle a&nbsp;bez p&#345;ekvapen&#237; dokon&#269;it &#250;kol&#8239;&#8211;&#8201;od&nbsp;objedn&#225;vky po&nbsp;komunikaci. P&#345;&#237;klady jako Amazon, Google &#269;i&nbsp;Netflix potvrzuj&#237;, &#382;e s&#225;zka na&nbsp;efektivitu, zn&#225;m&#233; vzorce a&nbsp;konzistentn&#237; rozhran&#237; p&#345;in&#225;&#353;&#237; v&#253;sledky. </p><p><strong><a href="https://www.figma.com/community/plugin/1574674680092332527/procolor%C2%AD%E2%80%91100%C2%AD%E2%80%91accessible%C2%AD%E2%80%91color%C2%AD%E2%80%91palette%C2%AD%E2%80%91generator">ProColor: Accessible Color Palettes Generator</a></strong> je plugin do Figmy, kter&#253; &#8230; wait for it &#8230; generuje palety p&#345;&#237;stupn&#253;ch barev. To jste asi pochopili u&#382; z n&#225;zvu. Krom&#283; toho si m&#367;&#382;ete vytvo&#345;it n&#225;hled kontrast&#367; nebo simulaci barvosleposti. A proto&#382;e plugin vyu&#382;&#237;v&#225; i prom&#283;nn&#233; Figmy, snadno namapujete barvy s&#233;manticky (prim&#225;rn&#237;, sekund&#225;rn&#237;) a vyexportujete design tokeny. Tenhle tip zmi&#328;oval ned&#225;vno <em>Vitaly Friedman</em> ve sv&#233;m p&#345;ehledu <a href="https://www.linkedin.com/posts/vitalyfriedman_ux%C2%AD%E2%80%91figma%C2%AD%E2%80%91activity%C2%AD%E2%80%917402019608024510465%C2%AD%E2%80%91fTBN/">u&#382;ite&#269;n&#253;ch vychyt&#225;vek pro design&#233;ry</a>.</p><div class="pullquote"><p>Pomozte n&#225;m roz&#353;&#237;&#345;it newsletter &#344;ekni si o web k v&#237;ce lidem. Po&#353;lete ho koleg&#367;m, zn&#225;m&#253;m &#269;i obchodn&#237;m partner&#367;m a &#345;ekn&#283;te jim, pro&#269; ho r&#225;di &#269;tete. Upozorn&#283;te je na mo&#382;nost p&#345;ihl&#225;sit odb&#283;r.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/p/109?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.reknisioweb.cz/p/109?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share</span></a></p><p>D&#283;kujeme!</p></div><h2>Vy&#353;lo na &#344;SoW</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ZnBL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp" width="398" height="265.42445054945057" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:971,&quot;width&quot;:1456,&quot;resizeWidth&quot;:398,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;George A. Miller, kresba generovan&#225; podle fotografi&#237;.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="George A. Miller, kresba generovan&#225; podle fotografi&#237;." title="George A. Miller, kresba generovan&#225; podle fotografi&#237;." srcset="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em><a href="https://www.reknisioweb.cz/p/george-miller">George A. Miller</a></em> byl americk&#253; kognitivn&#237; psycholog, kter&#253; zm&#283;nil zp&#367;sob, jak vn&#237;m&#225;me lidsk&#233; limity v designu. Zn&#225;m&#253; je pro <a href="https://www.reknisioweb.cz/p/millers-law">magick&#233; &#269;&#237;slo 7&#177;2</a>, p&#345;inesl hlub&#353;&#237; pozn&#225;n&#237;: lid&#233; nejsou pasivn&#237; p&#345;&#237;jemci, ale aktivn&#237; zpracovatel&#233; informac&#237;. Zd&#367;raznil, &#382;e design m&#225; respektovat zp&#367;sob, jak lid&#233; mysl&#237;, pamatuj&#237; si a&nbsp;ch&#225;pou sv&#283;t&#8239;&#8211;&#8201;skrze seskupov&#225;n&#237;, jazyk a&nbsp;kontext. Jeho p&#345;&#237;stup dal vzniknout human-centered designu nejen jako v&#283;deck&#233; discipl&#237;n&#283;, ale i&nbsp;jako etick&#233;mu p&#345;&#237;stupu k&nbsp;tvorb&#283; rozhran&#237; a&nbsp;slu&#382;eb.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;4f871874-112a-41ed-b08c-aff6737f7d07&quot;,&quot;caption&quot;:&quot;George Armitage Miller (3. &#250;nora 1920 &#8212; 22. &#269;ervence 2012) b&#253;v&#225; nej&#269;ast&#283;ji spojov&#225;n s &#269;&#237;slem sedm. Jeho jm&#233;no se objevuje v doporu&#269;en&#237;ch, prezentac&#237;ch i designov&#253;ch heuristik&#225;ch jako autor magick&#233;ho &#269;&#237;sla sedm plus minus dva. Jeho skute&#269;n&#253; p&#345;&#237;no&#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;George A. Miller a lidsk&#233; limity, na nich&#382; stoj&#237; pou&#382;itelnost&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2026-02-04T06:59:13.512Z&quot;,&quot;cover_image&quot;:&quot;https://substackcdn.com/image/fetch/$s_!ZnBL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/george-miller&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:186778841,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;dd2de848-86d0-418a-b02b-c429c6306b9f&quot;,&quot;caption&quot;:&quot;Millerovo pravidlo, n&#283;kdy t&#233;&#382; Miller&#367;v z&#225;kon (Miller&#8217;s law) nebo Millerovo magick&#233; &#269;&#237;slo, &#345;&#237;k&#225;, &#382;e si &#269;lov&#283;k dok&#225;&#382;e v pam&#283;ti udr&#382;et p&#345;ibli&#382;n&#283; sedm v&#283;c&#237;. V n&#225;vrhu u&#382;ivatelsk&#253;ch rozhran&#237; to znamen&#225;, &#382;e bychom lidem nem&#283;li p&#345;edkl&#225;dat p&#345;&#237;li&#353; mnoho mo&#382;nost&#237; najednou &#8211; zvl&#225;&#353;&#357; ne, pokud si je m&#225; u&#382;ivatel pamatovat. Pokud je obsah rozd&#283;len do men&#353;&#237;ch &#269;&#225;st&#237;, lid&#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Millerovo pravidlo&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2025-06-01T05:59:20.621Z&quot;,&quot;cover_image&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2f606992-b687-498d-83ab-6db90cfed31f_1536x1024.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/millers-law&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:164890791,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:true,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p><em><a href="https://www.reknisioweb.cz/p/kpi">KPI</a></em> (key performance indicators) nejsou jen &#269;&#237;sla, ale n&#225;stroje, kter&#233; maj&#237; slou&#382;it rozhodov&#225;n&#237;. Rozd&#237;l mezi metrikou a&nbsp;KPI spo&#269;&#237;v&#225; v&nbsp;n&#225;vaznosti na&nbsp;konkr&#233;tn&#237; c&#237;l&#8239;&#8211;&#8201;teprve tehdy maj&#237; data v&#253;znam. &#218;&#269;inn&#253; syst&#233;m KPI je &#250;sporn&#253;, s&nbsp;jasn&#283; definovan&#253;mi ukazateli a&nbsp;odpov&#283;dnostmi. Pouze dob&#345;e navr&#382;en&#233; KPI pom&#225;haj&#237; zorientovat se, rozhodnout, kde jednat, a&nbsp;kde naopak z&#367;stat stranou. </p><p><em><a href="https://www.reknisioweb.cz/p/white-space">Negativn&#237; prostor</a></em>, &#269;asto myln&#283; vn&#237;man&#253; jako pr&#225;zdn&#233; m&#237;sto, je n&#225;strojem, kter&#253; v&nbsp;n&#225;vrhu u&#382;ivatelsk&#253;ch rozhran&#237; ur&#269;uje vizu&#225;ln&#237; hierarchii, sni&#382;uje kognitivn&#237; z&#225;t&#283;&#382; a&nbsp;zlep&#353;uje srozumitelnost i&nbsp;p&#345;&#237;stupnost. Vn&#237;m&#225;n&#237; bl&#237;zkosti mezi prvky pom&#225;h&#225; u&#382;ivatel&#367;m rychle ch&#225;pat souvislosti bez pot&#345;eby dal&#353;&#237;ch vizu&#225;ln&#237;ch vod&#237;tek. </p><p><em><a href="https://www.reknisioweb.cz/p/design-spells">Design Spells</a></em> sb&#237;raj&#237; drobn&#233;, ale v&#253;razn&#233; momenty v&nbsp;digit&#225;ln&#237;m designu&#8239;&#8211;&#8201;animace, mikrointerakce a&nbsp;detaily, je&#382; vytv&#225;&#345;ej&#237; emoci m&#237;sto v&#253;konu. Je to&nbsp;&#382;iv&#253; archiv radosti, kter&#225; vznik&#225; tam, kde se potk&#225;v&#225; technick&#225; preciznost s&nbsp;citem pro detail.</p><div><hr></div><p><strong>Z&#237;tra n&#225;m <a href="https://www.meetup.com/data-punkers/events/312988678/">Data Punkers</a> uk&#225;&#382;ou,</strong> jak pou&#382;&#237;vaj&#237; AI. Frontendisti maj&#237; ve st&#345;edu sraz <a href="https://www.meetup.com/frontendisti/events/313093149/">v&nbsp;Praze</a> a <a href="https://www.meetup.com/frontendisti/events/313064342/">v Brn&#283;</a>. Ve &#269;tvrtek je <a href="https://www.tuesday.cz/akce/jak-na-obsah-a-reklamu-na-socialnich-sitich/">konference o soci&#225;ln&#237;ch s&#237;t&#237;ch</a>, p&#345;edstaven&#237; <a href="https://www.eventbrite.com/e/predstaveni-pid-litacka-20-tickets-1980550854922">aplikace pro pra&#382;skou MHD</a> a lou&#269;&#237; se <a href="https://www.linkedin.com/events/rozlu-kov-p-rtysqdesigners7422253639886499840/">Q designers</a>. Ve V&#237;dni je v p&#225;tek historicky prvn&#237; <a href="https://barcamp.ucpx.network/">UX barcamp UCPX</a>. Dal&#353;&#237; odborn&#233; a komunitn&#237; akce najdete <a href="https://www.reknisioweb.cz/p/konference-2026#%C2%A7unor">v&nbsp;na&#353;em p&#345;ehledu</a>.</p><div><hr></div><p>A to je z druh&#233;ho &#250;norov&#233;ho zpravodaje <a href="https://reknisioweb.cz/">&#344;ekni si o web</a> roku 2026 v&#353;echno. <strong>P&#345;ed&nbsp;65 lety se objevili <a href="https://en.wikipedia.org/wiki/The_Beatles_at_the_Cavern_Club">Brouci v Jeskyni</a>. </strong>D&#237;ky, &#382;e n&#225;s nejen &#269;tete, ale tak&#233; o sob&#283; d&#225;v&#225;te v&#283;d&#283;t. Pokud pro n&#225;s m&#225;te n&#283;jak&#253; tip, co p&#345;&#237;&#353;t&#283; vylep&#353;it nebo ud&#283;lat jinak, t&#283;&#353;&#237;me se.</p><p>Hezk&#253; t&#253;den,<br>Jakub Goldmann a Martin Kopta.</p><p></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">L&#237;b&#237; se v&#225;m newsletter <a href="https://reknisioweb.cz">&#344;ekni si o web</a>? P&#345;ihlaste se k pravideln&#233;mu odb&#283;ru do e-mailu nebo p&#345;es Substack.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Design Spells: živý archiv kouzel v rozhraních]]></title><description><![CDATA[Design Spells je sb&#237;rka mikro-interakc&#237; a detail&#367; u&#382;ivatelsk&#233;ho rozhran&#237;, kter&#233; d&#225;vaj&#237; p&#345;ednost pot&#283;&#353;en&#237; p&#345;ed metrikami &#8211; a nab&#237;zej&#237; design&#233;r&#367;m vz&#225;cn&#253; zdroj inspirace zalo&#382;en&#253; na emo&#269;n&#237;m designu.]]></description><link>https://www.reknisioweb.cz/p/design-spells</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/design-spells</guid><pubDate>Fri, 06 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!Mcm0!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Mcm0!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Mcm0!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 424w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 848w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 1272w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Mcm0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp" width="1456" height="910" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:910,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Sn&#237;mek obrazovky ze sb&#237;rky Design Spells.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Sn&#237;mek obrazovky ze sb&#237;rky Design Spells." title="Sn&#237;mek obrazovky ze sb&#237;rky Design Spells." srcset="https://substackcdn.com/image/fetch/$s_!Mcm0!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 424w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 848w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 1272w, https://substackcdn.com/image/fetch/$s_!Mcm0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd72fcb6c-b7ad-423b-b354-957af4b6acdc_3840x2400.webp 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><a href="https://www.designspells.com/">Design Spells</a> &#8211; detaily v designu, kter&#233; p&#367;sob&#237; jako kouzlo.</figcaption></figure></div><p><em><a href="https://www.designspells.com/">Design Spells</a></em> je pe&#269;liv&#283; udr&#382;ovan&#253; archiv okam&#382;ik&#367;, kdy digit&#225;ln&#237; rozhran&#237; p&#367;sob&#237; t&#233;m&#283;&#345; jako kouzlo. Jde o jemn&#233; animace, hrav&#233; interakce a ne&#269;ekan&#233; detaily, kter&#233; nevznikaj&#237;, aby optimalizovaly konverzi, ale aby digit&#225;ln&#237; produkty p&#367;sobily lidsky. Projekt nenab&#237;z&#237; p&#345;&#237;klady dobr&#233; praxe ani &#353;k&#225;lovateln&#233; vzory&#8239;&#8211;&#8201;soust&#345;ed&#237; se na drobn&#233;, av&#353;ak pam&#283;tihodn&#233; momenty.</p><p>S&#237;la Design Spells spo&#269;&#237;v&#225; p&#345;edev&#353;&#237;m v kur&#225;torsk&#233;m p&#345;&#237;stupu. Ka&#382;d&#233; kouzlo zachycuje konkr&#233;tn&#237; situaci, kde se potk&#225;v&#225; design s v&#253;vojem a spole&#269;n&#283; vytv&#225;&#345;ej&#237; radost. Jsou to momenty kr&#225;tk&#233;, snadno p&#345;ehl&#233;dnuteln&#233;, ale z&#225;sadn&#237; pro dlouhodob&#233; zapamatov&#225;n&#237; produktu. Design Spells t&#237;m kultivuje schopnost v&#353;&#237;mat si kvality na okraj&#237;ch&#8239;&#8211;&#8201;v&nbsp;chov&#225;n&#237; kurzoru, p&#345;echodech, zp&#283;tn&#233; vazb&#283; &#269;i drobn&#253;ch easter eggech, kter&#233; se obvykle nedostanou do strategick&#253;ch prezentac&#237;.</p><p>D&#367;le&#382;itou roli hraje i rytmus projektu. Nov&#233; p&#345;&#237;sp&#283;vky vych&#225;zej&#237; pr&#367;b&#283;&#382;n&#283; na webu a&nbsp;jsou distribuov&#225;ny prost&#345;ednictv&#237;m RSS a newsletteru, kter&#253; vych&#225;z&#237; pravideln&#283; od roku 2023. Postupn&#283; tak vznik&#225; &#382;iv&#225; reference, nikoli statick&#225; galerie.</p><p>Za projektem stoj&#237; singapur&#353;t&#237; tv&#367;rci <em><a href="https://chester.how/">Chester How</a></em> a <em><a href="https://www.duncanleo.me/">Duncan Leo</a></em>. Jejich spolupr&#225;ce sama o sob&#283; ilustruje hlavn&#237; my&#353;lenku projektu: emo&#269;n&#237; design vznik&#225; nejp&#345;irozen&#283;ji tam, kde se cit pro detail setk&#225;v&#225; s technickou preciznost&#237;.</p><p>V&nbsp;dob&#283;, kdy je digit&#225;ln&#237; design st&#225;le v&#237;ce &#345;&#237;zen &#269;&#237;sly a efektivitou, <a href="https://www.designspells.com/">Design Spells</a> ti&#353;e p&#345;ipom&#237;n&#225;, &#382;e radost m&#225; svou vlastn&#237; hodnotu&#8239;&#8211;&#8201;a &#382;e ty nejd&#367;le&#382;it&#283;j&#353;&#237; detaily se &#269;asto m&#283;&#345;it nedaj&#237;.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Negativní prostor]]></title><description><![CDATA[Z&#225;m&#283;rn&#225; absence obsahu, kter&#225; strukturuje rozhran&#237;, sni&#382;uje kognitivn&#237; z&#225;t&#283;&#382; a zvy&#353;uje srozumitelnost, p&#345;&#237;stupnost a vn&#237;manou kvalitu.]]></description><link>https://www.reknisioweb.cz/p/white-space</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/white-space</guid><dc:creator><![CDATA[Martin Kopta]]></dc:creator><pubDate>Thu, 05 Feb 2026 06:59:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/be5404d6-d1a0-4f34-9883-e8809067ac34_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a href="https://www.ilincev.com/whitespace">Negativn&#237; prostor</a> (<a href="https://www.interaction-design.org/literature/article/the-power-of-white-space">white space</a>) nen&#237; pr&#225;zdn&#233; m&#237;sto, kter&#233; &#269;ek&#225; na&nbsp;zapln&#283;n&#237;. V&nbsp;n&#225;vrhu u&#382;ivatelsk&#253;ch rozhran&#237; jde o&nbsp;jeden z&nbsp;nejd&#367;le&#382;it&#283;j&#353;&#237;ch n&#225;stroj&#367;, kter&#253; rozhoduje o&nbsp;tom, jak rychle lid&#233; pochop&#237;, co vid&#237;, a&nbsp;jak jist&#283; se dok&#225;&#382;ou rozhodovat. Vzd&#225;lenosti mezi prvky ur&#269;uj&#237; hierarchii, vztahy i&nbsp;prioritu, a&nbsp;to&nbsp;bez nutnosti p&#345;id&#225;vat dal&#353;&#237; grafick&#233; prvky.</p><p>Nejsiln&#283;j&#353;&#237; &#250;&#269;inek b&#237;l&#233;ho prostoru je percep&#269;n&#237;. Lidsk&#233; vn&#237;m&#225;n&#237; vyu&#382;&#237;v&#225; bl&#237;zkost jako hlavn&#237; vod&#237;tko pro seskupov&#225;n&#237; informac&#237;. Prvky um&#237;st&#283;n&#233; bl&#237;zko sebe jsou ch&#225;p&#225;ny jako souvisej&#237;c&#237;, v&#283;t&#353;&#237; mezery naopak nazna&#269;uj&#237; odd&#283;len&#237;. D&#237;ky tomu lze strukturu rozhran&#237; vyj&#225;d&#345;it samotn&#253;m rozlo&#382;en&#237;m. Pokud je rozestup konzistentn&#237;, u&#382;ivatel se v&nbsp;syst&#233;mu rychle zorientuje. Pokud je nahodil&#253;, mus&#237; se neust&#225;le zastavovat a&nbsp;vyhodnocovat.</p><p>B&#237;l&#253; prostor z&#225;rove&#328; pom&#225;h&#225; regulovat kognitivn&#237; z&#225;t&#283;&#382;. P&#345;ehu&#353;t&#283;n&#225; rozhran&#237; nut&#237; u&#382;ivatele k&nbsp;neust&#225;l&#233;mu ment&#225;ln&#237;mu t&#345;&#237;d&#283;n&#237;. Vhodn&#233; mezery rozd&#283;luj&#237; obsah do&nbsp;zvl&#225;dnuteln&#253;ch celk&#367; a&nbsp;rozhran&#237; pak p&#367;sob&#237; klidn&#283;ji a&nbsp;&#269;iteln&#283;ji. V&#253;zkumy ukazuj&#237;, &#382;e rychlost pr&#225;ce se nemus&#237; v&#253;razn&#283; zm&#283;nit, ale pocit srozumitelnosti a&nbsp;komfortu ano.</p><p>V&nbsp;textov&#253;ch &#269;&#225;stech rozhran&#237; ovliv&#328;uje b&#237;l&#253; prostor &#269;itelnost i&nbsp;porozum&#283;n&#237;. &#344;&#225;dkov&#225;n&#237;, mezery mezi odstavci a&nbsp;okraje mohou m&#237;rn&#283; zpomalit &#269;ten&#237;, ale &#269;asto zlep&#353;uj&#237; pochopen&#237; a&nbsp;zapamatov&#225;n&#237; obsahu.</p><p>Z&nbsp;pohledu p&#345;&#237;stupnosti je b&#237;l&#253; prostor nezbytn&#253;. Rozhran&#237; mus&#237; fungovat i&nbsp;p&#345;i&nbsp;zv&#283;t&#353;en&#253;ch rozestupech textu a&nbsp;dostate&#269;n&#233; mezery kolem ovl&#225;dac&#237;ch prvk&#367; sni&#382;uj&#237; chybovost na&nbsp;dotykov&#253;ch za&#345;&#237;zen&#237;ch.</p><p>Dobr&#233; rozhran&#237; b&#237;l&#253; prostor nemaximalizuje. Pou&#382;&#237;v&#225; ho c&#237;len&#283;.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;273ffa7b-1708-4327-8b52-76befa292037&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[George A. Miller a lidské limity, na nichž stojí použitelnost]]></title><description><![CDATA[Americk&#253; kognitivn&#237; psycholog, kter&#253; uk&#225;zal, &#382;e lidsk&#225; omezen&#237; nejsou p&#345;ek&#225;&#382;kou n&#225;vrhu, ale kl&#237;&#269;em k pochopen&#237; a respektov&#225;n&#237; lidsk&#233;ho my&#353;len&#237;.]]></description><link>https://www.reknisioweb.cz/p/george-miller</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/george-miller</guid><pubDate>Wed, 04 Feb 2026 06:59:13 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!ZnBL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ZnBL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp" width="548" height="365.4587912087912" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:971,&quot;width&quot;:1456,&quot;resizeWidth&quot;:548,&quot;bytes&quot;:84878,&quot;alt&quot;:&quot;George A. Miller, kresba generovan&#225; podle fotografi&#237;.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/webp&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.reknisioweb.cz/i/186778841?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="George A. Miller, kresba generovan&#225; podle fotografi&#237;." title="George A. Miller, kresba generovan&#225; podle fotografi&#237;." srcset="https://substackcdn.com/image/fetch/$s_!ZnBL!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 424w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 848w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1272w, https://substackcdn.com/image/fetch/$s_!ZnBL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8c34088c-8760-4c97-b302-0c561265c6ba_1536x1024.webp 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>&#8220;Below seven, the subjects were said to subitise; above seven, they were said to&nbsp;estimate.&#8221;</em> &#8212; George A. Miller</figcaption></figure></div><p><em><a href="https://cs.wikipedia.org/wiki/George_Armitage_Miller">George Armitage Miller</a></em> (3. &#250;nora 1920&#8239;&#8212;&#8239;22. &#269;ervence 2012) b&#253;v&#225; nej&#269;ast&#283;ji spojov&#225;n s&nbsp;&#269;&#237;slem sedm. Jeho jm&#233;no se objevuje v&nbsp;doporu&#269;en&#237;ch, prezentac&#237;ch i&nbsp;designov&#253;ch heuristik&#225;ch jako autor <a href="https://www.reknisioweb.cz/p/millers-law">magick&#233;ho &#269;&#237;sla sedm plus minus dva</a>. Jeho skute&#269;n&#253; p&#345;&#237;nos pro human&#173;&#8209;centered design je v&#353;ak hlub&#353;&#237;. Nespo&#269;&#237;v&#225; v&nbsp;&#269;&#237;seln&#233;m pravidle, ale ve&nbsp;zm&#283;n&#283; zp&#367;sobu, jak p&#345;em&#253;&#353;l&#237;me o&nbsp;lidsk&#233; mysli.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;48c1d453-0991-4dd7-83c1-f0b39f767aae&quot;,&quot;caption&quot;:&quot;Millerovo pravidlo, n&#283;kdy t&#233;&#382; Miller&#367;v z&#225;kon (Miller&#8217;s law) nebo Millerovo magick&#233; &#269;&#237;slo, &#345;&#237;k&#225;, &#382;e si &#269;lov&#283;k dok&#225;&#382;e v pam&#283;ti udr&#382;et p&#345;ibli&#382;n&#283; sedm v&#283;c&#237;. V n&#225;vrhu u&#382;ivatelsk&#253;ch rozhran&#237; to znamen&#225;, &#382;e bychom lidem nem&#283;li p&#345;edkl&#225;dat p&#345;&#237;li&#353; mnoho mo&#382;nost&#237; najednou &#8211; zvl&#225;&#353;&#357; ne, pokud si je m&#225; u&#382;ivatel pamatovat. Pokud je obsah rozd&#283;len do men&#353;&#237;ch &#269;&#225;st&#237;, lid&#8230;&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Millerovo pravidlo&quot;,&quot;publishedBylines&quot;:[],&quot;post_date&quot;:&quot;2025-06-01T05:59:20.621Z&quot;,&quot;cover_image&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2f606992-b687-498d-83ab-6db90cfed31f_1536x1024.webp&quot;,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/millers-law&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:164890791,&quot;type&quot;:&quot;newsletter&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><p>George vstoupil do&nbsp;psychologie v&nbsp;dob&#283;, kdy byl lidsk&#253; rozum ch&#225;p&#225;n jako nep&#345;&#237;stupn&#225; &#269;ern&#225; sk&#345;&#237;&#328;ka. Uk&#225;zal, &#382;e ment&#225;ln&#237; procesy lze studovat systematicky a&nbsp;&#382;e lid&#233; nejsou pasivn&#237;mi p&#345;&#237;jemci podn&#283;t&#367;, ale aktivn&#237;mi zpracovateli informac&#237;. Pro design to&nbsp;znamen&#225; z&#225;sadn&#237; posun. Rozhran&#237; nemaj&#237; lidi nutit k&nbsp;adaptaci, ale maj&#237; se p&#345;izp&#367;sobovat zp&#367;sobu, jak lid&#233; mysl&#237;, pamatuj&#237; si a&nbsp;interpretuj&#237; v&#253;znam.</p><div class="pullquote"><p>&#8220;If the amount of information in the span of immediate memory is a constant, then the span should be short when the individual items contain a lot of information and the span should be long when the items contain little information.&#8221; <br><strong>&#8212; George A. Miller, <a href="https://labs.la.utexas.edu/gilden/files/2016/04/MagicNumberSeven-Miller1956.pdf">The Magical Number Seven, Plus or Minus Two</a></strong></p></div><p>Jeho v&#253;zkum pam&#283;ti uk&#225;zal, &#382;e kognitivn&#237; z&#225;t&#283;&#382; nez&#225;vis&#237; jen na&nbsp;mno&#382;stv&#237; informac&#237;, ale p&#345;edev&#353;&#237;m na&nbsp;jejich uspo&#345;&#225;d&#225;n&#237;. Lid&#233; si pom&#225;haj&#237; seskupov&#225;n&#237;m, hierarchiemi a&nbsp;v&#253;znamem. Pr&#225;v&#283; proto jsou struktura, pojmenov&#225;n&#237; a&nbsp;kontext kl&#237;&#269;ov&#253;mi n&#225;stroji designu.</p><p>Nem&#233;n&#283; d&#367;le&#382;it&#253; je Georg&#367;v d&#367;raz na&nbsp;jazyk. Rozhran&#237; jsou formou komunikace a&nbsp;jejich srozumitelnost stoj&#237; na&nbsp;vztaz&#237;ch mezi pojmy. Jeho p&#345;esv&#283;d&#269;en&#237;, &#382;e porozum&#283;n&#237; za&#269;&#237;n&#225; snahou pochopit perspektivu druh&#233;ho, dnes tvo&#345;&#237; z&#225;klad design research. Human&#173;&#8209;centered design tak v&nbsp;jeho odkazu nach&#225;z&#237; nejen v&#283;deck&#253; z&#225;klad, ale i&nbsp;etick&#253; kompas.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;8cbfec5f-62ee-47f7-ae13-f27cd6f75cd0&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Osobnosti&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-07-14T07:53:40.268Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/osobnosti&quot;,&quot;section_name&quot;:&quot;&#129489;&#127995; Osobnosti&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:168273133,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:0,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Klíčové ukazatele výkonnosti]]></title><description><![CDATA[Ukazatel, kter&#253; slou&#382;&#237; k posouzen&#237; postupu sm&#283;rem k c&#237;li a k rozhodov&#225;n&#237; o tom, co zm&#283;nit, up&#345;ednostnit nebo ukon&#269;it.]]></description><link>https://www.reknisioweb.cz/p/kpi</link><guid isPermaLink="false">https://www.reknisioweb.cz/p/kpi</guid><pubDate>Tue, 03 Feb 2026 06:59:17 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/7461df2f-86e5-4681-b1cd-fea74feb8652_800x533.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Kl&#237;&#269;ov&#233; ukazatele v&#253;konnosti (<a href="https://en.wikipedia.org/wiki/Performance_indicator">key performance indicators</a>, KPI) maj&#237; pom&#225;hat s&nbsp;rozhodov&#225;n&#237;m. Kdy&#382; funguj&#237;, zp&#345;ehled&#328;uj&#237; postup a&nbsp;odhaluj&#237; nutn&#233; kompromisy. Kdy&#382; selh&#225;vaj&#237;, m&#283;n&#237; se v&nbsp;kulisu. &#268;&#237;sla se sb&#237;raj&#237;, pravideln&#283; vykazuj&#237;, ale neovliv&#328;uj&#237; dal&#353;&#237; kroky. Rozd&#237;l nen&#237; v&nbsp;n&#225;stroj&#237;ch, ale v&nbsp;tom, zda je ukazatel skute&#269;n&#283; nav&#225;z&#225;n na&nbsp;smyslupln&#253; c&#237;l.</p><p>KPI nen&#237; tot&#233;&#382; co b&#283;&#382;n&#225; metrika. Metriky popisuj&#237;, co se d&#283;je. KPI vyjad&#345;uj&#237;, zda je to&nbsp;d&#367;le&#382;it&#233;. N&#225;v&#353;t&#283;vnost, doba na&#269;&#237;t&#225;n&#237; nebo po&#269;et chyb z&#367;st&#225;vaj&#237; pouh&#253;m popisem reality, dokud nejsou v&#253;slovn&#283; spojeny s&nbsp;c&#237;lem. T&#237;m m&#367;&#382;e b&#253;t nap&#345;&#237;klad zv&#253;&#353;en&#237; kvalitn&#237; popt&#225;vky, zlep&#353;en&#237; &#250;sp&#283;&#353;nosti &#250;kol&#367; nebo sn&#237;&#382;en&#237; provozn&#237;ch rizik. Teprve tehdy se z&nbsp;nich st&#225;vaj&#237; ukazatele v&#253;konnosti, nikoli jen aktivity.</p><p>Funk&#269;n&#237; syst&#233;m KPI je &#250;mysln&#283; &#250;sporn&#253;. Mal&#253; po&#269;et ukazatel&#367; nut&#237; k&nbsp;priorit&#225;m a&nbsp;vyjas&#328;uje odpov&#283;dnost. Snaha m&#283;&#345;it v&#353;e obvykle vede k&nbsp;opaku. V&#253;znam se rozost&#345;&#237; a&nbsp;odpov&#283;dnost se rozplyne. Proto vysp&#283;l&#233; p&#345;&#237;stupy kombinuj&#237; n&#283;kolik v&#253;sledkov&#253;ch KPI s&nbsp;dopl&#328;kov&#253;mi ukazateli, kter&#233; br&#225;n&#237; optimalizaci jedn&#233; oblasti na&nbsp;&#250;kor jin&#233;.</p><p>V&nbsp;prost&#345;ed&#237; web&#367; se KPI typicky vztahuj&#237; k&nbsp;v&#253;sledk&#367;m, u&#382;ivatelsk&#233; zku&#353;enosti a&nbsp;provozu. Ka&#382;d&#225; z&nbsp;t&#283;chto oblast&#237; je d&#367;le&#382;it&#225;, ale &#382;&#225;dn&#225; nesta&#269;&#237; sama o&nbsp;sob&#283;.</p><p>&#352;patn&#283; navr&#382;en&#233; KPI se daj&#237; snadno obch&#225;zet. Jakmile se &#269;&#237;slo stane c&#237;lem, chov&#225;n&#237; se p&#345;izp&#367;sob&#237; &#269;&#237;slu, ne p&#367;vodn&#237;mu z&#225;m&#283;ru. Ka&#382;d&#253; KPI proto mus&#237; m&#237;t jasnou definici a&nbsp;odpov&#283;dnost. P&#345;edev&#353;&#237;m by m&#283;l odpov&#237;dat na&nbsp;jednoduchou ot&#225;zku, jak&#233; rozhodnut&#237; se zm&#283;n&#237;, pokud se hodnota v&#253;razn&#283; pohne.</p><p>Pou&#382;&#237;van&#233; spr&#225;vn&#283; nejsou KPI n&#225;strojem kontroly. Jsou prost&#345;edkem orientace. Pom&#225;haj&#237; rozhodnout, kde jednat d&#225;l a&nbsp;kde naopak nezasahovat.</p><div class="digest-post-embed" data-attrs="{&quot;nodeId&quot;:&quot;6f398175-f135-440a-95a5-c164844efb59&quot;,&quot;caption&quot;:&quot;A &#183; B &#183; C &#183; D &#183; E &#183; F &#183; G &#183; H &#183; Ch &#183; I &#183; J &#183; K &#183; L &#183; M &#183; N &#183; O &#183; P &#183; Q &#183; R &#183; S &#183; T &#183; U &#183; V &#183; W &#183; X &#183; Y &#183; Z&quot;,&quot;cta&quot;:&quot;Read full story&quot;,&quot;showBylines&quot;:true,&quot;size&quot;:&quot;sm&quot;,&quot;isEditorNode&quot;:true,&quot;title&quot;:&quot;Slovn&#237;&#269;ek&quot;,&quot;publishedBylines&quot;:[{&quot;id&quot;:39004859,&quot;name&quot;:&quot;Martin Kopta&quot;,&quot;bio&quot;:&quot;&#128104;&#8205;&#127912; Designer, &#129514; UX Researcher, &#128104;&#8205;&#127979; University Lecturer, &#128218; Author of www.reknisioweb.cz and that yellow book. &quot;,&quot;photo_url&quot;:&quot;https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/26bb7b0e-76dd-4d64-84fd-b1b519f56b6c_750x750.jpeg&quot;,&quot;is_guest&quot;:false,&quot;bestseller_tier&quot;:null}],&quot;post_date&quot;:&quot;2025-02-26T12:08:05.708Z&quot;,&quot;cover_image&quot;:null,&quot;cover_image_alt&quot;:null,&quot;canonical_url&quot;:&quot;https://www.reknisioweb.cz/p/slovnicek&quot;,&quot;section_name&quot;:&quot;&#129504; Slovn&#237;&#269;ek&quot;,&quot;video_upload_id&quot;:null,&quot;id&quot;:157955512,&quot;type&quot;:&quot;page&quot;,&quot;reaction_count&quot;:4,&quot;comment_count&quot;:0,&quot;publication_id&quot;:2233159,&quot;publication_name&quot;:&quot;&#344;ekni si o web &#8211; Informace pro majitele a design&#233;ry web&#367;&quot;,&quot;publication_logo_url&quot;:&quot;https://substackcdn.com/image/fetch/$s_!JcCV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa93cd81f-fd4f-4317-96db-7374130b8023_384x384.png&quot;,&quot;belowTheFold&quot;:false,&quot;youtube_url&quot;:null,&quot;show_links&quot;:null,&quot;feed_url&quot;:null}"></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.reknisioweb.cz/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">P&#345;ihlaste se k&nbsp;odb&#283;ru t&#253;denn&#237;ho newsletteru <a href="https://www.reknisioweb.cz/">&#344;ekni&nbsp;si o&nbsp;web</a> nebo sledujte <a href="https://www.reknisioweb.cz/feed">RSS&nbsp;feed</a> a&nbsp;u&#382; v&#225;m neuniknou &#382;&#225;dn&#233; nov&#233; &#269;l&#225;nky.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item></channel></rss>