<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" version="2.0">

<channel data-v-component-posts="feed" data-v-limit="50" data-v-type="post" data-v-direction="desc" data-v-order_by="updated_at">	<title>News Vvveb</title>
	<link>https://vvveb.com/feed/posts</link>
	<description>The latest news about Vvveb</description>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://vvveb.com</generator>

	<image>
		<url>/favicon.ico</url>
		<title>Vvveb News</title>
		<link>https://www.vvveb.com/feed/posts</link>
		<width>32</width>
		<height>32</height>
	</image> 

		<item data-v-post="post" data-v-id="38">
			<title data-v-post-name="name">Infografika jako studijní materiál pro další generaci programátorů.</title>
			<link data-v-post-full-url="name">https://uxport.tadyadam.cz/infografika-jako-studijni-material-pro-dalsi-generaci-programatoru</link>
			<dc:creator data-v-post-display_name="name"><![CDATA[Admin]]></dc:creator>
			<pubDate data-v-post-pubDate="date">Tue, 02 Jun 2026 10:59:16 +0200</pubDate>
			<category data-v-post-category-name="category" data-filter-cdata=""><![CDATA[Category]]></category>
			<description data-v-post-excerpt="excerpt" data-filter-cdata=""><![CDATA[Cílem v kurzu 4ME501 Komunikace a multimédia bylo navrhnout a zpracovat infografiku na zvolené téma. Rozhodl jsem se vytvořit materiál, který jsem distribuoval dále studentům.]]></description>
			<content:encoded data-v-post-content="content" data-filter-cdata=""><![CDATA[
<h2>Cíl: Předání znalostí</h2>
<p>Během začátku roku jsem se svými studenty začínal úvod do programovacího jazyka JavaScript - jednoho z nejpopulárnějších jazyků dnešního světa, který je základem webového programování. Během kurzu <strong>4ME501 Komunikace a multimédia</strong> se naskytla výborná příležitost navrhnout přehlednou sumarizační infografiku, která by čtenáři představila úplné základy webového programování - Document Object Model, selekci elementů a základní metody používané na webu. </p>
<blockquote>
<p>Mou vizí bylo infografiku zakomponovat do výuky a dát jí k dispozici studentům jako základní výukový materiál. </p>
</blockquote>
<h2>Výsledky</h2>
<div></div>
<p><iframe style="border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; height: 600px;" src="https://embed.figma.com/design/yTPMQdmZ0wH7MguBgMqPY3/Komunikace-a-multimedia---Ukoly?node-id=0-1&amp;embed-host=share" allowfullscreen="allowfullscreen">
  </iframe></p>
]]></content:encoded>		
		</item><item data-v-post="post" data-v-id="32">
			<title data-v-post-name="name">Cesta do mysli kávoholiků. Tvorba UI a značky pro fiktivní e-shop s kávou.</title>
			<link data-v-post-full-url="name">https://uxport.tadyadam.cz/cesta-do-mysli-kavoholiku-tvorba-ui-a-znacky-pro-fiktivni-e-shop-s-kavou</link>
			<dc:creator data-v-post-display_name="name"><![CDATA[Admin]]></dc:creator>
			<pubDate data-v-post-pubDate="date">Mon, 18 May 2026 14:02:23 +0200</pubDate>
			<category data-v-post-category-name="category" data-filter-cdata=""><![CDATA[Category]]></category>
			<description data-v-post-excerpt="excerpt" data-filter-cdata=""><![CDATA[Celosemestrální práce v kurzu 4ME485 Design uživatelských rozhraní mě naučil dvě věci: pít kávu a význam cílové skupiny v procesu návrhu. Vydal jsem se na cestu designování nového e-shopu pro prémiovou značku s kávou s hravým názvem.]]></description>
			<content:encoded data-v-post-content="content" data-filter-cdata=""><![CDATA[
<p>Během zimního semestru semestru v roce 2025 nám byl zadán jednoduchý úkol - vytvořit podle low-fidelity návrhu produktovou stránku pro e-shop. Trh kávových značek je v česku velmi saturovaný. Výzvou bylo vytovřit rozhraní takové, aby bylo funkční a zároveň přitahovalo pozornost.</p>
<h2>Značka Nerd's Coffee</h2>
<p>Rozhodl jsem se e-shop přetvořit pro cílovou skupinu, která se o kávu velmi zajímá a očekává od prezentace více, než běžný spotřebitel. Tato skupina se v anglickém jazyce často nazývá <em>"Coffee Nerds" (kávový nerd).</em> </p>
<p>Inspirací pro značku byl můj známý, který právě do této skupiny zapadá. Ten byl také hlavním konzultantem pro obsah, který se na stránce nachází. Značka byla postavena na prémiovosti, kvalitě a pocitu limitovaných zásob.</p>
<div><img src="https://uxport.mrozekadam.cz/content/projects/images/nerds-coffee/logo.svg" alt="Nerd's Coffee logo"></div>
<div>Barevná paleta byla zvolena tak, aby evokovala prémiovost značky - oranžové a kávově hnědé. Jako barva pozadí byla zvolena téměř bílá, lehce krémová barva. Slovo <em>nerd</em> je ve světě často používáno hanlivě a posměšně, nicméně v Nerd's coffee tomu tak není. V celkové myšlence se snažím vyzdvihnout fakt, že kávový nerd má vyšší standardny na kvalitu, než běžný spotřebitel</div>
<div></div>
<div><img src="https://uxport.mrozekadam.cz/content/projects/images/nerds-coffee/Solution.svg" alt="Nerd's Coffee Coffee Finder"></div>
<div></div>
<h2>Designový proces - iterace a konzultace</h2>
<p>Finální design byl vícekrát iterován a konzultován s ostatními studenty, lektorem a již výše zmíněným konzultantem. Výsledek byl odprezentován před lektory kurzu v rámci zkouškového období. </p>
]]></content:encoded>		
		</item><item data-v-post="post" data-v-id="31">
			<title data-v-post-name="name">Zpět k základům. Edukativní kampaň na přístupnost.</title>
			<link data-v-post-full-url="name">https://uxport.tadyadam.cz/zpet-k-zakladum-edukativni-kampan-na-pristupnost</link>
			<dc:creator data-v-post-display_name="name"><![CDATA[Admin]]></dc:creator>
			<pubDate data-v-post-pubDate="date">Mon, 18 May 2026 13:39:27 +0200</pubDate>
			<category data-v-post-category-name="category" data-filter-cdata=""><![CDATA[Category]]></category>
			<description data-v-post-excerpt="excerpt" data-filter-cdata=""><![CDATA[Projekt v kurzu 4ME481 Základy UX, na kterém jsem se naučil tvořit obsah na sociální sítě v takové podobě, aby byl přehledný a zajímavý.]]></description>
			<content:encoded data-v-post-content="content" data-filter-cdata=""><![CDATA[
<p>Proč je přístupnost v dnešní době důležitá a jaké jsou její základní principy? Na takovou otázku jsem se vydal hledat odpovědi v kurzu Základy UX společně s mým kolegou Filipem Bíbrem. Našim cílem bylo vytvořit sérii edukativních příspěvků na sociální síť Instagram. </p>
<p><strong>Celkem bylo vytvořeno přibližně 12 Instagramových příspěvků</strong>, ve kterých jsem s Filipem rozebral základní podstatné informace týkající se webové přístupnosti. </p>
<h2>Nejen v digitálním světě</h2>
<p>Během studování a tvorby podkladů jsme narazili na mnoho informací. Tou nejvíce zajímavou bylo pochopení toho, že přístupnost nemusí být pouze digitální, ale setkáváme se s ní každý den, například v podobě speciálních povrhů, které využívají osoby se zrakovým postižením.</p>
<div>
<figure class="image"><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fzdopravy.cz%2Fwp-content%2Fuploads%2F2023%2F07%2Fankarska5-1024x768.jpg&amp;f=1&amp;nofb=1&amp;ipt=bea2a5ce19dca705aa0a28ca1c08c0ccd99e5691f90602e3bd7bd78446b6d7b2" alt="Chodník zobrazující povrh pro orientace osob se zrakovým postižením.">
<figcaption>Chodník s vyobrazením speciálního povrchu (viz pravá strana).</figcaption>
</figure>
<h2>Výsledky</h2>
<p>Názorná ukázka příspěvků, které jsme s Filipem společnou prací vytvořili. Všechny je možné zobrazit na Instagamovém profilu <a href="https://www.instagram.com/uxd_principles/">@uxd_principles</a>. Mou prací bylo navrhnout design snímků, Filip byl pak zodpovědný primárně za jejich obsah. Návrh probíhal v nástroji Figma.</p>
</div>
<div class="gallery masonry has-shadow" data-component-gallery="" style="column-count: 3;">
<div class="item"><a href="/public/media/portfolio-assets/ux-basics-story-4.png"><img src="/public/media/portfolio-assets/ux-basics-story-4.png" class="align-center"></a></div>
<div class="item"><a href="/public/media/portfolio-assets/ux-basics-story-3.png"><img src="/public/media/portfolio-assets/ux-basics-story-3.png" class="align-center"></a></div>
<div class="item"><a href="/public/media/portfolio-assets/ux-basics-story-2.png"><img src="/public/media/portfolio-assets/ux-basics-story-2.png" class="align-center"></a></div>
</div>
<p></p>
]]></content:encoded>		
		</item><item data-v-post="post" data-v-id="27">
			<title data-v-post-name="name">Zaměření na budoucnost. Projekt Angelguard a zajištění ochrany dětí na internetu.</title>
			<link data-v-post-full-url="name">https://uxport.tadyadam.cz/zamereni-na-budoucnost-projekt-angelguard-a-zajisteni-ochrany-deti-na-internetu</link>
			<dc:creator data-v-post-display_name="name"><![CDATA[Admin]]></dc:creator>
			<pubDate data-v-post-pubDate="date">Sat, 16 May 2026 11:16:03 +0200</pubDate>
			<category data-v-post-category-name="category" data-filter-cdata=""><![CDATA[Category]]></category>
			<description data-v-post-excerpt="excerpt" data-filter-cdata=""><![CDATA[Projekt Angelguard byl univerzitní projekt v rámci kurzu 4IT487 Informační technologie v pondnikání (LS 2025). Cílem bylo navrhnout kompletní řešení startupového podniku zaměřeného na budoucnost kyberbezpečnosti. Náš tým pěti členů se rozhodl zaměřit na bezpečnost budoucí generace na internetu.]]></description>
			<content:encoded data-v-post-content="content" data-filter-cdata=""><![CDATA[
<p>S rozvojem internetu u mladistvých a dětí se zvyšuje i počet případů digitálních zločinů na dětech. Podle studie WHO z roku 2024 má každé šesté dítě má osobní zkušenost se novou formou šikany – kyberšikanou. Tato studie byla pro nás naprosto alarmující a motivovala nás k vytvoření startupu Angelguard.</p>
<h2 class="western">Výzva</h2>
<p>Tým dostal zadání, našel vizi a smysl a měl celkem 6 týdnů na zpracování kompletního startupového plánu – vč. Financí, marketingu a strategie vstupu na trh. Po prvním dni plném brainstormingu jsme měli jasno, pojďme něco udělat s bezpečností na internetu.</p>
<div><a href="/public/media/portfolio-assets/angelguard-logo.png"><img src="/public/media/portfolio-assets/logo2.png" width="580" height="101"></a></div>
<p>Mou osobní výzvou bylo vedení týmu, kdy jsem dostal na starost kompletní řízení projektu, organizaci všech týmových aktivit a také zajištění, že všechny potřebné věci jsou včas zpracovány a odevzdány. V týmu jsem měl také na starosti celkovou definici značky Angelguard včetně mise, vize a celkového grafického zpracování.</p>
<h2 class="western">Řešení</h2>
<p>S týmem jsme navrhli platformu, která dodává rodičům nástroje ochrany jejich dětí na internetu. Platforma nabízí možnost automatického sledování internetové aktivity na více zařízení a funkce okamžité prevence zabrání dítěti styk s nevhodným obsahem ještě před jeho zobrazením. Namísto je zobrazen edukativní obsah vztažený k bezpečnosti na internetu u mladistvých.</p>
<h2 class="western">Značka Angelguard</h2>
<p>Cílová skupina projektu byla definována jako rodiče s dětmi ve věku 5 – 15 let. Kvůli věku dětí v cílové skupině bylo potřeba zvážit, jakým přístupem budeme k dětem přistopovat. Rozhraní pro děti musí být intuitivní, přístupné, transparentní a hravé. V běžném projektu by bylo potřeba produkt navrhnout ve spolupráci s dětským psychologem či dalšími odborníky.</p>
<p>Navrhnuta byla postava „Ada Angel“ založená na osobě sestry jednoho z členů týmu. Myšlenkou bylo, aby postavička rostla společně s dětmi a dokázal se tak vybudovat částečný vztah založený na důvěře.</p>
<div><a href="/public/media/portfolio-assets/angels.png"><img src="/public/media/portfolio-assets/angels.png" class="align-center"></a></div>
<h2 class="western">Výsledky</h2>
<p>Závěr projektu se nesl v duchu britského pořadu „Dragon’s Den“, kdy proběhla prezentace před reálnými investory. Nakonec se týmu povedlo zajistit fiktivní investici ve výši 5 mil. Kč za 20 % podílu ve společnosti. Porotě se líbilo naše nadšení do projektu a zaměření na budoucí generaci.</p>
<div><a href="/public/media/portfolio-assets/poster_01.jpg"><img src="/public/media/portfolio-assets/poster_01.jpg" class="align-center"></a></div>
<p></p>
]]></content:encoded>		
		</item><item data-v-post="post" data-v-id="26">
			<title data-v-post-name="name">Neziskovka v nesnázích. Co vede podporovatele k finančním darům?</title>
			<link data-v-post-full-url="name">https://uxport.tadyadam.cz/neziskovka-v-nesnazich-co-vede-podporovatele-k-financnim-darum</link>
			<dc:creator data-v-post-display_name="name"><![CDATA[Admin]]></dc:creator>
			<pubDate data-v-post-pubDate="date">Fri, 15 May 2026 18:49:42 +0200</pubDate>
			<category data-v-post-category-name="category" data-filter-cdata=""><![CDATA[Category]]></category>
			<description data-v-post-excerpt="excerpt" data-filter-cdata=""><![CDATA[Proč lidé přispívají neziskovým organizacím? Na takovou otázku jsem se vydal hledat odpovědi společně s týmem tří výzkumníků v kurzu UX výzkum na Vysoké škole ekonomické v Praze.]]></description>
			<content:encoded data-v-post-content="content" data-filter-cdata=""><![CDATA[
<p><a href="https://www.atlasoftodaysworld.org" target="_blank" rel="noopener">Atlas of Today’s World </a>je nezisková organizace zabývající se tvorbou mapové encyklopedie zobrazující současná socio-politická témata v přehledné a efektivní podobě. Informace v encyklopedii jsou tvořeny experty na daná témata a postupně zveřejňovány na jejich webových stránkách.</p>
<figure class="image"><img src="/public/media/portfolio-assets/Screenshotfrom2026-05-1522-41-38.webp" width="1838" height="975" alt="Úvodní stránka projektu Atlas of Today's World">
<figcaption>Úvodní stránka projektu Atlas of Today's World</figcaption>
</figure>
<p style="line-height: 100%; margin-bottom: 0cm;"></p>
<h2 class="western">Zadání</h2>
<p>Společně v týmu třech výzkumníků jsem obdržel jednoduché zadání – zjistit, co vede uživatele k tomu podporovat neziskové organizace a jaké bariéry existují na současném webu Atlas of Today’s World, které je potřeba odstranit pro zvýšení počtu podporovatelů.</p>
<div></div>
<h2 class="western">UX Výzkum: Co vede lidi k podpoře neziskovek?</h2>
<p>Proč lidi posílají peníze na dobročiné či neziskové projekty? Co je k tomu vede a jak se cítí? Na toto bylo potřeba odpovědět v rámci UX výzkumu s celkem šesti respondenty. Závěrů z výzkumu bylo i přes naše překvapení více.</p>
<blockquote>
<p>Cílem výzkumu je zjistit motivaci cílové skupiny, která ji vede k podpoře různých projektů – finanční i nefinanční.</p>
</blockquote>
<p>Lidé nevnímají potřebu velkých neziskových projektů jako reálnou a spíše soustředí své prostředky na malé a jim názorově podobné projekty. U známých neziskovek si myslí, že mají dostatek finančních prostředků a zároveň že tam pošle finance každý, tudíž nepotřebují právě jejich finanční či nefinanční pomoc. Zde se jedná o krásný případ efektu přihlížejícího (the bystander effect).</p>
<p><br>Naopak zvýšený zájem byl o malé či málo zasotupené projekty a iniciativy, které jsou navíc v souladu s již existujícím názorem či přesvědčením dané osoby. Klíčová je pro ně také transparentnost, jak se s jejich darem naloženo.</p>
<h2 class="western">Odbourání překážek na webu</h2>
<p>Druhou částí výzkumu bylo současný web otestovat a zjistit, kde leží překážky pro uživatele a kde mohou vznikat nejasnosti. Celkem bylo formulováno a společnosti předáno okolo 6 konkrétních doporučení, která se v rámci výzkumu opakovala.</p>
<p>Tato část výzkumu byla opět zpracována za pomocí šesti jiných participantů. Každý z nich byl postupně proveden sadou úkolů a zvolený zapisovatel analyzovat každý jejich krok během přibližně hodinového sezení.</p>
<p><br>Odhaleny byly nedostatky týkající se nepřehlednosti, nedokočeného obsahu, nefunkčních částí webu či nejasných či zmatečných instrukcí. Všechny poznatky byly předány neziskovce v přehledném dokumentu.</p>
<h2 class="western">Výsledky a závěr</h2>
<p>Projekt byl ukočen souhrnou prezentací před majitelem neziskovky panem Múčkou v prosinci 2024, kdy náš tým představil závěry výzkumu podpořené citacemi a ukázkami z nahrávek výzkumu. Pan Múčka také obdržel přibližně 50 stránkový dokument s detailním rozborem výzkumu, doporučení a podkladů pro zlepšení výsledků projektu.</p>
<h2>Role a odpovědnosti</h2>
<ul>
<li>Příprava metodiky výzkumu.</li>
<li>Kontaktování respondentů a jejich čásatečný nábor.</li>
<li>Vedení hloubkových rozhovorů</li>
<li>Syntéza získaných poznatků a formulace doporučení.</li>
</ul>
<p></p>
<h2 data-path-to-node="8"><b data-path-to-node="8" data-index-in-node="0">Použité metody</b></h2>
<ul>
<li data-path-to-node="9,0,0"><b data-path-to-node="9,0,0" data-index-in-node="0">Semi-strukturované rozhovory:</b> Získání kvalitativních dat o potřebách, očekáváních a obavách uživatelů.</li>
<li data-path-to-node="9,0,0"><b data-path-to-node="9,1,0" data-index-in-node="0">Afinitní diagramy:</b> Analýza a seskupování výroků uživatelů pro nalezení společných vzorců chování.</li>
<li data-path-to-node="9,1,0"><b data-path-to-node="9,2,0" data-index-in-node="0">Persony:</b> Vytvoření reprezentativních profilů typických členů pro lepší zacílení komunikace</li>
</ul>
<p></p>
<div><a href="/public/media/portfolio-assets/atlas-condens-report.png"><img src="/public/media/portfolio-assets/atlas-condens-report.png" class="align-center"></a></div>
<blockquote>
<p><b data-path-to-node="10" data-index-in-node="0"></b></p>
</blockquote>
]]></content:encoded>		
		</item>		
		
		
		
	</channel>
</rss>
