Afleveringen

  • (00:00) Řekni si o web #37

    (00:18) Telegraficky

    (00:47) Linkodrom

    (03:40) Život s technologiemi

    (07:16) Na čem právě pracujeme

    (07:23) Kapitola z naší knížky

    (07:54) Ötzi a rozloučení

    ---

    Telegraficky

    DIA převezme do péče registr obyvatel a registr osob. * Seznam.cz prodává předplatné. * Věra Pohlová by před 25 lety zakázala internety a počítače. * Amazon nařídil návrat do kanceláře. * Rival Twitteru Bluesky má 10 milionů uživatelů. * Google nebude platit pokutu EU za AdSense. * Meta blokuje ruská státní média. * Konference eXperience for Business otevřela call for papers.

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    ---

    Linkodrom

    AI už umí generovat web. Tomáš Kapler se ptá, jestli už jste někdy zkusili vytvořit web s AI. Je to no-code, ale s textovým zadáním. Tomáš zkouší službu Dora, která nabízí generování webu s AI poměrně nově, ale už dříve umožňovala importovat návrh z Figmy nebo remixovat šablony. Tomáš s promptem vytvořil web o fiktivním měřáku ovzduší. Dora kromě webu zařídila i obsah a obrázky.

    Kromě Dory Tomáš vyzkoušel postavit web s Claude AI. I v tomhle případě je výsledkem web o čidlech měření kvality ovzduší, i když výrazně méně výpravný. Spojení s Claude vypadá slibně hlavně při představě, že by výsledný web nespočíval jen ve statických stránkách, ale že by také zapojil AI do aplikační logiky.

    My jsme nedávno ukazovali službu Relume, která sama přímo nestaví weby, ale připravuje mapu webu, content priority guide a wireframe, který pak umí exportovat do Figmy nebo WebFlow.

    Umělá inteligence může programátorům a designérům pomáhat, nebo je úplně nahradit. Koho ale nenahradí, je člověk s nápadem, se zadáním. Všímá si toho Martin Michálek ve své úvaze a dospívá k tomu, že produkťáci s AI dostávají do rukou mocný nástroj.

    ---

    Design tokeny usnadňují udržování konzistentnosti návrhu. Jakub se nedávno na Linkedin dělil o postřehy k design tokenům. Doporučoval plugin pro Figmu Tokens Studio, který umí rovnou design tokeny commitovat na GitHub, kde s nimi rovnou mohou pracovat vývojáři. Pokud byste ocenili trochu více informací o tokenech, k čemu je použít a jak s nimi pracovat, přijde vám vhod playbook na webu The Design System Guide.

    ---

    Jak vytvořit čitelný text v čínské typografii? Čínská typografie je specifická díky logografickému systému písma, který klade důraz na jednotlivé znaky tvořící slova a věty. Francouzská UX designérka Juliette Xing připomíná, že klíčovou součástí čínské typografické školy je vyvážení čitelnosti a estetiky.

    Juliette doporučuje zarovnání textu vlevo, automatický rozestup mezi znaky a výšku řádku okolo 150—160 %. Pro základní text je potřeba zvolit alespoň o polovinu větší písmo než u latinkového textu – 24 px a pro nadpisy na mobilu přibližně 44 px. Mezi běžně rozšířené čínské fonty patří 宋体 (Songti) pro serif a 黑体 (Heiti) pro sans-serif. Pro zdůraznění používejte tučné písmo, velikost a barvy, ale vyhněte se kurzívě a podtrhávání, protože snižují čitelnost čínských znaků.

    ---

    Je to na středu? Už jsme tu spolu hráli spoustu her, které nás cvičily v barvách, písmu nebo kompozici, ale ještě jsme nezkoušeli postřeh na vycentrování prvků. Přesně k tomu je dnešní hra. Vyzkoušejte si své schopnosti a posuďte, zda jsou tečky skutečně uprostřed obrazců. Je pro vás připraveno deset tvarů, ze kterých si můžete vybrat, ale abyste vyhráli, musíte mít všech deset správně. Dokážete to?

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Život s technologiemi

    Zmatení v jednotkách na webu. Pokud jde o míry a váhy, užijeme si hodně legrace při srovnávání metrických a imperiálních jednotek. U něčeho tak technického, jako je web, bychom ale čekali, že odborníci přijdou s něčím smysluplným. To by ale bylo příliš snadné.

    Dnes se pojďme podívat na obrazový bod – pixel. Obrazovky jsou složené z obrazových bodů. Jejich počet se udává jako rozlišení. Třeba FullHD je 1920×1080 obrazových bodů. Na 15" displeji s FullHD je pak pixel velký asi 0,173 mm, na promítacím plátně o šířce 240 cm je stejný pixel ale velký už 1,25 mm. S tím se asi dá žít.

    Kromě FullHD máme i jiná rozlišení. U retinových displejů dokonce hodně jiná. Takový iPhone 16 Pro je sice hodně malý – má úhlopříčku 6,3 palce – ale jeho rozlišení je 2622×1206 bodů a jeho pixel velký asi 0,055 mm. Pokud bychom tedy chtěli na telefonu i v notebooku stejně velký obrázek, měli bychom do telefonu poslat více než třikrát větší. Potřebujeme znát obrazovou hustotu zařízení a podle toho posílat buď kvalitnější, nebo méně kvalitní obrázky.

    Nemůžeme ale pořád přepočítávat obrazovou hustotu kvůli každému rozměru. Proto chytré hlavy vymyslely virtuální pixely, které se s velikostí a obrazovou hustotou zařízení nemění. Smůla je, že jako jejich značku zvolili px, takže se to často plete s těmi fyzickými pixely. Jeden pixel v kaskádových stylech je ¹⁄₉₆ palce (≈0,265 mm). Pokud se ptáte, který notebook má rozlišení 96 ppi (pixel/palec), tak už čtvrt století asi žádný. A proč to není setina nebo proč se to nepočítá z metrických jednotek, to se snad radši ani neptejte.

    Podobný problém, ale s jiným výsledkem řešili vývojáři mobilních aplikací. Na Androidu zavedli jednotku density-independent pixel: 1 dp = ¹∕₁₆₀ palce. Jejich pixel je tedy ≈0,159 mm velký. A ano, ani na mobilech už se skoro patnáct let s obrazovou hustotou 160 ppi nesetkáváme.

    Vývojáři Apple používají jednotku bod – point. Odmítají říct, jak velký jejich bod je. Jen říkají, že někdy jeden point odpovídá jednomu, jindy dvěma nebo třem pixelům – určuje se to pro každé zařízení a cvičně si můžeme představit, že dva pixely jsou to u zařízení s ≈320 ppi a tři u ≈480 ppi. Zmiňovaný iPhone 16 Pro má obrazovou hustotu 460 ppi takže na něm jeden point odpovídá třem fyzickým pixelům, to je 0,165 mm.

    Opatrně ale u písma! Až někomu řeknete, že chcete text napsat šestnáctkou, vždycky řekněte, jakou má použít jednotku. Aby zmatení bylo dokonalé, typografický bod má stejnou značku jako point v iOS, ale jeho velikost je ¹∕₇₂ palce, tedy ≈0,353 mm. A pozor: v typografii se velikost bodu ustálila až před třiceti lety.

    Shrneme si to:Pixel na webu: 1 px = 1/96 palce ≈ 0,265 mmDensity-independent pixel na Androidu: 1 dp = 1/160 palce ≈ 0,159 mmPoint na iOS: 1 pt ≈ 1/160 nebo 2/320 nebo 3/480 palce ≈ 0,159 mmTypografický bod: 1 pt = 1/72 palce ≈ 0,353 mm

    ---

    Na čem právě pracujeme

    Pracujeme na nabídce školení. Možná už v příštím newsletteru vám představíme první z nich.

    ---

    Tip z naší knihy

    Co měříte, to se má tendenci samo zlepšovat

    Zvolte si pravidelný časový interval, během kterého budete hodnotit výkonnost svého webu.

    Různé metriky mohou vyžadovat odlišné intervaly pro jejich hodnocení. Zvažte, které ukazatele zvládnete měřit a analyzovat sami, a kdy je vhodné obrátit se na odborníka. Dohodněte si pravidelné reportování. Uvažte také, zda je pro danou metriku vhodnější živý přehled v nástroji jako je Google Data Studio, Power BI nebo jiné BI řešení, nebo jestli postačí pravidelný report.

    ---

    A to je ze třetího zářijového zpravodaje Řekni si o web roku 2024 všechno. V roce 1991 tento den Ötzi po pěti tisících letech potkal živáčka. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    ---

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #36

    (00:18) Telegraficky

    (00:44) Linkodrom

    (02:51) Život s technologiemi

    (04:45) Na čem právě pracujeme

    (05:10) Kapitola z naší knihy

    (05:59) Pozvánka na vystoupení

    (06:14) Vlak svobody a rozloučení

    ---

    Telegraficky

    Český Google povede Štrupl, Primu+ Král. * Google chtějí zase rozdělit. Teď kvůli reklamě. * Český antimonopolní úřad prošetřuje Seznam. Víc se neví. * Apple ohlásil novinky. V EU máme kvůli DMA a DSA peška. * Sociální sítě jsou zodpovědné za algoritmické doporučování. * Lupa: Google zaplatí 2,4 mld. eur za zvýhodňování svého srovnávače.

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    ---

    Linkodrom

    Nástroj pro výběr barev ve formě barevného kruhu je pro designéry nepostradatelný. Usnadňuje výběr harmonických barevných palet. Najdete ho v každém moderním designérském nástroji. Figma ale navíc věnuje barevnému kruhu celou sekci na svém vzdělávacím webu.

    Poprvé barevný kruh navrhl Isaac Newton v roce 1666. O dvě století později se barvám věnoval i Johan Wolfgang Goethe v knize O teorii barev. V knížce má několik nákresů, které jsou v dochovaných exemplářích i vybarvené, což je na tehdejší dobu dost neobvyklé.

    Dodnes pomáhá colour picker při vytváření vizuálně přitažlivých designů. Standardní barevné kolo obsahuje 12 barev rozdělených na primární, sekundární a terciární. Moderní kola často zahrnují i širší spektrum odstínů, tónů a barevných variací, což je obzvlášť užitečné v digitálním a UI designu. Použití barev v designu výrazně ovlivňuje emoce uživatelů a pomáhá vyprávět vizuální příběh.

    ---

    Na Googlu najdete pěkný typografický easter egg. Veronika Burian je skvělá návrhářka písem. Založila s José Scaglione písmodílnu Type Together a jejich písma jako Adelle, Athelas nebo Iskra patří k tomu nejlepšímu, co digitální typografie přinesla světu. Některá písma od Type Together najdete i na Google Fonts, takže s nimi můžete pozvednout kvalitu svých prezentací a aplikací.

    A kde je ten vtípek? Když dáte hledat jméno Veroniky nebo Josého, zobrazí se vám výsledky hledání v písmu Bree Serif z jejich dílny. Podobného pomníku se dočkal také autor fontu Verdana Matthew Carter a podle ohlasů na internetu i další autoři písem, ale u nich už se nám nepovedlo easter egg vyvolat. Pokud máte rádi fonty, podobných vtípků najdete na Googlu více.

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Modrá nebo zelená? My muži rádi uvažujeme v jednoduchých kategoriích a pomíjíme tak často důležité detaily. Zatímco Martinovy dcery vždy přesně vědí, jestli je barva azurová, tyrkysová, akvamarínová, petrolejová nebo mentolová, Martin uznává jen zelenou a modrou. A co vy? U jakého odstínu se vám láme škála mezi zelenou a modrou?

    ---

    Život s technologiemi

    V našem oboru se často oháníme výrazem technický dluh. Označujeme jím potenciální budoucí náklady na předělání hotové práce. Vzniká tím, že upřednostňujeme rychlé dokončení projektu před dlouhodobě promyšleným návrhem. Jenže to předpokládá, že projekt bude fungovat a rozvíjet se tak dlouho, aby ho bylo nutné předělat. Hodně projektů prostě skončí. Zanikne. Účelnost a pragmatický přístup se u nich vyplatí více.

    Stává se, že vývoj událostí změní i promyšlenou architekturu v něco zastaralého. Vždycky si na to vzpomenu, když v létě cestujeme s celou rodinou autem po evropských dálnicích. Někde se za ně platí samolepkou vylepenou za čelním sklem a kontrolují ji celníci s dalekohledem. Jinde mezitím zavedli nákladné mýtné brány, protože každou dálnici provozuje někdo jiný a je fér platit podle skutečného užívání.

    Místo celníků s dalekohledem sedí u bran obsluha. Sice už nemusí řidičům rozměňovat drobné, protože se začalo platit kartou, ale pořád řeší nějaké technické potíže. Placení kartou někde nahradili krabičkami s rádiovým signálem. Jenže nedokonale. A tak máme bránu s terminálem s frontou aut, kolem které prosviští majitelé bezdrátových udělátek.

    A pak tu je odečítání registračních značek s online platbou. Pro zlost prodejcům vinět i stavitelům mýtných bran je to nejen nejpokročilejší technologie, ale překvapivě i nejlevnější. I to se může u digitálního technického dluhu stát. Prostě je nové řešení tak levné, že to staré klidně může být pragmatické.

    A jak na tohle všechno koukají v zemích, kde se za dálnice poplatky nevybírají? Polskem jsme projeli od českého Královce na jihu k ruskému Královci na severu, aniž bychom narazili na ty dvě zpoplatněné dálnice a cestou domů jsme se vraceli přes Německo. Zatímco někde developeři zvažují nejlepší možnosti, jinde mezitím postavili hustou dálniční síť.

    ---

    Na čem právě pracujeme

    Minulý týden jsme psali, že vedeme Design sprint 2.0. V pátek studentky a studenti prezentovali výsledky a nás znovu mrzelo, že ty jejich nápady se nezmění ve skutečné projekty. Jakub si nechal vytrhat osmičky, takže s ním doslova není řeč. Martin se snaží zorientovat v novém rozpisu odpoledních kroužků. A společně vymýšlíme, co dál s tímhle projektem. Zůstaňte na příjmu!

    ---

    Tip z naší knihy

    Najměte si na tvorbu webu průvodce

    Ať už se do vývoje webu pouštíte sami, máte vlastní tým vývojářů, nebo spolupracujete s externí agenturou, určitě stojí za zvážení najmutí odborného konzultanta, se kterým můžete průběžně procházet jednotlivé kroky projektu.

    Nebudete se muset spoléhat pouze na svůj úsudek, a když narazíte na problém, budete mít k dispozici zkušenou osobu, na kterou se můžete obrátit. Kvalitní průvodce vám pomůže předcházet komplikacím díky svým zkušenostem z různých oblastí tvorby webu. Poradí vám s výběrem nejvhodnějších postupů, které povedou k dosažení očekávaných výsledků.

    Průvodce, díky své odbornosti, zajistí také větší respekt u dodavatelů a může zvýšit tlak na dodržení kvality. To oceníte hlavně v situacích, kdy narazíte na nečekané problémy nebo budete potřebovat zpochybnit úroveň dodávek.

    ---

    Přijďte 9. října do Prahy na Frontkon a 10. října do Českých Budějovic na Čtvrtkon. Jakub s Martinem v Praze promluví o 200milisekundové hranici pro metriku INP a o den později v Budějovicích o spolupráci mezi klienty a designéry.

    ---

    A to je z druhého zářijového zpravodaje Řekni si o web roku 2024 všechno. V 11. září v roce 1951 nečekaně jel vlak z Aše do Selbu. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    ---

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • Zijn er afleveringen die ontbreken?

    Klik hier om de feed te vernieuwen.

  • (00:00) Řekni si o web #35

    (00:18) Telegraficky

    (00:35) Linkodrom

    (02:40) Život s technologiemi

    (04:40) Na čem právě pracujeme

    (05:05) Kapitola z naší knihy

    (05:40) Pozvánka na zářijové akce

    (05:53) 26 let Googlu a rozloučení

    ---

    Telegraficky

    Vyhledávání Googlu už pracuje s obrazovým formátem AVIF. * Po CZC končí i Mall. * Yelp žaluje na Google. * Twitter v Brazílii dopípal. * Firefox je ve verzi 130. * Seznam dělá mrtvého brouka.

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    ---

    Linkodrom

    Český grafický design slaví velký svátek: V dokumentárním projektu Identita vyšla kniha o stoleté historii vývoje českého grafického designu. Knížka má 520 stran a velkorysý formát větší A4. Čekání na doručení si můžete zpestřit prohlížením instagramu Twos Studio, kde teď jedou seriál o významných světových grafických designérech a typografech. V krátkých reels na vás začnou promlouvat titáni vizuální komunikace jako Paul Rand, Bob Noorda, Fritz Kahn, Herb Lubalin a další.

    ---

    Animace do uživatelských rozhraní přidávají emoce. Je to účinný způsob, jak poskytnout zpětnou vazbu na uživatelskou akci, získat čas na načtení dalšího stavu, odprezentovat i složité postupy nebo navigační vzorce. Kdybyste ale mysleli, že animace budete připravovat ve Figmě, brzy narazíte na hodně omezené možnosti.

    A tak se i pro UI animace stále připravují ve specializovaných nástrojích jako Adobe After Effects, Principle nebo Haiku Animator. Ten první jmenovaný přichází s celým ekosystémem Adobe, což ho v očích některých designérů diskvalifikuje, a ty dva další jsou jen pro macOS.

    Naštěstí je tu ještě open-source Lottie – formát, knihovna, přehrávač a editor pro animace. Cloudová nadstavba Lottie Files přichází s novými integracemi, takže plugin pro ně najdete ve Figmě a Canvě a můžete do nich exportovat i animace z After Effects.

    Lottie vznikla jako způsob, jak dostat animace z After Effects na web a za její popularitou stojí AirBnB a v posledních pěti letech se tenhle formát stal de facto standardem webové animace. Letos se zformovala kolem Lottie komunita, která bude dále pečovat o standardizaci a rozvoj formátu.

    Ale dost už. Pojďme se chvíli kochat ukázkami animací, které Lottie přinesla na web.

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Nástrojů pro generování barevných palet je na internetu hromada, ale i do téhle oblasti proniká umělá inteligence. Potřebujete barevnou paletu pro web, aplikaci nebo třeba jen letáček či pozvánku? Proč nezkusit vygenerovat barevnou paletu promptem. A ano, asi to je jako jít s kanónem na vrabce. Co by na to řekl Ginsberg? Viděl jsem nejlepší mozky naší doby…

    ---

    Život s technologiemi

    Když Martin před dvaceti lety v digitální agentuře poprvé narazil na výraz groupware, hned věděl, že to je software, který změní způsob, jakým pracujeme. Po střední škole v devadesátém sedmém roce nastoupil do grafického studia, které bylo řízené prostřednictvím porad a přímého úkolování. Klienti telefonovali a faxovali, šéf se objevil za vašimi zády a poklepal vám na rameno, data přivezl kurýr na skútru – prostě devadesátky.

    A pak přišel groupware. Zakázky už neměly dokumenty v šanonech, ale staly se z nich projekty s kalendářem, milníky a rozdělenými úkoly ve webovém rozhraní. Schvalování probíhalo kliknutím na tlačítko a nebylo už potřeba podepsat tři kopie formuláře a orazit razítkem IMPRIMATUR. Svět, jak ho známe teď.

    V Martinových očích bylo jen otázkou času, než se práce přenese do kyberprostoru celá. Ale stalo se něco úplně jiného. Sice jsme znali z technologických magazínů VR náhlavní sady od Segy nebo Sony už z devadesátých let, ale trvalo až do roku 2012, než se objevil Oculus Rift. Ale ani po dalších deseti letech se virtuální realita, augmentovaná realita nebo smíšená realita nestaly místem, kde by probíhala práce.

    Namísto toho jsme dostali telekonference, práci na dálku a šéf nám sice nestojí za židlí a neklepe na rameno, ale zato teď kontroluje, jak dlouho už nesedíme u Teams a ad hoc nám volá, aby se zeptal, na dokument, který sice vidíme v cloudové složce na disku, ale on ho nemá v Sharepointu. Neberte to jako stížnost. Je to určitě fajn posun. Ale na druhou stranu to pro naši generaci, která všechny tři díly Návratu do budoucnosti viděla (se zpožděním pár let) v kině, jsou trochu nenaplněné touhy.

    Když ráno v presovači na katedře došlo kafe a nový balíček neležel nikde v dosahu, vlastně jsme se shodli, že jsme zklamaní, že si presovač, který je schopný kohokoli zaúkolovat tím, aby vysypal sedlinu nebo dolil vodu, není schopen sám objednat novou dávku praženého zrna. Za tohle jsme klíčema na Václaváku necinkali (my na to bylo malí).

    ---

    Na čem právě pracujeme

    První týden v září patří už třetím rokem kurzu pro prváky magisterského studia UX na VŠE. Jakub s Martinem si se studenty střihnuli Design sprint 2.0. Univerzita se teprve probouzí z prázdnin a kampus na Žižkově připomíná město duchů. Má to i své výhody, když třeba chcete část výuky přesunout ven pod platan, nemusíte se s nikým přetahovat o místo na slunci ve stínu.

    ---

    Tip z naší knihy

    Rozložte své cíle na menší kroky, aby byly lépe dosažitelné

    Když si stanovíte cíle pro nový web, často jsou velké a složité, což je naprosto normální. Abyste je však mohli úspěšně splnit, rozdělte je na menší části. Pokud je vaším cílem zvýšit příjmy, budete potřebovat zvýšit počet konverzí. Aby se to stalo, musíte získat více hot leads. K těm vás přivede větší návštěvnost webu.

    Tímto způsobem si můžete lépe naplánovat rozpočet a sledovat postup. Nepřemýšlejte příliš o jednotlivých metodách, jak toho dosáhnout. Zaměřte se na výsledky, ne na kroky vedoucí k jejich dosažení.

    ---

    Po prázdninách se s akcemi kolem webu roztrhnul pytel. Pokud si v nich chcete udělat přehled, podívejte se do našeho kalendáře konferencí a komunitních i odborných setkání o webu na září.

    ---

    A to je z prvního zářijového zpravodaje Řekni si o web roku 2024 všechno. Před 26 lety vznikl Google. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    ---

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #34

    (00:17) Telegraficky

    (00:49) Linkodrom

    (03:39) Život s technologiemi

    (05:00) Na čem právě pracujeme

    (05:20) Kapitola z naší knihy

    (05:53) Pozvánka na Frontkon

    (06:04) Závěr a I have a Dream!

    ---

    Telegraficky

    NÚKIB a ÚOOÚ vydaly společné varování před predátorskými e-shopy. * Digitální přihlašovací systém DiPSy stál méně, než ušetřené poštovné za odeslání letošních přihlášek. * Majitel Seznamu Ivo Lukačovič psal na Patreonu o možnosti uvést akcie Seznamu na pražskou burzu cenných papírů. * Huber Palán řekl Lupě, že to Productboard má teď těžké. * Pavel Durov, zakladatel Telegramu, byl zadržen ve Francii. * Petra Jílková napsala knížku o designu služeb.

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    ---

    Linkodrom

    Seznam.cz plánuje zavedení placeného obsahu. Matěj Hušek, člen představenstva Seznamu, dal rozhovor Médiáři na téma placeného obsahu. Podle něj Seznam začne s placeným obsahem na blogovací platformě Seznam Médium. Seznam chce přilákat na svou platformu i už zavedené tvůrce, kterým jako výhodu proti jiným platformám nabízí vedle procesování plateb i návštěvnost.

    Majitel Seznamu Ivo Lukačovič měl kdysi blog. Nyní experimentuje s předplatným na Patreonu, kde má přes 2200 platících čtenářů. Seznam Médium se i nyní dělí s autory o výnosy z reklamy. Ti se těší přivádění návštěvnosti z algoritmického feedu na domovské stránce Seznamu. Podle měření Netmonitoru Medium mělo v červenci 56 milionů zobrazení a 3,5 milionu uživatelů. Málo se to ví, ale Seznam distribuuje také podcasty, do nichž vkládá reklamy.

    Martin Procházka, jeden z autorů publikujících na Seznam Mediu, nedávno shrnoval svou zkušenost a odhadl, že dostává asi 50 korun za tisíc zobrazení při 50% podílu z reklamních výnosů. Jeho články mají i přes sto tisíc zobrazení. Zařazení článku na domovskou stránku Seznamu ale podléhá schválení editora, takže ne všichni autoři Media mají podobné příjmy. Podle rok starých údajů pravidelně publikujících autorů na Mediu je kolem pěti set a tvoří asi sto článků denně.

    Pokud se na fungování Seznam Media něco nezmění, čeká na tvůrce obsahu jedna dost významná past: Uživatelé Media nyní patří Seznamu a tvůrci s nimi nemají přímý kontakt. Jestliže se tedy někdy v budoucnosti rozhodnou změnit platformu, budou si svou předplatitelskou základnu budovat od nuly. U platforem, jako je už zmíněný Patreon nebo námi používaný Substack, patří předplatitelé tvůrci. Ti si tak mohou jejich seznam i s kontakty kdykoli exportovat.

    ---

    Čeká nás optimalizace pro lidskou paměť? Nový Chrome bude umět otevřít stránku z historii prohlížení podle textového promptu. S příchodem funkcí, jako je Recall od Microsoftu nebo možnost otevřít stránku z historie v Chromu na základě toho, co si uživatel pamatuje, se pro webové designéry otevírá nová disciplína.

    Už nestačí mít jen optimalizovaný obsah pro vyhledávače – stránky musí být také něčím zapamatovatelné. Originální design, poutavý text nebo unikátní interakce mohou rozhodnout, zda si uživatelé stránku vybaví a vrátí se na ni.

    Reklamní průmysl tuhle hru hraje už dlouho. Určitě znáte ten obchod s nábytkem – no, ten s tou velkou židlí. Nabízí se otázka: Není toto příští velká věc, která by mohla zastínit i fulltextové vyhledávání, jak jej dnes známe?

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Pokud trávíte velkou část svého pracovního dne s tabulkovým procesorem, možná byste ocenili možnost zahrát si tetris v Google Sheets. A nejen tetris! V Google Sheets si můžete zahrát i hada, šachy, wordle, sudoku nebo lodě.

    ---

    Život s technologiemi

    Dušan Janovský se na Facebooku ptá, zda z mobilu odinstalováváme aplikace, protože nás obtěžuje, když se odkazy automaticky otevírají v příslušných aplikacích místo v prohlížeči. Rozproudil zajímavou diskuzi v komentářích. Nabízí se otázka: není nyní trendem návrat od aplikací zpět k webovým řešením?

    Nemyslíme si, že by odklon od vydávání aplikací byl aktuálním trendem. Pokud uživatelé běžně používají 30 až 40 aplikací, je to především otázka ekonomické rozvahy. Až za finančními úvahami následuje uživatelská hodnota – tedy to, co aplikace zvládne lépe než prohlížeč nebo co prohlížeč vůbec neumí.

    Klienti často uvádějí tři hlavní důvody pro vývoj aplikace: získání pozornosti (na webu jste vždy jen jeden klik od konkurence), přítomnost značky v launcheru a možnost zasílat notifikace. Všechny tyto potřeby lze sice řešit pomocí progresivních webových aplikací, ale instalace progresivních webových aplikací není pro uživatele tak přirozená jako u nativních aplikací. Navíc to jde proti byznys modelu obchodů s aplikacemi.

    Firmy nyní šetří na designérech i vývojářích. Vývoj a údržba aplikace jsou značným nákladem. Proto dává smysl, aby firmy přehodnotily svůj přístup k aplikacím a místo toho zvažovaly levnější alternativy, jako je například zapouzdření HTML do aplikačního rozhraní nebo využití multiplatformních frameworků.

    ---

    Na čem právě pracujeme

    Konec prázdnin je u Jakuba a Martina tradičně ve znamení back to school. První zářijový týden totiž uvítají prváky v magisterském studiu UX na VŠE v týdenním design sprintu. Je potřeba oprášit podklady, připravit designérskou výzvu a s předstihem obeslat účastníky, aby všechno klaplo.

    ---

    Tip z naší knihy

    Namalujte mapu webu

    Podívejte se na svůj web jako na příběh. Každá stránka webu je jako panel v komiksu. K jednotlivým stránkám si poznamenejte, jakým způsobem vám pomáhají přiblížit se ke konkrétnímu cíli.

    Máte na plánku stránky, ke kterým jste nepřiřadili žádné cíle? S klidným srdcem je škrtněte. Mapa webu vám pomůže udělat si představu, jaké druhy stránek na webu využijete a kolik a jakého obsahu musíte připravit. Stejně jako v autoatlasu – i na mapě webu byste měli na první pohled rozlišit hlavní cesty od vedlejších, důležitá místa, křižovatky.

    ---

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    ---

    A to je z posledního prázdninového zpravodaje Řekni si o web roku 2024 všechno. Před 61 lety měl jeden Afroameričan sen. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden, Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #33

    (00:18) Telegraficky

    (00:29) Linkdrom

    (03:51) Život s technologiemi

    (05:16) Na čem právě pracujeme

    (05:44) Kapitola z naší knížky

    (06:14) Pozvánka na Frontkon

    (06:25) V Brně hořel pařez a rozloučení

    ---

    Telegraficky

    Proběhl skutečný UXcamp. * Figmě je dvanáct let. * Google generuje duplicitní URL. * Mafra nabídne consent or pay.

    ---

    Linkodrom

    Nástroje nedělají designéra. Demokratizace designu se zase posouvá o kus dál. Figma dala designérský nástroj do rukou lidem mnoha dalších profesí od produkťáků po vývojáře a testery. Canva šla dál a zpřístupnila navrhování každému včetně dětí.

    Jan Barbořík o Canvě napsal: „A klidně může spolupráce s grafikem vypadat i tak, že připravíš návrh nahrubo, nasdílíš mu ho a on ho finálně doladí k dokonalosti. Tomu se říká týmová práce.“

    Vypadá to lákavě, že? Ušetříte spoustu cenného času, zjednodušíte komunikaci, urychlíte zpětnou vazbu, přestanou se ztrácet informace cestou a jako klienti budete více zapojeni do tvorby. Na druhé straně ale potřebujete, aby i designér pracoval se stejným nástrojem, protože jinak je pravděpodobné, že vaše podklady nebude moci využít a bude je muset vytvořit znovu.

    Dolaďování bude zahrnovat i odstraňování různých chyb a nevhodných postupů, které by řemeslník neudělal. Komunikace se může zadrhnout, až zjistíte, že designér nahradil vlastním nápadem tu část, do níž jste napnuli nejvíc úsilí a jste na ni hrdi. A toho dohadování, kdo za co může, pokud se ve výsledku projeví skryté vady. Měl je designér odhalit?

    Prožíváme v digitálním designu něco, čím už si prošla spolupráce klientů s designéry třeba v tisku nebo v korporátní identitě. V těch oborech vedla demokratizace designu k tomu, že designéři začali namísto finálních výstupů připravovat šablony, stavebnice a návrhové sady, z nichž pak kdokoli mohl finální výstupy připravovat.

    I v digitálním designu se už prosazují design systémy. Ty jsou určené především dalším profesionálům. Je čas říct si designérům o knihovnu komponent do Canvy nebo no-code nástrojů jako je Webflow.

    A při běžné spolupráci? Je spíš kontraproduktivní udělat práci za designéra a chtít po něm jen doladění. Lepší je připojit k zadání hrubou skicu a moodboard. Obrázek je za tisíc slov. A klidně je můžete připravit v Canvě nebo Microsoft Designeru.

    ---

    Co nejlépe, ale ne lépe, znáte Čtyři dohody? Marek Prokop nedávno napsal: „Dělám SEO dvacet pět let a ani po tom čtvrtstoletí neumím zaručit, že se mi povede vše, co si naplánuju.“ SEO už je takové. Plné neznámých, domněnek, rychle se měnící prostředí a hodně hráčů. Vzápětí ale dodává, že vždy usiluje o to, aby zároveň s nejistou optimalizací zlepšil kvalitu webu. Alespoň něco vyjde vždy.

    Jako designéři občas dostáváme otázku, jak víme, že naše návrhy budou fungovat. Ne nadarmo jsou dvě nejčastější designérské odpovědi: to záleží a důvěřujte mi. V designu se prosazuje přístup podložený důkazy – evidence-based design. Výzkum, testování, zpětná vazba a iterativní práce jsou našimi pojistkami pro snižování rizika neúspěchu. Jinak je to jen hra na design a designér, který na ni přistoupí, si pod sebou podřezává větev.

    Zároveň si ovšem musíme přiznat, že každý software je rozbitý. Je to jeho přirozenost. V každém programu je alespoň jedna zbytečná podmínka a každý program obsahuje alespoň jednu chybu. Opravováním chyb vznikají chyby nové. Stále je na čem pracovat.

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Co poslouchají designéři? Designér Fons Mans oslovil další kolegy a sestavil sbírku playlistů od designérů pro designéry. Rychlým pohledem na profil na Spotify zjišťujeme, že nejsledovanějším přehrávacím seznamem není Deadline, ale Potrava pro mozek. Jak by se jmenoval váš playlist nám můžete napsat v komentářích nebo rovnou pošlete odkaz.

    ---

    Život s technologiemi

    Vícefaktorová, ne dvoufaktorová autentizace. Dříve bylo zvykem v létě napsat o důležitosti zálohování, letos se objevují zkušenosti se zbabranou vícefaktorovou autentizací. Třeba Machalův příběh, jak na dovolené v Tanzanii přišel o mobil a s ním i o přístup k penězům a hromadě služeb.

    Nejhorší je kombinace podporování právě jednoho druhého faktoru a zároveň vynucení dvoufaktorového přihlášení. Ne vždy je na vině uživatel. Martin navrhoval a posléze jako produktový manažer také uváděl do života vícefaktorové přihlášení u Tipsportu, takže má ještě v živé paměti jak rezistenci uživatelů, tak varování před edge-case od bezpečnostních specialistů.

    Pokud nemáte o přístup ke službě přijít v důsledku ztráty přístupu k druhému faktoru ověření (třeba když vám odcizí telefon šest a půl tisíce kilometrů od nejbližší prodejny vašeho telekomunikačního operátora), potřebujete mít možnost mezi druhými faktory při přihlášení volit: vedle SMS třeba záložní kódy, přístupové klíče, aplikace pro generování jednorázových kódů, autentizační aplikace… Důležité je to hlavně u kritických služeb, jako je přihlášení k bankovnímu účtu nebo služby veřejné správy. Samostatnou kategorií je přístup k primární e-mailové schránce.

    Udělejte si chvilku na rychlý audit svých druhých faktorů. Doplňte je, a pokud nějaká služba dovoluje použít právě jeden, změňte ji. Potíže nestojí za to.

    ---

    Na čem právě pracujeme

    Jakub s kolegy z agentury Švejda Goldmann pracují na inovaci nákupního procesu rozsáhlého projektu, který se zabývá cloudovou optimalizací. Připravili sady dotazů pro stakeholdery. Po pečlivých „výsleších“ skládají střípky do mozaiky. Výstupem průzkumu pomůžou nejen designérům, ale také ukážou na procesy, které je vhodné upravit. A právě zde se design setkává s reálným světem více než kde jinde.

    Martin finišuje přípravy na týdenní design sprint, který ho čeká první zářijový týden.

    ---

    Tip z naší knihy

    Přidávejte vždy jen jednu malou funkční část.

    Před nasazením nové funkce se domluvte s dodavatelem na pečlivém měření jejího přínosu buď formou A/B testu, nebo vyhodnoťte fungování webu před nasazením a po něm. Pokud je změna k horšímu, buďte k sobě tvrdí a nebojte se funkci zase zahodit.

    Pokud upravujete svůj digitální projekt, přidávejte nové části tak, abyste mohli zhodnotit, co způsobilo změnu. Když toho přidáte příliš mnoho najednou, budete hůře zjišťovat, co z toho funguje a co ne.

    ---

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    ---

    A to je z předposledního prázdninového zpravodaje Řekni si o web roku 2024 všechno. Před dvanácti lety v Brně-Kohoutovicích hořel pařez. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezké léto přejí, Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • 00:00 Řekni si o web #32

    00:17 Telegraficky

    00:38 Linkodrom

    04:08 Život s technologiemi

    05:29 Na čem právě pracujeme

    05:42 Tip z naší knížky

    06:14 Pozvánka na Frontkon

    06:25 Carlos Šakal a rozloučení

    ---

    Telegraficky

    Google představil Pixel 9. * Apple Maps jsou na webu. * Ministerstvo školství mělo IT výpadek. * Válka s mloky je předobrazem lidstva s AI. * Putin a Maduro se bojí Signalu. * Košík dostal pokutu za netržní jednání a CZC.cz opravdu končí. * Zemřela Susan Wojcicki.

    ---

    Linkodrom

    Jak se stal Edge preferovaným prohlížečem? Prohlížeč Microsoft Edge je na desktopech druhým nejpoužívanějším prohlížečem hned po Google Chrome. Je mezi nimi sice odstup asi padesát procentních bodů, ale i tak je překvapivé, že si lidé oblíbili prohlížeč právě od Microsoftu. Předchozí prohlížeč Microsoftu Internet Explorer neměl právě dobrou pověst. Zajímavé je, že Edge je opravdu oblíbený a jeho používání nemůžeme jednoduše svést na to, že je předinstalovaný na počítačích s Windows. Ostatně DMA v EU nás nyní nutí, abychom si výchozí prohlížeč vybrali.

    „Mám Edge na pracovním macu. Dobrovolně a spokojeně.“ — Petr Staníček

    Odborník na SEO Pavel Ungr se k používání Edge přiznal na sociálních sítích a v komentářích se k němu přidávají další internetoví specialisti. Edge je jako mnoho jiných prohlížečů postavený nad jádrem Chromium a lze do něj instalovat rozšíření pro Chrome. Edge nabízí ale pro uživatelský komfort i vlastnosti, které Chromu chybí.

    Jednou z těch praktických jsou pracovní prostory, které umožňují rychle otvírat, zavírat a sdílet sady webových stránek, což se hodí, když třeba pracujete na několika projektech zároveň a nechcete mít otevřené desítky tabů.

    Další jsou profily. Znáte je z Chromu, ale Edge vám dovoluje nastavit pravidlo pro otevření konkrétního webu pod zvoleným profilem. To je zajímavá volba, pokud třeba chcete, aby se vám pracovní záležitosti automaticky otvíraly v pracovním profilu. Michal Altair Valášek ukazuje, jak automatické přepínání profilů v Edge můžete využít pro omezení sledování tam, kde měníte přístup ke službám za souhlas s použitím cookies třetí strany.

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Budoucnost uživatelských rozhraní. Vývoj uživatelských rozhraní se neustále přizpůsobuje novým technologiím. S příchodem umělé inteligence a rozšířené či virtuální reality, se zvyšuje tlak na tradiční UI a vyvstává otázka, zda a jak by měly naše interakce s technologiemi pokračovat. Zamýšlí se nad tím Nathan Tuftsbrown.

    Úkolem UX designérů je zajistit, aby nové rozhraní bylo také uživatelsky přívětivé a přívětivé. To zahrnuje minimalizaci třecích ploch při přechodu na nové typy interakcí, jako jsou konverzační nebo gestické rozhraní, a také zajištění etických aspektů, zejména při využití AI.

    AI a generativní UI mohou přinést personalizované a kontextově relevantní zážitky, ale také vyžadují pečlivý design, aby zajistily konzistenci a spolehlivost. Gestické rozhraní zase čelí výzvám v přesnosti, výkonu a fyzické náročnosti pro uživatele.

    Jaká je podle vás budoucnost uživatelských rozhraní? Bude UI se vyvíjet s AI, AR/VR a gesty, nebo nás čeká něco zcela nového, jako je třeba ovládání zařízení myšlenkami?

    ---

    Sendune připraví kód pro e-mailový newsletter. Připravit zdrojový kód pro e-mail, který se bude dobře zobrazovat jak ve webových rozhraních freemailů, tak v Outlooku nebo hisperských mailových aplikacích, není ani na konci první čtvrtiny 21. století žádný med. Sendune je jednoduchý nástroj, kde stylem chyť a pusť naklikáte funkční vzhled e-mailu a dostanete zdrojový kód, který můžete použít třeba v Mailchimpu a obdobných nástrojích.

    ---

    Hodí se k sobě? V The Font Game dostanete název fontu a k němu na výběr čtyři další. Vaším cílem je zvolit ty fonty, které se k sobě hodí. Máte to v oku?

    ---

    Život s technologiemi

    Co je na návrhu webu nejtěžší, ptá se Marek Prokop a hned si odpovídá, že návrh URL. Dobře navržený systém URL by měl být odolný vůči budoucím změnám, které mají vliv nejen na SEO, ale i celkový uživatelský zážitek – nikdo nemá rád čtyři sta čtyřky.

    Při navrhování URL je klíčové zohlednit několik osvědčených postupů. URL by měla být jednoduchá, srozumitelná a odrážet strukturu webu. Použití klíčových slov, konzistentní hierarchie a minimalizace parametrů jsou základními kameny efektivního návrhu.

    Zde přichází do hry doménový model, který může být neocenitelným nástrojem při návrhu URL. Doménový model poskytuje strukturovaný pohled na hlavní prvky webu a jejich vztahy v rámci dané obsahové domény. Doménový model pomáhá definovat logickou hierarchii a konzistentnost URL. Měl by zajistit, aby byla URL dlouhodobě stabilní a snadno rozšiřitelná.

    Zamyšlení nad návrhem URL nezahrnuje jen technickou stránku, ale i dlouhodobou strategii, která se promítá do všech aspektů webového vývoje. Každý správně navržený systém URL je investicí do budoucnosti, která zvyšuje udržitelnost a efektivitu webu. Konečným cílem by mělo být vytvoření struktury, která dlouho vydrží a podporuje jak uživatele, tak tvůrce webu v dosažení jejich cílů.

    ---

    Na čem právě pracujeme

    Martin se vrátil z dovolené a pomalu se vrací do pracovního procesu. Jakub s parťákem Davidem promýšlejí podnikatelskou strategii na další období. Trh se pořád mění a štěstí přeje připraveným!

    ---

    Tip z naší knihy

    V průběhu testování upravujte návrh

    Smyslem testování je odhalit chyby a úzká místa. Stačí, že jste problém objevili, nepotřebujete k němu statistiku četnosti. Využijte toho, že už o problému víte, a zaměřte se při dalším testování na jinou část testovaného návrhu nebo další krok ve scénáři.

    Nechte si mezi testy prostor, abyste mohli rychle shrnout zjištěné poznatky. Dopřejte designérovi čas na zapracování úprav. Upravujte návrh průběžně během testování. Otestujete tak více variant za kratší dobu.

    ---

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    ---

    A to je z druhého srpnového zpravodaje Řekni si o web roku 2024 všechno. Před třiceti lety byl dopaden Carlos Šakal. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,

    Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #31

    (00:16) Telegraficky

    (00:34) Linkodrom

    (03:18) Život s technologiemi

    (05:00) Na čem právě pracujeme

    (05:15) Tip z naší knížky

    (05:55) Pozvánka na Frontkon

    (06:06) 33 let webu a závěr

    ---

    Telegraficky

    Soud v USA hrozí Googlu rozdělením kvůli monopolu. * TikTok v EU nebude odměňovat uživatele za návyk. * Safari v iOS 18 vyčistí web od balastu. * Ministr zdravotnictví šetří na lidech a mrhá desítkami miliard.

    ---

    Linkodrom

    Zachování cookies třetí strany v Chromu reklamní byznys nezachrání, argumentuje David Voráček na Lupě. Stále zůstává problém se získáváním souhlasu uživatelů: „Pokud souhlas nemáte, je jedno, jestli prohlížeč cookies třetích stran blokuje, nebo ne. Stejně data nemůžete sbírat.“

    Debaty o konci cookies třetí strany už jsou únavné. Jak říká, Dušan Janovský: ta technologie neměla nikdy vzniknout. Řešení ochrany osobních údajů přes lišty je důsledkem toho, že tvůrci prohlížečů nedali uživatelům nástroj pro řízení přístupu k osobním údajům. Zákonodárci EU vyjádřili svůj záměr s GDPR už roku 2012. Času měli tvůrci prohlížečů dost.

    Dopadne to tak, že uživatelé si v Chromu časem vypnou cookies třetí strany sami. Postupně poroste podíl lidí, kteří odmítnou udělit souhlas k využití dat. Data budou mít jen velké platformy s přihlášenými uživateli. Ostatní si budou muset najít jiný obchodní model.

    Hardware za předplatné? Logitech zvažuje zavedení předplatného na myš. Tentokrát nejde o úvahu o myši na splátky nebo pronájmu myši. Jde o to, že myš byste si koupili a platili byste za přístup k softwarovým vlastnostem. Nová šéfka Logitechu, Hanneke Faber, představila tuto myš v podcastu Decoder. Myš by se měla kupovat jen jednou, ale uživatelé by pravidelně platili za softwarová vylepšení.

    Logitech už experimentuje s integrací umělé inteligence do svých myší, která umožňuje funkce jako AI Prompt Builder. Myš s předplatným je zatím jen koncept. Prompt builder nejspíš nebude ta killer feature, protože za chvíli takovou funkci najdete v kdečem zadarmo. Ale třeba časem bude za předplatné něco specificky zaměřeného na profesionální použití myši.

    Platit předplatné za software, už jsme si zvykli. Vždycky je to ale software pro profesionální využití. Software se funkčností, která je specifická. Předplatné musí být pro uživatele výhodné v tom, že za zlomek ceny jednorázové licence získává přístup k funkčnosti, která mu umožní vydělat si na další měsíce předplatného. To bude u myši těžké.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Jménem zákona UX! Uživatelská přívětivost má svoje pravidla hezky shrnutá na webu Laws of UX. Až se příště netrefíte na tlačítko, nemusíte už amatérsky nadávat, že je malé, ale můžete poučeně říct, že designér by si měl dostudovat Fittsův zákon.

    Jak dobře znáte loga známých firem? Tentokrát si hru zahrajeme na Androidu nebo iOS. Je to přesně to, co čekáte. Kvíz. Zobrazí se logo a budete hádat, která firma nebo produkt se za ním skrývá. Jeden level zábavy navíc je v tom, že hra není nejnovější, takže hádat budete často u starších log.

    ---

    Život s technologiemi

    Výraz tokeny předpokládám znáte. Slyšeli jste už o design tokenech? Tento měsíc jsme v agentuře Švejda Goldmann začali pracovat na rozsáhlém projektu pro zahraničního klienta, který spojuje několik velkých webů do jednoho díky slučování subbrandů. 🌐

    Abychom zajistili bezproblémové předávání naší designérské práce developerům a frontendistům, využíváme nově design tokens. Tento proces nám umožňuje precizní předávku designu, díky které se developeři nemusí obávat, jakou barvu, velikost fontu nebo mezeru použít. 🎨🖥️

    Co jsou tedy Design Tokeny?

    Design tokeny představují základní vrstvu každého design systému. Umožňují definovat a udržovat vizuální styl aplikace z jednoho centrálního místa. Tokeny by měly být definovány nezávisle na konkrétních platformách a následně exportovány například jako CSS nebo JavaScriptové proměnné.

    Jak to funguje?

    Mezi vlastnosti, které lze uložit jako tokeny, patří:

    * barevná paleta,* velikosti písma,* mezery (spacing),* definované stíny a mnoho dalšího.

    S pomocí pluginu Tokens Studio ve Figmě můžeme přímo aplikovat změny, které jsou napojeny na Github. Po uploadu změn je vývojáři potvrdí v Gitu, čímž minimalizujeme zásahy do kódu.

    Jednou z klíčových úloh na začátku takového projektu je nastavení úrovně tokenů, což vyžaduje spolupráci s frontend developery.

    Jako designéři používáme design tokeny, protože nám výrazně usnadňují udržování konzistentního vizuálního stylu napříč celou aplikací. Tento přístup vede k efektivnějšímu workflow, lepší komunikaci s vývojáři a minimalizaci chyb při implementaci designu. Navíc je to současný trend a finální forma práce, která představuje zcela jiný způsob uvažování o designu. Vidím v tom budoucnost a osobně mě tento přístup opravdu baví.

    ---

    Na čem právě pracujeme

    Martin nepracuje; zdraví vás od Bałtu. Jakub se mezitím sešel s lidmi z IT gymnázia a posunul zase o kus dál osnovy pro výuku webdesignu. Hodně jsme přemýšleli, jak by se naše výuka na střední měla lišit od toho, jak učíme v bakaláři a magistru.

    Tip z naší knihy

    Zvažte, jestli potřebujete web na míru, nebo ho poskládáte jako stavebnici

    Každý by chtěl mít přesně na míru web, který bude specificky odpovídat právě jeho potřebám a vkusu. Přemýšlejte kriticky, zda to není příliš velký luxus. Jestli alespoň některé části nemůžete řešit prostřednictvím hotových řešení. Lidí je málo, jsou drazí a nemají čas.

    Jednodušší web si můžete postavit sami jako stavebnici, na to existuje řada nástrojů. Složitější web na míru bude nejspíš také stavebnice, jen bude vašim očím skrytá a s jejími díly si pohraje dodavatel. Zapíná a vypíná funkcionality, které má systém už od výrobce. Přizpůsobuje grafické prvky vašemu manuálu.

    ---

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    ---

    A to je z posledního červencového zpravodaje Řekni si o web roku 2024 všechno. Tim Berners-Lee vystavil 6. srpna 1991 na internet první webové stránky.

    Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    ---

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #30

    (00:19) Telegraficky

    (00:50) Linkodrom

    (04:09) Život s technologiemi

    (05:00) Na čem právě pracujeme

    (05:26) Tip z naší knížky

    (06:07) Pozvánka na FrontKon

    (06:16) Závěr

    --

    Telegraficky

    Bez 3rd-party cookies v Chromu bylo horší cílení, kampaně se nevyplatily a remarketing běžel napůl. * DIA opravila eDoklady, aby už neodesílaly osobní údaje na zahraniční servery. * Jen 35 % Čechů nad 65 let používá mobilní internet. * V USA je zájem o UX výzkumníky. * Zvažte opt-out trénování AI ve Figmě. * Affinity má 50% slevu na všechno. * Bestseller Jak na sítě má pokračování.

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    --

    Linkodrom

    Univerzální formulář pro adresy. Už na základní škole jsme se učili zapsat na dopisní obálku adresu. Pak ale jednoho dne přijde požadavek nadesignovat adresní formulář a ideálně ještě v takové podobě, která zvládne adresy v různých zemích. Tehdy se ukáže, že ne všechny adresy se vejdou do formátu: ulice, číslo domu, obec a směrovací číslo. Kromě adres v pro nás exotických zemích, jako je třeba Indie nebo Japonsko, nás může zaskočit třeba taková věc, jako že Luxembourg je nejen země, ale i město.

    V Shopify došli k tomu, že pro některé země mají lokalizovaný formulář včetně struktury a pořadí prvků a pro ostatní se pokusili o univerzální strukturu adresy. V Etsy to dotáhli ještě o kus dál, když specifický adresní formulář mají pro dvě stovky zemí. A pak je tu ještě možnost nechat uživatele zapsat adresu do jediné textarey. Vypadá to jako urban legend s tužkami pro kosmonauty místo vesmírných per, ale ukazuje se, že lidé pak nějakou část adresy vynechají.

    --

    Web Vitals jsou měřitelné signály UX pro SEO. Core Web Vitals představují klíčové metriky, které Google používá k hodnocení uživatelské zkušenosti na webu. Zaměřují se na tři aspekty: rychlost načítání (Largest Contentful Paint – LCP), interaktivitu (Interaction to Next Paint – INP) a vizuální stabilitu (Cumulative Layout Shift – CLS). Tyto faktory ovlivňují SEO a zlepšení jejich skóre může vést k lepším pozicím ve vyhledávání, nižší míře opuštění stránek a vyšší konverzní míře.

    Luke Stahl připomíná, že kromě zlepšené uživatelské zkušenosti a optimalizace pro vyhledávače mají Web Vitals vliv také na nižší míru opuštění a vyšší konverze. Web, který se rychle vykresluje a svižně reaguje, lidé neopouštějí předčasně.

    --

    Tužka a papír – populární nástroje pro UX design i v roce 2024. Máme k dispozici stále sofistikovanější nástroje pro návrh webů a aplikací, a přesto se tužka a papír opakovaně objevují mezi oblíbenými nástroji designérů. Proč? Tužka a papír jsou nejkratší způsob, jak z hlavy dostat nápad.

    Když jsme se nedávno potkali s bývalým šéfem BoBem Marvanem na půdě Úřadu vlády, měl s sebou připravenou prezentaci kreslenou rukou. Psaní a kreslení rukou je neuvěřitelně rychlé. Rychlost, flexibilita a jednoduchost vyjádření myšlenky tužkou na papír je nezastupitelná v koncepční části návrhu. Máte je při ruce kdekoli a nejste omezeni přístupem k internetu nebo elektřině, čehož někteří designéři záměrně využívají, aby se odstřihli od rušivých vjemů.

    A jak Martin rád připomíná: když už máte hotový design systém, stačí vám rozhraní popsat formou skic a diagramů. S využitím nástrojů umělé inteligence pak můžete své kresby převést do interaktivní digitální podoby, ale pokud máte s vývojáři a produkťáky nastavený proces, často už jinou vizualizaci nepotřebujete.

    --

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    --

    Od skici k návrhu. Už pár nástrojů se pokouší převést rukou kreslené skici na návrhy, ale hodilo by se, kdybychom s návrhy pak mohli dál pracovat ve Figmě. Z toho pohledu je zajímavý widget Sketch to Design, který přímo ve Figmě s kresbami pracuje.

    --

    Dvakrát měř a jednou řež. Už jsme tu měli hry zaměřené na barvy nebo na písmo, ale Pixact.ly je jednoduchá hra, která vás potrápí s tím, jak přesně zvládnete na obrazovce trefit rozměry. Dostanete zadanou šířku a výšku v obrazových bodech, a vaším úkolem je trefit se.

    --

    Život s technologiemi

    Tužky a vesmírná pera. Lokalizované a univerzální adresní formuláře. Komplexní a jednoduchá řešení složitých problémů. Narážíme na to každou chvíli. Teď při cestách na dovolené máme možnost všimnout si, jak věci, které bereme za samozřejmé, řeší v jiných zemích různě.

    Třeba zpoplatnění jízdy po dálnici. Od bezplatných dálnic v Německu, přes mýtné brány v Chorvatsku a Polsku, samolepicí viněty na čelní sklo, elektronické mýtné vázané na registrační známku…

    A pak si začnete všímat, že tu jsou ještě různé podobnosti s řešením stejného problému v jiném prostředí. Proč by se třeba za dálnice nemohlo platit stejně jako za MHD v civilizovaných městech, jako je Londýn. Napojíte registrační značku na platební kartu, jezdíte po dálnici, a stát vám automaticky strhne z účtu odpovídající poplatek podle míry využívání dálnic.

    --

    Na čem právě pracujeme

    Agentura Švejda Goldmann mají venku další kus práce pro Miton, tentokrát web MitonC. Jinak Jakub s Martinem využívají prázdniny také k tomu, aby jako každý rok oprášili osnovy (sic!) svých školních kurzů. Magisterské studium UX na VŠE čeká reakreditace, a to je po dvou letech existence příležitost vzít zpětnou vazbu od studentů a kolegů vyučujících a zapracovat ji do změn konceptu.

    --

    Tip z naší knihy

    Skicujte

    Designéři zpravidla kreslí rychle. Skici na papíře jsou příležitost vytvořit návrhy a jejich verze a varianty, aniž byste propálili rozpočet hned na začátku projektu. Skica poslouží jako podklad pro vizuální i funkční návrh bez podrobností.

    Skicování a kreslení probouzí kreativitu a podněcuje podvědomí.

    Ale pozor! Když někdo umí kreslit na papír, ještě nutně nemusí být také dobrým návrhářem webových stránek. Přece jenom je kresba v ruce digitálnímu produktu hodně vzdálená. Pro vás taková prezentace vyžaduje velkou porci abstrakce, abyste si svůj web dokázali představit. Po prvním představení elektronické verze můžete být nemile překvapeni.

    --

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    --

    A to je z posledního červencového zpravodaje Řekni si o web roku 2024 všechno. Před osmdesáti lety vzlétl z Korsiky k poslednímu letu nad Francií pilot-spisovatel Antoine de Saint-Exupéry. Záhadně zmizel a jeho letadlo bylo objeveno až v roce 1998. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Pěkné léto a hezký týden vám přejíJakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web

    (00:20) Telegraficky

    (00:44) Linkodrom

    (04:34) Život s technologiemi

    (05:52) Na čem právě pracujeme

    (06:05) Tip z naší knížky

    (06:47) Pozvánka na FrontKon

    (06:57) Kuchyňské rozhovory

    ---

    Telegraficky

    Vláda poslala návrh zákona o kybernetické bezpečnosti do eKLEPu. * Google ve Chromu cookies třetí strany nechá, vypnou si je uživatelé. * Američtí UXáci vydělávají méně peněz. * Digitální nástěnka Miro zavádí AI asistenta na plátně. * Zavřeli otce ruského internetu. V příběhu figuruje pražská spojka. * Na Spotify si můžete pustit playlist pro UX výzkumníky.

    ---

    Linkodrom

    Hustota UI: Jak ji definovat a navrhovat. Uživatelské rozhraní se za poslední dekádu rozvolnilo. Je to jasně vidět při srovnání současných webů a aplikací s těmi z počátku století. Hustota UI zahrnuje nejen vizuální aspekt, ale také množství informací a efektivitu, kterou uživateli poskytuje k jejich vstřebání.

    Klasická hustota informací jako na terminálu od Bloomberga je vizuálně přeplněná, ale bohatá na informace. Edward Tufte přišel v knize The Visual Display of Quantitative Data s termínem poměr dat k inkoustu, tedy poměr užitečných informací k celkovým vizuálním prvkům. Tento koncept lze aplikovat i na UI, kde designová hustota přispívá k celkové použitelnosti.

    Nejde o to, že by uživatelské rozhraní nemělo být vzdušné, ale kompaktní. Hlavně by nemělo zvyšovat poměr šumu na úkor signálu. Ornament je zločin.

    Důležitým aspektem je také hustota dat v čase, která závisí na rychlosti odezvy UI. Konečným cílem je maximalizovat přenos informací, které uživatel získá, za co nejmenší vynaložené úsilí.

    ---

    Praktické tipy pro výběr klávesnic v mobilním designu. Ksenia Toloknova ve článku Are you designing with the right keyboard in mind? připomíná, že v iOS najdete až padesát druhů uživatelských vstupů a na Androidu kolem třiceti. Volba správného typu vstupního pole ovlivňuje vzhled klávesnice, například pro hesla nebo e-maily.

    Akční tlačítka na klávesnicích lze přizpůsobit pro různé úkony, což zlepšuje uživatelský zážitek. Na iOS jich je hned dvanáct druhů, u Androidu sedm. Správné použití klávesnic zlepšuje navigaci a celkovou interakci s aplikací.

    ---

    Atomic UX research proměňuje práci výzkumníků. Když dnes pořídíte výzkumný repozitář, nejspíš půjde o opinionated software a bude vás navádět do jedné konkrétní výzkumné metodiky – atomický uživatelský výzkum.

    Atomic UX research představuje koncept rozdělení zjištění do malých základních částí – nugetů. Nugety umožňují jemné třídění, organizaci a opakované využití zjištění. Tomer Sharon a Daniel Pidcock se pro tento model inspirovali metodou Atomic Design a vědeckým modelem DIKW (data, informace, znalosti, moudrost).

    Atomický uživatelský výzkum navazuje na dříve používané metody zpracování kvalitativních dat v sociologii, antropologii a dalších společenských vědách. Například na tematickou analýzu, zakotvenou teorii nebo kvalitativní obsahovou analýzu. V prostředí UX atomickému výzkumu předcházelo použití affinity diagramu, teorie rámování nebo analýzy narativů.

    Výhodou atomického UX výzkumu je modularita a škálovatelnost. Nugety je možné snadno kombinovat napříč studiemi a výzkumnými projekty. Nugety se dají průběžně sbírat a doplňovat, takže vhled nezastarává. Stakeholdeři se nemusejí seznamovat s komplexní výzkumnou zprávou, ale stačí jim vnímat formulovaný vhled ve formě třeba jen jedné skupiny nugetů.

    Každý vhled má k sobě vázané nugety a nugety se dají zdrojovat až ke konkrétním experimentům, což podporuje rozhodování postavené na důkazech. Nugety se snadno ukládají do informačních systémů, které lze třídit podle klíčových slov a prohledávat, takže k výsledkům výzkumu může přistupovat více lidí i bez výzkumnické průpravy.

    ---

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    ---

    Čmáráte schémata a diagramy na papír, a pak se trápíte s převodem do digitální podoby? Už se trápit nemusíte. Zvládne to za vás umělá inteligence v nástroji Sketch2scheme.com, která vaše kresby převede na obrázek, do formátu Draw.io nebo do kódu pro Mermaid.

    ---

    Chtěli byste ovládat Figmu jako ninjové? Bernat Fortet pro vás připravil herní plán s deseti levely, kde z vás postupně vytrénuje profíka v efektivním ovládání Figmy. A že to je celé ve Figmě, asi říkat nemusíme. Pokud naopak jedete s dětmi pryč od civilizace, můžou se vám hodit nepočítačové hry.

    ---

    Život s technologiemi

    Před pár dny Daniel Gamrot sepsal, co očekává od aplikace pro poznámky. Začíná seznamem vymožeností Obsidianu. Jednou z položek je „Psaní v Markdown“. Na markdown už jsme tu párkrát narazili.

    Psaní v markdownu je osvobozující. Nemusíte řešit styly vzhledu. Prostě říkáte, co bude nadpis, co tučné písmo, co odrážkový seznam nebo odkaz. Narozdíl od vyznačovacích jazyků jako je HTML ale značky neruší čtení, ale naopak fungují jako vodítka pro lepší orientaci v textu. Tím, že je markdown textový soubor, odpadá problém s kompatibilitou editorů. Psát ho můžete klidně v poznámkovém bloku.

    Markdown vznikl před dvaceti lety, ale principy vyznačování převzal z dobré praxe předchozích formátů. Ve stejné době vznikly i další podobné jazyky: textile, reStructuredText, MakeDoc nebo TeXy od Davida Grudla. Hlavní výhodou markdownu je možnost nerušeně ho číst ve zdrojové formě.

    Velká část notace markdownu je lidem vlastní už od dob psaní na psacím stroji. Nadpisy podtrhané znakem rovná se nebo pomlčkami, zvýrazňování podtržítky a hvězdičkami, hvězdičkové odrážky a podobně používali lidé i v běžné komunikaci v e-mailech.

    Teď dokonce markdown proniknul výrazně i do Google Docs, takže se s ním nejspíš budeme potkávat stále častěji.

    ---

    Na čem právě pracujeme

    Dnes je to právě rok, co vyšla knížka 75 tipů, jak si říct o web. Letí to! Jakub s Martinem si v pondělí udělali fotografovací den v Social Lions a nechali si pořídit nové obrázky. Mimo jiné i s knihou.

    ---

    Tip z naší knihy

    Důležité informace musí být vidět hned

    Zajděte si do trafiky a podívejte se, co je vidět z novin vyskládaných na pultu. Ve většině případů vidíte jen hlavičku s názvem novin. V lepším případě je vidět horní polovina titulní strany. Anglicky se tomu říká above the fold. Na webu je above the fold to, co vidíte z webové stránky po načtení hned na první obrazovce.

    Obsah, který návštěvník webu uvidí na první obrazovce, musí motivovat k posouvání stránky. Editoři novin využívají kompoziční princip převrácené pyramidy. Na úvod vám řeknou zásadní informaci a teprve pod foldem a na dalších stranách se dozvíte podrobnosti. Při tvorbě webu postupujte také tak.

    ---

    Přijďte 9. října na Frontkon. Jakub s Martinem připravují lightning talk, proč je v INP jako hranice právě dvě stě milisekund. Vstupenky jsou ještě v prodeji za příznivou cenu.

    ---

    A to je ze čtvrtého prázdninového zpravodaje Řekni si o web roku 2024 všechno. Před 65 lety se Nixon s Chruščovem v kuchyni přetahovali, jestli je lepší žít ve svobodě nebo za železnou oponou. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezké léto vám přejí Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web 28

    (00:18) Telegraficky

    (00:42) Linkodrom

    (04:03) Život s technologiemi

    (05:11) Na čem právě pracujeme

    (05:44) Tip z naší knížky

    (06:28) Závěr

    Telegraficky

    Datovky jsou s námi patnáct let * Ani Američanům se nelíbí návrh kyberzákona od NÚKIB * Padnul nový rekord v aukci domén: 152.077 korun za virtualnisidlo.cz * 2. srpna vstoupí v platnost evropské nařízení o AI * Křišťálovka sbírá nominace. Už po devatenácté

    Každý den vám připravujeme jednohubky na našem webu (RSS feed).

    Linkodrom

    Figma, AI a komoditizace designu: Co nás čeká? Figma na červnovém ConFigu představila nové AI funkce a vyvolalo to smíšené reakce v designérské komunitě. Zatímco některé funkce, jako přejmenování vrstev nebo rozšířené vyhledávání, mohou ušetřit čas, funkce make design je vnímána kontroverzně. Kritici tvrdí, že AI přispívá k homogenizaci designu a vede k vytváření průměrných výsledků.

    Nechme teď stranou obavy o autorská práva a generování plagiátů, které vedly Figmu k pozastavení generování návrhů pomocí AI. Skutečná hodnota designu spočívá v lidském přístupu, kreativitě a empatii. Návrhy od AI zatím působí jako výstupy od lidí z Fiverru, které také AI nejčastěji nahrazuje. Nad tím, co tvoří lidský otisk v designu, se zamýšlí Scott Riley ve článku On AI and the commoditisation of design a nejde pro ostrá slova daleko.

    Heuristika? Audit? Checklist. Když si chcete být jisti, že jsou vaše weby nebo aplikace navrženy a implementovány dobře, obrátíte se na UX konzultanta a objednáte si u něj druhé oči. Pro začátek je to efektivnější a rychlejší než odstartovat s uživatelským výzkumem a měřením kvality. Konzultanti tuhle službu prodávají jako heuristiku nebo audit. Zní to opravdu fundovaně, ale v podstatě to znamená, že mají kontrolní seznam a podle něj váš projekt zhodnotí.

    V newsletteru Řekni si o web #21 jsme se zaměřili na Nielsenovu heuristiku, ale checklistů, podle kterých můžete své projekty hodnotit, je celá řada. Kontrolní seznamy pomáhají udržovat konzistenci a minimalizovat chyby, což je klíčové pro kvalitní uživatelskou zkušenost. Zlepšují efektivitu a odhadnutelnost práce, protože poskytují jasný přehled o potřebných krocích. Usnadňují komunikaci a spolupráci v týmu, protože každý ví, co je potřeba dokončit. Checklist slouží jako dokumentace o průběhu prací, a to je užitečné, když se chcete dlouhodobě zlepšovat.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Zrození kompetenčního centra UX: Příběh trpělivosti a úsilí. BoB Marvan na Twitteru píše, že kompetenční centrum DIA pro UX hledá UX specialisty.

    Michal Bláha z Hlídače státu popisuje vytrvalou snahu týmu místopředsedy vlády pro digitalizaci Ivana Bartoše přivést do státní správy odborníky na uživatelskou přívětivost. Kompetenční centrum UX bylo navrženo do Národního plánu obnovy v polovině roku 2022 a formálně vzniklo na podzim 2023. Proces zahrnoval přesvědčování politiků a úředníků o potřebě UX a souvisejících věcí. Přesvědčit ministra Bartoše bylo snadné, ale Ministerstvo financí bylo složitější. Evropská komise byla rychle přesvědčena o důležitosti projektu a byla překvapena nízkými náklady.

    Martin Bunček z TA ČR, která patří k průkopníkům UX ve státní správě, je trochu skeptický, co bude z uxáky z kompetenčního centra po skončení po-covidového programu obnovy, z něhož jsou nyní kompetenční centra financována.

    I shot the serif! Ne, teď nemáme na mysli hit od Boba Marleyho, ale triviální hru, při které se zrelaxujete a potrápíte svůj postřeh. Na obrazovce se vám budou objevovat písmena a vaším úkolem bude poznat patkové písmo a zasáhnout ho zaměřovačem.

    Život s technologiemi

    Martin včera obědval s přáteli ze spolku AI dětem. Probírali spolu nový projekt a Martin vyzvídal, co to vlastně bude. Pokud to není tajný! „Bude to takový AI asistent učitele; bude mu usnadňovat život,“ říká Petra Dovhunová o projektu, který finančně nakopl Google.

    Martinovi se hned vybavila Archevita, výstava o pravěku. V roztockém muzeu přeměnili zámeckou stodolu na pravěký svět s replikami chýší, s nástroji a předměty každodenní potřeby pravěkých lidí. Člověk doby kamenné šest hodin mlel zrní, aby mohl upéct chlebové placky pro menší rodinu. My jsme teď v takovém AI pravěku. Sami si vyrábíme nástroje, které nejsou zrovna moc efektivní.

    Co nám přinesly technologie proti pravěku? Usnadňují nám život? Dnes už nemeleme půl kila mouky šest hodin. Díky technologiím toho zvládneme mnohem víc za kratší dobu. Musíme. Nezískali jsme šest hodin volného času tím, že se stavíme pro chléb v pekařství. Technologie umožňují, abychom si toho naložili mnohem víc. Z produktivity se stal smysl života. Ba co víc, čeká se od nás, že při použití nových technologií budeme dodávat skokově kvalitnější výsledky.

    Na čem právě pracujeme

    Jakub s Martinem minulý týden vystupovali na workshopu uživatelské přívětivosti pro digitální zmocněnce z veřejné správy. Workshop organizoval Kabinet místopředsedy vlády pro digitalizaci jako především networkingovou akci pro samotné zmocněnce a odborníky z nově vzniklého kompetenčního centra v Digitální a informační agentuře. V únoru příštího roku mají orgány veřejné správy povinnost poskytovat své služby také v digitální podobě. Na většině úřadů jsou přípravy v plném proudu a možnost sdílet zkušenosti je užitečná.

    Tip z naší knihy

    Chtějte od výzkumu rozbor problémů. Návrhy řešení si nechte až na koncept

    Nepředbíhejte, nevymýšlejte řešení pro neexistující problém. Popište si, co potřebují vaši klienti řešit, prozkoumejte jejich motivace a podívejte se, s jakými potížemi bojují. Až přijde čas navrhnout koncept, usnadní vám to poznat nápady, které se pro váš web hodí.

    Nevymýšlejte argumenty pro své nápady. Jděte na to obráceně a hledejte nápady pro problémy a příležitosti, které vyjdou z výzkumu.

    Vyzkoušejte si vyplnit Value Proposition Canvas. Jeho pravá polovina popisuje situaci vašich klientů. Levou polovinu později využijete při návrhu konceptu, ale už teď si do ní můžete zaznamenat, jak na situaci vašich klientů reaguje vaše konkurence.

    A to je z třetího prázdninového zpravodaje Řekni si o web roku 2024 všechno. Dnes je Světový den boje proti suchu, tak nezapomeňte na hydrataci! Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #27

    (00:20) Telegraficky

    (00:50) Linkodrom

    (03:22) Život s technologiemi

    (04:14) Na čem právě pracujeme

    (04:33) Tip z naší knížky

    (05:24) Závěr

    Telegraficky

    * Figmě můžete zakázat trénování AI na vašich návrzích * Cenotvorba pro freelancery * Po T-shaped osobnostech tu máme nový buzzword V-shaped personality * Jak na výzkum od stolu * Za loňský rok bylo podáno rekordních 73 % daňových přiznání elektronicky. * Ondřej Trhoň napsal knížku o počítačových hrách * Karolina Kania a Honza Balata hledají nekomerční projekt jako zadání pro studenty uživatelského výzkumu

    ---

    Linkodrom

    Přihlášení na web rozdělené na dva kroky. K čemu to je? Také si říkáte, proč má Google, Microsoft nebo Apple přihlášení rozkrokované? Proč nás nenechají prostě vyplnit uživatelské jméno a heslo najednou? S nástupem sociálních sítí začlo být populární nabízet uživatelům přihlášení účtem sociální sítě. Například na Instagram nebo Medium jsme se původně hlásili přes Twitter. Postupem času varianty přihlašování přibývaly a lidé začali zapomínat, kterou službu zvolili pro registraci.

    Microsoft umožňuje uživatelům přihlašovat se prostřednictvím svých pracovních nebo školních účtů. Využívá tak první krok přihlášení k tomu, aby podle e-mailové adresy rozeznal, jestli se přihlásíte přímo účtem z Microsoftu, nebo využijete adresář organizace. Apple a Google využívají rozdělení přihlášení do kroků k tomu, abychom se mohli úplně obejít bez hesel. Pokud máte pro svůj účet nastavený přístupový klíč (passkey), heslo v dalším kroku už nezadáváte.

    Zpráva o stavu uživatelského výzkumu v roce 2024. Máte ve firmě ReOps? Tedy Research Operations? Souběžně s tím, jak firmy přestávají mít zájem o specializované designéry a upřednostňují generalisty, v uživatelském výzkumu se prosazuje demokratizace. Výzkum už nedělají výzkumníci, ale každý. Aby to mohlo fungovat, potřebují support, a ten jim právě dělají ReOps. Došlo to až tak daleko, že šéfové považují ReOps za důležitější než produkťáky.

    Vyhazovy výzkumníků se podepsaly na víře v budoucnost v uživatelském výzkumu. Jen 73 % výzkumníků předpokládá, že v uživatelském výzkumu zůstanou. Dobré ale je, že výzkumníci teď už nereportují designérům, ale přímo product ownerům. Co ale překvapí, že jen lehce nad polovinu výzkumníků využívá AI pro práci.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Úspěšné linkbuildingové strategie. Itamar Blauer se rozepsal o postupech, které mu fungují při linkbuildingu. Čtyři z nich jsou zaručené recepty na úspěch: hostování na cizích blozích; PR; nabízení expertních názorů médiím a oslovení lidí, kteří vás zmiňují, ale neodkazují.

    Muzeum internetu. Víte, jak vypadaly webové stránky před třiceti lety? V roce 1994 se odehrál první internetový nákup na webu a Pizza Hut začala přijímat online objednávky. V Lillehammeru byla zimní Olympiáda a poprvé se sportovní výsledky objevovaly živě na webu. Českému webu dělá kronikáře Jiří Peterka s jeho Muzeem internetu. Některé weby jsou tam dokonce interaktivní. Třeba web o Cimrmanovi od zakladatele Seznamu Iva Lukačoviče.

    ---

    Život s technologiemi

    Chvála standardizaci! Vážně. Můžeme spolu debatovat o tom, jestli zavedení standardu USB-C v EU je brzdou vývoje, ale přiznejme si, že je skvělé, že vám může designér s MacBookem půjčit kabel pro nabití vašeho Dellu. V IT probíhá standardizace tak nějak sama. Není to tak dávno, kdy každý výrobce telefonu měl jiné napájecí konektory. A nejde jen o ty počítače a telefony. Schválně, kolik různých kabelů máte pro nářadí, akuvysavač, kartáček na zuby…

    Vždycky si tohle uvědomíme, když narazíme na nějakou podivnost mimo IT. Tak třeba Martinovi upadl mixér a něco se v něm uvolnilo. Řekl si, že ho rozebere a opraví. Jenže ouha, mixér má šrouby typu spanner head. Rychlý pohled na internet ukázal, že šroubovák na spanner head v tomhle rozměru přijde asi na sto padesát korun. Stejný mixér jako ten starý stojí necelé čtyři stovky.

    ---

    Na čem právě pracujeme

    Dnes to nebude o práci. Jakub vyklidil sklep chalupy a chystá se do rekonstrukce. Martin si koupil elektrický hoblík a chystá se zase kazit dřevo. Dostali jsme nabídku učit webový design na gymnáziu, a tak přemýšlíme, jak by se středoškolský předmět měl lišit od toho, co učíme budoucí designéry na univerzitě.

    ---

    Tip z naší knihy

    Pohlížejte na svůj web jako na trvalou službu, ne jako na jednorázový projekt

    Návrh a vytvoření webu je jen začátek. Připravte se na zpětnou vazbu a buďte připraveni na ni reagovat tím, že svůj web budete vylepšovat. Web není krásný obrázek, který se jednou vystaví a pak už jen sbírá lajky. Přemýšlejte o webu jako o dlouhodobé službě, jako o způsobu, jakým se zákazníky komunikujete.

    Správa webu a provoz jsou velké závazky. Provoz může stát i násobně víc než počáteční investice do tvorby webu. Zvažte při návrhu budoucí provoz. Mějte na paměti nároky na měnící se obsah, rozvoj webu, snadnost úprav, kvalitní hosting a IT bezpečnost.

    Myslete nejen na uživatele, ale i na správce systému. Rozdělte uživatele na interní a externí a zamyslete se nad jejich odlišnými potřebami.

    ---

    A to je z druhého prázdninového zpravodaje Řekni si o web roku 2024 všechno. Napadlo vás někdy, že téměř každý influencer má předplatné vyšší než televizní koncesionářský poplatek? Jen Ivo Lukačovič teď zlevnil na jeden dolar. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden!

    ,Jakub Goldmann a Martin Kopta.

    ---

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #26

    (00:15) Telegraficky

    (00:48) Linkodrom

    (03:24) Život s technologiemi

    (04:52) Na čem právě pracujeme

    (05:06) Tip z naší knížky

    (05:40) Závěr

    ---

    Telegraficky

    * Právě probíhá velký průzkum portálu Na volné noze * KISK hledá učitele service designérů * Už jen rok než začne platit European Accessibility Act * Google testuje AI zabudovanou přímo v Chromu * eDoklady už akceptují další úřady a policie a MMR spustilo digitalizované stavební řízení * Meta obviněna z porušení DMA pro přístup okay or pay * Figma vypnula AI funkci Make Design

    Další krátké zprávy najdete v rubrice Jednohubky na našem webu (RSS feed).

    ---

    Linkodrom

    Google propouští jen asi třetinu hledání na weby třetích stran. V minulém vydání newsletteru jsme se zamýšleli nad tím, co může nasazení umělé inteligence na informační dotazy udělat s návštěvností webů. Přitom už teď se přes vyhledávání na weby dostává jen něco přes třetinu dotazů. Podle Zero-Click Search Study ve 37 % případů po vyhledávání už nenásleduje proklik na web a ve 22 % případů dojde k dalšímu hledání. Zbývá asi 40 % hledání, po kterých uživatel klepne na odkaz ve výsledcích. Z těch si jedno procento vezme reklama a čtvrtina pokračuje na nějakou další službu Googlu.

    Jak má vypadat stránka pro neslyšící? Když jde o přístupnost, obvykle myslíme hlavně na lidi, kteří nevidí. Ale co neslyšící? Lidé, kteří se dorozumívají znakovým jazykem považují češtinu za cizí jazyk. Ne všichni jí perfektně rozumějí. Někdy je vhodnější vytvořit speciální sekci webu pro neslyšící a tam nabídnout videa s informacemi ve znakovém jazyce.

    Gartner vydal letošní verzi Hype Cycle: Zaměřuje se na AI. Zatímco počítačové vidění už Gartner umisťuje na plato produktivity, tak většinu AI technologií situoval na začátek cyklu.

    „Dokonalé pochopení zákazníků se stává čím dál kritičtějším. Bez něj už dnes nelze vybudovat žádný úspěšný projekt.“ — Jan Štráfelda, Linkedin

    Nerozumíte svým zákazníkům. Jan Štráfelda se tentokrát věnuje na blogu uživatelskému výzkumu. V opravdu výživném článku se zabývá tím, proč uživatelský výzkum potřebujeme a jak se do něj pustit.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Designování začíná obsahem. Nenechávejte ho umělé inteligenci, říká Pavel Samsonov. Mnozí designéři jsou chybně přesvědčeni, že rozhraní je důležitější a obsah lze doplnit později. To však není pravda; obsah je základním prvkem produktu a jeho outsourcing znemožňuje pozdější opravy. Obsah není vedlejší, má vlastní roli v UX designu a je kostrou celého uživatelského zážitku. Martin Michálek před devíti lety demonstroval přístup content first na návrhu e-shopu.

    Příliš dobrá portfolia, než abyste je minuli. Byli jste někdy zvědaví, jak vypadají portfolia designérů z Googlu, Open AI, Airbnb, Minecraftu nebo jiných populárních služeb a produktů? Na Bootcampu si dali tu práci a sestavili kolekci odkazů na zajímavá portfolia právě takových designérů.

    Milion checkboxů. Praskáte rádi bublinkovou fólii? Na webu One Million Checkboxes je … eh, milion checkboxů. Můžete je zaškrtnout nebo odškrtnout a stejně tak každý, kdo na ten web přijde.

    ---

    Život s technologiemi

    Kdy se to stalo, že se software začal prodávat za předplatné? Salesforce byl jako Software as a Service spuštěný už v roce 1999, ale to pravé cloudové šílenství vypuklo teprve před dvaceti lety. Amazon přišel se svými webovými službami v roce 2002. Google Apps jsou s námi od roku 2006. Dropbox 2008. Office 365 v roce 2011. Adobe Creative Cloud 2012. Dneska máme za předplatné dokonce i auta. Jen tomu říkáme operativní leasing.

    Lucie Lénertová vypočítává, kolik peněz za jaké online služby platí. Tomáš Svěrák se raduje, že přišel na trik, který mu při zrušení předplatného u Adobe ušetřil poplatek za předčasné zrušení. 37 Signals spouštějí Once – software placený jen jednou.

    V té samé době se objevuje freemium. Představa, že pár procent platících klientů utáhne provoz a rozvoj služeb, aby je většina mohla využívat zdarma. Po letech se ukazuje, že to je spíš sen, než obchodní model. Skončila dokonce i Google always free Suite na vlastní doméně. Firmy přepínají freemium na placenou službu se zkušebním obdobím.

    Na konec když už za software neplatíme předplatné, stejně musí někde běžet. V cloudu, v dockeru, na serveru. A za ty se platí. Budoucnost nám možná přinese nové obchodní modely, ale jedno je jisté: za kvalitní služby se vždy nějakým způsobem platit bude. Zvykáme si, že internet není zadarmo.

    ---

    Na čem právě pracujeme

    Začátek prázdnin je pracovně vždycky trochu marný. Jakub s kolegy využili volnější dny ke společné návštěvě Sapy. Martin minulý týden vyhodnotil rozhovory s klienty Spolehlivých serverů a snaží se teď vhled překlopit do konceptu pro web.

    ---

    Tip z naší knihy

    Pojmenujte vady svého webu

    Zamyslete se, v čem váš současný web neplní vaše očekávání. Víte, na co si na vašem webu stěžují klienti? Zeptejte se klientů, co jim na vašem webu chybí nebo vadí. Uvědomte si, že i vy jste klienti svého webu, jenomže z druhé strany. Co vám vadí na správě současného webu? Zeptejte se administrátorů vašeho webu (interních či externích), jak se jim s webem pracuje, tak jak je: snadno, nebo obtížně?

    Co vadí vám, nemusí vadit klientům. Zkuste přijít na to, proč se neshodnete. Jakkoli je minimalismus v uživatelském rozhraní trendem, většina vnitropodnikových aplikací vypadá z dobrých důvodů zcela jinak než domovská stránka Googlu či produkt od společnosti Apple.

    ---

    A to je z prvního prázdninového zpravodaje Řekni si o web roku 2024 všechno. Začínají psí dny a hadi, žáby a jiní studenokrevní se ukládají k letnímu spánku. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Užijte si pěkné léto,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #25

    (00:19) Telegraficky

    (00:48) Linkodrom

    (04:06) Život s technologiemi

    (05:06) Na čem právě pracujeme

    (05:22) Tip z naší knížky

    (05:53) Závěr

    Telegraficky

    * Deset procent PINů k platebním kartám trefíte na první pokus. * Nejvíc domén se vydraží za stovku. Nejdražší přišla na 55.600 korun. * Google Universal Analytics zmizí za pár dnů. Zálohujte si reporty pomocí udělátka Marka Leciána raději hned. * Vojta Žižka si povídal s Tomem Čuprem. * Seznam cvičil, až spadnul. * Podcastem roku 2024 jsou opět Opravdové zločiny. Ve které kategorii je nejsnazší vyhrát?

    Další krátké zprávy najdete v rubrice Jednohubky na našem webu (RSS feed).

    --

    Linkodrom

    Zralost designérů. Než začne designérské studio pracovat s novým klientem, pokusí se diagnostikovat u něj stupeň zralosti. Podle Nielsen Norman Group má UX zralost šest stádií. Existuje ale něco jako model vyspělosti pro designéry? Před pěti lety s jedním takovým modelem přišlo Invision. Dělí designéry do pěti stádií: Tvůrce, Spojovatel, Architekt, Vědec, Vizionář. Každému stádiu odpovídá určitý skillset a přináší s sebou konkrétní benefity. Stádiím zralosti firem by měla odpovídat stádia zralosti designérů. Jak zrají firmy, měli by s nimi dospívat i jejich designéři.

    Které prohlížeče podporujete? Doba, kdy na webových stránkách svítily ikonky s nápisem Optimalizováno pro MSIE 3.5, je nenávratně pryč, ale jak by měli vývojáři přistupovat k podpoře různých prohlížečů? Clearleft zvolil přístup postavený na široké dostupnosti konkrétních technických vlastností. Pokud už je podporují prohlížeče alespoň dva a půl roku, je jejich použití na webu bezpečné. Do hry znovu přicházejí přístupy progressive enhancement a graceful degradation.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Myslete při návrhu tlačítek na uživatele s dlouhými nehty. Současný design je plný předpojatosti. Ta se někdy projevuje v úplných drobnostech. Harsh Vijay si všiml, že ženy s dlouhými nehty pro klepnutí na dotykový displej nepoužívají špičku prstu, ale jeho bříško. Potřebují tak daleko větší plochu tlačítka a také větší rozestupy mezi aktivními prvky na obrazovce.

    Přes 80 % dotazů na webu je informační povahy, na navigační a transakční připadá po deseti procentech na každé.

    — Jim Jansen, Danielle L. Booth, Amanda Spink, Determining the user intent of web search engine queries

    AI ve výsledcích hledání zaměstnává SEO specialisty. Michal Krutiš a Jan Štráfelda se zamysleli nad dopady zavedení AI do výsledků hledání. Martin ve vlákně na Twitteru vzpomíná na dřívější pokusy proměnit vyhledávač v odpovídač. Architekt vyhledávání na Seznamu Dušan Janovský uvažuje, že by Seznam mohl poskytnout obdobu AI Overview pomocí předem vygenerovaných a ověřených odpovědí. Zdeněk Dvořák upozorňuje, že právě probíhá další z antispamových aktualizací indexu vyhledávání na Googlu. Zapracujte u svých webů na EEAT: Experience, Expertise, Authoritativeness a Trustworthiness.

    Perplexity obchází direktivy z robots.txt. „Je to jako by Wikipedia a ChatGPT měly dítě,“ říká o Perplexity její CEO Aravind Srinivas. Perplexity kombinuje vyhledávání a chat s umělou inteligencí. Poskytuje na dotazy rovnou odpovědi postavené nad daty odkazovaných webů. Wired si všiml, že Perplexity ignoruje zákaz vstupu pro jejího bota. Perplexity totiž po položení dotazu v reálném čase přistoupí na web, aby shrnula jeho obsah. Obhájci Perplexity říkají, že nejde o stejný případ jako u crawlerů, které indexují web, ale jde o softwarového agenta, který na web přistupuje v zastoupení uživatele.

    Jak by vypadal internet bez webu? Stratég Googlu Corry Wang se vydal do pevninské Číny za rodinou a nestačil se divit, jak odlišný je tu zážitek z internetu. Jeho teta neznala prohlížeč, weby jsou dlouho neaktuální, vyhledávání nepomáhá řešit každodenní situace, a když se chcete něco dozvědět, kontaktujete přes Douyin (TikTok) místního influencera, a ten vám to ve videu vysvětlí. Opravdu tu chceme také superaplikace jako Xiaohongshu (Red) a WeChat?

    NSFW: Tuhle hru, která je kombinací Flappy Bird a Space Invanders prý dal Nik McFly dohromady s Claude.ai za pět minut.

    --

    Život s technologiemi

    Webový vývoj a firemní procesy se tak komplikují, že je stále náročnější, aby se i jednoduché věci chovaly spolehlivě. Martin teď obnovoval předplatné na Disney+. Obrazovka aplikace se donekonečna načítala s tlačítkem „dokončete předplatné“ a nešlo jít vpřed ani zpět a po shození se aplikace znovu načetla ve stejném stavu. Glitch!

    Naštěstí je tu starý dobrý web, na kterém jde ještě třeba promazat lokální úložiště. Při placení na konci úspěšné transakce svítila hláška, že se cosi nepovedlo a je potřeba zkusit koupit předplatné znovu. Ale z účtu už byly peníze strhnuté. Takže znovu promazat úložiště, a hele, teď už to funguje. Jenom tedy datum obnovení předplatného o deset dnů nesedí. Ale co už.

    Petr Koubský mýval kdysi na webu motto, které říkalo, že krasojezdkyně se musí usmívat, jako by akrobacie na koni nebyla žádná dřina. Takhle se snažíme tvářit, když navrhujeme aplikace. Však, o co jde, je to jen předplatné.

    --

    Na čem právě pracujeme

    Připravujeme se na workshop o UX pro digitální zmocněnce státní správy. Vlastně se na tenhle moment připravujeme těch pět let od okamžiku, kdy jsme se rozhodli, že úředníkům pomůžeme s webovými projekty a začali jsme psát knihu. Tak nám držte pěsti, ať dobře začneme!

    --

    Tip z naší knihy

    V průběhu testování upravujte návrh.

    Smyslem testování je odhalit chyby a úzká místa. Stačí, že jste problém objevili, nepotřebujete k němu statistiku četnosti. Využijte toho, že už o problému víte, a zaměřte se při dalším testování na jinou část testovaného návrhu nebo další krok ve scénáři.

    Nechte si mezi testy prostor, abyste mohli rychle shrnout zjištěné poznatky. Dopřejte designérovi čas na zapracování úprav.

    Upravujte návrh průběžně během testování. Otestujete tak více variant za kratší dobu.

    --

    Včera jsme dostali skvělou zprávu, že naše přednáška o původu 200ms tresholdu pro metriku INP z Core Web Vitals zazní na FrontKonu 9. října v O₂ Universum. Vstupenky už jsou v prodeji. Těšíme se!

    --

    A to je z posledního zpravodaje Řekni si o web školního roku 2023/2024 všechno. Kupte dětem za vysvědčení knihu! Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #24

    (00:19) Telegraficky

    (00:48) Linkodrom

    (03:23) Život s technologiemi

    (04:50) Na čem právě pracujeme

    (05:20) Tip z naší knížky

    (05:57) Závěr

    Telegraficky

    * Vstupenky na WebExpo 2025 už jsou v prodeji. * Google přidává do výsledků hledání informace o vratkách na e-shopech. (↬Pavel Ungr) * Náboráři věnují zhodnocení životopisu půl minuty. * Bude nový Doom. (↬Michal Illich) * Legislativní rada vlády dala zelenou návrhu zákona o kyberbezpečnosti. Podnikatelské asociace by s ním raději začaly od znovu. * Evropská komise bude přísná na Temu. * Kdo povede český Google?

    Další krátké zprávy najdete v rubrice Jednohubky na našem webu (RSS feed).

    Linkodrom

    Prezentujte výzkum jako příběh. Gerry Duffy napsal pro A List Apart článek User Research Is Storytelling. Gerry tvrdí, že výzkum uživatelů je efektivní, pokud je prezentován jako příběh. Tím se dosáhne nejen lepšího porozumění problémům, ale také větší motivace stakeholderů k jejich řešení. Navrhuje členit příběhovou prezentaci výzkumu do tří aktů: úvod, konflikt a rozuzlení.

    Příliš restriktivní formuláře. Věřili byste, že stále ještě se najdou formuláře, které neakceptují znaky mimo ASCII? Produktová designérka Noémie Peter si na Linkedin postěžovala, že mnohé britské weby ji nutí psát jméno bez diakritických znamének. Jako Jakub a Martin jsme tohle se jmény nezažili, ale pravidelně nám chodí zásilky s otazníky a podtržítky místo písmen v adrese. A to jste ještě neslyšeli naše vietnamské studenty s dvouznakovými jmény, kterým chybové hlášky tvrdí, že jméno musí mít alespoň tři písmena.

    Dnes jde do aukce 667 českých domén. Správce české internetové domény CZ.NIC spustil aukce exspirovaných domén už 1. května. My se stále nemůžeme nabažit prohlížení seznamu domén, které do aukce půjdou. Představujeme si všechny ty plány, které lidé s doménami původně měli – brzy například budete moci přihazovat na domény danusenahrad.cz a dananahrad.cz. Některé dražené domény jsou nám důvěrně známé a patří tak trochu k historii českého internetu, jako třeba hlodac.cz.

    Digitální transformace státu akceleruje. Michal Bláha se na Twitteru pustil do rantu na kritiky rychlosti digitalizace státní správy. Michala vyburcoval Jakub Horák, který v diskuzi k výsledkům eurovoleb kritizoval politiku Pirátů. I my vnímáme pozitivně vznik DIA, rozhýbání základních registrů a digitální transformaci agend. I když jsou stále místa, kde to ještě drhne.

    eRecept s mapou lékáren s předepsaným lékem. Když jsme u té digitální transformace, v eReceptu byste měli vidět mapu lékáren, kde si můžete vyzvednout svůj lék. Končí tak snad potupné běhání od lékárny k lékárně při výpadcích léků.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Tipy a triky pro lepší organizaci návrhu ve Figmě. Daniel Wodziczka nabízí návod na zpřehlednění souborů s návrhy ve Figmě. Navrhuje, abychom v názvech stránek používali emoji, členili návrh do sekcí podle stránek a sekce oddělovali oddělovačem.

    Hra vás naučí vyrovnat písmena. Říká se, že když někoho opravdu nesnášíte, ukážete mu vyrovnávání verzálek. Nás ve škole cvičili na slově VLTAVA. Jak máte dobré oko pro harmonické rozestupy mezi písmeny si můžete vyzkoušet ve hře Kerntype.

    Život s technologiemi

    Když se řekne, přístupnost webu, představíme si nejčastěji uživatele s nějakým hendikepem a se specifickými doplňky v počítači. Jenže stále častěji vymoženosti bezbariérové přístupnosti využívají i lidé bez hendikepu. Obrázek Persona Spectrum z Microsoft Inclusive Toolkitu (PDF, 21 MB) už znáte z #19.

    Můžeme jít ale ještě dál. Nemusí vám svítit ostré slunce do displeje, být v okolí hluk a nemusíte mít plné ruce, abyste využili výhod přístupného obsahu. Stačí třeba, když budete chtít s obsahem interagovat s využitím copilotů a umělé inteligence. My si třeba tu a tam necháme nějakou webovku předčítat nahlas, necháváme si složitý text přeformulovat nebo zobrazit v reader modu.

    Za rok začne platit evropský zákon o přístupnosti i pro weby, aplikace a dokonce fyzické předměty a služby i mimo veřejnou správu. Budou s tím spojené mnohé dodatečné náklady u už existujících projektů, kde se na přístupnost nemyslelo od začátku. Přesto ale úpravy přístupnosti oceníme všichni, ať už nějaký hendikep máme nebo ne.

    Kromě přístupnosti pro uživatele se zrakovým omezením, kteří mají na webu zastání nejdéle, se díky legislativnímu tlaku objevují i nové přístupy, které zahrnují například neurodivergentní uživatele. Pokud se chcete o inkluzivním navrhování pro neurodivergentní uživatele dozvědět více, poslechněte si epizodu podcastu Informed Life se Stéphanie Walter.

    „Když mluvím o kognitivní přístupnosti, jde o navrhování pro lidi s poruchami učení, ale také pro lidi, kteří mají odlišné vnímání.“

    — Stéphanie Walter, Informed Life.

    Na čem právě pracujeme

    V agentuře Švejda Goldmann zrovna slaví spuštění nového webu Respektu. Respekt publikuje rozmanitý obsah, a tak jsme se zaměřili na to, aby každá rubrika a každý formát měl odpovídající prezentaci. Zvláštní péči dostaly audiočlánky s přilnavým přehrávačem a audiovizuální obsah vůbec. Zapracovali jsme na zpřehlednění variant předplatného a zoptimalizovali jsme nákupní proces. Web má novou barevnou škálu i font. Ať se vám dobře čte!

    Tip z naší knihy

    Ujasněte si, pro koho web děláte

    Marketing má rád tak zvanou cílovou skupinu uživatelů. Představa, že návštěvníci vašeho webu budou přesně segmentované skupiny lidí, může vypadat dobře v prezentaci, ale realita je odlišná.

    Nedefinujte si cílovku podle věku, pohlaví, příjmu a dalších socioekonomických kritérií. Zaměřte se na potřeby a životní situace. Kdy k vám přicházejí návštěvníci webu? Co už vědí odjinud? Co nejčastěji dělají? V čem nejčastěji chybují? Z kterého webu přišli a kam při neúspěchu či nespokojenosti směřují?

    Promítněte modelové uživatele do cílů webu a nevysilujte se jejich popisem.

    Na webu Řekni si o web máme pár novinek. Přibyla rubrika Jednohubky, kam průběžně sdílíme, co nás při brouzdání po internetu cvrnkne do nosu. Pracujeme na přehledu školení a workshopů a rozdělili jsme odkazy na konference a odborné akce na jednotlivé měsíce. Kromě e-mailového newsletteru můžete odebírat i RSS feed nebo podcast.

    A to je z třetího červnového zpravodaje Řekni si o web roku 2024 všechno. Užijte si zítřejší nejdelší den v roce! Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #23

    (00:14) Telegraficky

    (00:50) Linkodrom

    (03:58) Život s technologiemi

    (05:06) Na čem právě pracujeme

    (05:32) Tip z naší knížky

    (06:06) Závěr

    Telegraficky

    * Google Universal Analytics definitivně končí – 1. července Google smaže vaše data. * Cenu Zlatý erb pro nejlepší obecní web získaly Plzeň a Poděšín. * Uživatelé preferují chatbota s AI tam, kde se před živými lidmi stydí. * Udržíte tajemství? Ex-šéf Avastu Ondřej Vlček založil utajený startup. * Screen Wake Lock API zabrání zhasnutí a uzamčení displeje při prohlížení webu. * Seznam letos uvede další placené služby. * Apple v pondělí představil novinky. Jak se na Apple novinky dívají teenageři?

    Linkodrom

    Kodéři je chtěli, ale využívají je? Řeč je o vlastnosti kaskádových stylů Container Queries. Je to vlastnost podobná media query, která se nejčastěji používá, aby se webová stránka přizpůsobila šířce okna prohlížeče. Container queries zjišťují kontext přímo pro konkrétní prvek a podle toho aplikují další vlastnosti. Jedna komponenta, například karta s profilem uživatele, tak může vypadat jinak na profilové stránce a jinak v postranním vysouvacím menu nebo v tooltipu, který se zobrazí po najetí na jméno uživatele.

    Podle webu Can I Use má prohlížeč s podporou téhle vlastnosti 92 % uživatelů internetu. Martin Michálek o nich psal už před rokem: „Je to věc, kterou ve webdesignu opravdu hodně chci. A věřte mi, že vy taky.“ Utekl rok a Chris Coyier si všímá, že se s container queries na webu ještě moc často nesetkáváme. Nabízí několik ukázek z vlastních prací, kde se komponenty proměňují podle kontextu použití.

    Kolekce předloh pro Apple ve Figmě. Zatímco má Material Design pro Figmu oficiální podporu už dlouho, Apple má svoje oficiální šablony ve Figmě teprve pár týdnů. Jejich počet ale rychle roste a dnes už designérům nabízejí třináct zdrojových souborů nejen s komponentami pro Human Interface operačních systémů pro iPhony, iPady, Mac a brýle, ale také pro Apple Pay, přihlašování přes Apple ID, iMessage a další.

    CX v české e⁠-⁠commerce: 400 hodin výzkumu se zákazníky. Klára Brožovičová, Lucie Sikorová, Jana Hanfová a Anna Jančaříková z Proof&Reason za podpory Jana Junka sestavily stostránkovou studii použitelnosti e-shopů s 82 problémy rozdělené do třinácti částí. Studie si vyžádala přes čtyři sta hodin práce a je to na ní poznat. Jan Junek prezentoval studii na WebExpu a stáhnout si ji můžete výměnou za kontakty.

    Přestože to nebylo předmětem testování, některé nákupy skončily už při hledání produktu v daném e-shopu. Další problémy přineslo nedostatečné či dokonce žádné informování o přidání produktu do košíku, stejně jako nešťastné umístění tlačítka „Do košíku“.

    — Jan Junek & aliæ, CX v české e⁠-⁠commerce

    Šablona pro poptávku na web. Minule jsme tleskali kanadským naklikávacím zadávacím dokumentacím a teď tu máme hezký příklad z domácích zásob. Petr Illek vyvěsil na web redakčního systému CSGOV šablonu pro poptávku na obecní web. Kostra poptávky velmi dobře poslouží komukoli, kdo potřebuje web.

    Mapování firemních procesů se Svěrákem. Jakub rád říká, že při naší designérské práci jen tak mimochodem zásadně ovlivníme podnikání svých zákazníků. Tomáš Svěrák na Linkedin popisuje, jak se svými klienty na začátku spolupráce rozebírá firemní procesy, aby pochopil jejich byznys: „Stane se, že je to ve firmě vůbec poprvé, kdy jsme proces nakreslili. Potom se dějou divy, když lidé ve firmě přijdou na to, jak rozdílně některé věci dělají. K tomu všemu stačí obvykle tabule, fixy a pár postitů.“

    Změna pořadí předvoleb má vliv na výši spropitného. Dima Melnik na Linkedin píše, že své oblíbené kavárně doporučil na platebním terminálu přehodit pořadí předvoleného spropitného. Namísto původního pořadí 10 %, 15 %, 20 % teď terminál nabízí předvolby v opačném pořadí: 20 %, 15 %, 10 %. Výsledkem je, že zákazníci začali místo 10% spropitného dávat 15%.

    Život s technologiemi

    Slash pages – tahle nerdovina je jak z konce devadesátých let, ale trenduje právě teď. Možná to nějak souvisí s návratem obliby newsletterů, RSS, statických webů a s odklonem od sociálních sítí. Postupem času se ustálila praxe pro adresy některých webových stránek – říká se jim slash pages, stránky za lomítkem. S pojmenováním nejspíš přišel Manuel Moreale.

    I náš web má stránku na adrese /about. Často díky konvenci ani nemusíte používat navigaci na stránce, abyste zjistili, že třeba RSS najdete na adrese /feed, mapu webu na adrese /sitemap a staré články na adrese /archive. A to jsme se o existenci těch stránek nijak nezasloužili; generuje je přímo Substack, odkud rozesíláme náš newsletter.

    Jak si lidé zase začali hýčkat osobní weby a rozrůstá se indie web, rozrůstá se také seznam stránek za lomítkem. Kromě už zmíněných se objevují nové. Třeba /now, /blogroll, /bookmarks, /colophon, /coffee nebo /chipotle. Krásnou ukázkou slash pages je například web Michaela Sasse ShellSharks.com.

    Na čem právě pracujeme

    Martin oznámkoval poslední opozdilce ze svých designerských předmětů na VŠE, dopsal oponenturu k bakalářce a začaly mu prázdniny. 🎉

    Na Médiu vyšel rozhovor Matyáše Bureše s Jakubem: „Jedno z rizik, které vidím je, že AI přeskakuje juniorní pozice. Už teď, když vyzkoušíš ChatGPT, tak vyhodí spoustu blbostí, od kterých už se ale může člověk odpíchnout. Pokud se to ještě více zlepší, tak juniorní pozice začnou být zbytečně drahé.“

    Tip z naší knihy

    Posuzujte web podle toho, jak funguje, ne podle toho, jak vypadá.

    Divili byste se, kolik úspěšných a navštěvovaných webů vypadá nemoderně – třeba inzertní portál Craigslist a u nás například Bazoš. Nezaměřujte se jen na vzhled. Obchodní výkon je to hlavní.

    Nevyhnete se sdílení pracovních návrhů s kolegy. Pro ně bude mnohem těžší než pro vás nezaměřovat se na vzhled, ale na logické uspořádání. Pokud vám i koncept návrháři dodávají vizuálně propracovaný, vymyslete společně, jak nejlépe vysvětlit, že se ještě nejedná o finální design. Například přepnout do černobílé škály.

    A to je z druhého červnového zpravodaje Řekni si o web roku 2024 všechno. Před šedesáti lety byl na doživotí odsouzen muž, podle kterého se jmenuje Mandelův efekt. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web #22

    (00:11) Telegraficky

    (00:42) Linkodrom

    (04:29) Život s technologiemi

    (05:19) Na čem právě pracujeme

    (05:54) Tip z naší knížky

    (06:24) Závěr

    Telegraficky

    * Téměř na den přesně po roce měla Česká pošta výpadek internetové infrastruktury a nebylo možné ani odesílat datovky. * Proběhla další vlna konsolidace trhu s webhostingy. * Forendors umí distribuovat placené podcasty na Spotify. * Sherpas se mění na skupinu. * Asociace UX chce vědět, co má dělat.

    Linkodrom

    Kanadský interaktivní průvodce pro zadání veřejných zakázek. Jedno z poměrně častých přání lidí z veřejné správy je, aby existovaly šablony pro zadávání veřejných zakázek v ICT. Docela zajímavým způsobem k tomu přistupuje kanadská vláda. Vytváří pro tyhle účely interaktivní online průvodce. Jeden takový připravila i pro zadávání požadavků na přístupnost podle i u nás vyžadované normy EN 301 549. Máme se kde inspirovat!

    Belgická státní správa má bezpečnostní problém. V Belgii nechali exspirovat domény, které dříve používala státní správa. Obratem si je registroval bezpečnostní expert Inti De Ceukelaire. Na doménách potom sbíral e-maily z příchozí pošty a nechával uživatele obnovovat heslo. Tím se dostal ke spoustě osobních údajů. Píše o tom na Linkedin Jakub Onderka. My můžeme české státní správě držet palce, aby ještě nějakou dobu nepouštěla původní domény po přechodu na gov.cz. Odborníci doporučují, abychom si doménu ponechali alespoň deset let po tom, co na ní ukončíme provoz služeb.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Pokusy se Šelmou. Jazykový model Šelma od Seznamu si sami vyzkoušet nemůžeme, ale Martin Kirschner z týmu umělé inteligence Seznamu nabízí, že když mu pošlete prompt, zadá ho Šelmě za vás.

    Prompt: Chci si s tebou procvičit anglickou konverzaci. Hraj roli anglického číšníka v restauraci. Já budu hrát roli hosta. Když udělám v angličtině nějakou chybu, česky mi vysvětli, co jsem napsal špatně a jak by to mělo být správně a poté zase pokračuj anglicky v roli číšníka.

    SeLLMa 70b: Dobrý den, vítejte v naší restauraci! Bude mi ctí být dnes večer vaším číšníkem. Budeme si procvičovat anglickou konverzaci.

    Jak se promění vyhledávání s umělou inteligencí? Na tohle téma si spolu povídali Jiří Rostecký s Pavlem Ungrem. Pavel komentuje nasazení umělé inteligence ve výsledcích hledání Googlu v USA. Doporučuje, abychom sledovali, co to dělá s tamním trhem. Největší dopad předpokládá Pavel u informačních a zpravodajských webů: „Tohle je posun k tomu, co známe z filmů a seriálů, [posun] k odpovídání. Pošleš dotaz a Google ti opravdu odpoví.“

    Videozáznamy z WebExpa. Minulý týden proběhlo WebExpo a na webu už jsou videozáznamy z přednášek. Pro přístup k nahrávkám stačí zadat libovolný e-mail. Pokud nevíte, jakou přednáškou začít, zkuste například Dominiku Potužákovou. Dominika mluvila o testování navigačního systému pro Prahu. Nebo si pusťte prezentaci Vitaly Friedmana o inkluzivních návrhových vzorech. A pokud vás straší konec cookies třetí strany, Aneta Holá vám poví, jak se připravit. Byli jste na WebExpu? Podělte se na tipy na přednášky!

    Prezentace z Berlína. Minulý víkend probíhal také UXcamp Europe v Berlíně. Přezdívá se mu největší česká UX konference v zahraničí. Část prezentací najdete na Slacku (ještě pár týdnů můžete využít naši pozvánku). Nám přišla zajímavá přednáška Gunnara Bittersmanna Respect user preferences, Behavior Analysis, kterou prezentovala Martina Mitz nebo Doing good, doing great work, and strengthening democracy od Martina Jordana z německé digitální agentury.

    UX designéři nemají práci, neumí anglicky a nechtějí full-time. To je trochu příkrý závěr, který si z náborových rozhovorů udělal Kamil Skramuský. Ale není to až tak zlé. Kamil například tvrdí, že designéři s formálním vzděláním v oboru ovládají řemeslo lépe než samouci. Kamil si také všímá, že i designéři-muži chtějí mít odpoledne možnost trávit čas s dětmi. Martine, co ty na to? Já se v tom poznávám!

    Život s technologiemi

    Když byl výpočetní výkon omezený a drahý, dávalo smysl vytvářet jednoúčelový hardware, který byl odladěný na jednu konkrétní věc a nic jiného s ním dělat nešlo. Jak výkon roste a cena klesá, prosazuje se čím dál víc obecně použitelný hardware bez specifického zaměření.

    Zobrazovací zařízení přechází od segmentových displejů digitálek k rastrovým displejům současných chytrých hodinek. Rozhraní už netvoří několik tlačítek a otočných knoflíků, ale přes klávesnici a myš jsme se dopracovali k dotykovým displejům.

    Dá se podobný vývoj čekat také u softwaru? Od jednoúčelových programů v příkazovém řádku už se software vydal k superaplikacím a suitám. A teď do toho vstupuje umělá inteligence, která slibuje udělat podobnou revoluci jakou byl příchod point and click do uživatelského rozhraní.

    Na čem právě pracujeme

    Agentura ŠG na novoměstské náplavce slavila osmileté výročí. Strategické načasování a umístění dovolilo přijít jak lidem, kteří mířili na speakers dinner WebExpa, tak těm, kdo si odběhli z party ve Žlutých lázních. Zvláště milá byla labskoústecká návštěva, která dorazila proti proudu.

    Martin se po roce v agentuře 2FRESH vrací k práci pro vlastní klienty. V Brně sekundoval na kickoffu redesignu portálu Pro Památky a v Praze dotahuje rozhovory se zákazníky Spolehlivých serverů.

    Tip z naší knihy

    Od výzkumu chtějte rozbor problémů. Návrhy řešení si nechte až na koncept.

    Nepředbíhejte, nevymýšlejte řešení pro neexistující problém. Popište si, co potřebují vaši klienti řešit, prozkoumejte jejich motivace a podívejte se, s jakými potížemi bojují. Až přijde čas navrhnout koncept, usnadní vám to poznat nápady, které se pro váš web hodí.

    Nevymýšlejte argumenty pro své nápady. Jděte na to obráceně a hledejte nápady pro problémy a příležitosti, které vyjdou z výzkumu.

    A to je z prvního červnového zpravodaje Řekni si o web roku 2024 všechno. Zítra je Den ruštiny. Běžte v pátek nebo sobotu volit!

    Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu, RSS čtečky, jako podcast nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • (00:00) Řekni si o web # 21

    (00:13) Telegraficky

    (00:50) Linkodrom

    (03:49) Život s technologiemi

    (07:20) Na čem právě pracujeme

    (07:34) Tip z naší knihy

    (08:16) Závěr

    Telegraficky

    * Dnes začíná WebExpo. * Za měsíc skončí legendární komunikátor ICQ. * Frontendisti mají novou vizuální identitu. * Adresy Twitteru jsou přesměrovány na x.com. Definitivně? * Na katastrálním úřadu se můžete prokazovat eDoklady. * David Voráček z Economie tvrdí, že vydavatelé přijdou o stovky milionů ročně. * Parametr udm=14 v URL zbaví výsledky hledání na Googlu reklamy. * Umělá inteligence od Seznamu má kódové označení Šelma.

    Linkodrom

    Čeští hokejisté udělali radost nejen fanouškům, ale také BankID. Bankovní identita se na sociálních sítích pochlubila, že ji pro identifikaci u sázkovek použilo přes 75 tisíc nových sázkařů. A my se ptáme: Je rozumné, aby banka věděla, že holdujete hazardu?

    Také křižovatka české internetové infrastruktury NIX zaznamenala rekord — během finálového zápasu Česka se Švýcarskem kulminoval datový tok na 3,14 Tb/s. To je tolik dat, jako byste za sekundu přenesli skoro 400 celovečerních filmů ve FullHD.

    Atribut autocomplete v HTML zvýší kvalitu a bezpečnost hesel. K poli pro zadání hesla přidejte atribut autocomplete="current-password" a k poli pro nové heslo autocomplete="new-password". Umožníte tím správcům hesel doplňovat hesla za uživatele, říká Michal Špaček. A my dodáváme, že užitečné jsou také hodnoty username a one-time-code.

    Nabídněte dopravu zdarma pro objednávky nad 1500 korun, radí e-shopům Ondřej Ilinčev. Ondřej přečetl a shrnul Velký test logistiky. Doporučuje nabídnout výběr ze tří dopravců na adresu a dvou na výdejny a do boxů. U platby na dobírku připomeňte, že ji jde platit i kartou. Čtyři dny na doručení už lidé považují za příliš dlouhou dobu a při doručení na výdejnu je uvedení adresy zákazníka zbytečné.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Hrubé návrhy jsou důležitější, píše Pavel Samsonov. Designéři, kteří je vynechávají, se připravují o mocný nástroj pro ovlivňování strategie. Samsonov tvrdí, že hrubé návrhy jako storyboardy nebo wireframy pomáhají rychle identifikovat nejasnosti a nedostatky v konceptu. Naopak podrobné návrhy zanášejí nevyřešené problémy vizuální vrstvou. To může vést k mylné představě, že je design hotový a bez chyb. Zvláště to platí, pokud se k návrhu mají vyjadřovat ne-designéři. Samsonov zdůrazňuje, že cesta ke kvalitnímu designu není lineární a vyžaduje iterativní přístup.

    „Google lze věřit čím dál méně. Tvrdili, že neexistuje sandbox, nepoužívají Chrome, neexistuje žádná autorita domény a CTR ani dwell time nemají vliv. A ejhle, kecali.“

    — Pavel Ungr, Google unikla Google Search API dokumentace, co prozrazuje?

    Evropský akt o přístupnosti produktů a služeb se bude vedle WCAG řídit také evropskou normou 301549. Už jen rok a měsíc nás dělí od účinnosti evropské směrnice o požadavcích na přístupnost některých produktů a služeb. Gabriel Klingofström a Linnéa Runsten Fredrikssonová ve studii Accessibility in e-commerce uvádějí, že evropská norma přináší 137 požadavků, z nichž 96 je identických s WCAG 2.1. Evropská norma je oproti standardu W3C novější a zahrnuje požadavky také na hardware, newebový software nebo třeba dokumenty v PDF. Norma například říká, že systém nesmí být závislý na konkrétním biometrickém ověření (otisk prstu, duhovka, hlas, obličej) nebo že při uložení dokumentu do jiného formátu musí být vlastnosti přístupnosti zachovány, pokud to cílový formát umožňuje. Více se můžete dozvědět ze článku Károlyho Szántaie na Theseovi.

    Život s technologiemi

    Heuristika použitelnosti je vpodstatě kontrolní seznam, podle kterého evaluátoři posuzují, jak použitelný váš software nebo web je. Někteří UX specialisté ji prodávají také jako UX Audit, kde bývá použitelnost součástí širšího záběru. Asi nejznámější heuristikou je ta od Jakoba Nielsena, která letos slaví už třicet let.

    * Viditelnost stavu systému Poskytujte uživateli průběžně informaci o tom, v jakém stavu systém je a co se v něm děje. Je dokument uložený? Kdy naposledy? Jsme online? Máme ztišený mikrofon? Vidí všichni obrazovku, kterou sdílíme?

    * Shoda mezi systémem a skutečným světem Nastavte systém tak, aby fungoval ve shodě s tím, jak si uživatelé představují, že funguje. Rozumí uživatel jazyku, kterým systém komunikuje?

    * Kontrola a svoboda uživatele Dejte uživateli možnost řídit chování systému a snižte dopad špatných rozhodnutí. Funguje v prohlížeči tlačítko zpět? Může uživatel otevřít odkaz do nového tabu?

    * Konzistence a standardy Používejte ikony, slova, interaktivní komponenty a barevné palety jednotně napříč celým systémem, aby uživatel mohl snáze předvídat, jak systém zareaguje na jeho vstupy. Nezapomínejte, že podle Nielsenova zákona „uživatel tráví statisticky více času na jiných webech, než je ten váš, a proto se mu nevyplatí učit se odlišnosti v ovládání vašeho webu od těch ostatních“.

    * Prevence chyb Nastavte fungování systému tak, aby minimalizoval negativní dopad svého chodu a uživatelských rozhodnutí. Potvrzuje uživatel destruktivní akci způsobem, který mu nedovolí, odklepnout ji podvědomě? Dá se poslední krok vrátit? A dá se vrátit i s časovým odstupem?

    * Rozpoznání namísto vzpomínání Nabízejte uživateli akce; nespoléhejte, že je uživatel bude znát a zadá je z paměti. Tohle je slabá stránka příkazového řádku, ikonek bez popisků, ovládání gesty, vyhledávacích polí a AI promptů a chatů.

    * Flexibilita a efektivita používání Umožněte zkušeným uživatelům využívat produktivní zkratky a nové uživatele kontextově navádějte. Nebo jak říkal John Postel: „Buďte konzervativní v tom, co děláte, a liberální v tom, co přijímáte od ostatních.“

    * Estetický a minimalistický design Nezahlcujte uživatele komplexním rozhraním, zobrazujte pouze relevantní informace pro aktuální úkoly. Je určitě dobře, že toho váš komplexní systém zvládne spoustu, ale uživatele může přemíra možností mást.

    * Pomoc rozpoznat, diagnostikovat a zotavit se z chyb Poskytujte srozumitelnou odezvu týkající se chyb a jejich řešení. Je to chyba nebo vlastnost? Jaká chyba nastala a co to znamená? Stačí znovu načíst stránku, nebo je to hlubší problém?

    * Nápověda a dokumentace Připravte uživateli smysluplnou, stručnou nápovědu a umožněte mu jít více do hloubky při poznávání systému.

    Nielsenovým deseti heuristikám předcházelo devět heuristik. Ty Nielsen publikoval o čtyři roky dříve společně s dánským kolegou Rolfem Molichem. Takže vlastně slavíme už třicáté čtvrté výročí.

    Ačkoli jsou heuristiky třicet let staré, vůbec nezastaraly. Stále jsou dobrým východiskem a základem pro audity webů a aplikací z pohledu uživatelské přívětivosti. Oproti jiným metodám, jako je například uživatelské testování, je jejich výhodou, že nevyžadují žádný složitou přípravu ani přístup k uživatelům. Pokud byste se do heuristik chtěli pustit a oceníte trénované oko zkušeného profesionála, pak jsou tu Jakub a Martin pro vás.

    Na čem právě pracujeme

    Agentura Švejda Goldmann pokračuje ve spolupráci s Mitonem a Burda Media. Jakub k tomu říká: „Naše dlouhodobá spolupráce s těmito partnery pokračuje. Společně pracujeme na inovacích digitálních projektů.“

    Tip z naší knihy

    Výstup jednoho kroku je vstupem pro další krok. Při plánování prací začněte od konce: Co je potřeba k provozování webu? Docílíte tak efektivnějšího postupu, než když budete od začátku plánovat a přemýšlet, co můžete s výstupem udělat. Zaměříte se jen na ty výstupy, které potřebujete jako vstupy pro následné činnosti, které už máte vyřešené.

    Slepé uličky nemají v procesu co dělat. Osekejte je. Designéři někdy ze zvyku a setrvačnosti tvoří výstupy, které ale možná ve vašem případě neposouvají projekt vpřed. Velký rozdíl je mezi nezbytným množstvím výstupů pro malý web a webem pro korporaci, ve kterém je potřeba každý krok ověřit s širokou skupinou rozhodujících manažerů.

    Květen 2024 utekl jako voda a jsme na konci i 21. vydání newsletteru Řekni si o web. Uplynulo čtrnáct let od vydání článku Responsive web design, který způsobil převrat v navrhování pro web.

    Řekni si o web nově naladíte i jako podcast!

    Na shledanou za týden, Jakub Goldmann a Martin Kopta!



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • Linkodrom

    dTest podal stížnost na Temu. dTest si společně s dalšími evropskými spotřebitelskými organizacemi stěžuje na porušování evropského Aktu o digitálních službách. Stížnost poputuje od ČTÚ k obdobnému úřadu v Irsku, kde má tržiště evropské sídlo. (Za tip děkujeme Pavlu Ungrovi.)

    Googlebot má nové IP adresy. Hodí se to vědět, pokud blokujete indexování webu botům, které se za Google pouze vydávají. Také tento odkaz sdílel Pavel Ungr.

    Přepínání prototypu ve Figmě do dark módu proměnnou. Nolan Perking ve krátkém videu ukazuje, jak přepínat prototyp ve Figmě mezi nočním a denním režimem pomocí proměnných. A když si k Nolanově videu pustíte i zvuk, zjistíte, že kromě Figmy ovládá úžasně i svůj hlas.

    Uživatelský výzkum bez přístupu k uživatelům? Vitaly Friedman provokuje, když píše o uživatelském výzkumu bez uživatelů. Ale nebojte, není to další článek o tom, jak AI nahradí uživatelský výzkum. Vitaly doporučuje, že pokud máte omezený přístup k uživatelům, můžete se obrátit na obchodníky, uživatelskou podporu a další kolegy, kteří mají k uživatelům blízko.

    Připravte se na internet bez cookies třetí strany. Martin Benatzky sepsal pro MediaGuru přehled kroků, které je potřeba udělat v souvislosti s koncem podpory cookies třetí strany v prohlížečích.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    🇺🇦 Jak se mají a co dělají ukrajinští UX designéři. Pokud někdy přemýšlíte, jak vypadá život uxáků během války na Ukrajině, podívejte se na video Situation of the Ukrainian UX community, kterým vás provede produktová designérka Tanya Zavialova z Kyjeva.

    Je design thinking mrtvý? Lukáš Šaněk si včera povídal s Anežkou Řepík o designovém myšlení. Design Thinking je proces, se kterým můžete kreativně řešit různé výzvy a problémy. Anežka se podělila o nápady, jak využít výhody této metody v podnikání ve svůj prospěch.

    Vesmírní vetřelci útočí v RGB! Hráli jste space invaders na konzolích a arkádách? V téhle verzi na vás útočí tři vetřelci různých barev. Nad nimi svítí hexadecimální hodnota barvy v RGB, a pokud trefíte, který z těch tří tu barvu má, útok odvrátíte. S každým levelem jsou barvy vetřelců více zaměnitelné.

    V sobotu lidé třídí e-maily. Podle Mailkitu dochází v sobotu až 23 procentům odhlášení newsletterů a 29 procentům označení zprávy za spam. Odhlášení je pro metriky a doručitelnost newsletterů mnohem lepší reakcí než hození do spamu. Zapracujte na jednoduchém odhlášení. Od února vyžaduje Google odhlášení odběru na jeden klik u newsletterů s více než pěti tisíci odběrateli.

    Sami jste si web zpomalili. Naznačuje to studie, která měří vliv rozšíření Chromu na rychlost načítání webu. Tip jsme převzali od Martina Michálka.

    Pojmenovat proměnné a invalidovat cache – to jsou údajně jediné problémy IT. S tím prvním problémem, alespoň pokud jde o design tokeny, nám pomůže Zander Whitehurst. V krátkém videu vysvětluje výhody přechodu od primitivních k sémantickým tokenům. Tip máme od Kláry Scholleové.

    Naučte se Figmu za jednu hodinu.

    Google testuje AI na stránce výsledků hledání. V USA Google nasadil na SERP funkci AI Overview. U odkazů na webové stránky se ve výsledcích hledání zobrazuje shrnutí relevantní k položenému dotazu.

    Chrome 126 bude umět animovat přechody mezi stránkami. Jsme zvědaví, jestli se frontendisti utrhnou ze řetězu a zaplaví nás efekty přechodu mezi stránkami, jaké známe z powerpointových prezentací. Martin Michálek připomíná, že tuhle vychytávku uměl už stařičký MSIE 5.5.

    Život s technologiemi

    Limity jsme my. Jakkoli pokročilou technologii jako lidstvo vymyslíme, vždy narazíme na její mrzké uplatnění, protože jsme během návrhu v představivosti omezeni. Na jedné straně je nástup automatizace a integrace dnes ohromující. Na druhé straně integrátor často ignoruje uživatelské scénáře. Příkladů je nekonečno. Otevření dveří čipem nedeaktivuje poplašné zařízení, protože se to musí nastavit ručně; vysokoškolský učitel se v každé učebně znovu přihlašuje do počítače a ten si nepamatuje stav, ve kterém ho opustil v předchozí učebně; nekoupíte si nejlepší tablet na trhu, protože už máte stylus na nižší model. Nepodceňujme v praxi analýzu a uživatelský výzkum na straně návrhu technologie, ale především pro účel integrace.

    Na čem právě pracujeme

    Martin s Kubou od pondělka facilitují Design Sprint 2.0 se studenty předmětu Web design a uživatelská rozhraní na VŠE. 🤩

    🍀 Jde o přístup k velkým problémům a jejich řešení. 🍀 Vzešel z investiční skupiny Google Ventures.🍀 Populární slovo sprint je vypůjčené z agile metodiky, kde je to termín pro obvykle týden až tři dlouhé iterace.

    Pokud vás Design sprint zajímá, přečtěte si Kubův starší článek.

    Tip z naší knihy

    My lidé jsme obecně velmi špatní v odhadování toho, co je v našem životě běžné. Nemá smysl ptát se, jak nějakou situaci lidé řeší obvykle. Nejsme nejlepší ani v odhadování četnosti výskytu nějaké situace. Jsme ovšem velmi dobří v rozeznávání odchylek od zavedených vzorců.

    Neptejte se, jak lidé řeší situace obvykle. Ptejte se, jak ji řešili minule.

    Při rozhovorech se zákazníky se ptejte na to, kdy situace, která vás zajímá, nastala naposledy. Pokud se zeptáte dostatečného počtu lidí, můžete z toho odvodit obvyklou četnost výskytu. Ptejte se, jak posledně situaci řešili. Rekonstrukce nám jde dobře. Potom se zeptejte, co při tom posledním výskytu bylo jinak než obvykle.

    A to je ze čtvrtého květnového zpravodaje Řekni si o web roku 2024 všechno. Před dvaceti lety v pražských Letňanech slavnostně otevřel hypermarket Český sen. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu, jako podcast, do RSS čtečky nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • Linkodrom

    DiPSy od Cermatu zvládl přijímačky. Kolem Digitálního přihlašovacího systému, bylo letos velké pozdvižení, ale nakonec to vypadá, že přijímací řízení na střední školy zvládl obsloužit. Nechceme to zakřiknout: výsledky prvního kola přijímaček budou venku až po naší uzávěrce.

    Mapy.cz nabídnou prémiovou variantu. Ondřej Procházka, člen představenstva Seznamu, na svém Twitteru napsal, že Mapy.cz nebudou součástí programu předplatného pro uživatele, kteří se chtějí vyhnout cílené reklamě, ale pracují na prémiové variantě.

    100 % smluv mezi fyzickými osobami je stále na papíře, postěžoval si na malou adopci elektronického podpisu v pondělí na konferenci o eGovernmentu ISSS Karel Štencl z ČÚZK. Dění na konferenci shrnul Jan Blažek na svém Twitteru.

    Děti provede bezpečností na síti strážce internetu. Martin Kožíšek se věnuje ochraně dětí v online prostředí už skoro dvacet let. Jeho nová knížka Strážci internetu vám pomůže bavit se s dětmi od devíti let o internetu, sociálních sítích, gamingu nebo kyberšikaně.

    Zítra je Světový den přístupnosti. Až miliarda lidí na světě má nějaké postižení. Nejběžnější hendikepy jsou v oblasti zraku, sluchu, motoriky nebo kognice. Kromě lidí s trvalým hendikepem se každý z nás tu a tam dostane do situačních problémů s přístupností. Nezapomeňte, že už přístí rok bude v EU účinný zákon o přístupnosti, který se už netýká jen veřejné správy, a dokonce zasahuje i mimo internet a software. Tématu přístupnosti se bude věnovat konference Agora. Jestli chcete do přístupnosti lépe proniknout, zkuste kurz od Sary Soueidan. Až do 20. května ho pořídíte se slevou 25 % a další čtvrtinu ceny vám Sara odpustí, protože jste z Česka.

    CZPodcast #319 o novinkách v prohlížečích. Roman Pichlík a Jiří Fabián si povídali s odborníkem na internetovou bezpečnost Michalem Špačkem. Michal mluví hlavně o změnách v oblasti cookies třetích stran, zavádění nových bezpečnostních hlaviček, přístupu prohlížečů k bluetooth nebo USB a o technologiích jako WebAssembly. Michal vysvětluje, jak tyto novinky ovlivňují sledování uživatelů, zvyšují bezpečnost a mění způsob, jakým prohlížeče fungují.

    UX výzkumník je jako detektiv Colombo, píše výzkumnice Michala Pítrová. V novém článku Čtyři chyby při pokládání otázek ve výzkumu se zaměřuje na způsob kladení otázek v rozhovoru s respondentem a nabízí vhodnější postupy.

    Jeďte na UX Summer Camp s Alma Career. Designérský a výzkumný tým, který stojí například za Jobs.cz, vás zve na bezplatný šestidenní letní kurz UX zhruba ve struktuře Design Sprintu. Tip přinesla Daria Sindelarova.

    Termín UX se objevil před 29 lety, připomíná Petr Kovář. O user experience psali Don Norman, Jim Miller a Austin Henderson v konferenčním příspěvku What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer na konferenci CHI ’95. Ono to tedy není úplně poprvé, kdy se o user experience psalo, ale od toho okamžiku začalo UX být oborem.

    16 pluginů pro Figmu, které šetří čas, sepsal Filip Greš.

    Zvládnete obkreslit tvar? A tak určitě! V téhle hře si procvičíte kreslení pomocí beziérových křivek. Pokud jste ještě s vektorovým editorem nekreslili, nevadí. Hra začíná krátkým tutoriálem. Jak jste dopadli?

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    GSC Guardian rozšiřuje možnosti Google Search Console. Google Search Console je spíš spartánská, a tak tohle rozšíření pro Google Chrome přijde vhod. Nejenže ukazuje přehledně, kdy docházelo k velkým updatům, ale můžete si do grafu zapisovat vlastní poznámky, abyste později snáze pochopili, co se to s indexací vašeho webu dělo. Za tip děkujeme Jardovi Hlavinkovi, jehož Twitter je užitečným zdrojem postřehů k SEO.

    Screaming Frog SEO Spider má novou verzi. Když jsme u těch nástrojů pro SEO, Pavel Ungr odkazuje na Screaming Frog, což je nástroj, který vám pomůže udělat inventůru webu. Nově ho můžete použít s GPT, což se hodí třeba pro generování popisků, klíčových slov nebo alternativních textů k obrázkům.

    URL Explorer Marka Prokopa. A do třetice SEO nástrojů: Marek Prokop je nadšený programátor v R. Napsal v něm sadu funkcí pro SEO specialisty pro využití při analýze a objevování vzorců v seznamech URL.

    Život s technologiemi

    Ještě před rokem a půl jsme klientům říkali, že každá hodina hloubkového rozhovoru s respondentem vyžaduje zhruba tři a půl hodiny zpracování. Při deseti rozhovorech to pak znamenalo, že klient dostal první výsledky nejdříve týden po posledním rozhovoru. To se ale změnilo.

    Objevil se Whisper. Kvalitní strojový přepis, který funguje i s češtinou. Najednou jsme nemuseli na přepisy čekat do druhého dne a platit šest korun za minutu, ale dostali jsme během chvilky přepis v obstojné kvalitě. Dnes je strojový přepis zakomponovaný do většiny výzkumných nástrojů, takže výzkumníci už nemusejí být geekové, aby rozhovory dostali do textu. Nástroje jako Descript nebo TurboScribe zvládnou dokonce rozeznání jednotlivých mluvčích.

    Texty zbývá otagovat, seskupit pasáže podle témat, shrnout a interpretovat. Mohla by to dělat AI? Samozřejmě, ale ze začátku měly nástroje jako Chat-GPT omezený limit pro textové zadání. Výzkumníci proto používali Claude, který nabízel kontext až 100.000 tokenů. Dnes už Chat-GPT velké kontexty zvládá a dá se nastavit tak, abychom se nemuseli bát, že by si na našich textech trénoval modely. I s analýzou textů si poradí přímo výzkumné nástroje.

    Díky strojovým přepisům a analýze textu s AI můžeme výstupy z rozhovorů dodávat třeba hned následující den po posledním rozhovoru. Časem dost možná výzkumníky AI nahradí i při rozhovorech samotných, ale nějakou dobu se ještě uplatníme při nastavování výzkumu pomocí výzkumného cíle a výzkumných otázek. Na nich totiž záleží, jak je rozhovor tematicky zaměřený a interpretovaný.

    Na čem právě pracujeme

    V agentuře Švejda Goldmann se aktivně věnujeme úpravě a vylepšování heuristiky s cílem zlepšit přístupnost našich projektů. „Naše práce je stále více zaměřena na inkluzivitu a přístupnost, což se stává klíčovým aspektem našeho designového procesu,“ říká Jakub. A bude to zajímat brzy všechny.

    Tip z naší knížky

    Trvejte na tom, aby všechny výstupy pro archivaci byly také v otevřeném formátu pro případ, že později změníte dodavatele nebo použitý nástroj zanikne. Historicky se osvědčují textové výstupy, ať už je to markdown pro text, nebo SVG pro grafiku, které lze vždy nějak konvertovat do aktuálně používaných formátů.

    A to je všechno ze zpravodaje Řekni si o web #19 vydaného dvacet let od sezóny, ve které anglický Arsenal FC nebyl ani jednou poražen. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Hezký týden,Jakub Goldmann a Martin Kopta.

    Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz
  • Linkodrom

    Cestování po EU jen s mobilem. DIA píše, že v Úředním věstníku EU vyšla revize nařízení eIDAS, která upravuje uznávání dokladů v elektronické podobě. Znamená to, že kdekoli v EU by nám brzy měla stačit aplikace eDoklady s občankou a třeba řidičákem a kartou pojištěnce. Občanku už apka umí, tak teď ty další doklady, prosíme.

    51 % lidí se děsí randění s AI avatarem. I přesto vzrostlo hledání dotazu „AI girlfriend“ za poslední rok o více než pět set procent a skoro třetina lidí využívá AI k vylepšení svých profilů na seznamkách. Vyplývá to z průzkumů, které shromáždila Česká asociace umělé inteligence.

    Startupy potřebují prorůstové prostředí. Hrot píše, jak se daří startupům v českém prostředí. Koncem dubna podepsalo 146 zakladatelů českých startupů otevřený dopis premiérovi. Dopis se točí hlavně kolem zaměstnaneckých akcií. Jen tak mimochodem jsme se dozvěděli, že ve startupech pracuje v Česku víc lidí než v zemědělství. Tak jen aby nám nepomrzly.

    Bingu roste tržní podíl. Marek Lecián na Facebooku ukazuje, že Bing má v Česku tržní podíl na vyhledávání přes čtyři procenta. Odkazuje přitom na Statcounter a Statistu. Těžko říct, co za tím je. Snad Copilot s GPT-4 nebo rostoucí obliba Edge na Windows 11? Na desktopu se už Bing dotahuje na Seznam.

    Jak na UX portfolia? Aneta Kmiecik začala v únoru psát newsletter zaměřený na UX portfolia. Jestli správně počítáme její čtrnáctidenní takt, v pátek se můžeme těšit na šesté vydání.

    Baví vás tenhle příspěvek? Řekněte o něm ostatním!

    Text z komponenty karty má jít prokliknout i označit, připomíná Klára Scholleová zásadu, která podporuje nejen použitelnost, ale také přístupnost webu. V příspěvku na Linkedin pak doporučuje knihu Inclusive Components a výpravný web, o který se stará Heydon Pickering.

    Petra Dolejšová se vyjadřuje k přístupu „dej data nebo plať“. Advokátka zaměřující se na digitální právo opakuje zásadu dobrovolnosti udělení souhlasu a nemožnost penalizace nebo odepření služby lidem, kteří souhlas neudělí.

    Proč firmy propouštějí designéry? Luděk Pikard našel odpověď ve článku Product Design Is Lost: Designéři chtějí navrhovat nové přístupy a smysluplné zážitky, kdežto byznys potřebuje mitigovat riziko neúspěchu. Nemůžou si rozumět.

    Kde se berou dobré nápady? Takhle se ptá Jakub Linowski, a aby získal odpověď, podíval se na zdroje nápadů, které vyšly jako lepší v A/B testování. Ondřej Ilinčev si už dříve všiml, že většina nápadů je příšerná. K Linowského článku přidal pár svých postřehů a přeložil ho do češtiny. I ty nejlepší zdroje nápadů jsou ale vlastně úspěšné v méně než polovině případů. Nápad totiž není dobrý ani špatný, dokud ho neověříte. A to, že v jiné době a kontextu se nápad neosvědčil, neznamená, že by to tentorkát nemělo klapnout. Nevzdávejte to!

    Život s technologiemi

    Od minulého newsletteru jste mohli zaznamenat, že kromě textu máme k dispozici také namluvenou variantu. Voiceover za nás namlouvají robohlasy vydestilované z našich nahrávek. S klonováním virtuálních avatarů koketujeme už od léta, ale definitivně nás přesvědčil avatar Jana Řezáče, který na nás promlouvá ve videu na Linkedin.

    Po několika pokusech, které neměly moc kvalitní výstupy nebo je nebylo možné použít pro češtinu, jsme zvolili „polský“ ElevenLabs.

    A jak klonování hlasu funguje? Každý jsme nahráli pár minut svého hlasu. Nahrávky jsme vyčistili od zvuků pozadí a echa náhodně nalezeným online nástrojem z internetu. Vzorky jsme pak nahráli do rozhraní ElevenLabs a nechali z nich vytvořit klony. Takto syntetizované hlasy pak přiřazujeme částem textu v editoru projektů v ElevenLabs.

    Syntéza hlasu funguje vcelku dobře i bez zvláštních úprav textu. Jen tu a tam vyhodíme část, která nedává bez formátování nebo hypertextových odkazů smysl. Někdy upravíme interpunkci pro lepší frázování a ve zcela výjimečných případech doplníme výslovnost do slovníku. Pokud byste se s tvorbou slovníku nechtěli zdržovat, můžete samozřejmě přímo v textu prostě místo pravopisné podoby slovo zapsat tak, jak chcete, aby bylo vyslovené.

    Možná si říkáte: Proč text prostě sami nenamluvíme? Newsletter připravujeme většinou pozdě v noci nebo brzy ráno. Obvykle u toho jeden z nás není. Nebo jsme v prostředí, kde není vhodné nahlas mluvit, případně je okolo dost rušno. S nahráváním už máme nějakou zkušenost a víme, že zabere docela dost času, aby k něčemu bylo. Možnost vygenerovat audio z textu nám tak přijde i praktičtější. V neposlední řadě bychom se rádi pustili i do anglicky mluveného slova, a co si budeme říkat, naše klony mluví anglicky mnohem lépe, než my sami. Ještě chvíli budeme laborovat s voiceoverem k newsletteru, ale brzy bychom chtěli začít publikovat i plnohodnotný podcast a webináře.

    Budeme rádi, když nám napíšete, jak vám voiceover od našich robohlasů vyhovuje a jak bychom mohli zvukouvou variantu newsletteru upravit, aby se vám lépe poslouchala.

    Na čem právě pracujeme

    V agentuře Švejda Goldmann nedávno spustili nový web pro Upvest a nyní pracují na vývoji vnitřní webové aplikace. „Je to pro nás další příležitost integrovat nejnovější digitální trendy a inovace do praktických řešení pro naše klienty,“ říká Jakub.

    Jan Polzer recenzoval knížku 75 tipů, jak si říct o web na svém blogu: „Se čtenářem autoři komunikují spíše formálním jazykem, rozhodně nejsou přehnaně cool a vtipní, kniha se ale velmi dobře čte a je srozumitelná. Hodně se mi líbí, že se čtenář dozví nejenom, co přesně má dělat a jak uvažovat, ale také co jej čeká ve chvíli, kdy se spojí s někým, kdo mu bude web realizovat.“

    A to je z květnového zpravodaje Řekni si o web 79 let po válce ✌️ všechno. Díky všem za feedback. Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.

    Mír s vámi,Jakub Goldmann a Martin Kopta.

    Líbí se vám podcast Řekni si o web? Přihlaste se k pravidelnému odběru nebo si nechte obsah podcastu posílat do e-mailu z webu reknisioweb.cz.



    This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz