Jakub Goldmann a Martin Kopta

Byznys

Design

Marketing

Umění

Přehled digitálních whiteboardů. Řekni si o web #39

Řekni si o web – Podcast pro majitele a designéry webů

Jakub Goldmann a Martin Kopta. Specialisté na webdesign a digitální strategie. Tipy a triky pro designéry, manažery i podnikatele, kteří spravují své vlastní weby. Sledujte nové techniky a trendy ve světě webu → 📒 75 tipů, jak si říct o web <a href="https://www.reknisioweb.cz?utm_medium=podcast">www.reknisioweb.cz</a>

Telegraficky* IT a UX odborníci požadují udržení digitalizace.* Češi jsou pro zákaz mobilů ve školách.* Paralelní Polis zavírá.* Google si stěžuje EU na Microsoft.* ChatGPT zdraží.* CZC už není samostatným obchodem.* Lupa zavádí dobrovolné předplatné a Křišťálová Lupa 2024 spustila hlasování veřejnosti.* Koná se Inktober.Každý den vám připravujeme jednohubky na našem webu (RSS feed).LinkodromObsah až na prvním místě – to je návrhový přístup který zakládá na předpokladu, že uživatelé přicházejí na web hlavně kvůli obsahu, a proto by se design měl podřizovat potřebám obsahu. Je tedy jasné, že přístup content first se uplatní u obsahových webů. Pro interaktivní aplikace se pak spíše uplatňuje task-oriented design, ale o tom zase až někdy příště.Navrhování kolem obsahu předpokládá, že obsah máme k dispozici hned od počátku, což vás může zaskočit. Jak takový content-first design funguje? Skvěle to před devíti lety popsal Machal na WebExpu: * Vytvoření srozumitelného textu s definovanou strukturou nadpisů (důležité pro přístupnost).* Přidání UI prvků jako tlačítek a ikon pro podporu obsahu.* Implementace interakčních prvků, jako jsou animace, které zlepšují uživatelský zážitek.Jako designéři s přístupem obsah na prvním místě volíme během návrhu trochu jiné metody. Pracujeme například content priority guidem a content invetory. Návrháři si v průběhu času postupně začali říkat UI designéři, což vede k odklonu od tvorby obsahových webů k aplikacím. Vytrácí se tak kompetence třeba v oblasti informačního designu a architektury, kterou postupně ovládli například SEO specialisti.Jaký typ kreativce jste? U patnácti otázek se vždy rozhodnete mezi dvěma možnostmi a na konci se dozvíte, co jste za druh kreativce. Je pro vás důležitější cesta nebo cíl? Uvažujete v systémech nebo v příbězích? Martin je podle dnešního kvízu inovátor. A co vy?Baví vás tenhle příspěvek? Řekněte o něm ostatním!Život s technologiemiS koncem roku Google zavře službu Jamboard. Jako interaktivní tabule je součástí aplikační suity Google Workspace. Zeptali jsme se na Twitteru na doporučení na další digitální whiteboardy, které by mohly Jamboard zastoupit. Tady jsou:* Český Collboard míří hlavně na učitele a žáky základních škol. Pro její jednoduchost a velmi přímočarý onboarding ale najde uplatnění všude, kde spolupracujete s lidmi, kteří si s whiteboardy a technikou úplně netykají. Výhodou je, že je Collboard bezplatný a tabuli nebo její část můžete stáhnout v mnoha různých formátech.* OrgPad je dalším českým příspěvkem tabulové civilizaci. Začal vizualizací vztahů mezi informacemi a dodnes je v tomhle bezkonkurenční.* tldraw prostě rovnou používáte. Tabuli si můžete stáhnout offline a později zase nahrát na web. Mluví česky a nevyžaduje přihlášení.* Whimsical mají rádi freelanceři, protože je pro jejich využití zdarma. Jeho nadšeným propagátorem je Dalibor Musil a víc o téhle tabuli si přečtete na jeho blogu.* Ve školách je populární Padlet. Kromě klasické tabule toho umí něco víc a rozhodně nepůsobí stroze korporátním dojmem.* Designéři nedají dopustit na FigJam, který je součástí balíčků Figmy, ale můžete ho licencovat i jednotlivě. Je tu stále přítomná hravost a tvořivost a snadno se z něj kopírují objekty do návrhů.* Microsoft Whiteboard najdete v MS365 a v Teams. Snaží se být jednoduchý a nejspíš ho budete používat, pokud pracujete ostatními nástroji Microsoftu, protože už ho vlastně máte.* Na iOS najdete aplikaci Freeform. Nemá webovou verzi, a tak ji využijete jen uvnitř ekosystému. Je ideální pro osobní použití.* Mural je vyzyvatel Mira. BoB Marvan ho má rád kvůli snadnému onboardingu třeba při školeních a workshopech.* Miro je leader trhu. Je oblíbený v korporacích, u profesionálních školitelů a lektorů. Má velkorysou licenční politiku vůči studentům a učitelům. Jeho tvůrci rádi tvrdí, že to není tabule, ale nástroj pro spolupráci, což se projevuje v tom, že rozšiřuje featureset. Má ohromnou zásobárnu šablon a ukázek.Tip z naší knihyOvěřte, že vaše výchozí předpoklady jsou správnéPrvní zamilování do nápadu je vzrušující, ale často prchavé. Nenechte se příliš unést tím, jak skvěle vaše myšlenka na první pohled vypadá. Je důležité ji podrobit zkoumání a ověřit, jestli skutečně stojí na pevných základech. Vyplatí se investovat čas a energii do kritického hodnocení úvodních předpokladů. Ujistěte se, že vaše hypotéza opravdu řeší ten problém, kvůli kterému web vytváříte.Buďte opatrní, co si přejete – mohlo by se vám to totiž vyplnit. Například pokud si přejete, aby si vaši zákazníci mohli sami změnit termín rezervace, může to vést ke vzniku složitého a drahého rezervačního systému. Přitom často stačí umožnit jim, aby vás mohli snadno kontaktovat, aniž by museli zvednout telefon a volat.Říjen je nabitý odbornými akcemi. V říjnu se konají konference Data Restart, Pravidla se změnila, Digifest nebo Frontkon a hromada komunitních akcí, které jsou rozeseté různě po republice nebo online. S Jakubem a Martinem se potkáte v Praze na Frontkonu a v Českých Budějovicích na Čtvrtkonu. Přehled akcí jako obvykle najdete na webu.A to je z prvního říjnového zpravodaje Řekni si o web roku 2024 všechno. Před 74 lety začal vycházet komiksový proužek o Charlie Brownovi. Díky, že o sobě dáváte vědět! Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.Hezký týden,Jakub Goldmann a Martin Kopta.Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit www.reknisioweb.cz

Telegraficky* IT a UX odborníci <a target="_blank" href="https://gov.cz/e-petice/882-vyzva-za-strategicky-pristup-k-digitalizaci-kvalita-flexibilita-a-udrzitelnost-ve-statnich-projektech">požadují udržení digitalizace</a>.* Češi jsou pro <a target="_blank" href="https://www.reknisioweb.cz/p/cesi-podporuji-zakaz-mobilu-ve-skole">zákaz mobilů ve školách</a>.* <a target="_blank" href="https://www.wired.cz/clanky/paralelni-polis-po-deseti-letech-konci-kryptoscene-jsme-se-odcizili-rika-tyc">Paralelní Polis zavírá.</a>* <a target="_blank" href="https://www.bundeskartellamt.de/SharedDocs/Meldung/EN/Pressemitteilungen/2024/30_09_2024_Microsoft_19a.html">Google si stěžuje EU na Microsoft.</a>* <a target="_blank" href="https://www.reknisioweb.cz/p/chatgpt-zdrazi-predplatne-na-22-usd">ChatGPT zdraží.</a>* <a target="_blank" href="https://www.reknisioweb.cz/p/czc-uz-je-allegro">CZC už není</a> samostatným obchodem.* Lupa zavádí <a target="_blank" href="https://www.lupa.cz/podporte/">dobrovolné předplatné</a> a Křišťálová Lupa 2024 spustila <a target="_blank" href="https://www.reknisioweb.cz/p/kristalovka-2024-hlasovani">hlasování veřejnosti</a>.* Koná se <a target="_blank" href="https://bsky.app/hashtag/Inktober2024">Inktober</a>.Každý den vám připravujeme <a target="_blank" href="https://www.reknisioweb.cz/s/jednohubky/archive?sort=new">jednohubky</a> na našem webu (<a target="_blank" href="https://www.reknisioweb.cz/feed?sectionId=130962">RSS feed</a>).LinkodromObsah až na prvním místě – to je návrhový přístup který zakládá na předpokladu, že uživatelé přicházejí na web hlavně kvůli obsahu, a proto by se design měl podřizovat potřebám obsahu. Je tedy jasné, že <a target="_blank" href="https://www.interaction-design.org/literature/topics/content-first">přístup content first</a> se uplatní u obsahových webů. Pro interaktivní aplikace se pak spíše uplatňuje <a target="_blank" href="https://hcibib.org/tcuid/">task-oriented design</a>, ale o tom zase až někdy příště.<a target="_blank" href="https://medium.com/@francesthurston12456/why-is-content-first-important-111b03310292">Navrhování kolem obsahu</a> předpokládá, že obsah máme k dispozici hned od počátku, což vás může zaskočit. Jak takový content-first design funguje? Skvěle to před devíti lety <a target="_blank" href="https://www.vzhurudolu.cz/blog/38-design-v-prohlizeci#:~:text=M%C5%AFj%20proces%20n%C3%A1vrhu%20rozhran%C3%AD%20vypad%C3%A1%20takto%3A">popsal Machal</a> na WebExpu: * Vytvoření srozumitelného textu s definovanou strukturou nadpisů (důležité pro přístupnost).* Přidání UI prvků jako tlačítek a ikon pro podporu obsahu.* Implementace interakčních prvků, jako jsou animace, které zlepšují uživatelský zážitek.Jako designéři s přístupem <a target="_blank" href="https://www.interaction-design.org/literature/article/mobile-first-and-the-power-of-mobile-computing">obsah na prvním místě</a> volíme během návrhu trochu jiné metody. Pracujeme například <a target="_blank" href="https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes/">content priority guidem</a> a <a target="_blank" href="https://www.nngroup.com/articles/content-audits/">content invetory</a>. Návrháři si v průběhu času postupně začali říkat UI designéři, což vede k odklonu od tvorby obsahových webů k aplikacím. Vytrácí se tak kompetence třeba v oblasti informačního designu a architektury, kterou postupně ovládli například SEO specialisti.Jaký typ kreativce jste? U patnácti otázek se vždy rozhodnete mezi dvěma možnostmi a na konci se dozvíte, <a target="_blank" href="https://mycreativetype.com/">co jste za druh kreativce</a>. Je pro vás důležitější cesta nebo cíl? Uvažujete v systémech nebo v příbězích? Martin je podle dnešního kvízu inovátor. A co vy?Baví vás tenhle příspěvek? Řekněte o něm ostatním!Život s technologiemiS koncem roku Google zavře službu Jamboard. Jako interaktivní tabule je součástí aplikační suity Google Workspace. <a target="_blank" href="https://x.com/atpok/status/1839921576231223550">Zeptali jsme se na Twitteru</a> na doporučení na další digitální whiteboardy, které by mohly Jamboard zastoupit. Tady jsou:* Český <a target="_blank" href="https://collboard.com/">Collboard</a> míří hlavně na učitele a žáky základních škol. Pro její jednoduchost a velmi přímočarý onboarding ale najde uplatnění všude, kde spolupracujete s lidmi, kteří si s whiteboardy a technikou úplně netykají. Výhodou je, že je Collboard bezplatný a tabuli nebo její část můžete stáhnout v mnoha různých formátech.* <a target="_blank" href="https://orgpad.com/list">OrgPad</a> je dalším českým příspěvkem tabulové civilizaci. Začal vizualizací vztahů mezi informacemi a dodnes je v tomhle bezkonkurenční.* <a target="_blank" href="https://www.tldraw.com/">tldraw</a> prostě rovnou používáte. Tabuli si můžete stáhnout offline a později zase nahrát na web. Mluví česky a nevyžaduje přihlášení.* <a target="_blank" href="https://whimsical.com/">Whimsical</a> mají rádi freelanceři, protože je pro jejich využití zdarma. Jeho nadšeným propagátorem je Dalibor Musil a <a target="_blank" href="https://dalamusil.com/predstaveni-aplikace-whimsical">víc o téhle tabuli</a> si přečtete na jeho blogu.* Ve školách je populární <a target="_blank" href="https://padlet.com/">Padlet</a>. Kromě klasické tabule toho <a target="_blank" href="https://padlet.help/l/cs/article/8izrmuejli-co-je-padlet-sandbox">umí něco víc</a> a rozhodně nepůsobí stroze korporátním dojmem.* Designéři nedají dopustit na <a target="_blank" href="https://www.figma.com/figjam/">FigJam</a>, který je součástí balíčků Figmy, ale můžete ho licencovat i jednotlivě. Je tu stále přítomná hravost a tvořivost a snadno se z něj kopírují objekty do návrhů.* <a target="_blank" href="https://www.microsoft.com/cs-cz/microsoft-365/microsoft-whiteboard/digital-whiteboard-app">Microsoft Whiteboard</a> najdete v MS365 a v Teams. Snaží se být jednoduchý a nejspíš ho budete používat, pokud pracujete ostatními nástroji Microsoftu, protože už ho vlastně máte.* Na iOS najdete aplikaci <a target="_blank" href="https://support.apple.com/cs-cz/guide/ipad/ipad9c59637d/ipados">Freeform</a>. Nemá webovou verzi, a tak ji využijete jen uvnitř ekosystému. Je ideální pro osobní použití.* <a target="_blank" href="https://www.mural.co/">Mural</a> je vyzyvatel Mira. BoB Marvan ho má rád kvůli snadnému onboardingu třeba při školeních a workshopech.* <a target="_blank" href="https://miro.com/">Miro</a> je leader trhu. Je oblíbený v korporacích, u profesionálních školitelů a lektorů. Má velkorysou licenční politiku vůči studentům a učitelům. Jeho tvůrci rádi tvrdí, že to není tabule, ale nástroj pro spolupráci, což se projevuje v tom, že rozšiřuje featureset. Má ohromnou <a target="_blank" href="https://miro.com/miroverse/">zásobárnu šablon a ukázek</a>.Tip z naší knihyOvěřte, že vaše výchozí předpoklady jsou správnéPrvní zamilování do nápadu je vzrušující, ale často prchavé. Nenechte se příliš unést tím, jak skvěle vaše myšlenka na první pohled vypadá. Je důležité ji podrobit zkoumání a ověřit, jestli skutečně stojí na pevných základech. Vyplatí se investovat čas a energii do kritického hodnocení úvodních předpokladů. Ujistěte se, že vaše hypotéza opravdu řeší ten problém, kvůli kterému web vytváříte.Buďte opatrní, co si přejete – mohlo by se vám to totiž vyplnit. Například pokud si přejete, aby si vaši zákazníci mohli sami změnit termín rezervace, může to vést ke vzniku složitého a drahého rezervačního systému. Přitom často stačí umožnit jim, aby vás mohli snadno kontaktovat, aniž by museli zvednout telefon a volat.Říjen je nabitý odbornými akcemi. V říjnu se konají konference <a target="_blank" href="https://www.datarestart.cz/">Data Restart</a>, <a target="_blank" href="https://www.pravidlasezmenila.cz/psz_konference/">Pravidla se změnila</a>, <a target="_blank" href="https://www.digifest.cz/">Digifest</a> nebo <a target="_blank" href="https://frontendisti.cz/konference">Frontkon</a> a hromada komunitních akcí, které jsou rozeseté různě po republice nebo online. S Jakubem a Martinem se potkáte v Praze na Frontkonu a v Českých Budějovicích na <a target="_blank" href="https://ctvrtkon.cz/udalost/dsn-ctvrtkon-119">Čtvrtkonu</a>. <a target="_blank" href="https://www.reknisioweb.cz/p/konference-2024-10">Přehled akcí jako obvykle</a> najdete na webu.A to je z prvního říjnového zpravodaje <a target="_blank" href="https://reknisioweb.cz/">Řekni si o web</a> roku 2024 všechno. Před 74 lety začal vycházet <a target="_blank" href="https://peanuts.fandom.com/wiki/October_1950_comic_strips">komiksový proužek o Charlie Brownovi</a>. Díky, že o sobě dáváte vědět! Pokud pro nás máte nějaký tip, co příště vylepšit nebo udělat jinak, těšíme se.Hezký týden,Jakub Goldmann a Martin Kopta.Líbí se vám newsletter Řekni si o web? Přihlaste se k pravidelnému odběru do e-mailu nebo přes Substack. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit <a href="https://www.reknisioweb.cz?utm_medium=podcast&utm_campaign=CTA_1">www.reknisioweb.cz</a>

Aplikace Youradio Talk

Přehled digitálních whiteboardů. Řekni si o web #39

Poslechněte si podcast