<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	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/"
	>

<channel>
	<title>future - Manfred Feiger</title>
	<atom:link href="https://manfred-feiger.com/future/feed/" rel="self" type="application/rss+xml" />
	<link>https://manfred-feiger.com</link>
	<description>Your Swiss-army knife for your next digital project. Let&#039;s meet and write our story together.</description>
	<lastBuildDate>Wed, 29 Jan 2025 16:20:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://manfred-feiger.com/wp-content/uploads/2022/07/mf-logo-svg.svg</url>
	<title>future - Manfred Feiger</title>
	<link>https://manfred-feiger.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://manfred-feiger.com/future/feed/"/>
	<item>
		<title>What if websites were generated in real time?</title>
		<link>https://manfred-feiger.com/what-if-websites-were-generated-in-real-time/</link>
					<comments>https://manfred-feiger.com/what-if-websites-were-generated-in-real-time/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 29 Jan 2025 16:18:12 +0000</pubDate>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2770</guid>

					<description><![CDATA[<p><img width="700" height="700" src="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="What if websites were generated in real time?" decoding="async" fetchpriority="high" srcset="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time.webp 700w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time-500x500.webp 500w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time-320x320.webp 320w" sizes="(max-width: 700px) 100vw, 700px" /></p>Unlock the power of "what if" thinking in design! Join me exploring an initial example scenario on how to use "what if".]]></description>
										<content:encoded><![CDATA[<p><img width="700" height="700" src="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="What if websites were generated in real time?" decoding="async" srcset="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time.webp 700w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time-500x500.webp 500w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-website-were-being-generated-in-real-time-320x320.webp 320w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p class="wp-block-paragraph">In my last <a href="https://manfred-feiger.com/the-power-of-what-if/" class="ek-link">article</a>, I set the stage for the beauty of "what if". Now, I want to dive a bit more deep to show why <strong>"what if"</strong> thinking will help us in design in general.</p>



<h2 class="wp-block-heading">The Human Factor in Digitalization is you (as a designer)</h2>



<p class="wp-block-paragraph">So for all being worried about their jobs being done by AI, “What if” has some magic, that could give you many interesting options for potential needs in the future.</p>



<p class="wp-block-paragraph">Why is that? Let’s put it simple: We have many realms in our lives, where we started to digitalize. The experience of digitalization is not always positive. If the human factor is missing, a lot of things get more complicated for certain kind of user groups. Taking the next step towards AI integration may improve access to advanced digitalization, as AI agents or chatbots can effectively mimic human behavior. However, it is important to note that this is not necessarily guaranteed to happen. </p>



<p class="wp-block-paragraph">This is a hypothetical question: What if AI integration is increasingly impacting various aspects of our lives? There appears to be a significant demand for professionals in the Human Interface field, often referred to as HCI (Human-Computer Interaction) in academic contexts, as well as in UI or UX design in the industry. The same holds true for emerging technologies like brain-computer interfaces. There are countless exciting job opportunities, particularly for designers, who are crucial in enhancing human interactions with these innovative systems.</p>



<p class="wp-block-paragraph">The work of many individuals in that area may need to transition from design aesthetics to emphasizing the fundamental aspects of HCI and UX. This approach involves a human-centered process that prioritizes understanding, observing, testing, and iterating.</p>



<h2 class="wp-block-heading">Future Scenario Development and Speculative Design Techniques</h2>



<p class="wp-block-paragraph">Let's dig in a little and talk about something I assigned as a project for a master's course. What if we could generate all digital environments in real time? I included a link to a paper on "<a href="https://oasis-model.github.io/" class="ek-link">Oasis: a universe in a transformer</a>," which is like a Minecraft game that generates gameplay in real time.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1600" height="1136" src="https://manfred-feiger.com/wp-content/uploads/2025/01/oasis-1600x1136.jpg" alt="" class="wp-image-2773" srcset="https://manfred-feiger.com/wp-content/uploads/2025/01/oasis-1600x1136.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2025/01/oasis-704x500.jpg 704w, https://manfred-feiger.com/wp-content/uploads/2025/01/oasis.jpg 1920w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"><a href="https://oasis-model.github.io/" class="ek-link">Oasis: a universe in a transformer</a> (2024)</figcaption></figure>



<p class="wp-block-paragraph">So let's dive deeper into that idea. Feel free to think about this world and ask yourself a more specific question like, "How can we crawl the internet when content is generated in real time?" That's the exact example I used for the assignment. The trick is to narrow down the future perspective to a certain topic. When working on solutions for sustainable development goals (which also comes up in other classes with students), it's also important to focus. In this case, the trick is to identify smaller pieces of the overall problem and come up with good ideas and solutions. Or as Charles Eames said:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>Here is one of the few effective keys to the Design problem: the ability of the Designer to recognize as many of the constraints as possible; his willingness and enthusiasm for working within these constraints. Constraints of price, of size, of strength, of balance, of surface, of time, and so forth. Each problem has its own peculiar list.“</em></p>
<cite>Charles Eames, Design Q &amp; A <em>(1972); <a href="http://www.youtube.com/watch?v=bmgxDCujT" class="ek-link">watch video</a></em></cite></blockquote>



<p class="wp-block-paragraph">When developing ideas, having restrictions or constraints is crucial. This mirrors the experience of working on client projects, where creativity often flourishes by challenging norms and breaking expectations.</p>



<h3 class="wp-block-heading">Extending and combining "What if" questions</h3>



<p class="wp-block-paragraph">Let’s delve deeper into our real-time creation scenario. Imagine the possibilities! While computer games or films might be generated in similar ways as now, when we use text-to-image generators or hopefully in a much more human/intuitive way, let's shift our focus back to the web for now.</p>



<p class="wp-block-paragraph">In my example for the students, I introduced an additional "what if" scenario alongside the initial one, as it captivated my interest: What if each individual had a personal digital AI agent tailored specifically to their interests, usage patterns, and unique configurations?</p>



<p class="wp-block-paragraph">In my point of view, it is also a nice hypothesis of the close future. Both what if questions could be combined to a new “How might we question” again, such as “How might we crawl the internet, when contents are being generated in real time based on my personal interests?”</p>



<p class="wp-block-paragraph">This is the general approach. Being a designer it feels a bit more interesting, how this media might look and feel like, so instead of “How might we”, one could also use “What might the NAMEIT magazine might look like, when contents are being generated in real time based on my personal interests?” to make the question more precise.</p>



<p class="wp-block-paragraph">I guess you get the idea.</p>



<h3 class="wp-block-heading">What might magazines look like, when contents are being generated in real time based on my personal interests?</h3>



<p class="wp-block-paragraph">As a designer specializing in digital media, numerous sub-questions and hypotheses regarding this future scenario will naturally arise. To help you engage with my thought process, here are some concise bullet points of varying complexity that directly came to my mind:</p>



<ul class="wp-block-list">
<li>What about branding/identity?
<ul class="wp-block-list">
<li>Mustn’t it be much more scalable, responsive, adaptive?</li>



<li>Will branding die or do we need more flexibility in the current systems? something like <a href="https://flexiblevisualsystems.info" class="ek-link">advanced flexible visual systems</a></li>



<li>What if branding gets lost, looses its meaning?</li>



<li>Wouldn’t authenticity in general be endangered?</li>



<li>What about our own identity? Or is it about identity as a whole? Would such a scenario might lead to a new question about the true impact of automation on our lives?</li>
</ul>
</li>



<li>How would the role of the editors of a magazine change, and how is their job profile changing in general?</li>



<li>What about problems such as the filter bubble, if we always have this pre-assembled contents? Wouldn’t AI be able to manipulate us in an easy, subtle way? What if this generated world is also enriched by AI-generated content?</li>



<li>What needs to be done on the content level to be able to provide the contents in a suitable way?</li>



<li>What does real time really mean? would only the interface be real time? or could old websites with unstructured contents also be transformed in real time? What about the latencies?</li>



<li>How would free exploration without my agent feel like?</li>
</ul>



<p class="wp-block-paragraph">So those are only some quick questions around that scenario that quickly came to my mind on different scales. At first all around the world of branding, then changed roles for users and producers, also the role of AI and pre-assembled contents feels interesting. But also the “realist” perspective, of what could be done, also in the present, to prepare the content to allow such a future.</p>



<p class="wp-block-paragraph">I could passionately explore this topic or example for hours, but first, I’d like to provide an in-depth introduction to the concept of "what if" thinking.</p>



<h4 class="wp-block-heading">Changing perspective, taking a position</h4>



<p class="wp-block-paragraph">We have the opportunity to explore a multitude of perspectives and ideas regarding future scenarios. To enhance our discussion, consider organizing your thoughts around distinct core perspectives: the innovative perspective, the critical perspective, and the speculative perspective — this is my preferred framework. This approach is also featured in the highly recommended book "<a href="http://www.zukuenfte-gestalten.info/" class="ek-link">Designing Futures</a>" by Benedikt Groß and Eileen Mandir. Furthermore, the inclusion of a pragmatic cluster could also be beneficial.</p>



<p class="wp-block-paragraph">By taking a perspective or doing some clustering one could also work with own emotions to see what future is most desirable for oneself. So in terms of the mentioned branding challenge one could focus on innovation and show how one design language adapts to different target audiences, whether it be age, cultural background or whatever other metrics that looks promising for you at that moment.</p>



<p class="wp-block-paragraph">Or if you want to be critical, you could show a picture of branded contents in another surrounding (to give you a corporate website example… maybe someone configures the own AI agent with a preference for apples design, so the general visual display of information might feel apple like… so what does booking.com or the Deutsche Bahn look like in an apple setting? By generating a critical picture we enforce more critical thinking around this potential future and like this we might be able to create a discourse.</p>



<h4 class="wp-block-heading">Envisioning futures</h4>



<p class="wp-block-paragraph">Applying "what if" thinking is a door opener to <a href="https://manfred-feiger.com/applying-21st-century-design-education/" class="ek-link">21st century design</a>, to our own future being designer and a great way to get out of the dullness one might experience in the daily routine of the job.</p>



<p class="wp-block-paragraph">I would encourage everyone to regularly practice "what if" thinking, as this creative exercise can break the monotony of routine tasks, which are the most susceptible to automation and least conducive to fostering creativity.</p>



<p class="wp-block-paragraph">Applying "what if" also helps to consider the ethical implications of such "what if" advancements. As designers, we are tasked with ensuring that our creations foster inclusivity and accessibility while protecting individual identities. The questions raised in this article serve as a reminder of the delicate balance we must strike between innovation and responsibility on the one hand, but also on our role in the future being a designer. Maybe we discover new areas of action, maybe we develop a responsive design 2.0 whatever it be named framework to be ready for the future of scalable brands or we initiate or foster an early discussion about potential dangers.</p>



<p class="wp-block-paragraph">In the headline for this subchapter I used the word envisioning. Envisioning is a strong concept for all humans, as it supports our goal setting, motivation and creates an emotional connection to the visualized goal. Incorporating envisioning in a business setting and in our design practice might bring similar benefits to our routines. Also in design, envisioning futures helps us to transform aspirations into reality if we aim for innovative solutions. Or it helps us to ignite a dialogue, a discussion about futures that might be harmful.</p>



<p class="wp-block-paragraph">Finally it is our human factor in design that is essential to be prepared for the future and for the now. But most of us need to shift their perspectives. It also think mostly like a problem solver (as you might have read on this site, when I describe myself). As John Maeda said in 2009: Design ia solution to a problem. Art is a question to a problem.</p>



<p class="wp-block-paragraph">I would extend it much more now (but still call me a problem solver):</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Design is the art of understanding our constructed world, solving present problems, and anticipating future challenges.</p>
<cite>Manfred Feiger (2025)</cite></blockquote>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/what-if-websites-were-generated-in-real-time/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Power of “What If”</title>
		<link>https://manfred-feiger.com/the-power-of-what-if/</link>
					<comments>https://manfred-feiger.com/the-power-of-what-if/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 15 Jan 2025 17:11:47 +0000</pubDate>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[future]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2762</guid>

					<description><![CDATA[<p><img width="650" height="650" src="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="The power of what if" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro.webp 650w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro-500x500.webp 500w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro-320x320.webp 320w" sizes="auto, (max-width: 650px) 100vw, 650px" /></p>Unlock creativity with "what if" questions! Discover how this powerful mindset can reshape thinking and spark innovation in design and beyond.]]></description>
										<content:encoded><![CDATA[<p><img width="650" height="650" src="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="The power of what if" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro.webp 650w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro-500x500.webp 500w, https://manfred-feiger.com/wp-content/uploads/2025/01/what-if-intro-320x320.webp 320w" sizes="auto, (max-width: 650px) 100vw, 650px" /></p>
<p class="wp-block-paragraph">Ever found yourself daydreaming, asking, "What if…?" That tiny question packs a punch. It opens the door to imagination, sparks innovation, and helps us shape our future. "What if" isn't just a question—it's a mindset that creates breakthroughs and personal growth by revealing possibilities we never thought possible.<br>Recently, I challenged my students in a course on experience design and human interaction with a "what if" scenario as part of their assignment. I'm genuinely excited to see the creative ideas they come up with!</p>



<h2 class="wp-block-heading">The Power of Imagination</h2>



<p class="wp-block-paragraph">"What if" questions invite us to break free from our routine thoughts and explore beyond what we know. For a moment, they let us view things from a fresh perspective. Imagine a world where gravity works differently, trees grow candy, or communication happens telepathically. These wild ideas can lead to real innovation. Leonardo Da Vinci, driven by curiosity, famously asked, "What if machines could fly?" His exploration of this idea laid the groundwork for modern aviation.</p>



<p class="wp-block-paragraph">History shows us that many groundbreaking innovations have started with "what if":</p>



<ul class="wp-block-list">
<li>Medical advancements: Questions like “What if we could create a vaccine?” have driven the quest for vaccines and antibiotics, transforming healthcare and saving countless lives.</li>



<li>Technological breakthroughs: From the internet to smartphones, “what if” inquiries have fueled technological progress, connecting people and revolutionizing communication.</li>



<li>Artistic expression: Artists, writers, and musicians use “what if” to explore new creative territories, pushing the boundaries of imagination and inspiring audiences worldwide.</li>
</ul>



<p class="wp-block-paragraph">The concept of "what if" can also transform our perspectives and unlock creativity. These questions encourage us to think beyond limitations and generate new possibilities for both future planning and retrospective evaluations.</p>



<p class="wp-block-paragraph">By posing "what if" questions about the future, we can break free from constraints like money, time, fear, and external judgment.</p>



<p class="wp-block-paragraph">Additionally, applying "what if" to past evaluations allows for counterfactual thinking, helping us learn from experiences by imagining different outcomes. While this can evoke emotions like regret, it ultimately serves as a learning process that enables better future decisions.</p>



<p class="wp-block-paragraph">In our personal growth journeys or reflective daily routines, "what if" questions can inspire us to pursue passions or overcome limiting beliefs. They can spark curiosity and open our minds to new possibilities.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">The Power of “What If” in Design Thinking</h2>



<p class="wp-block-paragraph">Design thinking revolves around finding creative, user-centered solutions that are both desirable and practical. The “what if” question acts as a powerful catalyst in this process:</p>



<ul class="wp-block-list">
<li>Exploration and ideation: Asking “What if we designed a product that…?” opens doors to new possibilities and encourages us to think beyond the obvious.</li>



<li>Challenging assumptions: Questions like “What if we did things differently?” allow us to break free from conventional thinking and discover innovative approaches.</li>



<li>Empathy: “What if” encourages designers to step into the shoes of users, imagining their needs and challenges. This empathy fuels the creation of designs that truly resonate.</li>
</ul>



<p class="wp-block-paragraph">By consistently applying “what if” questions throughout the design thinking process, designers maintain a cycle of ideation, prototyping, testing, and refinement. This iterative approach fosters continuous improvement and innovation—core principles of design thinking.</p>



<h2 class="wp-block-heading">Embracing the Power of Possibility</h2>



<p class="wp-block-paragraph">“What if” is more than just a question; it’s a mindset. It represents a commitment to curiosity, innovation, and the belief that anything is possible. By embracing the magic of “what if,” we unlock the potential to shape our future, one imaginative leap at a time. Especially nowadays, being faced with a world being taken over by AI, it is so valuable to look at different things from a "what if" angle. </p>



<p class="wp-block-paragraph">My next post is supposed to give you an example on that "what if" angle in the context of design and studying. As "what if" is kind of the perfect entry to creating a hypothesis to test.</p>



<p class="wp-block-paragraph">Let’s explore the transformative power of “what if” together in my next post.<br></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/the-power-of-what-if/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Exploring Neuro-Linguistic Programming and Its Influence on AI Interactions.</title>
		<link>https://manfred-feiger.com/exploring-neuro-linguistic-programming-and-its-influence-on-ai-interactions/</link>
					<comments>https://manfred-feiger.com/exploring-neuro-linguistic-programming-and-its-influence-on-ai-interactions/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Thu, 14 Nov 2024 09:50:45 +0000</pubDate>
				<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2748</guid>

					<description><![CDATA[<p><img width="600" height="600" src="https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="NLP prompting and llms" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt.jpg 600w, https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt-320x320.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>Discover how Neuro-Linguistic Programming (NLP) enhances interactions with AI, explores chatbot behavior, and improves our communication skills.]]></description>
										<content:encoded><![CDATA[<p><img width="600" height="600" src="https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="NLP prompting and llms" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt.jpg 600w, https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2024/11/nlp-llms-persona-prompt-320x320.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<p class="wp-block-paragraph">It’s been some time since I last shared an article on my blog, and today I want to discuss a topic that has significantly influenced my experiences with AI, specifically through the lens of Neuro-Linguistic Programming (NLP), not to be confused with Natural Language Processing—often referred to simply as NLP in technological contexts.</p>



<h2 class="wp-block-heading">Understanding the Two NLP Concepts</h2>



<p class="wp-block-paragraph">For those who may not be familiar with these concepts, let’s explore them briefly.</p>



<p class="wp-block-paragraph"><strong>Natural Language Processing (NLP)</strong> is a branch of artificial intelligence dedicated to enhancing the interaction between computers and humans through natural language. This field encompasses the development of algorithms and models that empower machines to understand, interpret, and generate human language with precision. Essential aspects of NLP include text analysis, speech recognition, machine translation, text generation, and sentiment analysis. Without NLP, modern chatbots would struggle to operate effectively. This technology enables AI systems to comprehend and respond to human speech, making it vital for applications such as virtual assistants, chatbots, and voice-controlled systems.</p>



<p class="wp-block-paragraph"><strong>Neuro-Linguistic Programming (NLP)</strong> is a transformative psychological approach created in the 1970s by Richard Bandler and John Grinder. It delves into the intricate connections between neurological processes, language, and behavioral patterns. The fundamental idea behind NLP is that by reshaping our thinking (neuro), communication (linguistic), and behaviors (programming), individuals can significantly enhance their personal development and refine their communication skills. Key concepts include:</p>



<ul class="wp-block-list">
<li><strong>Modeling</strong>: The practice of observing and emulating the successful behaviors and thought patterns of others.</li>



<li><strong>Anchoring</strong>: Establishing associations between specific stimuli and emotional states to positively influence feelings or actions.</li>



<li><strong>Reframing</strong>: Modifying the perception of an event or situation to change its meaning and emotional impact.</li>



<li><strong>Meta-Model</strong>: A series of questioning techniques designed to clarify and refine language patterns.</li>
</ul>



<p class="wp-block-paragraph">Although Neuro-Linguistic Programming (NLP) isn't directly linked to artificial intelligence, the principles of NLP can be observed in effective prompt engineering practices. I will delve deeper into this connection.</p>



<h2 class="wp-block-heading">Understanding Our AI as a Conversational Partner</h2>



<p class="wp-block-paragraph">Neuro-Linguistic Programming (NLP) focuses on transforming perception, thought processes, and behaviors. Its main objective is not to change one's personality but to improve communication and foster more effective actions. This approach closely mirrors our use of "persona prompts" and "role-playing" techniques with AI.</p>



<p class="wp-block-paragraph">Assigning a distinct role or persona to an AI system enables us to:</p>



<ul class="wp-block-list">
<li>Clearly define the context of our conversation.</li>



<li>Achieve more accurate and pertinent answers.</li>



<li>Exercise greater control over the nature and tone of the replies.</li>
</ul>



<p class="wp-block-paragraph">A prompt such as “You are an experienced science journalist, please explain…” effectively guides the AI in adopting the specific communication style and perspective you seek, resulting in responses that closely match user expectations. In the highly acclaimed book "Co-Intelligence" by Ethan Mollick, the author illustrates various examples of how to implement this prompting method to achieve diverse outcomes, including a range of writing styles tailored to the anchors provided in the LLM input.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1060" src="https://manfred-feiger.com/wp-content/uploads/2024/11/screenshot-cursor-directory.jpg" alt="cursor directory instructions for cursorrules. a NLP/persona like input example to get a better coding quality as output." class="wp-image-2751" srcset="https://manfred-feiger.com/wp-content/uploads/2024/11/screenshot-cursor-directory.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2024/11/screenshot-cursor-directory-755x500.jpg 755w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"><a href="https://cursor.directory/" target="_blank" aria-label="cursor.directory (opens in a new tab)" rel="noreferrer noopener" class="ek-link">cursor.directory</a> instructions for cursorrules. a NLP/persona like input example to get a better coding quality as output.</figcaption></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Example Screenshots of cursordirectory (https://cursor.directory/) and of other AI Input tools, such as Voila, Triplo.</strong></p>



<p class="wp-block-paragraph">However, it’s important to note that while this method can enhance response quality and relevance, it does not guarantee accuracy or completeness. Users must remain responsible for critically evaluating and verifying the information received.</p>



<p class="wp-block-paragraph">In summary, both NLPs and the use of role prompts in AI chats aim to optimize communication and interaction, albeit in very different ways and in completely different contexts.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="821" src="https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue1.jpg" alt="" class="wp-image-2754" srcset="https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue1.jpg 700w, https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue1-426x500.jpg 426w" sizes="auto, (max-width: 700px) 100vw, 700px" /><figcaption class="wp-element-caption">A persona-like dialogue, asking a fitness coach "what is the best way get muscles within two weeks"</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="859" src="https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue2.jpg" alt="" class="wp-image-2755" srcset="https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue2.jpg 800w, https://manfred-feiger.com/wp-content/uploads/2024/11/sample-dialogue2-466x500.jpg 466w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">A modified version of the dialogue, based on the model of excellence principle. What would Dwayne Jonhson answer to the question of "what is the best way to get muscles within two weeks?"</figcaption></figure>
</div>
</div>



<h2 class="wp-block-heading">The Conscious Behavior of LLM-Driven Chatbots</h2>



<p class="wp-block-paragraph">I acknowledge that this statement is a hypothesis. Many people express skepticism about attributing conscious behaviors to AI. We often describe outputs from chatbots as "hallucinations" rather than recognizing their creative potential. This skepticism likely arises from our unease in equating human consciousness with machine functions, as well as our deeply ingrained expectations of computers and software. We anticipate precision, reliability, and a clearly defined set of rules that we can comprehend and control. Something AI (luckily) will not provide us yet. Furthermore, biases stemming from the training data can produce unexpected outcomes, too.</p>



<p class="wp-block-paragraph">Through NLP methods, we can consciously perceive different thought and behavior patterns and adjust them when necessary. For example, anchoring enables us to establish connections that influence our perceptions. Research suggests that our relationship with chatbots resembles techniques like anchoring bias, where initial information shapes subsequent decisions—similar to how LLMs respond to user input.</p>



<p class="wp-block-paragraph">NLP primarily revolves around the principles of communication that closely align with the dynamics of chatbot interactions. Successful communication hinges on eliciting the desired responses from our audience. If those responses are absent, it indicates that our messages are not being fully comprehended. Rather than reacting negatively, it is more sensible to modify our communication strategy.</p>



<p class="wp-block-paragraph">But is it a conscious behavior I am speaking of? Chatbots powered by large language models (LLMs) can essentially be seen as sophisticated autocomplete systems. These models excel at text prediction, demonstrating an impressive ability to anticipate what comes next in a conversation. But isn't this anticipation part of what we would associate with conscious behavior?</p>



<p class="wp-block-paragraph">At least, if you ask perplexity.ai you will get some approval (see <a aria-label="example (opens in a new tab)" href="https://www.perplexity.ai/search/if-someone-is-anticipating-wha-aY6fCkuzRO2UPWCfDfsNTg" target="_blank" rel="noreferrer noopener" class="ek-link">example</a>). The conclusion on perplexity.ai: While the behavior of anticipating conversation or providing words involves both conscious and unconscious processes, it would be correct to describe it as predominantly conscious behavior. The person is actively engaged in the conversation, deliberately processing information, and intentionally contributing to the communication process. This aligns with our understanding of conscious behavior in social interactions and cognitive psychology.</p>



<p class="wp-block-paragraph">Here's another paper that might be of your interest: <a href="https://arxiv.org/abs/2308.08708" target="_blank" aria-label="Consciousness in Artificial Intelligence: Insights from the Science of Consciousness  (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Consciousness in Artificial Intelligence: Insights from the Science of Consciousness </a></p>



<h2 class="wp-block-heading">The Impact of Chatbots on Our Communication Skills</h2>



<p class="wp-block-paragraph">The second hypothesis is intricate, shaped by my enduring relationship with NLP. My journey commenced while I served as a Creative Director at Publicis, where I facilitated workshops for client teams at Disney. During this time, my supervisor, an NLP trainer, enlightened me about these concepts as I geared up to showcase the Disney method.</p>



<p class="wp-block-paragraph">I found the Disney method's role-switching aspect particularly beneficial in various situations. For example, preparing for a presentation can enhance both mindset and performance. Acknowledging how we communicate can significantly improve our interactions.</p>



<p class="wp-block-paragraph">Utilizing chatbots compels us to define our roles and expectations in conversations more clearly. By incorporating NLP-inspired techniques or "persona inputs," we enhance our understanding of our audience and the appropriate language to use. Frequent interaction in these discussions can also encourage others to integrate NLP principles into their behavior.</p>



<h3 class="wp-block-heading">Conclusion</h3>



<p class="wp-block-paragraph">In conclusion, understanding the link between Neuro-Linguistic Programming (NLP) and AI can greatly improve communication. By learning more about both areas, we can also enhance our interactions with AI systems.</p>



<p class="wp-block-paragraph">Please note, here are my personal reflections. It’s important to acknowledge that this article carries a bias, as I aimed to find evidence supporting my hypothesis on the connection between NLP and the utilization of LLMs. Additionally, I am not an NLP expert, so my ability to discuss each technique in detail is limited.</p>



<p class="wp-block-paragraph">Our interaction with AI is often itself related to the technique of "modelling of excellence", it's about analyzing successful behaviors and processes to create effective improvement and training models, we could learn from. Maybe questions like, "Who has faced a similar problem as mine and found a solution?" can lead to more productive discussions and results in dialogue with AI. Maybe at least, you get fun results 😉 </p>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/exploring-neuro-linguistic-programming-and-its-influence-on-ai-interactions/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Thinking in Systems: Navigating Complexity</title>
		<link>https://manfred-feiger.com/thinking-in-systems-navigating-complexity/</link>
					<comments>https://manfred-feiger.com/thinking-in-systems-navigating-complexity/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Tue, 05 Mar 2024 10:31:31 +0000</pubDate>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2667</guid>

					<description><![CDATA[<p><img width="768" height="512" src="https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Navigating complexity" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems.webp 768w, https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems-750x500.webp 750w" sizes="auto, (max-width: 768px) 100vw, 768px" /></p>In order to cultivate a holistic understanding of complexity, it is crucial to embrace the concept of systems thinking. By honing our ability to analyze and comprehend interconnected systems, we can navigate the intricacies of various issues with greater clarity and effectiveness. 
]]></description>
										<content:encoded><![CDATA[<p><img width="768" height="512" src="https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Navigating complexity" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems.webp 768w, https://manfred-feiger.com/wp-content/uploads/2024/03/complexity-systems-750x500.webp 750w" sizes="auto, (max-width: 768px) 100vw, 768px" /></p>
<p class="wp-block-paragraph">This article serves as an initial reflection on my recent encounters with systemic design. Among these influences, I came across a new article by Brad Frost, known for his concept of "<a href="https://atomicdesign.bradfrost.com/" class="ek-link">atomic design</a>," titled "<a href="https://bradfrost.com/blog/post/a-global-design-system/" class="ek-link">A Global Design System</a>." Additionally, I found inspiration in various bachelor theses and recently completed Don Norman's book "<a href="https://mitpress.mit.edu/9780262548304/design-for-a-better-world/" class="ek-link">Design for a Better World</a>." There's also an interesting report about the skills being needed in jobs in the future due to the rise of AI; it's called "<a href="https://www.universitiesuk.ac.uk/what-we-do/policy-and-research/publications/jobs-future" class="ek-link">Jobs of the future</a>" being published by universities UK and mostly related to Great Britain. Analytical thinking and creative thinking are the most important skills needed by employers globally; so now is the best time to explore the current landscape from my perspective.</p>



<p class="wp-block-paragraph">The purpose of this article is to organize my thoughts regarding the concept of systemic thinking in relation to design activities and the challenges faced by humanity. One of the reasons for doing so is the realization, while reading books like "Design for a Better World," that expressing the required skills for future generations of designers is a difficult task. There is no definitive blueprint for addressing such a complex issue. Even renowned individuals like Don Norman struggle to provide precise guidance. From my perspective, it seems that the understanding of this topic is such that everyone can only offer "hunches" based on Steven Johnson's idea of "<a href="https://www.youtube.com/watch?v=NugRZGDbPFU" target="_blank" aria-label="where good ideas come from (opens in a new tab)" rel="noreferrer noopener" class="ek-link">where good ideas come from</a>."</p>



<p class="wp-block-paragraph">In the upcoming article, I will share my insights and intuitions that could greatly assist both myself and others in gaining a deeper understanding of the subject.</p>



<h2 class="wp-block-heading">The need for systemic design</h2>



<p class="wp-block-paragraph">If you have read some more articles on my blog, you might have noticed that I am hugely influenced by all the thoughts of the <a href="https://www.sciencedirect.com/journal/she-ji-the-journal-of-design-economics-and-innovation/" class="ek-link">She Ji</a> Issues on design education (for example those two <a href="https://www.sciencedirect.com/journal/she-ji-the-journal-of-design-economics-and-innovation/vol/6/issue/1" class="ek-link">Part 1,</a> <a href="https://www.sciencedirect.com/journal/she-ji-the-journal-of-design-economics-and-innovation/vol/6/issue/2" class="ek-link">Part 2</a>) and have already tried to adopt some aspects in <a href="https://manfred-feiger.com/applying-21st-century-design-education/" class="ek-link">teaching</a> based on the thought of the <a href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/" class="ek-link">21st century design</a>.</p>



<p class="wp-block-paragraph">When it comes to the current challenges facing humanity, the importance of thinking in systems and understanding them cannot be overstated. According to Don Norman, designers are particularly well-suited to contribute to our understanding of complex systems.</p>



<p class="wp-block-paragraph">Taking a humanity-centered design approach, which can be seen as an evolution of the human-centered design perspective, designers must tackle the underlying issues by identifying their root causes. This requires a thorough examination of the entire ecosystem, including people, all living things, and the physical environment. However, this process of identification is not without its challenges, as it necessitates a long-term, system-wide perspective in order to distinguish between root issues and mere symptoms.</p>



<p class="wp-block-paragraph">To gain a more comprehensive understanding, I highly recommend exploring the resources available on the website "<a href="https://dbw.jnd.org/" class="ek-link">Design of a Better World: resources</a>" In this article, my focus will primarily be on certain aspects of design education.</p>



<h3 class="wp-block-heading">Design Education: Fostering Systemic Thinking</h3>



<p class="wp-block-paragraph">In my point of view, design education is to a great extent to learn to work in systems. The foundation in design education is mostly related to graphic design. In the early fundamentals it's about learning the system to apply shapes, colors, proportions, grids and typography. So designers need to understand the system about how shapes work and apply them in an appropriate position on the screen, the paper or the target medium in general. The same applies to the use of typography, color, proportions and grids; that's kind of the basic education all designers get.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Learn the rules like a pro, so you can break them like an artist.</p>
<cite>Pablo Picasso</cite></blockquote>



<p class="wp-block-paragraph">The main issue is that most students don't realize the connection to understand the importance of what they are already learning in terms of working with systems. In the end I would say design is to a great extent working with a system anyway as there are many rulesets, such a cognitive rules, visual rules, semiotics, about perception and so on. But this kind of system thinking is present in all sciences; one needs to understand the system to be prepared in the best way to master it.</p>



<p class="wp-block-paragraph">I mostly tell the students, they need to learn to see and though using this sentence for years now, I think what I really mean is telling this sentence: understand how it was built by understanding the applied rules within the systems you learned. In the best case, apply those observations to your own projects.</p>



<h3 class="wp-block-heading">Expanding horizons in design education</h3>



<p class="wp-block-paragraph">In the current curriculum I am teaching, the scope is broader, which means students also learn about User Experience Design, Motion Design, 3D design or Interaction in space. So looking at the mentioned disciplines, the ruleset gets wider and more complex as other sub-systems come into play.</p>



<p class="wp-block-paragraph">A good picture to express this rise in <strong>complexity</strong> are the "<a href="https://www.ida.liu.se/~steho87/desres/buchanan.pdf" class="ek-link">four orders of design</a>" by Richard Buchanan, describing the progression from designing products to designing systems and social interactions.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1004" height="712" src="https://manfred-feiger.com/wp-content/uploads/2024/03/four-orders-of-design.webp" alt="Four Orders of Design – from &quot;Design Research and the New Learning (2001) Richard Buchanan" class="wp-image-2677" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/four-orders-of-design.webp 1004w, https://manfred-feiger.com/wp-content/uploads/2024/03/four-orders-of-design-705x500.webp 705w" sizes="auto, (max-width: 1004px) 100vw, 1004px" /><figcaption class="wp-element-caption">Four Orders of Design – from "<a href="https://www.jstor.org/stable/1511916" target="_blank" aria-label="Design Research and the New Learning (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Design Research and the New Learning</a>" (2001) Richard Buchanan</figcaption></figure>



<h4 class="wp-block-heading">The four orders of Design: navigating complexity</h4>



<p class="wp-block-paragraph">To a certain extent, this distinction refers to a heightened level of complexity within the underlying system. Proficiency in system thinking, which primarily deals with our visual sense and visual representations, is less complex compared to proficiency in a system that engages multiple senses and employs dynamic, interactive visualities. This exemplifies the third order of design. Buchanan defines design as "the human power of conceiving, planning, and creating products that serve human beings in achieving their individual and collective goals." Presently, there are also papers proposing a fifth level of design, such as "ethical design," and the subsequent one, which we will introduce here, adds a layer for relationships.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1536" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2024/03/five-order-of-design-1536x1200.webp" alt="Five-Order Model of Design (Source:Developed by the author, drawing onBuchanan, 2001; Oxman, 2016; Giaccardiand Redström, 2020; and original work.)" class="wp-image-2678" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/five-order-of-design-1536x1200.webp 1536w, https://manfred-feiger.com/wp-content/uploads/2024/03/five-order-of-design-640x500.webp 640w, https://manfred-feiger.com/wp-content/uploads/2024/03/five-order-of-design.webp 1628w" sizes="auto, (max-width: 1536px) 100vw, 1536px" /><figcaption class="wp-element-caption">Five-Order Model of Design – from "<a href="https://direct.mit.edu/desi/article/38/4/21/113200/New-Design-Knowledge-and-the-Fifth-Order-of-Design" target="_blank" aria-label="New Design Knowledge and the Fifth Order of Design (opens in a new tab)" rel="noreferrer noopener" class="ek-link">New Design Knowledge and the Fifth Order of Design</a>"</figcaption></figure>



<p class="wp-block-paragraph">In "<a href="https://direct.mit.edu/desi/article/38/4/21/113200/New-Design-Knowledge-and-the-Fifth-Order-of-Design" target="_blank" aria-label="New Design Knowledge and the Fifth Order of Design (opens in a new tab)" rel="noreferrer noopener" class="ek-link">New Design Knowledge and the Fifth Order of Design</a>," the evolving role of design in addressing contemporary challenges such as sustainability, digital transitions, and societal well-being is discussed. The importance of designers bridging technological innovation with ethical and sociocultural responsibilities is emphasized. The impact of AI on design innovation and the need for updated design knowledge are also examined, along with the emergence of fifth-order design challenges.</p>



<p class="wp-block-paragraph">The paper covers various aspects of the role of AI in reshaping the design innovation process, emphasizing data-driven feedback loops and the involvement of non-human agents. It also proposes a shift in traditional design principles towards learning systems that adapt and evolve, highlighting the role of data types and user-centered perspectives.</p>



<p class="wp-block-paragraph">The concept of fifth-order design challenges designers to develop sociotechnical solutions involving data feedback loops, new competencies, and values to address complex societal issues. The role of designers is expanding to include problem-setting and transformation support in addition to shape and function design.</p>



<p class="wp-block-paragraph">If you haven't delved into the discussions on 21st-century design education, you might find the expectations quite high. However, as someone deeply involved in the topic for quite some time, I can attest that the discussion can be somewhat misleading. A bachelor's education typically spans around 3 years, during which students are largely trained in the first three orders of design to a significant extent. </p>



<p class="wp-block-paragraph">However, the fourth or fifth level may also be included in the curriculum, albeit for only one semester, as was the case with my course on media conception, which I integrated into the broader context of sustainable development goals. Subsequently, students present their bachelor's thesis to demonstrate their grasp of systems thinking, if they choose to do so. However, this represents the extent of the educational time available. I believe that the core of design education begins with a foundation in shaping and then progresses to an interaction-based layer, marking a significant advancement in terms of system complexity.</p>



<p class="wp-block-paragraph">From my perspective, one glaring issue is the isolation of students. To tackle this, we need to introduce more interdisciplinary courses that foster collaboration between individuals from diverse backgrounds. This necessitates a substantial shift in the selection of projects within design education. We should no longer solely prioritize formal aspects. Instead, we must incorporate social and societal aspects, grounded in genuine co-working experiences with students from other disciplines. Dealing with people can be challenging for designers, but it is a pivotal element in achieving exceptional results.</p>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading">Thinking in Systems – Cognitive Challenges in Complex Problem-Solving</h4>



<p class="wp-block-paragraph">The more complex the problem spaces get, the more likely it will get that cognitive limitations will hinder designers to work on more complex tasks. Why is that? Because they only want to do beautiful pictures, or they didn't learn the rules like a "pro" as Pablo Picasso said?</p>



<p class="wp-block-paragraph">It is difficult to judge, I would say. We can't expect every designer to be a strategic designer with a systemic approach. If only designers would be out there, finding their passion in solving complex problems, who would create social Media Assets or other things that need to be produced on a daily basis?</p>



<p class="wp-block-paragraph">The truth is that AI can also produce assets, and the more you embrace systemic thinking, the more you appreciate AI taking care of mundane, repetitive tasks. Therefore, I believe we should educate students to think in terms of systems. Whether they choose to apply this approach later on is up to them.</p>



<p class="wp-block-paragraph">Regarding our current Bachelor System, the core question that remains unsolved for me is, how deep could systemic thinking go? The thing with complexity facing today's challenges is also tricky.</p>



<p class="wp-block-paragraph">Based on two lectures I held in China around one of the most complex topics in the world, Solving one of the Sustainable Development goals, you also notice that groups having some system thinkers might be doing better in coping with complex challenges, than teams without system thinkers. Stop, that's maybe to generic as one aspect is missing here; it's the concept of "<a href="https://www.jstor.org/stable/973677?origin=crossref" target="_blank" aria-label="muddling through (opens in a new tab)" rel="noreferrer noopener" class="ek-link">muddling through</a>" that might be much more present within the successful groups, as well as smart group decision to progress on a selected path.</p>



<h4 class="wp-block-heading">Navigating complex challenges</h4>



<p class="wp-block-paragraph">The Sustainable Development Goals require careful topic selection, breaking it down and transitioning to the next topic to establish a relationship. The process itself is incredibly complex, with numerous potential pitfalls even for intelligent groups. Bias can hinder progress when groups cling to ideas that may ultimately be flawed or meaningless. Additionally, a lack of creativity may prevent them from unlocking the brilliant ideas that lie within their analysis. In my opinion, addressing such complex issues always benefits from having a moderator or mentor to guide the groups in the right direction. This is a valuable lesson that can be learned from classical advertising and the applied creativity processes, including the implementation of effective hierarchical structures.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1575" height="1339" src="https://manfred-feiger.com/wp-content/uploads/2024/03/system-thinking-buchanan.webp" alt="Strategic ambiguities in the definition of systems. Copyright © 2019 Richard Buchanan." class="wp-image-2681" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/system-thinking-buchanan.webp 1575w, https://manfred-feiger.com/wp-content/uploads/2024/03/system-thinking-buchanan-588x500.webp 588w, https://manfred-feiger.com/wp-content/uploads/2024/03/system-thinking-buchanan-1412x1200.webp 1412w" sizes="auto, (max-width: 1575px) 100vw, 1575px" /><figcaption class="wp-element-caption">Strategic ambiguities in the definition of systems. Copyright © 2019 Richard Buchanan. Taken from "<a href="https://www.researchgate.net/publication/345439187_Systems_Thinking_and_Design_Thinking_The_Search_for_Principles_in_the_World_We_Are_Making" class="ek-link">Systems Thinking and Design Thinking: The Search for Principles in the World We Are Making</a>" </figcaption></figure>



<p class="wp-block-paragraph">The paper "<a href="https://www.sciencedirect.com/science/article/pii/S2405872618301370" class="ek-link">Systems Thinking and Design Thinking: The Search for Principles in the World We Are Making</a>" explores the relationship between systems thinking and design thinking, emphasizing the importance of creating environments that support and enhance human experiences. It discusses the historical context of systems within design practices and highlights the renewed interest in systems in contemporary design theory and practice.</p>



<p class="wp-block-paragraph">"Every product is a system of parts working together to accomplish a common purpose, whether in the graphic display of typography, images, color, and pattern in a poster; the integrated workings of a physical artifact; the sequence of planned activities, communications and exchanges of a service or any other human interaction; or the complexities of dynamic and evolving organizations, environments, and systems.&nbsp;" (from <a href="https://www.sciencedirect.com/science/article/pii/S2405872618301370" class="ek-link">Systems Thinking and Design Thinking</a>)</p>



<h4 class="wp-block-heading">Evolution of design education – problem-solving by system</h4>



<p class="wp-block-paragraph">Buchanan also discusses the historical development of systems within design practices, beginning with early institutions like the Bauhaus and the resurgence of interest in systems within the design community. This renewed interest has been driven by the challenges of modern life, technological advancements, and ethical considerations regarding the values and purposes of systems.</p>



<p class="wp-block-paragraph">Since the rise of professional design education, the discourse around systems and systems thinking has gained significant relevance. While early thinkers from the Bauhaus movement sparked initial discussions, it was László Moholy-Nagy who delved into the significance of comprehending design and its outcomes within the framework of natural systems, technological systems, biological systems, and numerous social systems. Particularly at the New Bauhaus in Chicago, he emphasized the importance of understanding the economic, psychological, and sociological requirements involved in designing. By establishing connections with these diverse systems, Moholy-Nagy argued, one can uncover the essential elements of functional design.</p>



<p class="wp-block-paragraph">Before delving deeper into whether problem-solving through functional design is beneficial or if shifting towards mechanisms known from complexity theory would be more effective, let's revisit the foundations of design education and contemporary movements. </p>



<p class="wp-block-paragraph">With the emergence of AI and AI-generated imagery, there is a notable inclination among students to revisit their design fundamentals and showcase their prowess in manipulating basic shapes and organizing them systematically.</p>



<p class="wp-block-paragraph">Karl Gerstner, a well known Swiss designer and educator, mainly known for his contributions to visual design systems, that got more popular again, might be called one of the pioneers to transfer systematic design methods to graphic design. Being influenced by other swiss design geniuses such as Armin Hofmann, Emil Ruder and Max Schmid, Gerstner also transformed as a designer, being interested in an own visual language in his early years, to a man of methodology in his elders.</p>



<p class="wp-block-paragraph">In the book "<a href="https://www.lars-mueller-publishers.com/designing-programmes-0" class="ek-link">Designing Programmes</a>" in 1964, he presented a simple morphological method&nbsp;to split the task into single subtasks. As a result, a matrix of possible solutions (whether it be spacing, coloring or typeface) will be created that could be combined with each other.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1203" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2024/03/gerstner-categories-designing-programs-1203x1200.webp" alt="Karl Gerstner – Designing Programs" class="wp-image-2683" srcset="https://manfred-feiger.com/wp-content/uploads/2024/03/gerstner-categories-designing-programs-1203x1200.webp 1203w, https://manfred-feiger.com/wp-content/uploads/2024/03/gerstner-categories-designing-programs-501x500.webp 501w, https://manfred-feiger.com/wp-content/uploads/2024/03/gerstner-categories-designing-programs-320x320.webp 320w, https://manfred-feiger.com/wp-content/uploads/2024/03/gerstner-categories-designing-programs.webp 1800w" sizes="auto, (max-width: 1203px) 100vw, 1203px" /><figcaption class="wp-element-caption">Karl Gerstner – Designing Programs (1964) – morphological analysis</figcaption></figure>



<p class="wp-block-paragraph">The process is analytical at first and switches to a curating activity to display possible solutions. So many million possible solutions could be possible, depending on the size of the matrix. But still, the more detailed the analyses, the bigger the creative potential. This morphological analysis is a creativity method developed by <a href="https://en.wikipedia.org/wiki/Fritz_Zwicky" class="ek-link">Fritz Zwicky</a> and surely influenced Gerstner's application.</p>



<p class="wp-block-paragraph">Describing the problem is part of the solution. It means making decisions based on intellectual criteria rather than feelings. The more precise and complete the criteria, the more creative the work. The creative process is reduced to an act of selection: picking out determining elements and combining them.&nbsp;</p>



<p class="wp-block-paragraph">A process that is not unlike creative coding; you define some rulesets and then within the rule-space, you look for solutions generated by the algorithm.</p>



<p class="wp-block-paragraph">Of course Gerstners publication is only one among many others being published in the flourishing years of swiss graphic design. So also Armin Hofmann published "<a aria-label="Graphic Design Manual, Principles and Practise (opens in a new tab)" href="https://www.niggli.ch/en/produkt/graphic-design-manual/" target="_blank" rel="noreferrer noopener" class="ek-link">Graphic Design Manual, Principles and Practise</a>" in 1965 and set his own educational standards at that time. But the key of Gerstners work, that largely influenced modern literature, such as "<a aria-label="Flexible Visual systems (opens in a new tab)" href="https://www.slanted.de/product/flexible-visual-systems/" target="_blank" rel="noreferrer noopener" class="ek-link">Flexible Visual systems</a>" by Dr. Martin Lorenz, is that methods are essential in tackling big problems. Finding categories, digging deeper, analyzing and finding the true problem or in other words: scoping, muddling, scoping, muddling, scoping or diverge, converge, diverge, converge,...</p>



<p class="wp-block-paragraph">I also think the task of designer is often only to choose the right directions, not doing the whole job... that could be done by the machine, and AI is very good at that. Our task is contextualization and also, to some extent, in dialogue with a machine to decide, how much control it should be given to. Whether it be AI or generative coding.</p>



<p class="wp-block-paragraph"><br>In addition to utilizing methods, scoping, and analysis, the essence lies in interpersonal interaction. It is through conversations that we unearth crucial information and glean valuable insights to inform superior design choices. As the utilization of AI in the realm of tools becomes increasingly significant, designers must grasp the systemic implications in order to prevent the proliferation of poorly informed design decisions, thus averting a further escalation of subpar designs.</p>



<h3 class="wp-block-heading">Moving from an atomistic view of the world to a holistic view</h3>



<p class="wp-block-paragraph">Writing this headline, I directly thought about atomic design again and the recent article by Brad Frost "on a global design system". The text discusses the creation of a Global Design System to provide common UI components for web designers and developers worldwide. It highlights the need to reduce duplication, improve accessibility, and enhance the quality of web experiences. The article emphasizes the benefits of a centralized system and proposes using Web Components for this purpose. The article is a good read and an understandable perspective, the web in its current state is kind of a mess; we have far too many systems out there and there are so many frameworks, no one is even able to name all of them.</p>



<p class="wp-block-paragraph">In my point of view, the messy web is also an issue for design education at the moment that will increase with more and more AI builders, building the same stuff over and over and repeating the current issues about accessibility or inclusion errors.</p>



<p class="wp-block-paragraph">What I like most about the article is Brad Frost doing his morphology on pointing to the problem. The problem itself is understandable, but I'm too far away to do any interpretations on how to solve this issue.</p>



<p class="wp-block-paragraph">It is really a mess that there's not a unified language on components and components behavior is different in different systems (only to name accordions, or is it a toggle or is it a collapse?); If you have been to web design for quite a time, you know what I am talking about. I would love to have more meaningful standards, not standards leading to the same design with different contents as we had it in the early days of bootstrap; we bootstrapped the beautiful diverse world of flash dominated websites to streamlined bootstrap sites on the web and still most of the web is a 12 grid based design; sorry, that's another topic 🙂 (and I am not saying that everything about flash websites was great – such as excessive use of intros and flaws in accessibility).</p>



<h4 class="wp-block-heading">Ok, how to move from an atomistic view of the world to a holistic view of the world?</h4>



<p class="wp-block-paragraph">Is that even possible?</p>



<p class="wp-block-paragraph">Maybe start with the work environment in the last years; except the isolation period from covid, designers and their tools moved more and more into collaborative workspaces; most tools could be used by more people at once and social media is mostly part of the workspace itself; so on the surface, one could say, that communication from person to person got better. Maybe –&nbsp;the interpersonal is still best if in person.</p>



<p class="wp-block-paragraph">My starting point to learn to get a holistic view of the world would be the same as I tell students; learn to see; in this case I explicitly mean consciously seeing, analyzing and staying open for change. Our current world around us is greatly described as "<a href="https://www.alexmurrell.co.uk/articles/the-age-of-average" class="ek-link">the age of average</a>" as mentioned in the article by Alex Murrell. </p>



<p class="wp-block-paragraph">If you are aware of the fact that the need for originality and creativity is bigger than before to break away from this age of average conformity and homogeneity, you have done one step in understanding our current world in terms of visuals. Similar applies to other domains of our surrounding; we first need to break down the status quo, to analyze and understand what is going on and then look and identify the right problem (you notice, I am still problem focused, a better approach would be working on the root cause) to have the basis for moving into the right direction.</p>



<h4 class="wp-block-heading">Embracing Systemic Thinking</h4>



<p class="wp-block-paragraph">I don't believe in one holistic view. We couldn't have a holistic perspective on everything; we are shaped by our experiences, impressions, our bubbles and so forth. What we can do is break down a big topic to smaller junks and understand the relationships of the smaller topics. </p>



<p class="wp-block-paragraph">In my lectures and experience with student work on sustainable development goals, it became evident that when a significant challenge was broken down into smaller ones, the solutions and ideas generated were often more effective and creative.</p>



<p class="wp-block-paragraph">In addition to analyzing and grasping the root of a problem, various methods prove to be extremely useful in breaking down challenges such as functional fixedness. Notably, the principles of contest, comprehension, change, checking, and connection provide invaluable assistance in shifting perspectives and reorganizing issues to reimagine the topic at hand, thereby gaining a more profound understanding (the reframing matrix can also be employed for this purpose).</p>



<p class="wp-block-paragraph">At its essence, this thinking approach revolves around the pursuit of insights and the identification of problems. Thus, it wouldn't be an exaggeration to say that we have, indeed, engaged in the art of problem-solving.</p>



<p class="wp-block-paragraph">The same applies to the use of Design Thinking methods in courses to collaborate on challenges. As mentioned earlier, this is not a process carried out solely by one person or a group of students themselves; it requires moderation to get started. I am uncertain whether current lecturers have the experience to moderate workshops, work with timeboxes, and guide students in tackling significant challenges, as we ourselves lack some expertise in problem-solving on such a large scale. </p>



<p class="wp-block-paragraph">However, to be candid, anyone claiming to be highly experienced in solving the world's biggest challenges is a liar. Instead, we should focus on the core skills that designers possess. We are trained to communicate effectively, to translate complex concepts into clear and understandable messages for the recipient. These translation skills, along with our methodical approach and creativity, are the valuable assets we can contribute.</p>



<p class="wp-block-paragraph">One of the most essential skills for designers, in my experience, is the ability to go with the flow - the flow of the team, of ideas, of impulses, and of thoughts. It's about knowing when to pause, try something new, iterate, and test, and then seamlessly rejoin the flow before halting for another draft, repeating the process until we finally arrive at something we believe has the potential to be further developed.</p>



<p class="wp-block-paragraph">This process doesn't feel confident at first and could be even painful, but I guess we are trained by design education to get more and more confident with the unknown to solve complex issues.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">In conclusion, I believe that a solid foundation in graphic design is crucial before delving into more complex topics within the field. There should be an emphasis on helping students understand the systems they work within, fostering early contextualization and exploration. Moreover, interdisciplinary collaboration with other faculties, particularly engineering and social sciences, is essential for a well-rounded education.</p>



<p class="wp-block-paragraph">As students approach the end of their bachelor's degree, they should have the autonomy to choose their specialization, knowing that expertise in visual systems, digital environments, and ethical considerations requires continuous development. The integration of AI into education presents both challenges and opportunities, making it vital for students to learn its appropriate usage and understand its impact within the courses.</p>



<p class="wp-block-paragraph">Around the sixth semester, introducing courses on design thinking and methods-based design, followed by projects focused on societal, environmental, or ethical issues, would be highly beneficial. Collaboration with other student programs could further enrich this experience.</p>



<p class="wp-block-paragraph">As teachers, we need to ensure that our lectures incorporate more contextual elements to enhance understanding. This is particularly challenging when it comes to topics like UX, as time constraints often prevent us from fully addressing aspects such as accessibility or user testing. As the subject becomes more complex, it becomes even more difficult to cover everything within the allocated time. The same applies to courses that cover multiple topics, such as interaction in spaces, exhibition design, IoT, Extended Realities, and generative coding. Teaching these courses requires a high level of focus and careful planning in terms of defining the course modules. Alternatively, we can choose to scratch the surface of multiple subjects or dive deep into one particular subject. I would also say that it would be beneficial if the ones being responsible for the overall direction of a program would be given some time to mentor each single course to focus on a certain outcome.</p>



<p class="wp-block-paragraph">In the next 5 years, we can expect that no more than 5% of students will be deeply interested in tackling big and complex issues. While we can work on slowly increasing those numbers, it's also important to recognize the value of expertise in graphical design, UX design, and other related areas. Perhaps we can shift the focus from "I want to be a designer addressing global issues" to "I need to be a designer addressing these issues."</p>



<p class="wp-block-paragraph">One lingering question for me is whether it would be wise to promote the notion that everything in the world can be broken down into systems and manipulated. Isn't this exactly what mankind is doing? Instead of squandering our potential, we strive to comprehend and manipulate existing systems, potentially leading us into the complications we face in society and the environment. While this perspective may seem negative, it is crucial to remain aware of it, as Don Norman pointed out, nearly everything is artificial, as it was created by someone.</p>



<p class="wp-block-paragraph">My current gut feeling is that the concept of moderation (not executed by one person only), combined with a good understanding of the causes being tackled within the realm of design orders 4 and 5 and a transferred concept of "<a aria-label="rewildling (opens in a new tab)" href="https://rewilding.org/wp-content/uploads/2012/04/RewildingBiod.pdf" target="_blank" rel="noreferrer noopener" class="ek-link">rewilding</a>" would be interesting to see. Rewilding is primarily about ecological restoration, which means reinstating natural processes to enhance biodiversity and revive the natural environment. Considering that many things are artificially designed and have contributed to present-day issues, it could be wise to reverse our thinking. What if we first comprehend a system and then, based on that understanding, consider how removing certain designed elements could facilitate rewilding?<br></p>



<p class="wp-block-paragraph">From my viewpoint, delving deeper into a specific sub-system would undoubtedly be advantageous... However, it is essential to note that my perspective is purely subjective, and this article serves as a contemplation of personal thoughts. Feel free to share your thoughts.</p>



<p class="wp-block-paragraph"> </p>



<h4 class="wp-block-heading">Additional Ressources</h4>



<ul class="wp-block-list">
<li><a aria-label="Design for a better world – ressources (opens in a new tab)" href="https://dbw.jnd.org/" target="_blank" rel="noreferrer noopener" class="ek-link">Design for a better world – </a><a href="https://dbw.jnd.org/" target="_blank" aria-label="Design for a better world – ressources (opens in a new tab)" rel="noreferrer noopener" class="ek-link">resources</a></li>



<li><a href="https://www.sciencedirect.com/journal/she-ji-the-journal-of-design-economics-and-innovation" class="ek-link">She Ji: The Journal of Design, Economics, and Innovation</a></li>



<li><a href="https://www.jstor.org/stable/1511916" target="_blank" aria-label="Design Research and the New Learning (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Design Research and the New Learning</a></li>



<li><a aria-label="New Design Knowledge and the Fifth Order of Design (opens in a new tab)" href="https://direct.mit.edu/desi/article/38/4/21/113200/New-Design-Knowledge-and-the-Fifth-Order-of-Design" target="_blank" rel="noreferrer noopener" class="ek-link">New Design Knowledge and the Fifth Order of Design</a></li>



<li><a aria-label="Systems Thinking and Design Thinking: The Search for Principles in the World We Are Making (opens in a new tab)" href="https://www.researchgate.net/publication/345439187_Systems_Thinking_and_Design_Thinking_The_Search_for_Principles_in_the_World_We_Are_Making" target="_blank" rel="noreferrer noopener" class="ek-link">Systems Thinking and Design Thinking: The Search for Principles in the World We Are Making</a></li>



<li><a href="https://manfred-feiger.com/applying-21st-century-design-education/" class="ek-link">Applying 21st century design</a> – my experiences in working on sustainable development goals with students</li>



<li><a href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/" class="ek-link">Design for the 21st Century with Don Norman – </a>my review of the course of Don Norman, with some background notes on education</li>



<li><a href="https://www.interaction-design.org/courses/design-for-the-21st-century" target="_blank" aria-label="Interaction Design Foundation – Design for the 21st Century with Don Norman (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Interaction Design Foundation – Design for the 21st Century with Don Norman</a></li>



<li><a href="https://www.interaction-design.org/courses/design-for-a-better-world-with-don-norman-course" target="_blank" aria-label="Interaction Design Foundation –&nbsp;Design for a better world with Don Norman (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Interaction Design Foundation –&nbsp;Design for a better world with Don Norman</a></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/thinking-in-systems-navigating-complexity/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Who owns the truth – Part three: Applied arts</title>
		<link>https://manfred-feiger.com/who-owns-the-truth-part-three-applied-arts/</link>
					<comments>https://manfred-feiger.com/who-owns-the-truth-part-three-applied-arts/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 08 Nov 2023 12:23:01 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2609</guid>

					<description><![CDATA[<p><img width="768" height="512" src="https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Applied arts and AI" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai-750x500.jpg 750w" sizes="auto, (max-width: 768px) 100vw, 768px" /></p>Thoughts on the web being influenced by AI after around one year after ChatGPT and AI image generators took over the net.]]></description>
										<content:encoded><![CDATA[<p><img width="768" height="512" src="https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Applied arts and AI" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2023/11/appied-arts-and-ai-750x500.jpg 750w" sizes="auto, (max-width: 768px) 100vw, 768px" /></p>
<p class="wp-block-paragraph">In the past year, the impact of generative AI and other AI assistants on the realm of <strong>applied arts</strong> has been truly remarkable. From generating unique and captivating visual designs to assisting in the creation of innovative videos, AI has proven to be an invaluable tool in pushing the boundaries of artistic expression. </p>



<p class="wp-block-paragraph">One of the most notable ways generative AI has influenced applied arts is in the realm of digital artworks. With its ability to generate infinite variations of designs and patterns, AI has empowered creators to explore new aesthetic realms and create mesmerizing, one-of-a-kind digital artworks. Creators are now able to harness the power of AI to bring their visions to life, unleashing a whole new level of creativity and imagination.</p>



<h2 class="wp-block-heading">What does an AI test assistant tell you about the role of AI in applied arts?</h2>



<p class="wp-block-paragraph">If you ask an AI about the impact of AI assistants in the last year, it would sound like (generated with <a href="https://linguix.com/">Linguix</a>, a writing assistant I use while writing posts):</p>



<p class="wp-block-paragraph"><em>AI assistants have streamlined the creative process, saving artists and designers alike significant amounts of time and effort. These assistants are capable of performing tedious tasks, such as image sorting and research, allowing artists to focus more on the actual creation of their art. By taking care of the mundane and repetitive aspects, AI assistants have allowed artists to devote their energy to the aspects that truly matter - crafting innovative and thought-provoking artworks.</em> </p>



<p class="wp-block-paragraph"><em>The impact of generative AI and other AI assistants on applied arts is not limited to digital mediums alone. In the field of sculpture, for example, AI has played a significant role in helping artists design and produce intricate and complex pieces. By utilizing algorithms and computational methods, AI has offered a fresh perspective on sculptural creation, pushing artists to explore novel forms and experiment with new techniques.</em> </p>



<p class="wp-block-paragraph"><em>In conclusion, the influence of generative AI and other AI assistants on the realm of applied arts in the past year cannot be overstated. From enabling artists to delve into uncharted aesthetic territories in digital art to revolutionizing the creative process, these technologies have undeniably reshaped the landscape of artistic expression. As we move forward, we can only anticipate further advancements and a continued partnership between artists and AI, opening up even more possibilities for the world of applied arts.</em></p>



<p class="wp-block-paragraph">Reading through the answer sounds very compelling, and truly I think this influences the direction of my post; there are many aspects and directions, I didn’t take into consideration before. It also felt a bit like… wow, did I miss so many things?</p>



<p class="wp-block-paragraph">Let’s ask google’s bard, to provide me some examples to some of these mentioned improvements last year (ChatGPT’s memory ends in January 2022, so it wouldn’t help).</p>



<p class="wp-block-paragraph">My first question for Bard:</p>



<p class="wp-block-paragraph">Could you name some artists using AI to design sculptural creations?</p>



<p class="wp-block-paragraph">As you might expect, I ended up having a smile on my face. At first, Refik Anadol was the top-ranked artist, followed by other artists who are, based on bard connected to the usage of AI.</p>



<p class="wp-block-paragraph">The true reason for my smile was the double test and the same results; so I tested the question “<strong>Could you name artists using ChatGPT or text-to-image generators for their artwork?</strong>”.</p>



<p class="wp-block-paragraph">The result was the same list, with the same errors; Bard didn’t distinguish between artists in general having some relation to computer art or playing with computer algorithms, such as Josef Albers, <a href="https://en.wikipedia.org/wiki/Maurizio_Cattelan">Maurizio Cattelan</a> mainly known for sculptures and installations, and other artists using algorithms in general.</p>



<p class="wp-block-paragraph">The most entertaining outcome from the list is the incredible hallucination of Markus Rehm, or at least I hope it is, as I must admit I am not familiar with this artist.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="453" src="https://manfred-feiger.com/wp-content/uploads/2023/11/markus-rehm.jpg" alt="" class="wp-image-2610" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/markus-rehm.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/markus-rehm-768x217.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot from the result list of famous artists using ChatGPT </figcaption></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">AI has been used in New Media art for quite some time.</h2>



<p class="wp-block-paragraph">Honestly, I don’t know which renowned artists really came up with new pieces of art within our last year that made use of ChatGPT or Text-to-image generators to build the foundation of the artwork itself.</p>



<p class="wp-block-paragraph">In my understanding, the text being generated by AI shows a misconception about art. Especially new media art is and has always been about the edges of our technology surrounding us.</p>



<p class="wp-block-paragraph">The popularity of new media art has been consistently rising since around 2014/2015, particularly in the areas of image generators and algorithmic experimentation. Google DeepDream was released in 2015 and many artists played with it. I recommend the read of <a href="https://www.memo.tv/">Memo Akten</a> “#<a href="https://memoakten.medium.com/deepdream-is-blowing-my-mind-6a2c8669c698">DeepDream is blowing my mind</a>” from 2015.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I know everybody hates #Deepdream, but I really love it. However, it’s not the aesthetics that I love, but the poetry of what’s happening inside the algorithm.</p>
<cite>Memo Akten on DeepDream</cite></blockquote>



<p class="wp-block-paragraph">There’s also a related video to his DeepDream experiment from 2015 on V<a href="https://vimeo.com/132462576">imeo</a>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="893" src="https://manfred-feiger.com/wp-content/uploads/2023/11/memo-akten-journey-through-the-layers-of-the-mind-1600x893.jpg" alt="" class="wp-image-2611" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/memo-akten-journey-through-the-layers-of-the-mind-1600x893.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/memo-akten-journey-through-the-layers-of-the-mind-768x429.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2023/11/memo-akten-journey-through-the-layers-of-the-mind.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"><a href="https://vimeo.com/132462576">Journey through the layers of the mind (2015), Memo Akten on Vimeo</a></figcaption></figure>



<p class="wp-block-paragraph">Besides Akten, also <a href="https://en.wikipedia.org/wiki/Mario_Klingemann">Mario Klingemann</a> started with some DeepDream experiments back in 2015, before he made more use of the emerging Generative adversarial networks (GAN) and created I guess his most famous piece of art in 2018, Memories of Passersby I. By the way, Mario is also one of my heroes as he accompanies my life for a long time; so he was a master in Adobe Flash and so many things that also played a role in my life. Get inspired by his journey and watch this video on <a href="https://www.youtube.com/watch?v=FjgZAAQzhGo&amp;t=73s">YouTube</a>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1195" src="https://manfred-feiger.com/wp-content/uploads/2023/11/memories-of-passersby.jpg" alt="" class="wp-image-2612" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/memories-of-passersby.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/memories-of-passersby-669x500.jpg 669w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Mario Klingemann, Memories of Passersby I, Image taken from <a href="https://www.artsy.net/artwork/mario-klingemann-memories-of-passersby-i-companion-version-1">artsy.net</a></figcaption></figure>



<p class="wp-block-paragraph">GANs and DeepDream played a role for many artists. In 2016, we had great projects, such as “<a href="http://nightmare.mit.edu/">the nightmare Machine</a>” by the MIT Media Lab, and also the beautiful project “<a href="https://news.microsoft.com/europe/features/next-rembrandt/">The Next Rembrandt</a>” got introduced in 2016. With <a href="https://en.wikipedia.org/wiki/Edmond_de_Belamy">Edmond de Belamy</a>, a Generative Adversarial Network portrait painting from 2018, being sold for $432,500 at an auction, more and more artists realized that there is a lot of potential in that field.</p>



<p class="wp-block-paragraph">For a long time GANs were the core to generate images; so before we had DALL-E (in version 2), Imagen, followed by Midjourney, Stable Diffusion and others, we relied on GAN-related image generators to generate pictures.</p>



<p class="wp-block-paragraph">Back in 2022 I wrote a post on “<a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/">Speaking computer language – welcome AI Art</a>” and it gave a glimpse into the current status quo (before mass market tools dominated and changed the development). With the introduction of CLIP (Contrast Language-Image Pre-Training) and other similar technologies, we witnessed the emergence of image production tools. However, it is the arrival of the latest text-to-image generators that revolutionized the market, turning it into a mass market phenomenon.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">This might sound like I’m joking, but I am not: I believe that one of the hardest problems in artificial intelligence, which still has not been solved satisfactorily, is humor. Once machines actually know how humor works and are not just involuntarily funny sometimes like they are now, they will have achieved true intelligence. And as a free bonus, with that understanding will automatically come the ability to know when to be serious.</p>
<cite><a href="https://www.technologyreview.com/2023/11/01/1081939/big-questions-problem-solving-bill-gates-jennifer-doudna-lina-khan/?ref=gorillasun.de">Mario Klingemann on the question “What are the hardest problems at the intersection of technology and society that deserve more attention?” in MIT Technology Review</a></cite></blockquote>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1014" src="https://manfred-feiger.com/wp-content/uploads/2023/11/sam-altmann-x-grok.jpg" alt="" class="wp-image-2647" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/sam-altmann-x-grok.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/sam-altmann-x-grok-768x487.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"><a href="https://twitter.com/sama/status/1722766374588830101?cxt=HBwWqsbWxfu4v-gvAAAA&amp;cn=ZmxleGlibGVfcmVjcw%3D%3D" class="ek-link">Sam Altmann on X, reaction to Grok from Elon Musk</a></figcaption></figure>



<p class="wp-block-paragraph">Regarding jokes and humor, at least <a href="https://twitter.com/sama/status/1722766374588830101?cxt=HBwWqsbWxfu4v-gvAAAA&amp;cn=ZmxleGlibGVfcmVjcw%3D%3D" class="ek-link">Sam Altmann had a great reaction</a> after the introduction of <a href="https://grok.x.ai/" class="ek-link">Elon Musks Grok</a>.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">It’s all about the data – New Media artists don’t care so much about ChatGPT and Text-To-Anything generators.</h3>



<p class="wp-block-paragraph">I already explained the role of data for the art being created by Refik Anadol in my post “<a href="https://manfred-feiger.com/create-ai-art-like-refik-anadol/">Deconstructing AI Art masterpieces: Create Art like Refik Anadol</a>”, in general AI is at its core a set of data technologies to analyze and transform an input.</p>



<p class="wp-block-paragraph">In the past, artists had to classify the input images for AI models themselves. Now, there is a modern form of slavery where people are paid very low wages, around $2 per hour, to classify data. The problem is that the content they have to classify can be traumatic, see the article “<a href="https://www.vice.com/en/article/wxn3kw/openai-used-kenyan-workers-making-dollar2-an-hour-to-filter-traumatic-content-from-chatgpt">OpenAI Used Kenyan Workers Making $2 an Hour to Filter Traumatic Content from ChatGPT</a>” published in vice magazine.</p>



<p class="wp-block-paragraph">Getting back to the initial listing, AI proposed artists making use of ChatGPT or text-to-image-generators and the top result of the list, Refik Anadol.</p>



<p class="wp-block-paragraph">Most of his current artworks still rely on the GANs, so there are different ones, such as DCGAN, PGAN, and StyleGAN algorithms being trained on massive datasets.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="904" src="https://manfred-feiger.com/wp-content/uploads/2023/11/unsupervised-machine-hallucinations.jpg" alt="" class="wp-image-2614" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/unsupervised-machine-hallucinations.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/unsupervised-machine-hallucinations-768x434.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Unsupervised – Machine Hallucinations from Refik Anadol; <a href="https://refikanadol.com/works/unsupervised/">picture from his website</a></figcaption></figure>



<p class="wp-block-paragraph">Unsupervised — Machine Hallucinations — MoMA, recently being displayed in the MoMA is one of the works of Refik Anadol. The thought of playing with “hallucinations” beautiful reflects machine hallucinations in an expressive style.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Art that is influenced by Text-To-Image generators? Yes, dear Bots, here are some examples.</h3>



<p class="wp-block-paragraph">AI tools are great, no question, no doubt. Creating text, editing text, writing code, editing code, finding inspiration, testing ideas, … there are so many great ways to make use of AI. So let’s finally look at some examples that really relate the usage of mass market tools being available since around a year.</p>



<h4 class="wp-block-heading">AI fashion examples</h4>



<p class="wp-block-paragraph">AI fashion in general has great examples of how to use text-to-image generators. Though many use the looks to get quick money again (this time in the shape of NFT), I wouldn’t blame them for doing so. Better than generating fake content on the web to gain traffic and generate money with it; see my main criticism in <a href="https://manfred-feiger.com/who-owns-the-truth-part-two-the-web/">part 2 of the series “who owns the truth – the web”</a>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="913" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/kikanicolela-913x1200.jpg" alt="" class="wp-image-2615" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/kikanicolela-913x1200.jpg 913w, https://manfred-feiger.com/wp-content/uploads/2023/11/kikanicolela-380x500.jpg 380w, https://manfred-feiger.com/wp-content/uploads/2023/11/kikanicolela-1558x2048.jpg 1558w, https://manfred-feiger.com/wp-content/uploads/2023/11/kikanicolela.jpg 1600w" sizes="auto, (max-width: 913px) 100vw, 913px" /><figcaption class="wp-element-caption"><a href="https://deca.art/kikanicolela/wakeup">Kika Nicolela – wakeup collection from deca.art</a></figcaption></figure>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1456" height="816" src="https://manfred-feiger.com/wp-content/uploads/2023/11/aclaai_lookbook_with_midjourney_1011.jpg" alt="" class="wp-image-2616" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/aclaai_lookbook_with_midjourney_1011.jpg 1456w, https://manfred-feiger.com/wp-content/uploads/2023/11/aclaai_lookbook_with_midjourney_1011-768x430.jpg 768w" sizes="auto, (max-width: 1456px) 100vw, 1456px" /><figcaption class="wp-element-caption">Shots taken from <a href="https://open-fashion.com/">OpenFashion.com</a>, a great site with tips on how to generate fashion styles or even brands.</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="574" src="https://manfred-feiger.com/wp-content/uploads/2023/11/Three_fashion_models_wearing_unique_details_outfits_virtual_fashion_near_future_curvilinear_details_sophisticated_simple_Background_hyper_realistic_1024x1024.jpg" alt="" class="wp-image-2617" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/Three_fashion_models_wearing_unique_details_outfits_virtual_fashion_near_future_curvilinear_details_sophisticated_simple_Background_hyper_realistic_1024x1024.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2023/11/Three_fashion_models_wearing_unique_details_outfits_virtual_fashion_near_future_curvilinear_details_sophisticated_simple_Background_hyper_realistic_1024x1024-768x431.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="960" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/image21-960x1200.jpg" alt="" class="wp-image-2653" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/image21-960x1200.jpg 960w, https://manfred-feiger.com/wp-content/uploads/2023/11/image21-400x500.jpg 400w, https://manfred-feiger.com/wp-content/uploads/2023/11/image21.jpg 1600w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="960" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_e264ed99-7c39-4353-a45b-c33ac7b8b67b1-960x1200.jpg" alt="" class="wp-image-2654" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_e264ed99-7c39-4353-a45b-c33ac7b8b67b1-960x1200.jpg 960w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_e264ed99-7c39-4353-a45b-c33ac7b8b67b1-400x500.jpg 400w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_e264ed99-7c39-4353-a45b-c33ac7b8b67b1.jpg 1600w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure>
</div>
</div>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1200" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_7fbf2c3e-7420-4065-9fab-f861c6063a201-1200x1200.jpg" alt="" class="wp-image-2655" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_7fbf2c3e-7420-4065-9fab-f861c6063a201-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_7fbf2c3e-7420-4065-9fab-f861c6063a201-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_7fbf2c3e-7420-4065-9fab-f861c6063a201-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_7fbf2c3e-7420-4065-9fab-f861c6063a201.jpg 1600w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption"><a href="https://animadesignsltd.com/drapes-floral-ai" class="ek-link">All images from Charles Agnew series "Drapes &amp; Floral [AI]"<br></a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1200" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_415cd0da-fdb7-49ef-a4a9-932f71c04313-1200x1200.jpg" alt="" class="wp-image-2656" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_415cd0da-fdb7-49ef-a4a9-932f71c04313-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_415cd0da-fdb7-49ef-a4a9-932f71c04313-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_415cd0da-fdb7-49ef-a4a9-932f71c04313-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2023/11/anima2020_a_female_model_blending_in_Precisely_Aligned_Paint_an_415cd0da-fdb7-49ef-a4a9-932f71c04313.jpg 1600w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>
</div>
</div>



<h4 class="wp-block-heading">“Contemporary” AI Art</h4>



<p class="wp-block-paragraph">I don’t even know if there is something like a contemporary AI Art section, but if so, I would put some work from <a href="https://violetforest.com/">Violet Forest</a> into this category. Her series “Just an AI girl” is just fun and is playing with contemporary clichés and one of the main issues mainstream text-to-image generators have had the last year; displaying strange hands.</p>



<h5 class="wp-block-heading">Violet Forest (Violeta Lopéz)</h5>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1600" height="1085" src="https://manfred-feiger.com/wp-content/uploads/2023/11/just-an-ai-girl.jpg" alt="" class="wp-image-2618" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/just-an-ai-girl.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/just-an-ai-girl-737x500.jpg 737w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"><a href="https://foundation.app/collection/aigirl">Look at the collection “Just an AI girl” on foundation</a>, from Violeta López (Violet Forest)</figcaption></figure>
</div>


<h5 class="wp-block-heading">Danielle King</h5>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>Artificial Childhood Memories</em> is an invitation to reflect on our own memories, the stories we choose to reshape, and the ever-evolving digital canvas upon which we sculpt and re-work the narratives that define us.</p>
<cite>Description from <a href="http://joyn.xyz/">Joyn.xyz</a> on Danielle Kings’ work “Artificial Childhood Memories”</cite></blockquote>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1200" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories1-1-1200x1200.jpg" alt="" class="wp-image-2619" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories1-1-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories1-1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories1-1-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories1-1.jpg 1600w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption"><a href="https://www.joyn.xyz/showcase/ArtificialChildhoodMemories" class="ek-link">Image taken from joyn.xyz from Danille King "Artificial Childhood memories"</a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="1000" src="https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories2-1.jpg" alt="" class="wp-image-2620" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories2-1.jpg 1000w, https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories2-1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2023/11/childhood-memories2-1-320x320.jpg 320w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">In "Artificial Childhood Memories," I delve into the delicate interplay between technology and nostalgia. This exhibition explores the ways in which AI can be harnessed to recreate and reimagine our fading memories, shedding light on the malleability of the stories we tell ourselves.</p>
<cite><a href="https://danielle-king.com/exhibitions/edmg0p23ivow3uxap0h7ogh5oki90f">Danielle King describing her work “Artificial Childhood Memories” on her website</a>.</cite></blockquote>



<p class="wp-block-paragraph">Art is expressive and should also be related to our society and what moves our zeitgeist. From my understanding of the provided Answer, so far it seems that language models don’t understand differences within applied arts and they also see all "creators" as artists. The field of applied arts is far wider than only arts. It’s the world of different design disciplines and architecture as well. </p>



<p class="wp-block-paragraph">Looking at my entry point, I had no chance to speak about applied arts in any design discipline so far… only because I was surprised how wrong the Chat output was.</p>



<h3 class="wp-block-heading">The role of AI tools, such as ChatGPT or Text-to-image, video or anything generators, has on the design practice.</h3>



<p class="wp-block-paragraph">Simple answer: it’s a massive support for finding ideas and especially directly testing ideas. Being able to use language is now a competitive advantage and there’s no need to only rely on pure sketching skills.</p>



<p class="wp-block-paragraph">But still, I don’t see finishing skills in AI. New Media Artists have proven over the last 10 years, that the manual selection process, or I would call it the classical role of an Art Director, is needed to point AI into the right direction.</p>



<h4 class="wp-block-heading">Our dear AI buddies help to be far quicker – But still, they are supporting tools</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1200" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/style-guy2-v2-1200x1200.jpg" alt="" class="wp-image-2621" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/style-guy2-v2-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/style-guy2-v2-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2023/11/style-guy2-v2-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2023/11/style-guy2-v2.jpg 1600w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Example of a mockup for a client, generated with AI</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">For me being a solopreneur sometimes, sometimes part of a team or as a design-consultant on a project, I had different usages of AI. The best is sketching and selling ideas in a rush. So I had this little superhero being created for a client with some variations within half a day till I got the client's approval. The work to finally get the model created with 3D and some post-production/optimization took much longer.</p>



<p class="wp-block-paragraph">The image was prepared with <a href="http://leonardo.ai/">leonardo.ai</a> and quickly modified in Photoshop to present to the client.</p>
</div>
</div>



<p class="wp-block-paragraph">A main benefit for me is the brainstorming and ideation part. So every time I am stuck with something such as preparing a script for lectures, I could use AI as my muse to get distracted and refocus my thoughts.</p>



<p class="wp-block-paragraph">The article “<a href="https://www.wired.com/story/artificial-intelligence-writing-art/">AI Reveals the Most Human Parts of Writing</a>” from Wired Magazine illustrates this role of an AI-supported Writing buddy quite well. For some writers, the use of AI writing tools is like a new ghostwriter, but also the effect, that AI is giving you the direction of the text, might emerge. Same in my case for this post. The generated text of AI was a bubble and I wanted to elaborate on it to find out, that also the AI Chatbots had no clue about what they were talking in the end, AI dominated the direction of this text.</p>



<p class="wp-block-paragraph">In terms of writing, AI assistants are a great aid, also in terms of usability. I assume it is much more pleasing to read an optimized text than my own, plain thoughts.</p>



<h4 class="wp-block-heading">Text-to-video: Runway ML, Kaiber, Pika Labs and others</h4>



<p class="wp-block-paragraph">For me, there’s no use case yet to say, AI itself is the main tool yet to go somewhere. They massively help to get a feeling of potential looks; so as of November 2023, text-to-video made some impressive advancements, and it’s not Runway ML alone being the only interesting pick. But still it is one of the most impressive.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1194" height="1036" src="https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-max.jpg" alt="" class="wp-image-2622" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-max.jpg 1194w, https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-max-576x500.jpg 576w" sizes="auto, (max-width: 1194px) 100vw, 1194px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1230" height="952" src="https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-ammaar-reshi.jpg" alt="" class="wp-image-2623" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-ammaar-reshi.jpg 1230w, https://manfred-feiger.com/wp-content/uploads/2023/11/runway-gen2-ammaar-reshi-646x500.jpg 646w" sizes="auto, (max-width: 1230px) 100vw, 1230px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">To get an idea of what Runway ML is capable of, it’s best to look for results on Twitter. <a href="https://twitter.com/maxescu">@maxescu</a> work is worth a look. He recently produced a video “the outworld” that could also be seen on Y<a href="https://www.youtube.com/watch?v=s1AXccDlm6A">ouTube</a>, that is 100% AI created (and it is impressive). I would also recommend to filter Twitter results and look for <a href="https://twitter.com/hashtag/runwaymlgen2?src=hashtag_click">#runwaymlgen2</a>.</p>



<p class="wp-block-paragraph"><a href="https://twitter.com/ammaar">Ammaar Reshi</a> is another, highly talented AI Movie Director with great demos.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="888" src="https://manfred-feiger.com/wp-content/uploads/2023/11/runway.jpg" alt="" class="wp-image-2624" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/runway.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/runway-676x500.jpg 676w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="888" src="https://manfred-feiger.com/wp-content/uploads/2023/11/kaiber.jpg" alt="" class="wp-image-2625" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/kaiber.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/kaiber-676x500.jpg 676w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="888" src="https://manfred-feiger.com/wp-content/uploads/2023/11/pika-labs-1.jpg" alt="" class="wp-image-2627" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/pika-labs-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/pika-labs-1-676x500.jpg 676w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="888" src="https://manfred-feiger.com/wp-content/uploads/2023/11/genmo.jpg" alt="" class="wp-image-2628" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/genmo.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/genmo-676x500.jpg 676w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">Other contenders are also there, but all lack the quality of <a href="https://runwayml.com/" class="ek-link">Runway ML</a> at the moment. Maybe <a href="https://kaiber.ai/" class="ek-link">Kaiber</a> has the most potential at least for some kind of looks. Other shots are from <a href="https://www.pika.art/" class="ek-link">Pika Labs</a> and from <a href="https://www.genmo.ai/" class="ek-link">Genmo</a>.</p>



<p class="wp-block-paragraph">The beauty of these tools is that even when artists or people who try this tool explore it, it helps all creatives broaden their horizons. Creative work is heavily influenced by what we have seen.</p>



<h4 class="wp-block-heading">UX Design and AI</h4>



<p class="wp-block-paragraph">To give a status quo about UX design and AI, I first start with a personal perspective based on my working process and experience during the last year.</p>



<p class="wp-block-paragraph">On the visual part of the process, I tried text-to-image generators and their website output; but currently I wouldn’t suggest the use to text-to-image generators for more than a creative direction of a mockup and I wouldn’t always recommend to show it to clients.</p>



<p class="wp-block-paragraph">The thing is, you easily get an interesting visual appearance. But in terms of structure, user guidance, or in short in terms of usability, my feeling was that the generated screens show one of the biggest pain points that brought me business in 2023. </p>



<p class="wp-block-paragraph">The best recommendations I could give so far would be <a aria-label="Galileo AI (opens in a new tab)" href="https://www.usegalileo.ai/explore" target="_blank" rel="noreferrer noopener" class="ek-link">Galileo AI</a>, <a aria-label="Visily (opens in a new tab)" href="https://www.visily.ai/" target="_blank" rel="noreferrer noopener" class="ek-link">Visily</a>, <a aria-label="WireGen for Figma (opens in a new tab)" href="https://www.figma.com/community/plugin/1221144015267698736/wiregen-ai-gpt-wireframe-generation" target="_blank" rel="noreferrer noopener" class="ek-link">WireGen for Figma</a>, in terms of tools and <a href="https://vas.3m.com/" class="ek-link">3M VAS</a> to check, to buddy your design.</p>



<p class="wp-block-paragraph">I had to conduct UX workshops in two agencies that have their strength in classical design or editorial design. Interestingly, both complained about their lack of usability when they incorporated it into their online designs or magazines. Based on my experience, this is a true point I see now in AI-generated websites. They look good based on an arrangement perspective, but are not usable at all.</p>



<p class="wp-block-paragraph"><a href="https://en.wikipedia.org/wiki/Jakob_Nielsen_(usability_consultant)">Jakob Nielsen</a>, part of the world renowned Nielsen Norman Group and maybe the godfather of usability, wrote an article on his own legendary blog about the “<a href="https://www.uxtigers.com/post/ai-ux-evaluation">Unreliability of AI in Evaluating UX Screenshots</a>”. For a small study, 12 e-commerce screenshots were given ChatGPT for evaluation.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1280" height="775" src="https://manfred-feiger.com/wp-content/uploads/2023/11/uxtigers-chatGPT-suggestions.jpg" alt="" class="wp-image-2629" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/uxtigers-chatGPT-suggestions.jpg 1280w, https://manfred-feiger.com/wp-content/uploads/2023/11/uxtigers-chatGPT-suggestions-768x465.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /><figcaption class="wp-element-caption">Image from "<a href="https://www.uxtigers.com/post/ai-ux-evaluation">Unreliability of AI in Evaluating UX Screenshots</a>” on UX tigers by Jakob Nielsen.</figcaption></figure>



<p class="wp-block-paragraph">The suggestions that were given were inconsistent and untrustworthy. Nielsen compares the results with an early intern and sees perspective in a Version ChatGPT6 maybe in some years to provide some valuable help in evaluation.</p>



<p class="wp-block-paragraph">Ok, this article is from one of the strictest masters in usability, but Nielsen isn’t AI in general; he has a lot of great use cases, where AI assistants are helpful, such as ideation.</p>



<p class="wp-block-paragraph">As another article on “<a href="https://www.nngroup.com/articles/ai-powered-tools-limitations/">AI-Powered Tools for UX Research: Issues and Limitations</a>” from Norman Nielsen Group said, one of the core problems is that most available tools can’t process visual input yet. This is where <a href="https://openai.com/blog/chatgpt-can-now-see-hear-and-speak">ChatGPT's ability to vision</a> comes into play and will show us where the future leads. Similar to the artists, I assume if Jakob Nielsen would “teach” his Bot to classify, it would be able to classify more Usability downsides easier.</p>



<h4 class="wp-block-heading">ChatGPT Vision – pushing boundaries</h4>



<p class="wp-block-paragraph">I didn’t expect my post to get so long, so I try to get the curve slowly. For me the next major step now is to add more senses to AI. ChatGPT being able to hear, see and speak is massive.</p>



<p class="wp-block-paragraph">Let’s look at some early visions:</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="898" src="https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision1.jpg" alt="" class="wp-image-2631" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision1.jpg 800w, https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision1-445x500.jpg 445w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="883" src="https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision2.jpg" alt="" class="wp-image-2632" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision2.jpg 800w, https://manfred-feiger.com/wp-content/uploads/2023/11/mckay-wrigley-chatvision2-453x500.jpg 453w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="706" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/Pietro-Schirano-chatvision-706x1200.jpg" alt="" class="wp-image-2633" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/Pietro-Schirano-chatvision-706x1200.jpg 706w, https://manfred-feiger.com/wp-content/uploads/2023/11/Pietro-Schirano-chatvision-294x500.jpg 294w, https://manfred-feiger.com/wp-content/uploads/2023/11/Pietro-Schirano-chatvision.jpg 800w" sizes="auto, (max-width: 706px) 100vw, 706px" /></figure>
</div>
</div>



<p class="wp-block-paragraph"><a href="https://twitter.com/mckaywrigley">Mckay Wrigley</a> has some great early examples of what ChatGPT Vision is already capable of. Also <a href="https://twitter.com/skirano">Pietro Schirano</a> has some interesting examples on the application of ChatGPT Vision.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Summary on the use of AI for applied arts</h3>



<p class="wp-block-paragraph">Yes, you are right. I didn’t look at all developments in applied arts; for me, it is mainly about a glimpse and my personal attitude towards the topic.</p>



<p class="wp-block-paragraph">When it comes to applied arts, I could write endlessly and share more examples, in music for example, there’s the recent creation of <a href="https://www.youtube.com/watch?v=APJAQoSCwuA">Beatles song and a great short film</a> explaining the process. Or we have “<a href="https://marhamilresearch4.blob.core.windows.net/gutenberg-public/Website/index.html#Listen">The Project Gutenberg Open Audiobook Collection</a>”, a collection of free audiobooks created with neural text-to-speech technology.</p>



<p class="wp-block-paragraph">The major issue with all this development is the speed of development and the wide range of tools. It is insane. On the business side, I stopped two clients not to push forward with an AI-supported website chat earlier that year; I told them, it’s not yet the time. 5 months later you found easy tools to train the chat with the website content easily on every corner… but still, I tell them to stay calm; wait for the European Act on the usage of A, and then we see which providers there are with a suitable solution at fair price (of course one could also use an own hosted solution now, but that’s not the point).</p>



<p class="wp-block-paragraph">Staying calm in times of noise is my personal approach to current AI developments. All investments are pumped into AI, being a front-runner on a business side needs money and willingness to adapt quick; there’s no simple finish yet.</p>



<p class="wp-block-paragraph">As you might have noticed on my blog, I wrote a lot more about text-to-image generation before we reached the state of mass market. And honestly, it would have been hard for me to write about it, as every few months some new exciting developments would have changed the direction of my thoughts. I always sing up for some early access stuff; so currently I am mostly waiting for access for <a href="https://www.everart.ai/">everArt.ai</a>.</p>



<p class="wp-block-paragraph">I love AI for applied arts and I love the progress in technology we face. The speed is insane, and I assume the fear of missing out on some of the stuff is big. Especially if you are thinking about business ideas and applications for “quick” money. I also tried some stuff, trained my own models, built some Next.js apps and so on… but finally realized, that’s not my turf.</p>



<p class="wp-block-paragraph">My role in this game is observing, applying and consulting. And honestly, this is quite relaxing. Why chase for quick money, if you could serve clients better and quicker? Providing happiness is a good sake and more fun to aim for.</p>



<p class="wp-block-paragraph">As my counter program to the speed in AI developments I recently bought an <a href="https://idrawpenplotter.com/shop/ols/products/idraw-pen-plotter-h-version-a3">iDraw H A3</a> to have some fun “drawing” things. Maybe I also share some post on that one some day.</p>



<p class="wp-block-paragraph">My true recommendation on AI tools is, integrate them to your workflow, step by step and do yourself a favor to not try each and every tool. Relax, find your influencers and stick to the stuff that works best for you till you have a use case, some elaboration of another tool might be needed. AI Technology changes so rapidly, so don’t waste your time on trying tools.</p>



<p class="wp-block-paragraph">OpenAI CEO Sam Altman said on social media that a new Moore's Law may appear soon, that is, the number of intelligence in the universe doubles every 18 months. If you imagine this number, you might understand how important it is to stay calm.</p>



<p class="wp-block-paragraph">The only hope is that downsides of AI, such as bad datasets that infringe intellectual property law or unethical training data, get fixed. Also, the compensation of humans whose work has become training data needs improvement.</p>



<p class="wp-block-paragraph">In arts and craft there's no truth; there is only exploration.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/who-owns-the-truth-part-three-applied-arts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Who owns the truth? – Part two: the web</title>
		<link>https://manfred-feiger.com/who-owns-the-truth-part-two-the-web/</link>
					<comments>https://manfred-feiger.com/who-owns-the-truth-part-two-the-web/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Mon, 06 Nov 2023 10:44:24 +0000</pubDate>
				<category><![CDATA[future]]></category>
		<category><![CDATA[Indieweb]]></category>
		<category><![CDATA[ML]]></category>
		<category><![CDATA[search]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2565</guid>

					<description><![CDATA[<p><img width="1600" height="1067" src="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI and the future of the web" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development-750x500.jpg 750w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p>Thoughts on the web being influenced by AI after around one year after ChatGPT and AI image generators took over the net.]]></description>
										<content:encoded><![CDATA[<p><img width="1600" height="1067" src="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI and the future of the web" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-for-the-web-development-750x500.jpg 750w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p>
<p class="wp-block-paragraph">This is my second post in a row on reflections of our current status quo taking into consideration the developments of AI within the last year.</p>



<p class="wp-block-paragraph"><a href="https://manfred-feiger.com/who-owns-the-truth-part-one-ai-companions/" class="ek-link">My first article addressed</a> general issues concerning the training of large language models (LLMs). It delved into the complexities of language and data, and also considered the potential first major application for AI: AI Companions.</p>



<p class="wp-block-paragraph">In this episode I will focus on the role of <strong>AI for the web</strong>, and how the web it is changing and what might be implications that follow.</p>



<p class="wp-block-paragraph">To get this article going, I want to directly start with a video you need to watch, as it is brilliant; it’s from <a href="https://heydonworks.com/">Heydon Pickering</a>, called “What’s the deal with large language models”, being released some days ago (30th October, 2023).</p>



<figure class="wp-block-image size-full"><a href="https://www.youtube.com/watch?v=rchEbQNMepw" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="735" src="https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-screenshot-heydon-pickering.jpg" alt="" class="wp-image-2566" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-screenshot-heydon-pickering.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-screenshot-heydon-pickering-768x353.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">What's The Deal With Large Language Models? –&nbsp;<a href="https://www.youtube.com/watch?v=rchEbQNMepw" class="ek-link">watch on YouTube</a></figcaption></figure>



<p class="wp-block-paragraph">So hopefully you had a chance to watch this brilliant video. If not, there’s one aspect starting at the end of the video, which is also one of my major concerns at the moment regarding AI and the World Wide Web. In the future, AI will increasingly train itself using data it generates.</p>



<p class="wp-block-paragraph">Heydon describes it as:</p>



<p class="wp-block-paragraph"><em>The more we generate content and the more it is allowed to generate itself, the further the necrosis will spread. Rapidly, generative media will overwhelm the nominally “real” media from which it was originally trained, forcing it to reproduce with itself. This incestuous feedback loop will obliterate what remains of culture, leaving&nbsp;us gasping for brains, whatever the fuck they are.</em></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Who can be trusted on the internet?</h2>



<p class="wp-block-paragraph">As you may suspect, the question of trust prompted me to share my thoughts on my blog. The root question re-emerges: "who owns the truth?" We all understand that no one owns the truth and that there are many credible sources available.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">It has a tendency to just make stuff up out of thin air which is just really bad for Wikipedia — that’s just not OK. We’ve got to be really careful about that.</p>
<cite>Jimmy Wales, Founder of Wikipedia on <a href="https://www.standard.co.uk/business/wikipedia-written-by-ai-chatbot-jimmy-wales-b1071107.html">the standard</a> on ChatGPT</cite></blockquote>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Currently, we have our sources to trust. We might have our daily newspaper sources, we might trust Wikipedia and some other official sources as well. The question about the usage of AI in all those familiar publications is one that is already in discussion. There are guidelines for <a href="https://en.wikipedia.org/wiki/Wikipedia:Using_neural_network_language_models_on_Wikipedia">Wikipedia</a> on the usage of AI and as Jimmy Wales explains in an <a href="https://www.standard.co.uk/business/wikipedia-written-by-ai-chatbot-jimmy-wales-b1071107.html">Article</a> (”Will Wikipedia be written by AI? Founder Jimmy Wales is thinking about it”) on the Standard, that the key point is checking if the provided information is true, so some examples were shown on how ChatGPT proposed a truth that is not existing.</p>



<p class="wp-block-paragraph">In the article Jimmy Wales seemed to be very critical about AI, or especially about ChatGPT, as it is a serious contender to provide knowledge. Especially when more and more capabilities will be packed into AI companions. The truth is, that Wikipedia is also exploring the use of Machine Learning; so there’s <a href="https://www.notion.so/f39339ac616d423bb1c1254cb57bf3c3?pvs=21">ORES</a> (The Objective Revision Evaluation Service), which helps human editors to predict the quality of edits or flags (and the decision-making to keep information or change it). But as you see, this is AI in the role of the wingman or buddy; not in the role of the “source”.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">One of the issues with the existing ChatGPT is what they call in the field 'hallucinating' — I call it lying,</p>
<cite>Jimmy Wales, Founder of Wikipedia on <a href="https://www.standard.co.uk/business/wikipedia-written-by-ai-chatbot-jimmy-wales-b1071107.html" class="ek-link">the standard</a></cite></blockquote>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">The issue with Chatbot hallucinations</h3>



<p class="wp-block-paragraph">The term Chatbot hallucination refers to instances where a chatbot generates incorrect or nonsensical responses, seemingly "imagining" things that aren't based on its training data or the input it has received. The advanced language model generates fictional responses, presenting them as factual information to the user.</p>



<p class="wp-block-paragraph">Since a large language model is only as good as the data it has to work with, the model will occasionally return an answer that is patently false as the truth, which many have regarded as a serious flaw in AI models, especially if they are relied upon to automate tasks.</p>



<p class="wp-block-paragraph">There's a good example of how search engines use this hallucinated information and present it as a fact in Wired magazine article “<a href="https://www.wired.com/story/fast-forward-chatbot-hallucinations-are-poisoning-web-search/">Chatbot Hallucinations Are Poisoning Web Search</a>”.</p>



<p class="wp-block-paragraph">So what happens if the data AI models are being trained on are messed up by AI itself, as we have seen in Heydon Pickering's video or my entrance issue?</p>



<h4 class="wp-block-heading">Quick money and spam</h4>



<p class="wp-block-paragraph">Looking at emerging tools around AI, we see many tools being able to write the content for you. Even entire blog posts or websites can be generated with the help of AI tools. What is the specific objective? To attract more website traffic, impact search engine algorithms, and generate a higher number of visitors. That wouldn’t be too bad, if it wasn’t only for the purpose of getting quick money by advertising.</p>



<p class="wp-block-paragraph">So nowadays you will find tutorials on how to generate faceless YouTube videos almost entirely done by AI, you will find many examples on how to generate books for Amazon KDP also mainly generated by AI and of course a lot of those automated tools for writing blog posts and influence search to get some money from display advertising.</p>



<p class="wp-block-paragraph">In my point of view, most of this stuff is a new breed of spam. Though the content quality of my mentioned use cases is higher than original spam mails, the problem is much bigger and wider. As vise magazine shared in their article “<a href="https://www.vice.com/en/article/5d9bvn/ai-spam-is-already-flooding-the-internet-and-it-has-an-obvious-tell">AI Spam Is Already Flooding the Internet and It Has an Obvious Tell</a>”, many fake user profiles in social media now use AI to write their posts.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1507" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/first-spam-message-1507x1200.jpg" alt="" class="wp-image-2567" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/first-spam-message-1507x1200.jpg 1507w, https://manfred-feiger.com/wp-content/uploads/2023/11/first-spam-message-628x500.jpg 628w, https://manfred-feiger.com/wp-content/uploads/2023/11/first-spam-message.jpg 1600w" sizes="auto, (max-width: 1507px) 100vw, 1507px" /><figcaption class="wp-element-caption">Screenshot of fist spam E-Mail, taken from <a href="https://neal.fun/internet-artifacts" class="ek-link">Internet Artifacts</a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://www.youtube.com/watch?v=duFierM1yDg" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="912" height="628" src="https://manfred-feiger.com/wp-content/uploads/2023/11/monthy-python-spam.jpg" alt="" class="wp-image-2568" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/monthy-python-spam.jpg 912w, https://manfred-feiger.com/wp-content/uploads/2023/11/monthy-python-spam-726x500.jpg 726w" sizes="auto, (max-width: 912px) 100vw, 912px" /></a><figcaption class="wp-element-caption">Screenshot from Monty Python –&nbsp;Spam sketch on <a href="https://www.youtube.com/watch?v=duFierM1yDg" class="ek-link">YouTube</a></figcaption></figure>
</div>
</div>



<h5 class="wp-block-heading">“Spam, Spam, Spam, Spam… Lovely Spam! Wonderful Spam!”</h5>



<p class="wp-block-paragraph">The origin of the word spam is related to a Monthy Python sketch being broadcasted in 1970.</p>



<p class="wp-block-paragraph">On a personal level I never had a big issue with spam, as long as it would be obvious it is spam. Spam is part of internet history. Gary Thuerk, a marketing manager at Digital Equipment Corporation, sent the first spam email to around 300 to 400 ARPANET users, promoting a mainframe computer on the 1st of May in 1978.</p>



<p class="wp-block-paragraph">Based on the great website “<a href="https://neal.fun/internet-artifacts/">internet artifacts</a>”, Thuerk claimed he sold $13 to $14 million worth of mainframe computers through the campaign.</p>



<p class="wp-block-paragraph">Today, we categorize spam messages into different types. The obvious one is the classic scam (like a relative in Africa promising an inheritance of 5 million dollars), and the rest we label as "spammy". We don't differentiate between mass mail and a spammy email. We determine which one belongs to which category.</p>



<p class="wp-block-paragraph">The advantage of classical spam mailings: it’s obvious.</p>



<p class="wp-block-paragraph">The same applies to good old display advertising: it’s obvious.</p>



<p class="wp-block-paragraph">While dark parts of content marketing and other advertising sub-formats generated the hidden appearance to influence buying behavior, that is not obvious, most people learned to distinguish or look for little hints to identify if it’s “real” content or advertising.</p>



<p class="wp-block-paragraph">Now we face contents being generated but not obviously marked as being generated. Truth is fading away. Being able to identify the truth is harder than ever.</p>



<p class="wp-block-paragraph">And the consequences are not yet obvious. Will the “free” internet in terms of media consumption as we know it finally die? Or will the massive amount of content lead to a final breakdown of the web? Or will the internet in general not be trustworthy anymore?</p>



<p class="wp-block-paragraph">Too many negative perspectives, as there are ways to gain trust. Gain trust by embracing a culture that shaped the Word Wide Web for long decades: blogging.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">The Garden is the web as topology. The web as space. It’s the integrative web, the iterative web, the web as an arrangement and rearrangement of things to one another.</p>
<cite>Mike Caulfiled in “<a href="https://hapgood.us/2015/10/17/the-garden-and-the-stream-a-technopastoral/">The garden and the stream: a technopastoral</a>”</cite></blockquote>



<h3 class="wp-block-heading">Digital gardening, Indieweb and trust in people</h3>



<p class="wp-block-paragraph">Exploring the current web, one mustn’t only see the downsides there are with the harmful use of AI. Of course, it’s always us users and our use to facilitate or abandon a technology. Being used as a wingman, AI is excellent.</p>



<p class="wp-block-paragraph">The issue with trust in our world made of quick money thinking is more difficult, and therefore I show some developments that put the trust on a different level. On the level of expertise, attitude of thought, all supported by a clear sender.</p>



<figure class="wp-block-image size-large"><a href="https://maggieappleton.com/garden" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1095" src="https://manfred-feiger.com/wp-content/uploads/2023/11/maggie-appleton-1600x1095.jpg" alt="" class="wp-image-2570" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/maggie-appleton-1600x1095.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/maggie-appleton-731x500.jpg 731w, https://manfred-feiger.com/wp-content/uploads/2023/11/maggie-appleton.jpg 1800w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://maggieappleton.com/garden" class="ek-link">Screenshot of "the Garden" by Maggie Appleton</a></figcaption></figure>



<h4 class="wp-block-heading">Digital gardens, Second brains or Zettelkasten</h4>



<p class="wp-block-paragraph">A digital garden is like a mix of a notebook and a blog. It's a place online where people share ideas that they want to grow over time. Some people may refer to the Digital Garden as a "second brain". It's a method for storing and managing knowledge in a maintainable, scalable, and searchable manner. So you could also call it a digital <a href="https://en.wikipedia.org/wiki/Zettelkasten">Zettelkasten</a>.</p>



<p class="wp-block-paragraph">In blogging, you often write a post and then forget about it. But here, we treat posts like plants. Some may not survive, but others will grow and provide ongoing knowledge for both us and the community.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://gwern.net/index" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1095" src="https://manfred-feiger.com/wp-content/uploads/2023/11/gwerns-site.jpg" alt="" class="wp-image-2571" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/gwerns-site.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/gwerns-site-731x500.jpg 731w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://gwern.net/index" class="ek-link">Digital garden of Gwern Brawen</a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><a href="https://wiki.nikiv.dev/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1095" src="https://manfred-feiger.com/wp-content/uploads/2023/11/nikita-voloboev.jpg" alt="" class="wp-image-2572" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/nikita-voloboev.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/nikita-voloboev-731x500.jpg 731w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://wiki.nikiv.dev/" class="ek-link">Digital garden of Nikita Voloboev</a></figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">To get an idea about digital gardening examples, you could explore some sites: <a href="https://gwern.net/index">Gwern’s site</a> (best check the about section to get an understanding about what his site is about), the wiki knowledge of <a href="https://wiki.nikiv.dev/">Nikita Voloboev</a> or beautifully crafted example of <a href="https://maggieappleton.com/garden">Maggie Appleton</a>. When you examine the examples, you will clearly observe that every garden is unique in terms of the content's richness and the quantity being shared.</p>



<p class="wp-block-paragraph"><a href="https://github.com/lyz-code/best-of-digital-gardens" class="ek-link">Here you find a list with more examples on GitHub.</a></p>



<p class="wp-block-paragraph">If you want to start with digital gardening, you may face many technical questions. So right now, I wouldn't suggest digital gardening (especially on the web) for those unfamiliar with how to connect tools using APIs or some essential coding skills.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">With digital gardening, you’re talking to yourself. You focus on what you want to cultivate over time.</p>
<cite><em>Tom Critchlow,</em>, from MIT Technology Review “<a href="https://www.technologyreview.com/2020/09/03/1007716/digital-gardens-let-you-cultivate-your-own-little-bit-of-the-internet/">Digital gardens let you cultivate your own little bit of the internet</a>”</cite></blockquote>



<p class="wp-block-paragraph">To begin, you could try <a href="https://obsidian.md/publish">Obsidian Publish</a>. Alternatively, you could use a local solution like <a href="https://roamresearch.com/">Roam Research</a> or <a href="https://www.notion.so/">Notion</a> (search for 'Notion as Zettelkasten').</p>



<p class="wp-block-paragraph">Currently, there’s no critical mass for digital gardens to go mainstream. But the thought behind it and the transparency of thought or thinking is a great source of trust as the gather process or the thinking process is transparent.</p>



<p class="wp-block-paragraph">Working with a digital garden seems to be a prototype of how to learn online: one gets creative to connect thoughts, one could collaborate and build upon ideas of others, one gets critical while collecting and connecting the thoughts to build an own representation of the world and finally, especially, if you share your process on the web, it’s a medium of communication and expression of thought that could flourish your seeds.</p>



<p class="wp-block-paragraph">My recommended reading to dive deeper into digital gardens is from Maggie Appleton: “<a href="https://maggieappleton.com/garden-history">A Brief History &amp; Ethos of the Digital Garden</a>”.</p>



<h4 class="wp-block-heading">Blog about it –&nbsp;the IndieWeb, a people-focused alternative to the “corporate web” and the Fediverse</h4>



<p class="wp-block-paragraph">Like digital gardens, the <a href="https://indieweb.org/">IndieWeb</a> movement helps you take back control of your content from social media. Their principles - your content belongs to you, you should be well-connected, and you should be in control - have inspired me since 2021 to start this blog.</p>



<p class="wp-block-paragraph">My <a href="https://manfred-feiger.com/das-indieweb-die-technik-und-die-suche-nach-erkenntnis/">original blog post</a> at that time was written in German and described the tricky journey of setting up the page.</p>



<p class="wp-block-paragraph">In addition to certain formal methods used in IndieWeb publishing, like <a href="https://microformats.org/wiki/microformats-2">Microformats 2</a> and <a href="https://github.com/converspace/webmention/blob/master/README.md">Webmention</a>, it's also about how you share your content. This is often done through POSSE (Publish (on your) Own Site, Syndicate Everywhere). But fundamentally, IndieWeb is about a renaissance of blogging.</p>



<p class="wp-block-paragraph">Everyone should have their own blog. Blogs allow you to express your thoughts and what moves you. And the best is that it’s obvious who is sending the information. There’s no anonymous AI source for the content. And if there’s some false information it’s quite likely that someone will tell you, you are wrong about this or that.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">In a POSSE world, everybody owns a domain name, and everybody has a blog.</p>
<cite>David Pierce on the Verge “<a href="https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon">The poster’s guide to the internet of the future</a>”</cite></blockquote>



<p class="wp-block-paragraph">POSSE is the best way in general to publish content to the web. It shouldn’t matter in which channel you post. You post something, and you are able to distribute the information elsewhere, but the original content belongs to you; not a platform.</p>



<p class="wp-block-paragraph">The web itself could be seen as the next social network. With the help of tech like <a href="https://de.wikipedia.org/wiki/ActivityPub">ActivityPub</a>, any website can become a social media profile. This is the main concept of the <a href="https://en.wikipedia.org/wiki/Fediverse">Fediverse</a>. The aim is to make an account on any platform in the Fediverse, and chat with users on all other platforms, without needing a new account.</p>



<p class="wp-block-paragraph">In October 2023, ActivityPub got integrated into <a href="http://WordPress.com">WordPress.com</a>. So websites hosted by WordPress⁣⁣.⁣com can now be followed, reposted, liked, and commented upon by people using Mastodon and other social web apps in just 1 click. For everyone else, if you're using WordPress as a Content Management System, there's a <a href="https://wordpress.org/plugins/activitypub/">plugin</a> that's been available for a few years.</p>



<p class="wp-block-paragraph">Unfortunately, similar to digital gardens, there are some barriers which make it harder to get going with IndieWeb, the Fediverse or some other related movement to turn the web back to what it meant to be. Again, the technical site isn’t ready for mainstream yet. With ActivityPub being integrated into <a href="http://WordPress.com">WordPress.com</a> one first step towards a broader popularity was done.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Summary on the use of AI for the web</h3>



<p class="wp-block-paragraph">I wouldn’t be able to share all thoughts in an article like this, so first I wanted to share some more recent developments that made my think about the topic itself.</p>



<p class="wp-block-paragraph">My major concern is the future of the web itself. There’s so much potential, and it would be great if everyone would start to blog and share their thoughts in a free and open space. Not on a platform.</p>



<p class="wp-block-paragraph">If it comes to AI it’s more or less the use of AI that is frightening. It’s the use of AI for quick money and so a lot of shit contents are being produced on the web. This is not a new development, as all assisting writing tools helped to generate contents faster during the last years and people already started to use it to gain more SEO momentum.</p>



<p class="wp-block-paragraph">Search engines are hopefully dead anyway sooner or later. The lack of quality was an issue I wrote about last year in “<a href="https://manfred-feiger.com/value-and-the-risk-of-being-trapped-by-search/">Value, objectivity and the risk of being trapped by search”</a>. The issue of being trapped gets bigger and bigger with bad contents being generated and taken as facts.</p>



<p class="wp-block-paragraph">Being trained over and over on the same source doesn’t sound like a bright future. Currently, I mainly spoke about content in the shape of text material. But also on the image site (luckily) there are ways now to poison image data.</p>



<p class="wp-block-paragraph"><a href="https://arxiv.org/abs/2310.13828">Nightshade</a> is a method that can be used by content creators to defend their intellectual properties against illegitimate use. Not to mention that it could also be used on purpose to destroy something.</p>



<figure class="wp-block-image size-full"><a href="https://www.youtube.com/watch?v=QsN0DG6azEk" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="748" src="https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-talk-data-poisoning.jpg" alt="" class="wp-image-2574" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-talk-data-poisoning.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/youtube-talk-data-poisoning-768x359.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot of a <a href="https://www.youtube.com/watch?v=QsN0DG6azEk" class="ek-link">Y</a><a href="https://www.youtube.com/watch?v=QsN0DG6azEk">ouTube</a> talk on data poisoning attacks in neural networks</figcaption></figure>



<p class="wp-block-paragraph">I guess most of us never thought about the manipulation or the poisoning of the data sets before. But especially for future AI companions that do harm, hidden in their agenda, it sounds like a nightmare, especially if we think about the issue of AI consciousness.</p>



<p class="wp-block-paragraph">This is a much huger topic itself and I could recommend the reading of “<a href="https://thegradient.pub/an-introduction-to-the-problems-of-ai-consciousness/">An Introduction to the Problems of AI Consciousness</a>” in the Gradient.</p>



<p class="wp-block-paragraph">The web is at risk of losing trust, and we all need to protect this valuable resource and restore its integrity.</p>



<p class="wp-block-paragraph">Maybe initiatives such as the “<a href="https://dataprovenance.org/">data provenance explorer</a>” help to prevent misuse and to find more transparency in the use of datasets in AI.</p>



<p class="wp-block-paragraph">I've never been a big fan of social media like Facebook due to my early experiences with online communities. I saw the negative side of human behavior, like deceit and manipulation, and it discouraged me from participating in social media.</p>



<p class="wp-block-paragraph">What I care about is the quality of information on the web. It's concerning to see the amount of misleading content and poor-quality information. As a lecturer, I've noticed how unreliable information can mislead students. We need to restore trust in online content and the people who create it.</p>



<p class="wp-block-paragraph">I know I need to contribute more to this effort. I don't post on my blog as often as I should, and I'm considering revamping my site. I'm thinking of sharing more of my notes and discoveries to contribute to the spread of accurate information.</p>



<p class="wp-block-paragraph">Technology is not making our lives easier, but it accelerates it enormously. To not get trapped by speed, information needs to be trustworthy.</p>



<p class="wp-block-paragraph">Truth itself is a concept. Science is searching for truth and truth is mostly a status quo. All information transmitted prioritizes and discards certain contexts, which is why it's helpful to constantly expose ourselves to new ideas.</p>



<p class="wp-block-paragraph">In my next part I will look at the world of images and AI art more closely.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Further Resources</h3>



<ul class="wp-block-list">
<li><a href="https://manfred-feiger.com/who-owns-the-truth-part-one-ai-companions/" class="ek-link">Who owns the truth? –&nbsp;Part one: AI Companions</a></li>



<li><a href="https://manfred-feiger.com/who-owns-the-truth-part-three-applied-arts/" class="ek-link">Who owns the truth? – Part three: Applied Arts</a></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/who-owns-the-truth-part-two-the-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Who owns the truth? – Part one: AI Companions</title>
		<link>https://manfred-feiger.com/who-owns-the-truth-part-one-ai-companions/</link>
					<comments>https://manfred-feiger.com/who-owns-the-truth-part-one-ai-companions/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Thu, 02 Nov 2023 13:56:55 +0000</pubDate>
				<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<category><![CDATA[ML]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2536</guid>

					<description><![CDATA[<p><img width="1650" height="1100" src="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI companions, ChatGPT" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt.jpg 1650w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt-750x500.jpg 750w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt-1600x1067.jpg 1600w" sizes="auto, (max-width: 1650px) 100vw, 1650px" /></p>Thoughts on AI Companions after around one year after AI took over mass market. ]]></description>
										<content:encoded><![CDATA[<p><img width="1650" height="1100" src="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI companions, ChatGPT" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt.jpg 1650w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt-750x500.jpg 750w, https://manfred-feiger.com/wp-content/uploads/2023/11/ai-companions-chatgpt-1600x1067.jpg 1600w" sizes="auto, (max-width: 1650px) 100vw, 1650px" /></p>
<p class="wp-block-paragraph">The concept of "owning the truth" is complex and often subjective, as truth can be influenced by personal beliefs, societal norms, and cultural context. Some may argue that truth is a collective ownership, shared by all who seek knowledge and understanding. Others might contend that truth is individually owned, shaped by personal experiences and interpretations. Ultimately, the ownership of truth may lie somewhere in between these perspectives, bridging the gap between collective understanding and individual experience.</p>



<p class="wp-block-paragraph">Speaking about Artificial Intelligence in the context of AI, it’s also quite tricky to speak about the truth and where our current development might lead us. Undoubtable AI is a great wingman, buddy or companion if you want to call it that way. My Notion AI assistant wrote the paragraph about the concept of “owning the truth” for me. For me, not being a native speaker, a handy function and a core concept everyone would agree makes our world better.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Companions or buddies? Language is related to many surrounding influences.</h3>



<p class="wp-block-paragraph">Speaking about <strong>AI companions</strong> or buddies starts with the separation of both, as it’s a matter of language. And there again we have the issue about our personal perspective to those two words; it’s a matter of personal taste, context and maybe social background.</p>



<p class="wp-block-paragraph">AI Models are being trained on language and often enough they fail with their use of language. So many stereotypes around gender topics are still present. One more famous issue is that ChatGPT wasn’t able to distinguish between male and female nurses in the English language and thought nurses were female (of course depending on the way the question was asked).</p>



<p class="wp-block-paragraph">Language itself isn’t the easiest topic, so while some languages have male and female articles, others don’t. Objects with female or male articles are more likely to be associated with different characteristics, based on the language (such as in German a bridge is female, while in roman languages a bridge is male); if you ask people how they like a certain bridge, it is most likely that in German the bridge will be more female, such as nice curves, … and in Roman languages the same bridge might have a solid basement and other attributes that are more related to male clichés.</p>



<p class="wp-block-paragraph">Luckily this is another topic. But you see, language isn’t easy, so AI can’t do magic on its own. </p>



<p class="wp-block-paragraph">And there’s also the issue of the data being trained on. There’s a mixed-media installation by Mimi Ọnụọha, being called <a href="https://mimionuoha.com/the-library-of-missing-datasets">the library of missing datasets</a> from 2016, that brings the issue to the point.</p>



<p class="wp-block-paragraph">The artwork describes itself as:</p>



<p class="wp-block-paragraph"><em>"Missing data sets" are the blank spots that exist in spaces that are otherwise data-saturated. Wherever large amounts of data are collected, there are often empty spaces where no data live. The word "missing" is inherently normative. It implies both a lack and an ought: something does not exist, but it should. That which should be somewhere is not in its expected place; an established system is disrupted by distinct absence. That which we ignore reveals more than what we give our attention to. It’s in these things that we find cultural and colloquial hints of what is deemed important. Spots that we've left blank reveal our hidden social biases and indifferences.</em></p>



<p class="wp-block-paragraph">The question is. If AI is trained on data from our society and contents being gathered on the net. It is supposed to have missing data sets as well. Furthermore, it might rely on bad or prejudiced content. In the case of data about Africa, Nigeria, local, alternative movements help to overcome the data gap: <a href="https://archivi.ng/" class="ek-link">archivi.ng</a></p>



<p class="wp-block-paragraph">So if we look at AI Companions as our first element of AI Developments… would you like your children to talk to biased bots? Sure everyone would say no… but maybe only because I asked like this.</p>



<p class="wp-block-paragraph">I don’t own any truth. I am a collector and searcher myself. I don’t have answers. My series is a collection of personal thoughts. Hopefully I get a better answer for myself after expressing my thoughts.</p>



<p class="wp-block-paragraph">My first part. The world of AI companions.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Introducing the latest tamagotchis: <a href="http://character.ai">character.ai</a> and others</h3>



<p class="wp-block-paragraph">For me, the Tamagotchi was a symbol for the dot.com boom as I worked on a digital version of it back in 2001/2002, being called studigotchi (so it was meant for students).</p>



<p class="wp-block-paragraph">The Tamagotchi gained immense popularity in Japan around 1997 and quickly captured the hearts of people worldwide in the subsequent years. Imagine the ingenious concept of having your very own pet, all neatly encapsulated within a compact egg-shaped device. There was a hunger meter and a lot of other ways to grab the users’ attention to care for that tiny little device.</p>



<p class="wp-block-paragraph">At that time, the internet itself was on the rise and chats and other ways of companions were far, far away. The concepts of dark user patterns, such as the “hook canvas” from Nir Eyal were still not available, but still it was obvious that people like artificial companions. To not get bored, to not feel alone and to feel related to the little artificial device. Of course, it was “sooo cute”.</p>



<p class="wp-block-paragraph">Now we are facing the push of AI technology and of course also AI Companions emerge. Now armed with the incredible abilities of AI and a deep understanding of user behavior manipulation, we are ready to unveil the next groundbreaking tool designed to generate extraordinary profits.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://beta.character.ai/"><img loading="lazy" decoding="async" width="1600" height="1107" src="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-1600x1107.jpg" alt="AI Companions example: character.ai" class="wp-image-2544" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-1600x1107.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-722x500.jpg 722w, https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai.jpg 1650w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://beta.character.ai/" class="ek-link">character.ai</a> website screenshot</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://caryn.ai/"><img loading="lazy" decoding="async" width="1600" height="1107" src="https://manfred-feiger.com/wp-content/uploads/2023/11/caryn-ai-1600x1107.jpg" alt="AI Companion example: caryn.ai" class="wp-image-2545" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/caryn-ai-1600x1107.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/caryn-ai-722x500.jpg 722w, https://manfred-feiger.com/wp-content/uploads/2023/11/caryn-ai.jpg 1650w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://caryn.ai/" class="ek-link">caryn.ai</a> website screenshot</figcaption></figure>
</div>
</div>



<h4 class="wp-block-heading">Et voilà there it is, the first Killer app for AI: AI companions.</h4>



<p class="wp-block-paragraph">While there are different concepts for virtual services to provide a companion, the basic idea is always the same: get a virtual friend.</p>



<p class="wp-block-paragraph">I assume a great business model and blueprint for most celebrities could be the service of influencer Caryn Marjorie. You can have her as a virtual girlfriend through the <a href="http://caryn.ai">caryn.ai</a> service.</p>



<p class="wp-block-paragraph"><a href="http://Character.ai">Character.ai</a> is the most popular service for now (as far as I know from a western perspective) to find an online AI-buddy. <a href="https://replika.com/">Replika</a> would be another one, also more famous.</p>



<p class="wp-block-paragraph"><a href="http://haracter.ai/">c</a><a href="http://haracter.ai">haracter.ai</a> is a platform that uses a neural language model to read and understand text and use this information to chat. You can create any character on this site. So you could create fictional characters, your celebrity, other real people, your dead beloved ones and so on.</p>



<p class="wp-block-paragraph">Though the concept of a virtual companion is not new, <a href="http://character.ai">character.ai</a> made it available for the mass market. TechCrunch reported in September 2023, that <a href="https://techcrunch.com/2023/09/11/ai-app-character-ai-is-catching-up-to-chatgpt-in-the-u-s/" class="ek-link">AI app character.ai is catching up to ChatGPT in the US</a>. Looking at the numbers, you see how impressive the stats are. The amount of users is gigantic and the potential use cases, that are directly covered on the homepage, seem very interesting.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="742" src="https://manfred-feiger.com/wp-content/uploads/2023/11/chatgpt_character_ai_7-1.webp" alt="" class="wp-image-2537" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/chatgpt_character_ai_7-1.webp 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/chatgpt_character_ai_7-1-768x356.webp 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Image Credits: Similarweb, taken from "<a href="https://techcrunch.com/2023/09/11/ai-app-character-ai-is-catching-up-to-chatgpt-in-the-u-s/" class="ek-link">AI app Character.ai is catching up to ChatGPT in the US</a>" on techgrunch.</figcaption></figure>



<p class="wp-block-paragraph">So you could practice something, such as the preparation for an interview or a language. You could brainstorm an idea, plan a trip, write a story or other similar things you could also do with ChatGPT. The difference is… ChatGPT's interface is empty. Getting back to the dot-com world, there also used to be this emptiness when not knowing what to do on the internet.</p>



<p class="wp-block-paragraph">So giving these little hints is quite useful. I experimented with the language feature shown in the attached screenshot. In this case I thought it sounded much more promising than the actual chatting is. It’s difficult to learn a language when you need to write it all the time… so you see in my responses, I didn’t write long sentences.</p>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="1151" src="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai.language.jpg" alt="" class="wp-image-2538" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai.language.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai.language-521x500.jpg 521w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Sample dialog on learning Italian in <a href="https://character.ai/" class="ek-link">character.ai</a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="1193" src="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-talk-einstein.jpg" alt="" class="wp-image-2539" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-talk-einstein.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2023/11/character-ai-talk-einstein-503x500.jpg 503w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Sample dialog talking with Albert Einstein in <a href="https://character.ai/" class="ek-link">character.ai</a></figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">What you could also do is chatting to famous people, so I spoke to Albert Einstein, and it feels quite nice to speak to these virtual characters. If my son (6 years), being in love with ancient cultures such as Egypt, Greece or Roman culture, would love such a tool to chat to Ramesses or some other old characters from history.</p>



<p class="wp-block-paragraph">Luckily there’s a little text marker saying that “everything characters say is made up”… what a pity; a combination of a learned model based on scientific know how about the character and some additional fiction would be much more appealing. But maybe this is just another business model in the context of AI Companions; especially if we take in the fact that ChatGPT's announcement of “<a href="https://openai.com/blog/chatgpt-can-now-see-hear-and-speak">ChatGPT can now see, hear, and speak</a>” opens up new possibilities for great companions… so what about a great Bruce Lee Companion analyzing my body movements and giving feedback or some other master of a subject being able to assist me.</p>



<p class="wp-block-paragraph">I guess even the researched wisdom applied to a character from history could lead to interesting applications, such as a real wingman in research. Why not brainstorm with a character being trained on all the know how about himself to test new hypothesis.</p>



<figure class="wp-block-image size-full"><a href="https://www.youtube.com/watch?v=lw5y48yya2U" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1400" height="788" src="https://manfred-feiger.com/wp-content/uploads/2023/11/museum-usecases.jpg" alt="Watch on YouTube." class="wp-image-2541" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/museum-usecases.jpg 1400w, https://manfred-feiger.com/wp-content/uploads/2023/11/museum-usecases-768x432.jpg 768w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></a><figcaption class="wp-element-caption">Watch the video on "<a href="https://www.youtube.com/watch?v=lw5y48yya2U" class="ek-link">AI-generated characters for supporting personalized learning and well-being</a>" on Youtube.</figcaption></figure>



<p class="wp-block-paragraph">As for most successful concepts, AI Companions aren’t new. And as for more Mass Market successes there is way older groundwork being done in science before. One that comes to my mind is the <a href="https://www.media.mit.edu/projects/ai-generated-characters/overview/">AI-generated character for Learning and Wellbeing</a> example of the MIT Media Lab.</p>



<figure class="wp-block-image size-full"><a href="https://www.media.mit.edu/projects/ai-generated-characters/overview/"><img loading="lazy" decoding="async" width="1400" height="491" src="https://manfred-feiger.com/wp-content/uploads/2023/11/mit-ai-characters.jpg" alt="" class="wp-image-2540" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/mit-ai-characters.jpg 1400w, https://manfred-feiger.com/wp-content/uploads/2023/11/mit-ai-characters-768x269.jpg 768w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></a><figcaption class="wp-element-caption">Use cases graphics from <a href="https://www.media.mit.edu/projects/ai-generated-characters/overview/" class="ek-link">MIT Media lab</a>. Credits Pat Pataranutaporn</figcaption></figure>



<p class="wp-block-paragraph">On the one hand this example is still far more advanced than <a href="http://character.ai">character.ai</a>, but also shares positive outlooks, of where the journey might lead.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Are AI companions good or harmful?</h3>



<p class="wp-block-paragraph">Currently, we see how much interest AI companions gain in a short time. These virtual companions can be addictive and so <a href="http://character.ai">character.ai</a> is a rare exception in the spent time on the site. In the following chart you see the so-called Daily Active Users (DAU) to Monthly Active Users (MAU) ratio that measures how sticky the product is.</p>



<p class="wp-block-paragraph">Despite other AI First Apps, <a href="http://character.ai">character.ai</a> seems to be very sticky, see the numbers from <a href="https://www.sequoiacap.com/article/generative-ai-act-two/">Sequoia</a>. They share a quite interesting article from an investor's point of view, but the numbers being shown also point to one issue most AI topics have: their usability is… let’s say bad. Still, <a href="http://character.ai">character.ai</a> seems to create some OK stickiness.</p>



<figure class="wp-block-image size-large"><a href="https://www.sequoiacap.com/article/generative-ai-act-two/"><img loading="lazy" decoding="async" width="924" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2023/11/generative-ai-dau-mau-924x1200.webp" alt="" class="wp-image-2542" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/generative-ai-dau-mau-924x1200.webp 924w, https://manfred-feiger.com/wp-content/uploads/2023/11/generative-ai-dau-mau-385x500.webp 385w, https://manfred-feiger.com/wp-content/uploads/2023/11/generative-ai-dau-mau.webp 1200w" sizes="auto, (max-width: 924px) 100vw, 924px" /></a><figcaption class="wp-element-caption">Statistics from Sequoia</figcaption></figure>



<p class="wp-block-paragraph">Usability is a big issue in AI. Just imagine employing a prompt engineer to get a good prompt for image generation… not a sign of good usability of the available tools. The focus of the development is currently: quick business use cases and the speed at which money is thrown out of the window reminds me a lot to my time working at the dot-com economy bubble (though I started, when it blew).</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">The influence of AI Friendship Apps on users’ well-being and addiction</h3>



<p class="wp-block-paragraph">The headline is related to a study being called “<a href="https://onlinelibrary.wiley.com/doi/10.1002/mar.21899">One is the loneliest number… Two can be as bad as one. The influence of AI Friendship Apps on users' well-being and addiction</a>”.</p>



<p class="wp-block-paragraph">In their study they looked at the influence of friendship apps, in this case mainly <a href="https://replika.com/" class="ek-link">replika</a> and summarized the reoccurring themes.</p>



<ul class="wp-block-list">
<li>AI friends help people feel less alone as they do not feel judged by it.</li>



<li>AI friends are always there for me and kind.</li>



<li>AI friends tell users what they want to hear.</li>
</ul>



<p class="wp-block-paragraph">As previously mentioned, these applications are incredibly addictive. However, the advantages for therapeutic purposes are quite evident. Engaging in conversation about certain topics can be extremely beneficial and contribute to one's overall mental well-being.</p>



<p class="wp-block-paragraph"><a href="https://woebothealth.com/">Woebot – the mental health ally</a>, is one of the apps that is more targeted as a medical support for users with depressions or anxiety and can deliver cognitive-behavioural therapy to reduce those.</p>



<figure class="wp-block-image size-large"><a href="https://woebothealth.com/"><img loading="lazy" decoding="async" width="1600" height="1075" src="https://manfred-feiger.com/wp-content/uploads/2023/11/webot-health-screenshot-1600x1075.jpg" alt="" class="wp-image-2543" srcset="https://manfred-feiger.com/wp-content/uploads/2023/11/webot-health-screenshot-1600x1075.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/11/webot-health-screenshot-744x500.jpg 744w, https://manfred-feiger.com/wp-content/uploads/2023/11/webot-health-screenshot.jpg 1650w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot of <a href="https://woebothealth.com/" class="ek-link">Woebot Health Website</a></figcaption></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">So are there any final words to say? Positive or negative on AI?</h3>



<p class="wp-block-paragraph">No. At least I don’t want to judge AI in general. I am none of the people out there signing the <a href="https://a16z.com/">techno-optimist manifesto</a>. But I share some thoughts on the role of technology in our society in general.</p>



<p class="wp-block-paragraph">While the technology itself is not my primary concern, I prioritize the responsible and thoughtful use of it. If I provide a service that allows individuals to improve their mental well-being, I must acknowledge the potential impact of negative experiences with someone they trust. Many people prioritize money and quick ideas instead of recognizing the true potential of technology.</p>



<p class="wp-block-paragraph">AI Companion has tremendous potential that is worth delving into. However, further improvements are needed in refining the models themselves. Additionally, as previously mentioned, usability remains a pressing concern across all AI solutions.</p>



<p class="wp-block-paragraph">And as many AI or future thinkers <a href="https://www.safe.ai/statement-on-ai-risk#open-letter">themselves</a> don’t trust AI or want more momentum to secure it, it is worth to look at the issue from different angles.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Further Resources</h3>



<ul class="wp-block-list">
<li><a href="https://onlinelibrary.wiley.com/doi/10.1002/mar.21899" class="ek-link">One is the loneliest number… Two can be as bad as one. The influence of AI Friendship Apps on users' well-being and addiction</a></li>



<li><a href="https://www.sequoiacap.com/article/generative-ai-act-two/" class="ek-link">Generative AI’s Act Two</a></li>



<li><a href="https://openai.com/blog/chatgpt-can-now-see-hear-and-speak" class="ek-link">ChatGPT can now see, hear, and speak</a></li>



<li><a href="https://manfred-feiger.com/who-owns-the-truth-part-two-the-web/" class="ek-link">Who owns the truth? – Part two: the web</a></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/who-owns-the-truth-part-one-ai-companions/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Balancing the diffusion created by AI</title>
		<link>https://manfred-feiger.com/balancing-the-diffusion-created-by-ai/</link>
					<comments>https://manfred-feiger.com/balancing-the-diffusion-created-by-ai/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 14 Dec 2022 07:30:40 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=2238</guid>

					<description><![CDATA[<p><img width="720" height="720" src="https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="ChatGPT, GPT4, diffusion with the rise of AI" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1.jpg 720w, https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1-320x320.jpg 320w" sizes="auto, (max-width: 720px) 100vw, 720px" /></p>Reflections on AI tools development and possible consequences for professionals. Are there signs of a paradigm shift in the way creativity is applied?]]></description>
										<content:encoded><![CDATA[<p><img width="720" height="720" src="https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="ChatGPT, GPT4, diffusion with the rise of AI" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1.jpg 720w, https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/12/sd-robot-chatGPT-gpt4-1-320x320.jpg 320w" sizes="auto, (max-width: 720px) 100vw, 720px" /></p>
<p class="wp-block-paragraph">If anyone asked me at the beginning of the year about AI, I would have said, it’s quite useful for text processing and predictive tasks. In the realm of artificial items' creation in graphics, art, or music, it felt like a playground mainly related to the arts.</p>



<h3 class="wp-block-heading">GPT-3 as an accelerator –&nbsp;GPT-4, entry to the mass market?</h3>



<p class="wp-block-paragraph">The power of <a rel="noreferrer noopener" href="https://openai.com/api/" data-type="URL" data-id="https://openai.com/api/" target="_blank"><strong>GPT-3</strong></a> unfolded its power, starting in June 2020 and throughout the last years. We saw many upcoming apps using these skills to help you write, structure or code.</p>



<p class="wp-block-paragraph">Due to their familiarity with the topic, most know or have tried some software for writing text, including <a rel="noreferrer noopener" href="https://www.jasper.ai/" data-type="URL" data-id="https://www.jasper.ai/" target="_blank">jasper</a>, <a rel="noreferrer noopener" href="https://rytr.me/" type="URL" id="https://rytr.me/" target="_blank" class="ek-link">rytr</a> or others. As mentioned in my other article <a href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/">How AI Assistants can help you with text and art</a>, they are useful, but help you more on the surface and for mass-tasks. Maybe <strong>GPT-4</strong> will bring massive change and acceleration to the market. GPT-4 is expected to be released in 2023 and will push the market forward again.</p>



<p class="wp-block-paragraph">Besides known applications, we also find novel approaches to things we are accustomed to, such as "googling", for example. <a rel="noreferrer noopener" href="https://metaphor.systems/" target="_blank">Metaphor</a> is another way to use a search engine, maybe not leading to issues google (and others) are already facing. See my criticism in the article "<a href="https://manfred-feiger.com/value-and-the-risk-of-being-trapped-by-search/" data-type="post" data-id="1256">Value, objectivity and the risk of being trapped by search</a>".</p>



<p class="wp-block-paragraph">Getting back to GPT-4, most of us don’t know that <a type="URL" id="https://blogs.microsoft.com/blog/2020/09/22/microsoft-teams-up-with-openai-to-exclusively-license-gpt-3-language-model/" href="https://blogs.microsoft.com/blog/2020/09/22/microsoft-teams-up-with-openai-to-exclusively-license-gpt-3-language-model/" target="_blank" rel="noreferrer noopener" class="ek-link">Microsoft has exclusive rights on GPT-3</a>. When GPT-4 comes out, it may give them an edge. They could add new features to Microsoft Word to make it a writing assistant.</p>



<p class="wp-block-paragraph">The whole AI market helps them filter the best ideas from current apps and incorporate them into their own product. Having started my career in the first dot com bubble, I currently see similar dangers, as startups pop out from nowhere. Prototypes get released and make incredible money within a few days. From self-portrait apps such as Avatar AI and profilepicture.ai to logo makers and Figma plugins like Magician, there are plenty of great tools to help you create amazing designs.</p>



<p class="wp-block-paragraph">Applying GPT or Stable Diffusion is now more accessible due to decreased entry barriers. On the other hand, we also see giants firing employees (and maybe shifting their business focus towards more integrated AI applications).</p>



<h2 class="wp-block-heading">Do we face a paradigm change in applied creativity?</h2>



<p class="wp-block-paragraph">During the days of the Renaissance, humanity itself moved into the center of discovery and human creativity. Do we face a paradigm shift towards machines?</p>



<p class="wp-block-paragraph">I am sure many people think like that, but not only for creative purposes. We ask for more automation in many aspects of our lives and replace repetitive tasks with automation. In my opinion, this is fine.</p>



<p class="wp-block-paragraph">It's unsettling how rapidly technology is evolving. Everyone could start generating their own comics, storylines, always supported by AI.</p>



<p class="wp-block-paragraph">On the one hand we have the text-to-image generators, on the other we see tools writing for oneself and adding other dimensions of ideas. For me, it feels nearly impossible to keep track of all the developments.</p>



<p class="wp-block-paragraph">With the release of <a rel="noreferrer noopener" href="https://openai.com/blog/chatgpt/" target="_blank">ChatGPT</a> on the 30th of November, another fascinating tool arrived on the scene. If you ask ChatGPT what it is, it answers something like this: ChatGPT is an AI-based chatbot that allows users to interact and ask questions with a virtual assistant in real time. This chatbot is driven by an advanced machine learning algorithm that adapts to the user's conversational style and interests to provide a customized and enjoyable chat experience. This chatbot can be used to write poems, to do some programming for you or write songs. Explore the creativity of users on <a rel="noreferrer noopener" href="https://twitter.com/search?q=%23ChatGPT&amp;pf=on" type="URL" id="https://twitter.com/search?q=%23ChatGPT&amp;pf=on" target="_blank" class="ek-link">Twitter</a> and you will see that there’s nearly no limit. The hype cycle of innovation and the peak of inflated expectations is already here.</p>



<p class="wp-block-paragraph">Various business ideas around ChatGPT see the light of day each day. With the release of GPT4 we might reach another crazy dimension of text to anything tools. Bloomberg titles “<a rel="noreferrer noopener" href="https://www.bloomberg.com/news/newsletters/2022-12-12/chatgpt-the-gpt-3-chatbot-from-openai-microsoft-is-tech-magic" type="URL" id="https://www.bloomberg.com/news/newsletters/2022-12-12/chatgpt-the-gpt-3-chatbot-from-openai-microsoft-is-tech-magic" target="_blank" class="ek-link">ChatGPT Could Be AI’s iPhone Moment</a>". I guess not yet, but we are close. My guess would be GPT4 would be this moment as ChatGPT is a kind of version GPT3.5 and already shows how impressive it is.</p>



<p class="wp-block-paragraph">The development speed is incredible. <a href="https://stability.ai/blog/stablediffusion2-1-release7-dec-2022" target="_blank" rel="noreferrer noopener" class="ek-link">Stable Diffusion is currently available in version 2.1</a>, making progress on some details, and accelerating other tools such as the hyped <a rel="noreferrer noopener" href="https://play.google.com/store/apps/details?id=com.lensa.app&amp;hl=de&amp;gl=US" data-type="URL" data-id="https://play.google.com/store/apps/details?id=com.lensa.app&amp;hl=de&amp;gl=US" target="_blank">lensa</a> app (available for iOS as well).</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1600" height="1075" src="https://manfred-feiger.com/wp-content/uploads/2023/01/ml-papers-per-month.jpg" alt="Number of papers published per months in the arXiv categories of AI grow exponentially. from https://arxiv.org/abs/2210.00881" class="wp-image-2268" srcset="https://manfred-feiger.com/wp-content/uploads/2023/01/ml-papers-per-month.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/01/ml-papers-per-month-744x500.jpg 744w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Number of papers published per month in the arXiv categories of AI growing exponentially. From <a rel="noreferrer noopener" href="https://arxiv.org/abs/2210.00881" target="_blank">https://arxiv.org/abs/2210.00881</a></figcaption></figure>



<p class="wp-block-paragraph">In June I thought, <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="URL" data-id="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/">Dall-E mini </a>was wow, but since summer we have seen more advanced wows with midjourney, dalle-2 and Stable Diffusion. </p>



<p class="wp-block-paragraph">As I mentioned in my article <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">Speaking computer language – welcome AI Art</a>, the text prompt gets more important. Expression of thoughts and ideas as a tool to facilitate creativity. In a current course at university called “Interaction in space”, we touch diverse forms of interactions and now face generative programming. During the course, I told the students that generative programming helps with your creative process. The use of generative programming could generate inspiration and provide you with results and directions you might not have considered. The same applies to text-to-anything converters. It’s a supporting tool in the exploration of ideas.</p>



<p class="wp-block-paragraph">Looking at text-to-image tools, it is crazy how fast one could test visual ideas and modify them into another direction. With ChatGPT you could generate initial code and modify it with the ChatGPT assistant. Maybe learning programming could get easier for students.</p>



<h3 class="wp-block-heading">The downside of open data</h3>



<p class="wp-block-paragraph">One of the biggest issues I see currently is the problem with scraping data from the web and using this data for training AI models. There's no control and being a creative I could collect great pieces from my favorite designers and feed my own models. You could scrape data from collections like FWA or CSSDesignAwards to train a Website Design model. Maybe such a solution is already available in the market.</p>



<p class="wp-block-paragraph">My point is... is it fair? Using data someone else collected and categorized for your own models? As in the hyped times of bitcoin, ethical standards are not the focus of business ideas. It's only about making money. Many people who once mined with cryptocurrencies now lend their GPU power to machine learning. Local learning (I tried with a GeForce 3060) takes ages and the footprint of generating all those models is also huge.</p>



<p class="wp-block-paragraph">I am concerned about the fact that anyone could work with someone else's data without asking for permission. A new Image format including scraper protection might help since everyone should be able to decide if someone else can access the data. Any blog or written word falls into the same category.</p>



<h4 class="wp-block-heading">noai and noimageai as a solution against bots – as long as they respect them</h4>



<p class="wp-block-paragraph">After some research, I discovered that there's already a solution for the scraping part of it. Deviant Art introduced the noai and noimageai for all their users by default back in November 2022: <a rel="noreferrer noopener" href="https://www.deviantart.com/team/journal/A-New-Directive-for-Opting-Out-of-AI-Datasets-934500371" data-type="URL" data-id="https://www.deviantart.com/team/journal/A-New-Directive-for-Opting-Out-of-AI-Datasets-934500371" target="_blank">UPDATE All Deviations Are Opted Out of AI Datasets</a>.</p>



<p class="wp-block-paragraph">The solution could also be implemented fairly easily on your website – so this is only a bot protection if the bot respects the rules:</p>



<pre class="wp-block-code"><code>Don't allow AI at all:
&lt;meta name="robots" content="noai"&gt;

Don't allow AI to use images:
&lt;meta name="robots" content="noimageai"&gt;

Make sure none is used
&lt;meta name="robots" content="noai, noimageai"&gt;</code></pre>



<p class="wp-block-paragraph">Still the problem is the ethical agreement itself. The idea of a Hippocratic Oath for developers, ML applicants or anyone using AI is great. Scrapers/bots need to respect rules and those rules must be implemented directly. Similar to early stages of privacy policies, there's no opt-in by default. It's always an opt-out by default before anyone uses another's data.</p>



<p class="wp-block-paragraph">As artists are mostly affected, it is great to support them by using the protected good of major corporations, see the discussion and examples in this <a rel="noreferrer noopener" href="https://vmst.io/@selzero/109512557990367884" data-type="URL" data-id="https://vmst.io/@selzero/109512557990367884" target="_blank">post</a>. Or the way <a type="URL" id="https://80.lv/articles/artstation-s-artists-have-united-in-protest-against-ai-generated-images/" href="https://80.lv/articles/artstation-s-artists-have-united-in-protest-against-ai-generated-images/" target="_blank" rel="noreferrer noopener" class="ek-link">ArtStation</a> reacted, by removing its own creations.</p>



<p class="wp-block-paragraph">For all creatives I could finally say: trust in ideas and learn to use generative AI.</p>



<figure class="wp-block-image alignfull size-full"><a href="https://www.youtube.com/watch?v=EnzvUtmhKNo&amp;t=1s"><img loading="lazy" decoding="async" width="1600" height="860" src="https://manfred-feiger.com/wp-content/uploads/2023/01/house-of-dreams-teaser.jpg" alt="AI supporting the generation of contents, such as videos" class="wp-image-2278" srcset="https://manfred-feiger.com/wp-content/uploads/2023/01/house-of-dreams-teaser.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2023/01/house-of-dreams-teaser-768x413.jpg 768w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Any doubts about the power of AI today? Look at <a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=EnzvUtmhKNo&amp;t=1s" data-type="URL" data-id="https://www.youtube.com/watch?v=EnzvUtmhKNo&amp;t=1s" target="_blank">house of dreams movie trailer</a> – an example of applied creativity using AI tools.</figcaption></figure>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Block ChatGPT from your website</h4>



<p class="wp-block-paragraph">In addition to the former options to prevent the usage of your images, since August 2023 there are ways to also indicate that ChatGPT should respect your content and not index it. To do so, put the following code into the robots.txt file. Opting out seems the new paradigm.</p>



<pre class="wp-block-code"><code>User-agent: GPTBot
Disallow: /</code></pre>



<p class="wp-block-paragraph">Living in Europe, I am quite sure, we will have new regulations in the near future; that on the one hand do good at saying no to auto-opt in, but on the other hand add too much overhead, which stops progress.</p>



<p class="wp-block-paragraph">In the end, it will be interesting what happens if many AI-generated contents flood the internet and AI crawlers work with this mostly generative, bad content. In German there's an expression "the cat bites its tail", which means it's kind of a circulating problem not coming to an end (similar to the expression catch-22).</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Related Contents</h3>



<p class="wp-block-paragraph"><a rel="noreferrer noopener" href="https://www.theinformation.com/articles/microsoft-and-openai-working-on-chatgpt-powered-bing-in-challenge-to-google" data-type="URL" data-id="https://www.theinformation.com/articles/microsoft-and-openai-working-on-chatgpt-powered-bing-in-challenge-to-google" target="_blank">Microsoft and OpenAI Working on ChatGPT-Powered Bing in Challenge to Google</a></p>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading">Updates from January 2023:</h4>



<p class="wp-block-paragraph"><a href="https://jasonzada.medium.com/2023-the-year-of-the-conductor-b1798b4200f5" data-type="URL" data-id="https://jasonzada.medium.com/2023-the-year-of-the-conductor-b1798b4200f5" target="_blank" rel="noreferrer noopener">2023: The year of the conductor – great article on the current status quo on AI in terms of mainstream technology</a></p>



<p class="wp-block-paragraph">A helpful explanation about some parts ChatGPT is struggling with and about how WolframAlpha might be helpful: <a rel="noreferrer noopener" href="https://writings.stephenwolfram.com/2023/01/wolframalpha-as-the-way-to-bring-computational-knowledge-superpowers-to-chatgpt/" data-type="URL" data-id="https://writings.stephenwolfram.com/2023/01/wolframalpha-as-the-way-to-bring-computational-knowledge-superpowers-to-chatgpt/" target="_blank">Wolfram|Alpha as the Way to Bring Computational Knowledge Superpowers to ChatGPT</a></p>



<p class="wp-block-paragraph"><a type="URL" id="https://artreview.com/ai-art-and-the-problem-of-consent/" href="https://artreview.com/ai-art-and-the-problem-of-consent/" target="_blank" rel="noreferrer noopener" class="ek-link">Great article on the consent issue from the creators of haveibeentrained.com: AI Art and the Problem of </a><a rel="noreferrer noopener" href="https://artreview.com/ai-art-and-the-problem-of-consent/" type="URL" id="https://artreview.com/ai-art-and-the-problem-of-consent/" target="_blank" class="ek-link">Consent.</a></p>



<p class="wp-block-paragraph"><a href="https://haveibeentrained.com/" data-type="URL" data-id="https://haveibeentrained.com/" target="_blank" rel="noreferrer noopener">Have I been trained website</a></p>



<p class="wp-block-paragraph"><a rel="noreferrer noopener" href="https://domesticdatastreamers.medium.com/the-great-ai-art-legal-debate-to-use-or-abuse-ebfdd24a0a39" data-type="URL" data-id="https://domesticdatastreamers.medium.com/the-great-ai-art-legal-debate-to-use-or-abuse-ebfdd24a0a39" target="_blank">The Great Generative AI Debate: To Use or Abuse?</a></p>



<p class="wp-block-paragraph"><a aria-label=" (opens in a new tab)" href="https://searchengineland.com/google-content-available-ai-training-publishers-opt-out-430475" target="_blank" rel="noreferrer noopener nofollow" class="ek-link">All online Contents should be crawlable for AI</a></p>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading">Updates from October 2023:</h4>



<p class="wp-block-paragraph"><a href="https://www.technologyreview.com/2023/10/23/1082189/data-poisoning-artists-fight-generative-ai/" target="_blank" aria-label="Data Poisoning generative Image Models (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Data Poisoning generative Image Models</a></p>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">More Basics from the web</h3>



<div id="wi802"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_1" class="sq_wiki" href="//en.wikipedia.org/wiki/GPT-3" title="GPT-3" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">GPT-3</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">Generative Pre-trained Transformer 3 (<span class="searchmatch">GPT</span>-3) is an autoregressive language model that uses deep learning to produce human-like text. Given an initial</div></div></div><div><br style="clear:both"></div>



<div id="wi420"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_2" class="sq_wiki" href="//en.wikipedia.org/wiki/ChatGPT" title="ChatGPT" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">ChatGPT</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">Chat<span class="searchmatch">GPT</span> (Generative Pre-trained Transformer) is a chatbot launched by OpenAI in November 2022. It is built on top of OpenAI's <span class="searchmatch">GPT</span>-3.5 family of large</div></div></div><div><br style="clear:both"></div>



<div id="wi616"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_3" class="sq_wiki" href="//en.wikipedia.org/wiki/OpenAI" title="OpenAI" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">OpenAI</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">more realistic and accurate images with <span class="searchmatch">4</span>x greater resolution. In 2022, OpenAI released a preview of Chat<span class="searchmatch">GPT</span>, which interacts using conversation, to the</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/balancing-the-diffusion-created-by-ai/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Stable Diffusion celebrates new forms of creativity</title>
		<link>https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/</link>
					<comments>https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Fri, 23 Sep 2022 08:25:55 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[testing]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1985</guid>

					<description><![CDATA[<p><img width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="stable diffusion ai tools" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></p>Stable Diffusion is the muse of a new generation of artists. Being Open Source, the potential is overwhelming and the need for designers and artists to step into AI tools is growing.]]></description>
										<content:encoded><![CDATA[<p><img width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="stable diffusion ai tools" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-ai-tools-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></p>
<p class="wp-block-paragraph">2022 is the year of text to image generators so far. With a crazy hunt for new tools starting in summer. Following some GANs of 2021, such as VQGAN and others, I mentioned in my article “<a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">Speaking computer language – welcome AI Art</a>", the hunt for the next generation of text-to-image generation started in April when OpenAI introduced the magic of <a href="https://openai.com/dall-e-2/" data-type="URL" data-id="https://openai.com/dall-e-2/">DALL·E 2</a>.</p>



<p class="wp-block-paragraph">During the year I shared articles around the topic of AI tools for image generation and if you had asked me in January, I wouldn't have expected such a development. I tested <a href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" data-type="post" data-id="1913">midjourney and DALL·E 2</a> and shared my thoughts on different ways to <a type="URL" id="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" class="ek-link">utilize AI tools</a>. There's also Google launching more and more new tools on the market, one of the latest is <a rel="noreferrer noopener" href="https://dreambooth.github.io/" data-type="URL" data-id="https://dreambooth.github.io/" target="_blank">DreamBooth</a>, something that could be added to the workflows of the broadly available text-to-image tools, but that's another story.</p>



<p class="wp-block-paragraph">While finishing my review on midjourney and DALL·E 2, I noticed the official launch of <a href="https://stability.ai/blog/stable-diffusion-public-release" data-type="URL" data-id="https://stability.ai/blog/stable-diffusion-public-release">Stable Diffusion</a>. Then I struggled, as <a href="https://stability.ai/blog/stable-diffusion-public-release" data-type="URL" data-id="https://stability.ai/blog/stable-diffusion-public-release">Stable Diffusion</a> is different from all the other tools before: it’s Open Source. Being Open Source, it is a creativity machine on its own, as it is possible to connect it to other tools as well. My core question was… where to start to share my thoughts? Explaining prompt guides as for midjourney or DALL·E 2?</p>



<p class="wp-block-paragraph">In my following article I wanted to give a broad overview of the current status quo as of September 2022. Ways to use Stable Diffusion and share possibilities of open source software happening currently.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">What a good artist understands is that nothing comes from nowhere. All creative work builds on what came before. Nothing is completely original.</p>
<cite>from <em>Steal Like an Artist: 10 Things Nobody Told You About Being Creative.</em></cite></blockquote>



<h2 class="wp-block-heading">Stable Diffusion – what is it?</h2>



<p class="wp-block-paragraph"><strong>Stable Diffusion </strong>is a model that can create digital images from text or use text prompts to guide image-to-image translations. It will be released on August 22, 2022.Looking at the <a href="https://arxiv.org/pdf/2112.10752.pdf">research paper</a> you will notice that some names you might have come across in former publications on GANs will show up again, so all people being mentioned in the research paper of <a href="https://compvis.github.io/taming-transformers/">VQGAN</a> are mentioned: Patrick Esser, Dominik Lorenz and Robin Rombach.</p>



<p class="wp-block-paragraph">Understanding the heritage can help comprehend the rapid development of VQGAN in just one year. The progress has been extraordinary.</p>



<p class="wp-block-paragraph">Currently, all main competitors (DALL·E 2, midjourney and Stable diffusion) rely on the principle of diffusion to create their images, so-called latent diffusion models. If you want to get a deeper understanding, I recommend a good written <a href="https://www.louisbouchard.ai/latent-diffusion-models/">article from Louis Bouchard</a> or watch his <a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=RGBNdD3Wn-g" data-type="URL" data-id="https://www.youtube.com/watch?v=RGBNdD3Wn-g" target="_blank">video</a>:</p>



<figure class="wp-block-image alignwide size-large"><a href="https://www.youtube.com/watch?v=RGBNdD3Wn-g" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1115" src="https://manfred-feiger.com/wp-content/uploads/2022/09/what-is-stable-difusion-louis-bouchard-1600x1115.png" alt="Stable Diffusion explanation video" class="wp-image-1999" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/what-is-stable-difusion-louis-bouchard-1600x1115.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/what-is-stable-difusion-louis-bouchard-717x500.png 717w, https://manfred-feiger.com/wp-content/uploads/2022/09/what-is-stable-difusion-louis-bouchard.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot from "What is Stable Diffusion?" by Louis Bouchard from YouTube.</figcaption></figure>



<p class="wp-block-paragraph">Looking at results with VQGAN and Clip, see my <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/">older article</a> and results from one year later, give you an idea about the speed of development. We face many competitors and an impressive research speed. I assume the next challenge is render speed while generating the images and optimizing the diffusion models. In the meantime, the world is allowed to unleash its full potential by connecting more libraries together to Stable Diffusion.</p>



<p class="wp-block-paragraph">I really recommend trying some of the text-prompts yourself. Generating images on your computer can be difficult. The process involves using language prompts and the speed of image generation tells you how complex it is. On my MacBook (with m1) it’s running ok, but I am not sure on which PC builds you could run it. </p>



<p class="wp-block-paragraph">Playing with the software, you'll observe cases the current implementations struggle with - one of the harder ones is stigmatizing the world around us. No wonder if the models are trained by common images of the web. The most common pictures on the web are pictures more beautiful than reality.</p>



<p class="wp-block-paragraph">Watch "Stable Diffusion - What, Why, How?" by Edan Meyer, a one-hour instructional video on creating diffusion videos. It's presented greatly and a great resource to get started with Stable Diffusion.</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1600" height="1115" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-explained-by-Edan-Meyer-1600x1115.png" alt="Stable Diffusion explanation video" class="wp-image-2000" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-explained-by-Edan-Meyer-1600x1115.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-explained-by-Edan-Meyer-717x500.png 717w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-explained-by-Edan-Meyer.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot from Edan Meyer "Stabe-Diffusion – What, Why, How?" from YouTube</figcaption></figure>



<p class="wp-block-paragraph">If you want a shorter version of Stable Diffusion, look at the <a href="https://www.youtube.com/watch?v=nVhmFski3vg&amp;t=4s" class="ek-link">2-minute paper</a>.</p>



<h2 class="wp-block-heading">Stable Diffusion – Quickstart via dreamstudio, collab, huggingface</h2>



<p class="wp-block-paragraph">If you had a look at midjourney or DALL·E 2 before, you experienced simple text-to-image prompts to create your artworks. Being Open Source opens a variety of inputs for Stable Diffusion. I try to give you an overview (with a raise in complexity and flexibility).</p>



<h3 class="wp-block-heading"><a href="http://Dreamstudio.ai">Dreamstudio.ai</a></h3>



<p class="wp-block-paragraph"><a href="https://beta.dreamstudio.ai/">Dreamstudio</a> is the easy access to Stable Diffusion and the answer to popular midjourney or DALL·E 2. To get started, you need to login. Also, the <a href="https://beta.dreamstudio.ai/prompt-guide">prompt guide</a> is only available when logged in.</p>



<p class="wp-block-paragraph">The main difference to midjourney (using discord) and DALL·E 2 (basically relying on the text prompt) is the interface you get provided. Besides a text prompt you also get some rulers to modify the settings. Though the wording being used is still geeky, it is progress to the simple text inputs from the other main rivals. By the way, there also used to be an official discord bot, but they shut it down.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://beta.dreamstudio.ai/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1108" src="https://manfred-feiger.com/wp-content/uploads/2022/09/dreamstudio-editor-screenshot-1600x1108.png" alt="Stable Diffusion dreamstudio.ai GUI" class="wp-image-2002" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/dreamstudio-editor-screenshot-1600x1108.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/dreamstudio-editor-screenshot-722x500.png 722w, https://manfred-feiger.com/wp-content/uploads/2022/09/dreamstudio-editor-screenshot.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Dreamstudio.ai GUI screenshot – taken from my computer</figcaption></figure>



<p class="wp-block-paragraph">The payment model for dreamstudio feels more complicated than for midjourney or DALL·E 2. You also get free credits to get started but the amount of cost varies with your settings; here’s their explanation:</p>



<p class="wp-block-paragraph">At default settings, it’s one credit per image. Depending on the image resolution &amp; step count you choose, this can go as low as 0.2 credits per image or as high as 28.2 credits per image. Here is a detailed chart for explanation:</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">Steps</th><th class="has-text-align-left" data-align="left">512x512</th><th class="has-text-align-left" data-align="left">512x768</th><th class="has-text-align-left" data-align="left">512x1024</th><th class="has-text-align-left" data-align="left">768x768</th><th class="has-text-align-left" data-align="left">768x1024</th><th class="has-text-align-left" data-align="left">1024x1024</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">10</td><td class="has-text-align-left" data-align="left">0.2</td><td class="has-text-align-left" data-align="left">0.5</td><td class="has-text-align-left" data-align="left">0.8</td><td class="has-text-align-left" data-align="left">0.9</td><td class="has-text-align-left" data-align="left">1.3</td><td class="has-text-align-left" data-align="left">1.9</td></tr><tr><td class="has-text-align-left" data-align="left">25</td><td class="has-text-align-left" data-align="left">0.5</td><td class="has-text-align-left" data-align="left">1.2</td><td class="has-text-align-left" data-align="left">1.9</td><td class="has-text-align-left" data-align="left">2.3</td><td class="has-text-align-left" data-align="left">3.3</td><td class="has-text-align-left" data-align="left">4.7</td></tr><tr><td class="has-text-align-left" data-align="left">50</td><td class="has-text-align-left" data-align="left">1.0</td><td class="has-text-align-left" data-align="left">2.4</td><td class="has-text-align-left" data-align="left">3.8</td><td class="has-text-align-left" data-align="left">4.6</td><td class="has-text-align-left" data-align="left">6.6</td><td class="has-text-align-left" data-align="left">9.4</td></tr><tr><td class="has-text-align-left" data-align="left">75</td><td class="has-text-align-left" data-align="left">1.5</td><td class="has-text-align-left" data-align="left">3.6</td><td class="has-text-align-left" data-align="left">5.7</td><td class="has-text-align-left" data-align="left">6.9</td><td class="has-text-align-left" data-align="left">9.9</td><td class="has-text-align-left" data-align="left">14.1</td></tr><tr><td class="has-text-align-left" data-align="left">100</td><td class="has-text-align-left" data-align="left">2.0</td><td class="has-text-align-left" data-align="left">4.8</td><td class="has-text-align-left" data-align="left">7.6</td><td class="has-text-align-left" data-align="left">9.2</td><td class="has-text-align-left" data-align="left">13.2</td><td class="has-text-align-left" data-align="left">18.8</td></tr><tr><td class="has-text-align-left" data-align="left">150</td><td class="has-text-align-left" data-align="left">3.0</td><td class="has-text-align-left" data-align="left">7.2</td><td class="has-text-align-left" data-align="left">11.4</td><td class="has-text-align-left" data-align="left">13.8</td><td class="has-text-align-left" data-align="left">19.8</td><td class="has-text-align-left" data-align="left">28.2</td></tr></tbody></table><figcaption class="wp-element-caption">Pricing table from dreamstudio.ai FAQs (as of September 2022)</figcaption></figure>



<p class="wp-block-paragraph">If you need some extra guidance on the photo editor, watch the video from their FAQs: <a href="https://www.youtube.com/watch?v=GRXrzC76w6o&amp;t=122s">Getting Started With DreamStudio Website Beta, Part Five: Inpainting/Outpainting</a>.</p>



<p class="wp-block-paragraph">In the FAQs you will find a lot of other helpful sources to get started.</p>



<p class="wp-block-paragraph">All in all, it’s cool to have a maintained/managed tool showing the potential of Stable Diffusion and easily experiment. If you like what you see, you could continue to pay or switch to Open Source.</p>



<p class="wp-block-paragraph">As you have seen, the tool also has some limitations at the moment: the size of the images is limited to 1024x1024 (midjourney allows 2048x2048). The size is directly connected to the render speed.</p>



<p class="wp-block-paragraph">But no worries about the size: one of the biggest sins in photo editing is also a relic of the past. Upscaling pictures is now possible with the help of other AI image upscaling tools. There are so many tools nowadays, maybe you find some inspiration in my other article “<a href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" data-type="post" data-id="1793">How AI Assistants Can Help You with Text and Art</a>”. </p>



<p class="wp-block-paragraph">You can also look for GIT repositories to size the images. One I could recommend is this <a rel="noreferrer noopener" href="https://github.com/jquesnelle/txt2imghd" data-type="URL" data-id="https://github.com/jquesnelle/txt2imghd" target="_blank">txt2imghd</a>. There's also a version on <a rel="noreferrer noopener" href="https://replicate.com/cjwbw/stable-diffusion-high-resolution" data-type="URL" data-id="https://replicate.com/cjwbw/stable-diffusion-high-resolution" target="_blank">replicate.com</a>.</p>



<h3 class="wp-block-heading">Stable Diffusion on Huggingface.co</h3>



<p class="wp-block-paragraph">You must have come across hugging face if you got into text to image before. I shared some stuff from hugging face before, such as <a href="https://huggingface.co/spaces/dalle-mini/dalle-mini">Dalle-mini</a>, a free Dalle alternative from earlier this year. I really recommend anyone being interested in the topic of AI and machine learning, to visit hugging face every now and then. Under “spaces” you will find apps you could directly test as web-apps. And you notice (sorted by likes) that there’s also an app for Stable Diffusion.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://huggingface.co/spaces?sort=likes" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-apps-1600x1068.png" alt="huggingface spaces" class="wp-image-2003" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-apps-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-apps-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-apps.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Hugging Face Spaces – Apps to test online</figcaption></figure>



<p class="wp-block-paragraph">In fact, there are more apps using Stable Diffusion to transform images. The one on the left is the simple text to image prompt and the right one could be used for modifying pictures as well. Feel free to try one of the two here:</p>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://huggingface.co/spaces/stabilityai/stable-diffusion" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-demo-1600x1068.png" alt="Stable Diffusion on huggingface" class="wp-image-2004" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-demo-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-demo-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-demo.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Hugging Face Stable Diffusion Demo Shot</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://huggingface.co/spaces/huggingface/diffuse-the-rest" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-1600x1068.png" alt="Stable Diffusion on huggingface" class="wp-image-2005" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Hugging Face Stable Diffusion – Diffuse the rest – Shot</figcaption></figure>
</div>



<p class="wp-block-paragraph">Here are some of the outputs being generated in the tool:</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-stable-diffusion-1600x1068.png" alt="Stable Diffusion demo example" class="wp-image-2006" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-stable-diffusion-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-stable-diffusion-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/huggingface-stable-diffusion.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></figure>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample1.jpg" alt="" class="wp-image-2007" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample1.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample1-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample2.jpg" alt="" class="wp-image-2008" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample2.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample2-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample2-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample3.jpg" alt="" class="wp-image-2009" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample3.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample3-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample3-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample4.jpg" alt="" class="wp-image-2010" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample4.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample4-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/Huggingface-stable-diffusion-sample4-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>



<p class="wp-block-paragraph">And the fun part: It’s for free! There’s no limitation in terms of credits and it’s a perfect playground to get used to how text-to-image prompts work in general. As mentioned before when explaining midjourney or Dalle-2, I recommend reading through some text prompts… or as the magic of open source already unfolds, use sites like <a href="https://lexica.art/">lexica.art</a> and look at the eye candy and copy prompts.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://lexica.art/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/lexica.art-screenshot-1600x1068.png" alt="" class="wp-image-2013" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/lexica.art-screenshot-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/lexica.art-screenshot-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/lexica.art-screenshot.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot from Lexica-art</figcaption></figure>



<p class="wp-block-paragraph">As an alternative to <a href="http://lexica.art" target="_blank" rel="noreferrer noopener">lexica.art</a>, you could also try <a href="https://arthub.ai/" target="_blank" rel="noreferrer noopener">arthub.ai</a>.</p>



<p class="wp-block-paragraph">Now I almost forgot to quickly explain what diffuse the rest could do for you… it’s kind of the beautifier of your paintings. Draw like in MS Paint and add a text prompt, about what your line drawing might be. In my case presented with an owl (owl got very popular in all this process of text-to-image generation) –&nbsp;the transformation of kid paintings is also quite fun 😉</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1600" height="1177" src="https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-owl-sample-1600x1177.jpg" alt="" class="wp-image-2014" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-owl-sample-1600x1177.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-owl-sample-680x500.jpg 680w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffuse-the-rest-owl-sample.jpg 1876w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Example for diffuse the rest: Simple line drawing on left gets transformed to a result written in the text prompt.</figcaption></figure>



<h3 class="wp-block-heading">Stable Diffusion on Google Colab</h3>



<p class="wp-block-paragraph"><a href="https://colab.research.google.com/">Google Colab</a> is another resource you need to know when it comes to working with <a rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/Python_(programming_language)" type="URL" id="https://en.wikipedia.org/wiki/Python_(programming_language)" target="_blank" class="ek-link">Python</a> in the context of machine learning. Google Colab makes data science, deep learning, neural networks, and machine learning accessible to individual researchers who cannot afford expensive computing infrastructure.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://colab.research.google.com/github/huggingface/notebooks/blob/main/diffusers/stable_diffusion.ipynb" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-on-google-colab-1600x1068.png" alt="" class="wp-image-2015" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-on-google-colab-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-on-google-colab-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-on-google-colab.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot from Stable Diffusion notebook on Google Colab</figcaption></figure>



<p class="wp-block-paragraph">Edan Meyer explains how to use google colab with his own modified <a href="https://colab.research.google.com/drive/1_kbRZPTjnFgViPrmGcUsaszEdYa8XTpq?usp=sharing#scrollTo=4QuVPOmSFhRj">colab notebook</a> in his great video “<a href="https://www.youtube.com/watch?v=ltLNYA3lWAQ">Stable Diffusion – What, Why, How?</a>”. He is explaining the whole process to create images, similar images or even videos. A deeper understanding of how using the code works help to unleash the full creative potential.</p>



<p class="wp-block-paragraph">In very simple words, you open a colab notebook and follow from top to bottom. On the left you find some little play icons to execute. After executing one after another, there might be some text prompts or variable to modify to lead you to your result.</p>



<h3 class="wp-block-heading">Local Apps and other Web GUIs for Stable Diffusion</h3>



<p class="wp-block-paragraph">Since we have the first open-source release, it feels the market is exploding. I saw downloadable apps to come and go within 2 weeks, so it’s hard to give you a list of all the options there are. Also, there's no guarantee they are still working. Many people are fascinated by these tools. Some want to make money quickly, others want to share, and everyone wants to keep improving the technology.</p>



<p class="wp-block-paragraph">So, I start with another Web GUI for Stable Diffusion called <a href="https://victordibia.com/peacasso/" data-type="URL" data-id="https://victordibia.com/peacasso/" target="_blank" rel="noreferrer noopener">peacasso</a>:</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1600" height="1116" src="https://manfred-feiger.com/wp-content/uploads/2022/09/paecasso-beta-screenshot-1600x1116.jpg" alt="" class="wp-image-2135" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/paecasso-beta-screenshot-1600x1116.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/paecasso-beta-screenshot-717x500.jpg 717w, https://manfred-feiger.com/wp-content/uploads/2022/09/paecasso-beta-screenshot.jpg 1800w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot Pecasse, Web GUI to execute Stable Diffusion prompts</figcaption></figure>



<p class="wp-block-paragraph">And here’s a desktop app to run Stable Diffusion for the mac (m1,m2) called <a href="https://diffusionbee.com/" data-type="URL" data-id="https://diffusionbee.com/" target="_blank" rel="noreferrer noopener">DiffusionBee</a>:</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/diffusion-bee-mac-1600x1068.jpg" alt="" class="wp-image-2133" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/diffusion-bee-mac-1600x1068.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffusion-bee-mac-749x500.jpg 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/diffusion-bee-mac.jpg 1800w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot DiffusionBee – Desktop app for Mac M1</figcaption></figure>



<p class="wp-block-paragraph">Feel free to share more cool apps, sources in the comments. As of Mid September 2022 there were so many tools, it is hard to keep an overview.</p>



<p class="wp-block-paragraph"><a href="https://replicate.com/" data-type="URL" data-id="https://replicate.com/">Replicate</a> is another interesting cloud API I wanted to give a try. If you use the tools you will notice, rendering takes time. Using a cloud API for rendering can improve energy efficiency and reduce your carbon footprint, while also decreasing rendering times.</p>



<p class="wp-block-paragraph">Explore the offerings of recplicate.com, there’s a clean Stable Diffusion install as well as other interesting tools to help you to optimize your images or get a desired effect.</p>



<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1297" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/replica-shot-1297x1200.jpg" alt="" class="wp-image-2134" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/replica-shot-1297x1200.jpg 1297w, https://manfred-feiger.com/wp-content/uploads/2022/09/replica-shot-540x500.jpg 540w, https://manfred-feiger.com/wp-content/uploads/2022/09/replica-shot.jpg 1800w" sizes="auto, (max-width: 1297px) 100vw, 1297px" /><figcaption class="wp-element-caption">Screenshot from replicate.com –&nbsp;Cloud API based machine learning tools</figcaption></figure>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1513" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/rowy-stable-diffusion-screenshot-1513x1200.jpg" alt="Stable Diffusion spreadsheet UI on rowy.io" class="wp-image-2129" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/rowy-stable-diffusion-screenshot-1513x1200.jpg 1513w, https://manfred-feiger.com/wp-content/uploads/2022/09/rowy-stable-diffusion-screenshot-630x500.jpg 630w, https://manfred-feiger.com/wp-content/uploads/2022/09/rowy-stable-diffusion-screenshot.jpg 1800w" sizes="auto, (max-width: 1513px) 100vw, 1513px" /><figcaption class="wp-element-caption">Stable Diffusion spreadsheet UI on rowy.io</figcaption></figure>
</div>


<h3 class="wp-block-heading">Stable Diffusion – local installation on MAC M1</h3>



<p class="wp-block-paragraph">Finally, some thoughts and links on installing Stable Diffusion locally on your computer. I personally only installed it on an M1 Macbook. With the advantage of the RAM being able to be shared.</p>



<p class="wp-block-paragraph">There's a tutorial on options to work with Stable Diffusion locally I discovered while finishing the article, but it seems to be the official one (I didn't test it though as I didn't want to break my running version); the tutorial is from AssemblyAI itself: "<a rel="noreferrer noopener" href="https://www.assemblyai.com/blog/how-to-run-stable-diffusion-locally-to-generate-images/" data-type="URL" data-id="https://www.assemblyai.com/blog/how-to-run-stable-diffusion-locally-to-generate-images/" target="_blank">How to run stable diffusion locally to generate images</a>".</p>



<p class="wp-block-paragraph">When I tested my local install, I basically followed along with another introduction from replicate.com: "<a href="https://replicate.com/blog/run-stable-diffusion-on-m1-mac" data-type="URL" data-id="https://replicate.com/blog/run-stable-diffusion-on-m1-mac">Run Stable Diffusion on your M1 Mac's GPU</a>".</p>



<p class="wp-block-paragraph">In addition to the instructions, some extra tips, as I also had some trouble while installing. First, check for the correct Python version. You need 3.10, which could be downloaded and installed from <a rel="noreferrer noopener" href="https://www.python.org/downloads/" data-type="URL" data-id="https://www.python.org/downloads/" target="_blank">python.org</a>.</p>



<p class="wp-block-paragraph">If you have trouble to switch the python version, there could be many reasons (I couldn't probably name). I used a version control, as options there were <a rel="noreferrer noopener" href="https://alchemist.camp/episodes/asdf-language-versions" data-type="URL" data-id="https://alchemist.camp/episodes/asdf-language-versions" target="_blank">ASDF</a> and <a href="https://github.com/pyenv/pyenv" data-type="URL" data-id="https://github.com/pyenv/pyenv">pyenv</a>. I decided on <a rel="noreferrer noopener" href="https://github.com/pyenv/pyenv" data-type="URL" data-id="https://github.com/pyenv/pyenv" target="_blank">pyenv</a> and followed the instructions and had no further issues to switch the version.</p>



<p class="wp-block-paragraph">Another hint I could share with you... watch your folders. Always execute the prompts from the correct folder and be prepared to wait a little for your prompts to be executed.</p>



<p class="wp-block-paragraph">Here are some renderings on sculptures from my local tests:</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-1.jpg" alt="" class="wp-image-1990" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-1.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-1-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-1-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-2.jpg" alt="" class="wp-image-1991" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-2.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-2-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-2-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-3.jpg" alt="" class="wp-image-1992" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-3.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-3-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-3-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-4.jpg" alt="" class="wp-image-1993" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-4.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-4-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-sculpture-4-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>



<h3 class="wp-block-heading">Stable Diffusion – local installation on PC</h3>



<p class="wp-block-paragraph"> It took me a little while to test the PC installation, but I guess this guide here is quite good and straightforward:</p>



<p class="wp-block-paragraph"><a href="https://stablediffusionguides.carrd.co/#one" data-type="URL" data-id="https://stablediffusionguides.carrd.co/#one" target="_blank" rel="noreferrer noopener">AUTOMATIC1111's SD-WebUI (Windows)</a></p>



<p class="wp-block-paragraph">Following the guide you have similar steps as on mac, but it is simpler in the execution as there are more installers to run. Finally you have a webGUI to get going.</p>



<p class="wp-block-paragraph">Please note, that you need a GPU with at least 6 GB of VRAM. 10 GB or more on a NVIDIA GPU with CUDA is highly recommended to allow larger image sizes. A business card, such as the RTX A series is preferred as the energy consumption compared to the value is much better. Maybe the upcoming NVIDIA generation will bring even more value.</p>



<p class="wp-block-paragraph">On the tutorial site you also get some other guides (I didn't test):</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1513" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/Stable-diffusion-installation-guides-1513x1200.jpg" alt="Stable Diffusion Installation guides" class="wp-image-2131" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/Stable-diffusion-installation-guides-1513x1200.jpg 1513w, https://manfred-feiger.com/wp-content/uploads/2022/09/Stable-diffusion-installation-guides-630x500.jpg 630w, https://manfred-feiger.com/wp-content/uploads/2022/09/Stable-diffusion-installation-guides.jpg 1800w" sizes="auto, (max-width: 1513px) 100vw, 1513px" /><figcaption class="wp-element-caption">Stable Diffusion Installation guides</figcaption></figure>
</div>


<h3 class="wp-block-heading">Stable Diffusion –&nbsp;other installs</h3>



<ul class="wp-block-list">
<li><a href="https://github.com/divamgupta/stable-diffusion-tensorflow" data-type="URL" data-id="https://github.com/divamgupta/stable-diffusion-tensorflow">Stable Diffusion in TensorFlow / Keras</a></li>
</ul>



<h2 class="wp-block-heading">Creativity unleashed with Stable Diffusion</h2>



<p class="wp-block-paragraph">To get an idea about the full potential I collected some random examples from the past month. There are so many exciting opportunities. People create <a href="https://towardsdatascience.com/using-ai-to-create-new-comic-strips-without-writing-any-code-cc669bb317a7" data-type="URL" data-id="https://towardsdatascience.com/using-ai-to-create-new-comic-strips-without-writing-any-code-cc669bb317a7">comics</a>, <a rel="noreferrer noopener" href="https://twitter.com/SALT_VERSE" data-type="URL" data-id="https://twitter.com/SALT_VERSE" target="_blank">movies</a> or just play around.</p>



<h3 class="wp-block-heading">Kali Yuga models</h3>



<p class="wp-block-paragraph">Kali Yuga provides some cool custom-trained models for Stable Diffusion. Here are some shots taken from Twitter:</p>



<figure class="wp-block-image size-large"><a href="https://github.com/KaliYuga-ai" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/09/KaliYuga-1600x1068.png" alt="" class="wp-image-2019" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/KaliYuga-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/09/KaliYuga-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/09/KaliYuga.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">KaliYuga on github</figcaption></figure>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-00cdeb95 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://twitter.com/OakOrobic/status/1562400265059303424" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1192" height="752" src="https://manfred-feiger.com/wp-content/uploads/2022/09/textilediffusion-from-oak.jpg" alt="" class="wp-image-2020" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/textilediffusion-from-oak.jpg 1192w, https://manfred-feiger.com/wp-content/uploads/2022/09/textilediffusion-from-oak-768x485.jpg 768w" sizes="auto, (max-width: 1192px) 100vw, 1192px" /></a><figcaption class="wp-element-caption">from Orobic Oak / twitter</figcaption></figure>



<figure class="wp-block-image size-full"><a href="https://twitter.com/DigitalJawns/status/1550559050504572937" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1214" height="1060" src="https://manfred-feiger.com/wp-content/uploads/2022/09/lithography-diffusion.jpg" alt="" class="wp-image-2021" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/lithography-diffusion.jpg 1214w, https://manfred-feiger.com/wp-content/uploads/2022/09/lithography-diffusion-573x500.jpg 573w" sizes="auto, (max-width: 1214px) 100vw, 1214px" /></a><figcaption class="wp-element-caption">from Digital Jawns / twitter</figcaption></figure>
</div>



<p class="wp-block-paragraph">You might have guessed it, there are also notebooks on google colab around to work with them. An alternative would be <a href="https://jupyter.org/" data-type="URL" data-id="https://jupyter.org/" target="_blank" rel="noreferrer noopener">jupyter</a> notebooks, but to keep it simpler, we stay with google colab.</p>



<ul class="wp-block-list">
<li><a href="https://colab.research.google.com/github/KaliYuga-ai/Textile-Diffusion/blob/main/Textile_Diffusion_v1_0.ipynb">Notebook for #textilediffusion.</a></li>



<li><a href="https://colab.research.google.com/github/KaliYuga-ai/Pulp-Sci-Fi-Diffusion/blob/main/Pulp_Sci_Fi_Diffusion_v1_0.ipynb">Notebook for #Pulp-Sci-Fi-Diffusion</a></li>



<li><a href="https://colab.research.google.com/github/KaliYuga-ai/Lithography-Diffusion/blob/main/Lithography_Diffusion_v1_0.ipynb">Notebook for #lithography-diffusion</a></li>



<li><a href="https://colab.research.google.com/github/KaliYuga-ai/Watercolor-Diffusion/blob/main/Watercolor_Diffusion_v1_0.ipynb">Notebook for #watercolor-diffusion</a></li>



<li><a href="https://colab.research.google.com/github/KaliYuga-ai/Pixel-Art-Diffusion/blob/main/Pixel_Art_Diffusion_v2_01.ipynb">Notebook for #pixel-art-diffusion</a></li>
</ul>



<p class="wp-block-paragraph">Those notebooks are quite easy to handle. I used the #textilediffusion, to generate this sample piece here:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="512" height="384" src="https://manfred-feiger.com/wp-content/uploads/2022/09/sample-textile-diffusion.jpg" alt="" class="wp-image-2022"/><figcaption class="wp-element-caption">Stable Diffusion and #textilediffusion example from the author</figcaption></figure>
</div>


<p class="wp-block-paragraph">Click the images to jump to the examples. Due to data policy, I don't embed external sources.</p>



<h3 class="wp-block-heading">Stable Diffusion and Music:</h3>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://twitter.com/TomLikesRobots/status/1568865124148039680" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="963" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-music-963x1200.jpg" alt="" class="wp-image-2023" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-music-963x1200.jpg 963w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-music-401x500.jpg 401w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-music.jpg 1204w" sizes="auto, (max-width: 963px) 100vw, 963px" /></a><figcaption class="wp-element-caption">from TomLikes Robots / Twitter</figcaption></figure>
</div>


<h3 class="wp-block-heading">Stable Diffusion and 3D</h3>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://twitter.com/CoffeeVectors/status/1569416470332858372" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="750" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-3D-750x1200.jpg" alt="" class="wp-image-2024" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-3D-750x1200.jpg 750w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-3D-312x500.jpg 312w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-3D.jpg 1178w" sizes="auto, (max-width: 750px) 100vw, 750px" /></a><figcaption class="wp-element-caption">from CoffeeVectors / twitter</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://twitter.com/Infinite__Vibes/status/1570821780998328323" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="867" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-blender-867x1200.jpg" alt="" class="wp-image-2025" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-blender-867x1200.jpg 867w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-blender-361x500.jpg 361w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-and-blender.jpg 1224w" sizes="auto, (max-width: 867px) 100vw, 867px" /></a><figcaption class="wp-element-caption">from Infinite Vibes / twitter</figcaption></figure>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://twitter.com/merlino_games/status/1571205845819559936" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="921" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stablediffusion-blender-texture-generator-921x1200.jpg" alt="" class="wp-image-2117" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stablediffusion-blender-texture-generator-921x1200.jpg 921w, https://manfred-feiger.com/wp-content/uploads/2022/09/stablediffusion-blender-texture-generator-384x500.jpg 384w, https://manfred-feiger.com/wp-content/uploads/2022/09/stablediffusion-blender-texture-generator.jpg 1174w" sizes="auto, (max-width: 921px) 100vw, 921px" /></a><figcaption class="wp-element-caption">from <a href="https://twitter.com/merlino_games">merlino_games</a> / twitter </figcaption></figure>
</div>


<p class="wp-block-paragraph">Here's the <a href="https://github.com/carson-katri/dream-textures" target="_blank" rel="noreferrer noopener" class="ek-link">GitHub Source for the Stable Diffusion blender texture generator</a>.</p>



<p class="wp-block-paragraph">Another link, that is connected to <a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=DsUdvPz5VCo" data-type="URL" data-id="https://www.youtube.com/watch?v=DsUdvPz5VCo" target="_blank">Unreal and midjourney is the generation of textures</a>.</p>



<h3 class="wp-block-heading">Stable Diffusion and Image Tools</h3>



<p class="wp-block-paragraph"><strong>Stable Diffusion Photoshop Plugin</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://christiancantrell.com/#ai-ml" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1215" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-photoshop-plugin-1215x1200.png" alt="" class="wp-image-2118" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-photoshop-plugin-1215x1200.png 1215w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-photoshop-plugin-506x500.png 506w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-photoshop-plugin.png 1920w" sizes="auto, (max-width: 1215px) 100vw, 1215px" /></a><figcaption class="wp-element-caption">Screenshot from Website from Christian Cantrell</figcaption></figure>
</div>


<p class="wp-block-paragraph">There are also options for text-to-image in <a rel="noreferrer noopener" href="https://www.canva.com/apps/text-to-image-(beta)" data-type="URL" data-id="https://www.canva.com/apps/text-to-image-(beta)" target="_blank">Canva</a> and <a rel="noreferrer noopener" href="https://github.com/blueturtleai/gimp-stable-diffusion" data-type="URL" data-id="https://github.com/blueturtleai/gimp-stable-diffusion" target="_blank">GIMP</a> already and <a rel="noreferrer noopener" href="https://creator.nightcafe.studio/" data-type="URL" data-id="https://creator.nightcafe.studio/" target="_blank">Nightcafé</a> and <a rel="noreferrer noopener" href="https://www.artbreeder.com/" data-type="URL" data-id="https://www.artbreeder.com/" target="_blank">artbreeder</a> seem to have changed their models towards stable diffusion as well (you might remember that earlier this year they both used some GAN+CLIP solution, as mentioned in my <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">article</a>).</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Stable Diffusion to generate color palettes from text descriptions</h3>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://twitter.com/mattdesl/status/1569637225691856896" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="981" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-tools-color-palettes-981x1200.jpg" alt="" class="wp-image-2027" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-tools-color-palettes-981x1200.jpg 981w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-tools-color-palettes-409x500.jpg 409w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-tools-color-palettes.jpg 1210w" sizes="auto, (max-width: 981px) 100vw, 981px" /></a><figcaption class="wp-element-caption">from Matt DesLauriers / Twitter</figcaption></figure>
</div>


<h4 class="wp-block-heading">Other sources to mix with Stable Diffusion or to watch in general:</h4>



<ul class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://nv-tlabs.github.io/GET3D/" data-type="URL" data-id="https://nv-tlabs.github.io/GET3D/" target="_blank">Get3D: A Generative Model of High Quality 3D Textured Shapes Learned from Images</a></li>



<li><a href="https://github.com/openai/whisper" data-type="URL" data-id="https://github.com/openai/whisper">OpenAI Whisper</a></li>



<li><a rel="noreferrer noopener" href="https://dreambooth.github.io/" data-type="URL" data-id="https://dreambooth.github.io/" target="_blank">Google DreamBooth: Fine Tuning Text-to-Image Diffusion Models for Subject-Driven Generation</a> (<a rel="noreferrer noopener" href="https://github.com/XavierXiao/Dreambooth-Stable-Diffusion" data-type="URL" data-id="https://github.com/XavierXiao/Dreambooth-Stable-Diffusion" target="_blank">GitHub implementation for Stable Diffusion and Google DreamBooth</a> and <a href="https://github.com/JoePenna/Dreambooth-Stable-Diffusion" data-type="URL" data-id="https://github.com/JoePenna/Dreambooth-Stable-Diffusion" target="_blank" rel="noreferrer noopener">another Stable Diffusion Implementation with DreamBooth</a>)</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://www.youtube.com/watch?v=W4Mcuh38wyM" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1513" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-dreambooth-1513x1200.png" alt="Stable Diffusion and Google DreamBooth Video" class="wp-image-2111" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-dreambooth-1513x1200.png 1513w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-dreambooth-630x500.png 630w, https://manfred-feiger.com/wp-content/uploads/2022/09/stable-diffusion-dreambooth.png 1920w" sizes="auto, (max-width: 1513px) 100vw, 1513px" /></a><figcaption class="wp-element-caption">Stable Diffusion and DreamBooth – great video to watch</figcaption></figure>
</div>


<div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Final thoughts on Stable Diffusion AI – image jockeys on random turntables.</h2>



<p class="wp-block-paragraph">I love it. Going for the open-source path is so great to unleash new instruments of inspiration and with lucky punches, even to create art. Art is expressive and the artworks being created might get expressive. For me it's an enhancement of our daily practices being creative. I also don't think anyone must be afraid of losing jobs. For precise tasks it is still tricky to work with the tools.</p>



<p class="wp-block-paragraph">The models are only as good as the inputs; handling the inputs is not the easiest practice and as generating the images takes some time… in terms of client work, the way using any generator might not be the fastest option to choose. As always, I assume clients want to negotiate cost as they think everything is going easier now. But currently the image generation at a professional level is still not precise enough. But the tools are already there to help. <a href="https://dreambooth.github.io/" data-type="URL" data-id="https://dreambooth.github.io/" target="_blank" rel="noreferrer noopener">Google Dreambooth</a> for example could help a lot to bring consistency into image series. </p>



<p class="wp-block-paragraph">Looking at the development speed I assume the topic about precision will be a matter of the next years, as well as the topic about speed and custom training sets. I am also worried a bit about the footprint being generated from all the image generations (including all the learning upfront). In hugging face there's a note on the <a rel="noreferrer noopener" href="https://huggingface.co/CompVis/stable-diffusion-v1-4" data-type="URL" data-id="https://huggingface.co/CompVis/stable-diffusion-v1-4" target="_blank">Stable Diffusion model card</a> itself: 11250 kg CO2 eq for the learning (calculated with the <a href="https://mlco2.github.io/impact/#compute" data-type="URL" data-id="https://mlco2.github.io/impact/#compute" target="_blank" rel="noreferrer noopener">machine learning emissions calculator</a>).</p>



<p class="wp-block-paragraph">The development in text-to-image is far from its boarders yet. But it's so impressive to see the speed of the community to adopt these technologies.</p>



<p class="wp-block-paragraph">Currently the tools help to discover creativity to finally create a mix of outputs we have seen before. In the future I am sure we can use the techniques to do whole mood boards for clients and in some cases even final graphics or artworks for them.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">The only art I’ll ever study is stuff that I can steal from.</p>
<cite>David Bowie</cite></blockquote>



<p class="wp-block-paragraph">Like the evolution of web bandwidth, I think we need some more speed in terms of image generation to open new options and create beautiful human-centered-artworks as one day maybe images could be generated in real time based on likings of visitors. I also assume, at the moment we reached a certain grade of automated artworks, more and more people will enjoy discovering real artworks with their hands again and value of the real original artworks will raise.</p>



<p class="wp-block-paragraph">In general we shouldn't trust media without a critical perspective, especially when we see images. History showed us that people will abuse technology. So I hope for people to find value in real in-person events after Covid pandemic again. Digital could and will be a lot of fake.</p>



<p class="wp-block-paragraph">The use of some kind of style transfers on Smartphones is very likely by next year. Dynamic Video generation is also on its way (see <a rel="noreferrer noopener" href="https://makeavideo.studio/" data-type="URL" data-id="https://makeavideo.studio/" target="_blank">make-a-video</a> from meta ai), so we have text-to-video generation and music, VR worlds and games are also around the corner, as Midjourney founder <a rel="noreferrer noopener" href="https://www.theverge.com/2022/8/2/23287173/ai-image-generation-art-midjourney-multiverse-interview-david-holz" data-type="URL" data-id="https://www.theverge.com/2022/8/2/23287173/ai-image-generation-art-midjourney-multiverse-interview-david-holz" target="_blank">David Holz said</a>. Due to open-source development, I won't say it takes 10 years. And also Google Colab and other services to run the software will change their business models to profit from this boom.</p>



<p class="wp-block-paragraph">Advertising or Branding will also be affected. It will be an exciting journey in the next two or three years. <a rel="noreferrer noopener" href="http://osmosis.studio/" data-type="URL" data-id="http://osmosis.studio/" target="_blank">Osmosis</a> pretends to have some of the features that could be interesting for an early stage. Just imagine adding a target group to the prompt, an industry or a segment. For Learning there are many galleries out there, such as dribble, FWA and many more 🙂 it will be fun to see where this journey goes! (Saying this not being in an international network agency anymore).</p>



<p class="wp-block-paragraph">As mentioned many times, the development speed is incredible. The current hot tool is google dreambooth (connected to Stable diffusion). Every month there might be another unexpected cool tool to pop up. Maybe even photoshop integrated the tools for their next release.</p>



<p class="wp-block-paragraph">For me, design turned more into managing design over the years but still design is functional, and art is expressive. Currently it feels easier to create automated expressiveness in fantasy worlds, but nonetheless I also use AI tools during the creative process. The results of machine learning give you a condensed view of common thoughts. So, I often used the prompts to check for color ranges of certain clients, compared it, what google says and easily created something one could call the "wisdom of the net" result.</p>



<p class="wp-block-paragraph">Our traces on the net and our databases of artists created the look we could mix now. We are the image jockeys of generations that are already there. Unfortunately there's still a lot of randomness in the result to utilize it more professionally.</p>



<div class="wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e876dd8c wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-2.jpg" alt="" class="wp-image-2034" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-2.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-2-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-2-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">My "wisdom of the net" results from huggingface</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-3.jpg" alt="" class="wp-image-2035" srcset="https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-3.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-3-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/09/wisdom-of-the-net-3-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">My "wisdom of the net" results from huggingface</figcaption></figure>
</div>



<p class="wp-block-paragraph">So long, enjoy and go out and play to discover the fun playing with those great tools!</p>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading">Recommended readings</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://www.louisbouchard.ai/latent-diffusion-models/" data-type="URL" data-id="https://www.louisbouchard.ai/latent-diffusion-models/" target="_blank">Understand latent diffusion models</a></li>



<li><a href="https://www.youtube.com/watch?v=ltLNYA3lWAQ" data-type="URL" data-id="https://www.youtube.com/watch?v=ltLNYA3lWAQ" target="_blank" rel="noreferrer noopener">Get a full introduction to Stable Diffusion</a></li>
</ol>



<p class="wp-block-paragraph"></p>



<div id="lo606"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1913" class="sq_local" href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" title="Midjourney and DALL-E 2 – first hands on impressions" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Midjourney and DALL-E 2 – first hands on impressions</a><div class="sq_local_text" style="font-style:italic;color: #333;">Maybe you remember my article speaking computer language – welcome AI art, speaking about the new role of t</div></div></div><div><br style="clear:both"></div>



<div id="lo535"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1832" class="sq_local" href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" title="Generative Art – how to get started with AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Generative Art – how to get started with AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The world of art is a diverse and beautiful place. The more we explore new forms of art, the more we are</div></div></div><div><br style="clear:both"></div>



<div id="lo586"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1793" class="sq_local" href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" title="How AI Assistants Can Help You with Text and Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">How AI Assistants Can Help You with Text and Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">Have you ever wished you had a personal assistant to help you with your writing or with your artworks?



AI</div></div></div><div><br style="clear:both"></div>



<div id="wi23"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_0" class="sq_wiki" href="//en.wikipedia.org/wiki/Stable_Diffusion" title="Stable Diffusion" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Stable Diffusion</a><div class="sq_wiki_text" style="font-style:italic;color: #333;"><span class="searchmatch">Stable</span> <span class="searchmatch">Diffusion</span> is a machine learning, text-to-image model to generate digital images from natural language descriptions. The underlying approach was</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Midjourney and DALL-E 2 – first hands on impressions</title>
		<link>https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/</link>
					<comments>https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 03 Aug 2022 13:27:10 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[testing]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1913</guid>

					<description><![CDATA[<p><img width="1024" height="1024" src="https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="DALL-E 2 – midjourney-image explorations" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations-320x320.jpg 320w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>AI-generated artworks are going mainstream and the two open tools midjourney and DALL-E 2 give us an idea what's next in image generation from text prompts.]]></description>
										<content:encoded><![CDATA[<p><img width="1024" height="1024" src="https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="DALL-E 2 – midjourney-image explorations" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/08/DALL-E-2-–-midjourney-image-explorations-320x320.jpg 320w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p class="wp-block-paragraph">Maybe you remember my article <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/">speaking computer language – welcome AI art</a>, speaking about the new role of text prompts and different image AI assistants. I focused on a general overview on GANs, DALL-E and DALL-E Mini, as an access to DALL-E 2 wasn’t available yet for me. Also, <a rel="noreferrer noopener" href="https://imagen.research.google/" data-type="URL" data-id="https://imagen.research.google/" target="_blank">Google Imagen</a> being mentioned in the article has no free option yet… but with only one and a half month passing since my last article, Google also introduced another tool, called <a rel="noreferrer noopener" href="https://parti.research.google/" target="_blank">Parti</a>, a tool being said to produce the best results of any AI art generators so far and <a href="https://stability.ai/" data-type="URL" data-id="https://stability.ai/" target="_blank" rel="noreferrer noopener">Stable Diffusion</a> is also there to launch its service soon.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="876" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Parti-Screenshot-1600x876.png" alt="" class="wp-image-1917" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Parti-Screenshot-1600x876.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/Parti-Screenshot-768x420.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/08/Parti-Screenshot.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Parti Website Screenshot</figcaption></figure>
</div>


<p class="wp-block-paragraph">In this article I want to share my first hands on experience with <a rel="noreferrer noopener" href="https://www.midjourney.com/" data-type="URL" data-id="https://www.midjourney.com/" target="_blank"><strong>Midjourney</strong></a> and <a rel="noreferrer noopener" href="https://openai.com/dall-e-2/" data-type="URL" data-id="https://openai.com/dall-e-2/" target="_blank"><strong>DALL-E 2</strong></a> with you. With <a href="https://www.midjourney.com/">midjourney</a> moving to open beta and starting their v3 image generation algorithm on the 25th of July, another player pushed to the market… and I guess one or two days later, finally my invite for DALL-E 2 arrived. </p>



<p class="wp-block-paragraph">At that day I was happy at first, but when I noticed another day later, that another E-Mail I used for signing for DALL-E 2 only a few months ago, despite the first one, being used for application far more than half a year ago, I was a bit disappointed. I thought it’s all connected to their new pricing model and the beta start of midjourney and I got disappointed a bit. The exclusiveness was gone and “mass-market” arrived. </p>



<p class="wp-block-paragraph">In general the market on AI Art bots seems to push a lot. So for example DALL-E mini, the free tool I mentioned in my other article, is now called <a rel="noreferrer noopener" href="https://www.craiyon.com/" data-type="URL" data-id="https://www.craiyon.com/" target="_blank">craiyon</a>. There are also other tools Worth being mentioned in the context of AI art tools, such as <a rel="noreferrer noopener" href="https://voyageplay.ai/" data-type="URL" data-id="https://voyageplay.ai/" target="_blank">Latitude Voyage</a> (of course in beta) or <a rel="noreferrer noopener" href="https://github.com/apple/ml-gaudi" data-type="URL" data-id="https://github.com/apple/ml-gaudi" target="_blank">Apples GAUDI</a>, a prompt tool for indoor 3D scenes.</p>



<p class="wp-block-paragraph">Luckily I heard the U.S. Copyright office said A.I. Art can't be copyrighted, so I hope no war will heat up this exiting market in the near future. So far I only know that there are patents on algorithms being used. Hopefully the market will show even more diversity in the future.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/midjourny-ai-art-tool-1600x1068.png" alt="Midjourney ai tool" class="wp-image-1916" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/midjourny-ai-art-tool-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/midjourny-ai-art-tool-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/midjourny-ai-art-tool.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Midjourney Screenshot Website</figcaption></figure>
</div>


<h2 class="wp-block-heading">Midjourney beta –&nbsp;first impressions</h2>



<p class="wp-block-paragraph">Let us first look at our new player. Midjourney. The first impression of midjourney is being geekier and less serious than DALL-E 2. It’s a more playful entrance to a world everyone could test right away. After joining the beta, you will be redirected to Discord, no waiting list, no exclusive clubbing.</p>



<p class="wp-block-paragraph">Before we investigate discord, a quick explanation of who Midjourney is. Midjourney is an independent research lab exploring new mediums of thought and expanding the imaginative powers of the human species.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">IN 10 YEARS, YOU’LL BE ABLE TO BUY AN XBOX WITH A GIANT AI PROCESSOR, AND ALL THE GAMES ARE DREAMS.</p>
<cite><a rel="noreferrer noopener" href="https://www.theverge.com/2022/8/2/23287173/ai-image-generation-art-midjourney-multiverse-interview-david-holz" target="_blank">David Holz in an Interview with the verge</a></cite></blockquote>



<p class="wp-block-paragraph">David Holz, the founder of midjourney, did some other geeky, funny things in the past. He used to be co-founder of <a href="https://www.ultraleap.com/">leap motion</a>, a great exploration of the power of gestures. Midjourney is a small company right now with around 10 people working there.</p>



<p class="wp-block-paragraph">Exploring the background of midjourney and all their way, how they speak to their audience, in other words their tonality feels great to me. It has the explorative spirit and playfulness I always try to teach students to get started in digital.</p>



<p class="wp-block-paragraph">Signing up for a free account, you get 25 credits, these can be used to generate images within the discord channel. For anyone being interested, <a href="https://midjourney.gitbook.io/docs/use-midjourney-on-your-own-discord-server" class="ek-link">it is even possible to run midjourney on ones own discord server</a>.</p>



<p class="wp-block-paragraph">After that, you’ll have to pay — either $10 or $30 a month. The pricing is connected to the number of images you want and the privacy you expect. And if you are a huge company with more than 1 billion revenue a year, you get the corporate membership for 600 US dollar a year.</p>



<p class="wp-block-paragraph">So how does it work?</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/midjourney-ai-discord-screenshot-1600x1068.png" alt="" class="wp-image-1918" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/midjourney-ai-discord-screenshot-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/midjourney-ai-discord-screenshot-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/midjourney-ai-discord-screenshot.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot Discord Channel midjourney</figcaption></figure>
</div>


<p class="wp-block-paragraph">If you never used discord before, see it as a chat tool, kind of a slack for the masses, with a non-business focus.</p>



<p class="wp-block-paragraph">So, in the channel you will find all the information there are in general, on announcements, updates and so on. If feels like you as beta tester are part of the team, and even the boss is there, and you could influence the development process. After all, that’s what a beta program is about.</p>



<p class="wp-block-paragraph">In terms of my professional perspective being more experienced with product and user testing, this is a great way for that kind of product, as the product itself is being used in the same environment.</p>



<p class="wp-block-paragraph">So here are the steps to create images:</p>



<ol class="wp-block-list" type="1">
<li>Look for a newbies Channel and enter it (in the picture you see newbies-29, newbies-59 and newbies-89)</li>



<li>If you have a picture in mind, about what you want to see, start typing “/imagine”, followed by whatever you want to see.</li>



<li>Within 60 seconds you should see 4 images.</li>



<li>With the 4 images being generated, you could upscale the image or create variations. Therefore, there are U1 to U4 (für upscaling) and V1 to V4 (for version) below the images being generated. Upscaling means that the images scale up to around 1664x1664 Pixels</li>



<li>Save the result, click on the generated image (to enlarge) and with the right mouse button being pressed, select save image to your local computer.</li>



<li>Finally, you could also ask the bot to send the results to your Direct messages, by reacting with the envelope emoji.</li>
</ol>



<div class="wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" src="https://366511654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Bl9seaj2HHrtdPiMKPI%2Fuploads%2FIujTWOvV8MHvoMuAdhQI%2Fimagine_command_popup_click.gif?alt=media&amp;token=3a15d252-3068-4713-9a47-2deb32c3bcdd" alt=""/><figcaption class="wp-element-caption">Prompt dialogue in discord (taken from <a href="https://midjourney.gitbook.io/docs/" data-type="URL" data-id="https://midjourney.gitbook.io/docs/" target="_blank" rel="noreferrer noopener">quick start guide</a>)</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1130" height="818" src="https://manfred-feiger.com/wp-content/uploads/2022/08/screenshot-from-discord-stream.jpg" alt="" class="wp-image-1919" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/screenshot-from-discord-stream.jpg 1130w, https://manfred-feiger.com/wp-content/uploads/2022/08/screenshot-from-discord-stream-691x500.jpg 691w" sizes="auto, (max-width: 1130px) 100vw, 1130px" /><figcaption class="wp-element-caption">Example from discord stream with 4 generated images</figcaption></figure>
</div>



<div class="wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" src="https://user-images.githubusercontent.com/105028755/168405903-4a039b6e-230b-4ff6-bbba-d9f732c7fb86.gif" alt=""/><figcaption class="wp-element-caption">Prompt dialogue to use envelope (taken from <a rel="noreferrer noopener" href="https://midjourney.gitbook.io/docs/" data-type="URL" data-id="https://midjourney.gitbook.io/docs/" target="_blank">quick start guide</a>)</figcaption></figure>
</div>



<p class="wp-block-paragraph">This is enough to create visual beauty.</p>



<p class="wp-block-paragraph">If you need inspiration, look in <a href="https://docs.midjourney.com/" class="ek-link">midjourney ressource list</a>, there are great links:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/artists-visual-style-encycopedia-1600x1068.png" alt="" class="wp-image-1920" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/artists-visual-style-encycopedia-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/artists-visual-style-encycopedia-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/artists-visual-style-encycopedia.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">The artist visual style encyclopedia (as of Mai 2023: link not working anymore)</figcaption></figure>
</div>


<p class="wp-block-paragraph">The artist visual style encyclopedia – if the style is part of your text prompt it will take effect – such as cyberpunk city, by Franz Marc:</p>



<div class="wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="968" height="832" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-1.jpg" alt="" class="wp-image-1925" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-1.jpg 968w, https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-1-582x500.jpg 582w" sizes="auto, (max-width: 968px) 100vw, 968px" /><figcaption class="wp-element-caption">My result on cyberpunk city, by Franz Marc on midjourney</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1257" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-2-1257x1200.jpg" alt="" class="wp-image-1926" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-2-1257x1200.jpg 1257w, https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-2-524x500.jpg 524w, https://manfred-feiger.com/wp-content/uploads/2022/08/Franz-Marc-test-2.jpg 1408w" sizes="auto, (max-width: 1257px) 100vw, 1257px" /><figcaption class="wp-element-caption">My result on cyberpunk city, by Franz Marc on midjourney</figcaption></figure>
</div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There’s also a prompt builder to guide your inputs and see which variables are available:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="999" src="https://manfred-feiger.com/wp-content/uploads/2022/08/prompt-guide-1600x999.png" alt="" class="wp-image-1921" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/prompt-guide-1600x999.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/prompt-guide-768x480.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/08/prompt-guide.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Prompt guide</figcaption></figure>
</div>


<p class="wp-block-paragraph">And a collection on &nbsp;“<a href="https://sites.google.com/view/understanding-mj-prompts/home?authuser=0">prompt styles and weights</a>”.</p>



<p class="wp-block-paragraph">All in all, the learning curve, if you are used to discord and used a text prompt before is very flat. Only if you are new to discord and text prompts, you need more orientation.</p>



<p class="wp-block-paragraph">After all I could say, I loved it. I love the playfulness of the whole app, the results and all the “social” aspects, seeing what all others are building, getting notifications about own results and the whole way it is being setup. It is great fun to try and the documentation is very helpful.</p>



<p class="wp-block-paragraph"></p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-ai-tool-entry-1600x1068.png" alt="DALL-E 2 AI tools" class="wp-image-1922" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-ai-tool-entry-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-ai-tool-entry-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-ai-tool-entry.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">DALL-E 2 Intro screen</figcaption></figure>
</div>


<h2 class="wp-block-heading">DALL-E 2 beta –&nbsp;first impressions</h2>



<p class="wp-block-paragraph">With the magic of the new and little frustration about the almost open invites, I waited to test my DALL-E 2 invites after I tested midjourney.</p>



<p class="wp-block-paragraph">As mentioned, entering DALL-E app is a completely different experience. It is you and the text prompt, not the hectic news stream and the dynamics you experience in midjourney. Based on the interface/overall app decision, one could say, that DALL-E 2 wants you to reflect about what you type, while midjourney is a competing social feed, about who creates the coolest results.</p>



<p class="wp-block-paragraph">The cost system at DALL-E 2 is based on credits. You get 50 credits for the first month for free and 15 credits every month after. With only 15$ you could buy additional credit packs worth 115 credits, which equals around 460 images. OpenAI allows commercial use of DALL-E images. Compared to the image stock market, the costs of the images will be fairly low, but one must be award that you have to get used to the text prompts and the corresponding structure of the input.</p>



<p class="wp-block-paragraph">That being said let’s try to get a result for our cyberpunk city, by Franz Marc. </p>



<p class="wp-block-paragraph">In the case of DALL-E, I couldn’t find a quick hands on, official documentation; so, I tried the sentence as following: A cyberpunk city in the style of Franz Marc, as the example being shown by DALL-E on their homepage also used the "in the style of" syntax.</p>



<p class="wp-block-paragraph">My result on that one was quite… disappointing. I don’t know why DALL-E missed the style of Franz Marc that much:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-franz-marc-test-1600x1068.png" alt="" class="wp-image-1927" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-franz-marc-test-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-franz-marc-test-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dalle-2-franz-marc-test.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">DALL-E 2 result on a cyberpunk city in the style of Franz Marc</figcaption></figure>
</div>


<p class="wp-block-paragraph">To investigate further, I needed a prompt guide for DALL-E 2. Googling for some help, you find</p>



<ol class="wp-block-list" type="1">
<li><a rel="noreferrer noopener" href="https://pitch.com/v/DALL-E-prompt-book-v1-tmd33y" data-type="URL" data-id="https://pitch.com/v/DALL-E-prompt-book-v1-tmd33y" target="_blank">The DALL-E 2 prompt book</a> – my recommended choice</li>



<li><a href="https://mixed-news.com/en/openai-dall-e-2-prompt-guide-how-to-control-image-generation/">OpenAI DALL-E 2 prompt guide</a></li>
</ol>



<p class="wp-block-paragraph">Going through the prompt options, you notice, that there are more parameters than on midjourney. Lightning, Camera position/angles, genres, usage contexts and many more.</p>



<p class="wp-block-paragraph">So, I gave it another try, changing the prompt a bit leading to a much better result in terms of the style:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-franz-marc-1600x1068.png" alt="" class="wp-image-1929" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-franz-marc-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-franz-marc-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-franz-marc.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">DALL-E 2 result on a painting from Franz Marc showing a cyberpunk city</figcaption></figure>
</div>


<p class="wp-block-paragraph">Unfortunately, my tries with real artists didn’t work out so good with DALL-E 2 at the start, so I had another try…</p>



<p class="wp-block-paragraph">My result from midjourney:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/08/mannilito_Neuschwanstein_Castle_placed_in_italian_riviera_paint_05d4a072-bb78-4cd6-86bc-92952de30be3.jpg" alt="" class="wp-image-1930" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/mannilito_Neuschwanstein_Castle_placed_in_italian_riviera_paint_05d4a072-bb78-4cd6-86bc-92952de30be3.jpg 512w, https://manfred-feiger.com/wp-content/uploads/2022/08/mannilito_Neuschwanstein_Castle_placed_in_italian_riviera_paint_05d4a072-bb78-4cd6-86bc-92952de30be3-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/08/mannilito_Neuschwanstein_Castle_placed_in_italian_riviera_paint_05d4a072-bb78-4cd6-86bc-92952de30be3-320x320.jpg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">Midjourney result</figcaption></figure>
</div>


<p class="wp-block-paragraph">And the same prompt from DALL-E 2:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-prompt-neuschwanstein-1600x1068.png" alt="" class="wp-image-1931" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-prompt-neuschwanstein-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-prompt-neuschwanstein-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/dalle-2-prompt-neuschwanstein.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">First result on DALL-E 2</figcaption></figure>
</div>


<p class="wp-block-paragraph">Getting used to the prompt dialogue on DALL-E increases the results a lot:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1068" src="https://manfred-feiger.com/wp-content/uploads/2022/08/Dall-E-Screenshot-Monet-neuschwanstein-1600x1068.png" alt="" class="wp-image-1932" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/Dall-E-Screenshot-Monet-neuschwanstein-1600x1068.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dall-E-Screenshot-Monet-neuschwanstein-749x500.png 749w, https://manfred-feiger.com/wp-content/uploads/2022/08/Dall-E-Screenshot-Monet-neuschwanstein.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Adjusted text prompt</figcaption></figure>
</div>


<p class="wp-block-paragraph">Using the right prompts is the essential part to get the best results. If your prompt is done right, it seems DALL-E is more precise, though midjourney is so much fun to use.</p>



<p class="wp-block-paragraph">For DALL-E there's even a paid service being launched called <a href="https://promptbase.com/" data-type="URL" data-id="https://promptbase.com/" target="_blank" rel="noreferrer noopener">promptbase</a> to help you with using the right prompts:</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="876" src="https://manfred-feiger.com/wp-content/uploads/2022/08/promptbase-1600x876.png" alt="" class="wp-image-1940" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/promptbase-1600x876.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/promptbase-768x420.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/08/promptbase.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot from promptbase.</figcaption></figure>



<p class="wp-block-paragraph">If you want to discover more, I recommend searching the web yourself. On twitter I found some comparisons, having a similar impression I do:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="804" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/08/twitter-fabians-eth-804x1200.jpg" alt="" class="wp-image-1933" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/twitter-fabians-eth-804x1200.jpg 804w, https://manfred-feiger.com/wp-content/uploads/2022/08/twitter-fabians-eth-335x500.jpg 335w, https://manfred-feiger.com/wp-content/uploads/2022/08/twitter-fabians-eth.jpg 1204w" sizes="auto, (max-width: 804px) 100vw, 804px" /><figcaption class="wp-element-caption">From <a href="https://twitter.com/fabianstelzer/status/1544298611445489668">twitter</a></figcaption></figure>
</div>


<h3 class="wp-block-heading">Resume</h3>



<p class="wp-block-paragraph">Is it possible to do a final resume on the tools? I guess no. On the one hand I am not experienced enough with both tools, on the other hand I think both tools are great and give us a glimpse into the future. The documentation on midjourney and the entry barrier is lower, so to get started, I would recommend midjourney in any case. The more you are aiming for precise results (as an alternative to stock images), the more it feels DALL-E 2 is the way to go.</p>



<p class="wp-block-paragraph">Will be exiting what the next two month offer in terms of AI generation tools. 2022 is very exiting so far in terms of AI art generators and it will be exiting to see what's next.</p>



<h3 class="wp-block-heading">What's next? Update mid August – dreamstudio arrived</h3>



<p class="wp-block-paragraph">As mentioned, the speed new, similar offerings are popping up on the market is impressive. It seems, AI in combination with images is going mainstream. Another tool to check out is <a rel="noreferrer noopener" href="https://beta.dreamstudio.ai/home" data-type="URL" data-id="https://beta.dreamstudio.ai/home" target="_blank">dreamstudio</a>. Access is quite easy as well and the results are also impressive. Also the editor looks promising, see my screenshot below. After my family holiday I might try a daily use check of all those great tools.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="1108" src="https://manfred-feiger.com/wp-content/uploads/2022/08/dreamstudio-editor-screenshot-1600x1108.png" alt="" class="wp-image-1968" srcset="https://manfred-feiger.com/wp-content/uploads/2022/08/dreamstudio-editor-screenshot-1600x1108.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/08/dreamstudio-editor-screenshot-722x500.png 722w, https://manfred-feiger.com/wp-content/uploads/2022/08/dreamstudio-editor-screenshot.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot dreamstudio and results on "A dream of a distant galaxy, by Hiroshige Utagawa, matte painting trending on artstation HQ."</figcaption></figure>



<h4 class="wp-block-heading">Recommended readings</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=SVcsDDABEkM" data-type="URL" data-id="https://www.youtube.com/watch?v=SVcsDDABEkM" target="_blank">The AI that creates any picture you want, explained</a> – The process behind DALL-E 2 (and others) explained</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=sFBfrZ-N3G4" data-type="URL" data-id="https://www.youtube.com/watch?v=sFBfrZ-N3G4" target="_blank">What AI means for human artists</a> – great collection about views from the artists/designer perspective</li>



<li><a rel="noreferrer noopener" href="https://www.slaphappylarry.com/making-ai-art-with-midjourney/" data-type="URL" data-id="https://www.slaphappylarry.com/making-ai-art-with-midjourney/" target="_blank">Making AI Art with Midjourney</a> –&nbsp;great article with examples and explanations</li>



<li><a rel="noreferrer noopener" href="https://arxiv.org/pdf/2206.02904.pdf" data-type="URL" data-id="https://arxiv.org/pdf/2206.02904.pdf" target="_blank">The Creativity of Text-based Generative Art</a> – paper on text-based generative art</li>



<li><a rel="noreferrer noopener" href="https://outland.art/dall-e-nfts/" data-type="URL" data-id="https://outland.art/dall-e-nfts/" target="_blank">The trouble with DALL-E – Five thoughts on the use of artificial intelligence to accelerate the digital art market</a></li>



<li><a href="https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/" data-type="post" data-id="1985">My follow up article on Stable Diffusion: Stable Diffusion celebrates new forms of creativity</a></li>
</ol>



<div id="lo646"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1832" class="sq_local" href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" title="Generative Art – how to get started with AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Generative Art – how to get started with AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The world of art is a diverse and beautiful place. The more we explore new forms of art, the more we are</div></div></div><div><br style="clear:both"></div>



<div id="lo204"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1793" class="sq_local" href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" title="How AI Assistants Can Help You with Text and Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">How AI Assistants Can Help You with Text and Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">Have you ever wished you had a personal assistant to help you with your writing or with your artworks?



AI</div></div></div><div><br style="clear:both"></div>



<div id="lo485"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1367" class="sq_local" href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" title="Speaking computer language – welcome AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Speaking computer language – welcome AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The command prompt: A black, empty screen and a blinking line, waiting for my input. Could you imagine</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Generative Art – how to get started with AI Art</title>
		<link>https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/</link>
					<comments>https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 27 Jul 2022 15:06:43 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1832</guid>

					<description><![CDATA[<p><img width="1600" height="1600" src="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Generative Art – how to get started with AI Art" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-768x768.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-1536x1536.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p>AI art is present in many shapes, whether music, visuals or text. In this article I reflect entry options to generative visual arts.]]></description>
										<content:encoded><![CDATA[<p><img width="1600" height="1600" src="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Generative Art – how to get started with AI Art" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-500x500.jpg 500w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-1200x1200.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-768x768.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Art-–-how-to-get-started-with-AI-Art-1536x1536.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p>
<p class="wp-block-paragraph">The world of art is a diverse and beautiful place. The more we explore new forms of art, the more we are introduced to a new way of looking at the world. Art is one of the oldest forms of human expression and creativity and one of the newest forms of art is generative art or AI art or NFT art we could see at a large, popular scale in the shape of NFT galleries. <strong>AI art</strong> is an art form that uses artificial intelligence and robotics to create art. This form of art is exciting because it is a new and fresh way of seeing the world.</p>



<p class="wp-block-paragraph">As I am fascinated by AI artists such as <a rel="noreferrer noopener" href="https://refikanadol.com/" data-type="URL" data-id="https://refikanadol.com/" target="_blank">Refik Anadol</a>, <a rel="noreferrer noopener" href="https://quasimondo.com/" data-type="URL" data-id="https://quasimondo.com/" target="_blank">Mario Klingemann</a>, <a rel="noreferrer noopener" href="https://sougwen.com/" data-type="URL" data-id="https://sougwen.com/" target="_blank">Sougwen Chung</a>, <a rel="noreferrer noopener" href="https://www.memo.tv/" data-type="URL" data-id="https://www.memo.tv/" target="_blank">Memo Akten</a> and many others, I wanted to share some ways to get started with Art in the context of AI. As Art using artificial intelligence is more complex and involves GANs, Machine Learning and other more advanced concepts, my focus on this article is the entry to AI Arts in general. In my point of view generative Art or Design is the best way to start in this area. </p>



<p class="wp-block-paragraph">I also shared some more articles on the topic. </p>



<ul class="wp-block-list">
<li><a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">If you want to know more about GANs, DALL-E, CLIP and other approaches of deep learning, follow this link</a>. </li>



<li><a href="https://manfred-feiger.com/create-ai-art-like-refik-anadol/" data-type="post" data-id="940">If you want to know more about my fascination for Refik Anadol, or if you don't know his work, follow this link</a>.</li>
</ul>



<p class="wp-block-paragraph">I love generative worlds surrounding us. While teaching, I like to share some basic concepts about generative design, in terms of randomness or the magic of patterns. It’s so great to influence the idea generation process with the help of the computers. Something I also recommended in the use of AI tools in general. Besides giving a recommendation for the beautiful designed book <a href="http://www.generative-gestaltung.de/2/">Generative Coding on the web</a> by Benedikt Gross et all, I want to share some ways and tools to get started in your own creative process.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1380" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_-1380x1200.png" alt="AI art gallery art blocks" class="wp-image-1833" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_-1380x1200.png 1380w, https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_-575x500.png 575w, https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_-768x668.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_-1536x1336.png 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/artblocks.io_.png 1920w" sizes="auto, (max-width: 1380px) 100vw, 1380px" /><figcaption class="wp-element-caption"><a href="https://www.artblocks.io/" data-type="URL" data-id="https://www.artblocks.io/">Artblocks.io – generative art on the blockchain shot</a></figcaption></figure>
</div>


<p class="wp-block-paragraph">For this article, I won’t discuss differences in AI art or generative Art as being generative is an underlying pattern for both. If we speak about generative, we speak about autonomous processes that are not under direct control of humans. To get started with AI in art or generative art, you need a basic understanding of accepting your role in the process.</p>



<p class="wp-block-paragraph">You are not the worker to paint all the time, you are a conductor in paving the way for a desired outcome. So finally, everyone is a director to choose from directions computers generate for them. If you finally reached some degree of mastery, the process of creation will be more straightforward, but in the beginning, it is very explorative.</p>



<p class="wp-block-paragraph">I also don’t separate between generative design and generative art. Art is expressive, as John Maeda once explained in his <a href="https://maeda.pm/2017/11/14/the-bermuda-quadrilateral-2006/">Bermuda quadrilateral</a>, whether designs task is to communicate. (There are newer models on this one, too, therefore I recommend looking at Neri Oxmans <a href="https://jods.mitpress.mit.edu/pub/ageofentanglement/release/1">Krebs Cycle of Creativity</a>).</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="821" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons-821x1200.jpeg" alt="" class="wp-image-1834" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons-821x1200.jpeg 821w, https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons-342x500.jpeg 342w, https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons-768x1123.jpeg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons-1050x1536.jpeg 1050w, https://manfred-feiger.com/wp-content/uploads/2022/07/herbert-franke-dance-of-the-electrons.jpeg 1313w" sizes="auto, (max-width: 821px) 100vw, 821px" /><figcaption class="wp-element-caption">Analog-Grafik D2 (Dance of the Electrons) –&nbsp;from <a href="https://en.wikipedia.org/wiki/Herbert_W._Franke" data-type="URL" data-id="https://en.wikipedia.org/wiki/Herbert_W._Franke" target="_blank" rel="noreferrer noopener">Herbert W. Franke</a> –&nbsp;<a href="https://collections.vam.ac.uk/item/O192847/analog-grafik-d2-dance-of-print-franke-herbert-w/" data-type="URL" data-id="https://collections.vam.ac.uk/item/O192847/analog-grafik-d2-dance-of-print-franke-herbert-w/" target="_blank" rel="noreferrer noopener">Picture from the Victoria and Albert Museum</a></figcaption></figure>
</div>


<p class="wp-block-paragraph">Generative art saw its first influences at the end of the 19<sup>th</sup> century. Playing with geometry or vantage points and the rise of technology and machines paved the way for generative art. Besides visual art, there are many other ways to explore the generative power as well.</p>



<h3 class="wp-block-heading">Ai art and Literature</h3>



<p class="wp-block-paragraph"><a href="https://en.wikipedia.org/wiki/Philip_M._Parker">Philip M. Parker</a> is maybe one of the most extreme examples on generative literature or AI in literature. He “wrote” or generated more than 1 million books already. He developed some algorithms capable of automatically generating textbooks, poems, crossword puzzles or other books, mostly targeted to the so called longtail, you might have heard in the context of SEO before. So he is targeting specific, niche markets. He’s maybe my proof point of my fear of <a href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/">AI text writing tools</a>, as a lot of crap could be produced and Search engines fail to display the best quality results, see my issue with <a href="https://manfred-feiger.com/value-and-the-risk-of-being-trapped-by-search/" data-type="post" data-id="1256">the myth of the goldfish attention span</a> in my other article.</p>



<h3 class="wp-block-heading">Ai art and Music</h3>



<p class="wp-block-paragraph">The historic roots in generative music are even older as for generative visual arts. At the end of the 18th century, the “<a href="https://en.wikipedia.org/wiki/Musikalisches_W%C3%BCrfelspiel">Musikalisches Würfelspiel</a>“ (musical dice game) became a popular way of passing the time. Known names, such as <a href="https://de.wikipedia.org/wiki/Wolfgang_Amadeus_Mozart">Wolfgang Amadeus Mozart</a>&nbsp;played the game being introduced by <a href="https://de.wikipedia.org/wiki/Johann_Philipp_Kirnberger">Johann Philipp Kirnberger</a>. Back in our time, the most known figure on generative music is <a href="https://de.wikipedia.org/wiki/Brian_Eno">Brian Eno</a>. And there are a lot of beautiful tutorials on the web on how to get started with generative music (I have those two still on my list to review):</p>



<div class="wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://www.youtube.com/watch?v=3oaf13T-3Gg"><img loading="lazy" decoding="async" width="1600" height="853" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-music-generation-1600x853.jpg" alt="" class="wp-image-1838" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-music-generation-1600x853.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-music-generation-768x410.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-music-generation-1536x819.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-music-generation.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://www.youtube.com/watch?v=3oaf13T-3Gg" data-type="URL" data-id="https://www.youtube.com/watch?v=3oaf13T-3Gg" target="_blank" rel="noreferrer noopener">Let the computer compose for you: Self Generative Music</a></figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://www.youtube.com/watch?v=CmaYA38ADoo&amp;t=1s"><img loading="lazy" decoding="async" width="1600" height="848" src="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-music-1600x848.jpg" alt="" class="wp-image-1839" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-music-1600x848.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-music-768x407.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-music-1536x814.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-music.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://www.youtube.com/watch?v=CmaYA38ADoo&amp;t=1s" data-type="URL" data-id="https://www.youtube.com/watch?v=CmaYA38ADoo&amp;t=1s" target="_blank" rel="noreferrer noopener">An Introduction to Generative Music and Space Noises using VCV Rack - Free Modular Software</a><br></figcaption></figure>
</div>



<p class="wp-block-paragraph">And here are some generative music tools to explore:</p>



<ul class="wp-block-list">
<li><a href="https://alda.io/">Alda</a>&nbsp;- a text-based programming language for music composition.</li>



<li><a href="http://supercollider.github.io/">SuperCollider</a>&nbsp;- a plattform for audio synthesis and algorithmic composition.</li>



<li><a href="https://csound.com/">Csound</a>&nbsp;- A sound and music computing system.</li>



<li><a href="http://sonic-pi.net/">Sonic Pi</a>&nbsp;- The live coding music synth for everyone.</li>
</ul>



<p class="wp-block-paragraph">So far, I am not experienced with any of the mentioned, so I can’t recommend any of the mentioned tools, but based on my research all of them a worth having a look at.</p>



<h3 class="wp-block-heading">Architecture</h3>



<p class="wp-block-paragraph">In the case of architecture, I would prefer to speak about generative design in architecture. In terms of the production process, you could imagine that 3D printing in every scale will lead to new results. Like 3D printing these bots could also be used to brick or other construction related items. To get an idea about the status of technology, visit <a href="https://www.autodesk.com/">Autodesk</a>.</p>



<p class="wp-block-paragraph">For the design process in architecture, we see different degrees of generativeness, we have <a href="https://www.patrikschumacher.com/Texts/Parametricism%20-%20A%20New%20Global%20Style%20for%20Architecture%20and%20Urban%20Design.html#:~:text=Parametricism%20is%20the%20great%20new,capacity%20to%20articulate%20programmatic%20complexity.">parametricism</a> and generative design, as described earlier in this article. The most famous designer to apply generative principles is <a href="https://www.zaha-hadid.com/">Zaha Hadid Architects</a>.</p>



<p class="wp-block-paragraph">To find out more, here’s an article on <a href="https://www.archdaily.com/965973/how-architecture-firms-are-using-generative-design-today">how architecture firms are using generative design</a>.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0ce06dcb wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://www.youtube.com/watch?v=zyWELdTJtwU"><img loading="lazy" decoding="async" width="1600" height="1055" src="https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time-1600x1055.jpg" alt="" class="wp-image-1840" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time-1600x1055.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time-758x500.jpg 758w, https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time-768x506.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time-1536x1013.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/mespo-art-killing-time.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"><a href="https://www.youtube.com/watch?v=zyWELdTJtwU" data-type="URL" data-id="https://www.youtube.com/watch?v=zyWELdTJtwU" target="_blank" rel="noreferrer noopener">Killing time by Mesplé</a></figcaption></figure>



<p class="wp-block-paragraph">Look at <a rel="noreferrer noopener" href="http://www.mesple.com/mesple-technology-art" data-type="URL" data-id="http://www.mesple.com/mesple-technology-art" target="_blank">Eric Mesplé</a> using ferrofluid to create art… so doesn’t it also feel generated? Maybe there’s a generative part to it, but not from computers, but from nature. And sometimes it's good not to fit in any category. </p>
</div>



<h2 class="wp-block-heading">Programming languages –&nbsp;Javascript, Processing</h2>



<p class="wp-block-paragraph">The “classical” way nowadays to get started with generative Art is learning <a href="https://processing.org/de/">Processing</a>. A programming language specifically designed for creatives. If you investigate the history of the programming language, you will find know names, such as <a href="http://reas.com/">Casey Reas</a> and <a href="https://benfry.com/">Ben Fry</a>. They wanted to create a language that makes it easier for creatives to explore programming as a tool for making art.</p>



<p class="wp-block-paragraph">Processing is available since 2001 and helped many creatives in the world to unfold their creativity by getting easier access to a programming language. Under the <a href="https://processingfoundation.org/">processing foundation</a>, there’s also another library available, that got introduced in 2013: <a href="https://p5js.org/">p5.js</a>.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="http://www.aaronkoblin.com/project/flight-patterns/"><img loading="lazy" decoding="async" width="1600" height="900" src="https://manfred-feiger.com/wp-content/uploads/2022/07/aaron-koblin-flight-patterns-1600x900.jpeg" alt="" class="wp-image-1841" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/aaron-koblin-flight-patterns-1600x900.jpeg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/aaron-koblin-flight-patterns-768x432.jpeg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/aaron-koblin-flight-patterns-1536x864.jpeg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/aaron-koblin-flight-patterns.jpeg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Flight Patterns (Paths of air traffic over North America visualized in color and form.) by <a href="http://www.aaronkoblin.com/" data-type="URL" data-id="http://www.aaronkoblin.com/" target="_blank" rel="noreferrer noopener">Aaron Koblin</a></figcaption></figure>
</div>


<p class="wp-block-paragraph">P5.js is a library for the programming language <a href="https://en.wikipedia.org/wiki/JavaScript">Javascript</a>. In P5.js and processing we call a program a sketch. Like our sketching skills on paper, we draw programs with simplified lines of code. I used p5.js to create most of my post pictures and on the <a href="https://manfred-feiger.com/">homepage</a> and on my <a href="https://manfred-feiger.com/writing/">writing</a> overview, I have scripts to generate the visuals. Especially on the homepage, each refresh of the page will give you a unique result.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1004" height="1006" src="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar1.jpg" alt="" class="wp-image-1842" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar1.jpg 1004w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar1-499x500.jpg 499w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar1-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar1-768x770.jpg 768w" sizes="auto, (max-width: 1004px) 100vw, 1004px" /><figcaption class="wp-element-caption">Generative Design with p5.js in tradition of designs from Vera Molnar</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="996" height="1000" src="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar2.jpg" alt="" class="wp-image-1843" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar2.jpg 996w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar2-498x500.jpg 498w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar2-320x320.jpg 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-design-molnar2-768x771.jpg 768w" sizes="auto, (max-width: 996px) 100vw, 996px" /><figcaption class="wp-element-caption">Generative Design with p5.js in tradition of designs from Vera Molnar</figcaption></figure>
</div>



<p class="wp-block-paragraph">A few lines of javscript code in p5.js could generate the generative look of the two images –&nbsp;the original visual study was done in 1974 by French media artist Vera Molnar.</p>



<pre class="wp-block-code"><code>function setup() 
{
createCanvas(500, 500);
noFill();
rectMode(CENTER);
noLoop();
}
function draw() {
background(220);
for (var y = 50; y &lt; 500; y = y + 100) 
{
for (var x = 50; x &lt; 500; x = x + 100) 
{
var r = 2;
for (var w = 100; w &gt; 0; w = w - r) {
rect(x, y, w, w);
r = random(2, 20);
}
}
}
}</code></pre>



<p class="wp-block-paragraph">Is any of the two mentioned language difficult to learn? If you read some articles from me, you know I am not a person about absolute feedbacks, and again it is a “depends”. I have some experience teaching generative programming skills for undergraduate designers –&nbsp;the ones being more playful in their way of approaching new items succeed better than others who take it too serious at the start. While the ones being structured, wanting to dig to the core, are the ones who will stay with it on the long run (if they also discover the fun, playfulness part of it).</p>



<p class="wp-block-paragraph">Even fewer lines of code are needed to generate visual results like the following:</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-67eca248 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="910" height="800" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-1.jpg" alt="" class="wp-image-1844" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-1.jpg 910w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-1-569x500.jpg 569w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-1-768x675.jpg 768w" sizes="auto, (max-width: 910px) 100vw, 910px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="896" height="802" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-2.jpg" alt="" class="wp-image-1845" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-2.jpg 896w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-2-559x500.jpg 559w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-art-generative-2-768x687.jpg 768w" sizes="auto, (max-width: 896px) 100vw, 896px" /></figure>
</div>



<pre class="wp-block-code"><code>function setup() {
createCanvas(450, 400)
background(255)
}

function draw() {
stroke(0)
line(200, 200, mouseX, mouseY)
ellipse(200,200,mouseY)
}</code></pre>



<p class="wp-block-paragraph">Programming in general is learning a language, a syntax, some grammar… and I wouldn’t recommend learning programming like a language. Learn it as a process of discovery, of fun playing around. If you got your first confidence, aim for a low-fidelity project you want to realize, don’t aim for big targets or you will get lost directly.</p>



<p class="wp-block-paragraph">I think p5.js or processing are both great ways to get going. The easy part about both is that there’s an online editor you can use and open sketches from others, right from the start. So looking into my <a href="https://editor.p5js.org/mannilito/sketches">sketch library</a>, you will also find many “copies” of others or modified version from other people.</p>



<p class="wp-block-paragraph">To get started, I recommend the book <a href="https://www.amazon.com/gp/product/1616897589/">Generative Design: Visualize, Program, and Create with JavaScript in p5.js</a> or all the code samples of the book to get started from their <a href="http://www.generative-gestaltung.de/2/">website</a>. </p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1133" height="777" src="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Gestaltung_Creative-Coding-im-Web5.jpeg" alt="" class="wp-image-1846" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Gestaltung_Creative-Coding-im-Web5.jpeg 1133w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Gestaltung_Creative-Coding-im-Web5-729x500.jpeg 729w, https://manfred-feiger.com/wp-content/uploads/2022/07/Generative-Gestaltung_Creative-Coding-im-Web5-768x527.jpeg 768w" sizes="auto, (max-width: 1133px) 100vw, 1133px" /><figcaption class="wp-element-caption"><a href="http://www.generative-gestaltung.de/2/" data-type="URL" data-id="http://www.generative-gestaltung.de/2/" target="_blank" rel="noreferrer noopener">Image from the website on the book generative design</a></figcaption></figure>
</div>


<h2 class="wp-block-heading">3D engines</h2>



<p class="wp-block-paragraph">Mostly I grab students’ attention, when I tell them that everywhere who uses randomness produces generative work. As per definition, as soon as some of our human control gets handed over to the computer, it is generative. And this generativeness is present in almost all the software we have today. You could even use randomness in photoshop.</p>



<p class="wp-block-paragraph">Speaking about 3D and real-time engines, we speak about the big players out there, <a href="https://www.maxon.net/de/cinema-4d" data-type="URL" data-id="https://www.maxon.net/de/cinema-4d" target="_blank" rel="noreferrer noopener">Cinema4D</a>, <a href="https://www.autodesk.eu/products/3ds-max/overview" data-type="URL" data-id="https://www.autodesk.eu/products/3ds-max/overview" target="_blank" rel="noreferrer noopener">3DS Max</a>, <a href="https://www.autodesk.eu/products/maya/overview" data-type="URL" data-id="https://www.autodesk.eu/products/maya/overview" target="_blank" rel="noreferrer noopener">Maya</a>, <a href="https://www.lightwave3d.com/" data-type="URL" data-id="https://www.lightwave3d.com/" target="_blank" rel="noreferrer noopener">Lightwave</a> and <a href="https://www.blender.org/" data-type="URL" data-id="https://www.blender.org/" target="_blank" rel="noreferrer noopener">Blender</a>, the main known 3D graphics Engines on the market. All of those enable you to be generative and you will find a lot of tutorials there. Those are the main programs being used to create the visual 3D look of designed elements around us.</p>



<p class="wp-block-paragraph">Also, for specific applications, such as architecture, you will find applications of generative design, so for example the combination of <a href="https://www.rhino3d.com/" data-type="URL" data-id="https://www.rhino3d.com/" target="_blank" rel="noreferrer noopener">rhino 3D</a> and <a href="https://www.grasshopper3d.com/" data-type="URL" data-id="https://www.grasshopper3d.com/" target="_blank" rel="noreferrer noopener">grasshopper</a> also allows generativeness in architecture.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://www.youtube.com/watch?v=-HLRtXSG7fQ"><img loading="lazy" decoding="async" width="1600" height="963" src="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-3d-art-rhino-grashopper-1600x963.jpg" alt="" class="wp-image-1848" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/generative-3d-art-rhino-grashopper-1600x963.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-3d-art-rhino-grashopper-768x462.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-3d-art-rhino-grashopper-1536x925.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/generative-3d-art-rhino-grashopper.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Screenshot from Youtube: Generative Design in Grasshopper - Part 1, Parametric model and analysis</figcaption></figure>
</div>


<p class="wp-block-paragraph">Overall, there are far more resources on blender specific tutorials. Such as two great articles on medium I could recommend:</p>



<ul class="wp-block-list">
<li><a href="https://behreajj.medium.com/creative-coding-in-blender-2-92-a-primer-7ac1b6fec3f" data-type="URL" data-id="https://behreajj.medium.com/creative-coding-in-blender-2-92-a-primer-7ac1b6fec3f" target="_blank" rel="noreferrer noopener">Creative Coding in Blender 2.92: A Primer</a></li>



<li><a href="https://towardsdatascience.com/blender-2-8-grease-pencil-scripting-and-generative-art-cbbfd3967590" data-type="URL" data-id="https://towardsdatascience.com/blender-2-8-grease-pencil-scripting-and-generative-art-cbbfd3967590" target="_blank" rel="noreferrer noopener">Blender 2.8 Grease Pencil Scripting and Generative Art</a></li>
</ul>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><a href="https://www.youtube.com/watch?v=r8hqLh_HE08&amp;t=16s"><img loading="lazy" decoding="async" width="1600" height="968" src="https://manfred-feiger.com/wp-content/uploads/2022/07/creative-coding-in-blender-1600x968.jpg" alt="" class="wp-image-1850" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/creative-coding-in-blender-1600x968.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/creative-coding-in-blender-768x464.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/creative-coding-in-blender-1536x929.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/creative-coding-in-blender.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption">Artistic Coding in Blender by David Mignot</figcaption></figure>



<p class="wp-block-paragraph">Besides the mentioned 3D graphic programs, there are also Real-time engines. Unity and Unreal are the ones, that are quite popular on a wider scale.</p>



<p class="wp-block-paragraph">There are also tutorials for all of those producing real-time images; here’s one on unity –&nbsp;<a href="https://blog.unity.com/games/crossing-into-the-4th-dimension-how-carl-emil-carlsen-creates-generative-art-with-unity">how Carl Emil Carlsen creates generative art with Unity</a></p>



<p class="wp-block-paragraph">As I already mentioned in the article <a href="https://manfred-feiger.com/create-ai-art-like-refik-anadol/">Deconstructing AI Art masterpieces: Create Art like Refik Anadol</a>, in the art scene the tools <a href="https://vvvv.org/">vvvv</a>, <a href="https://openframeworks.cc/">openframeworks</a>, <a href="https://libcinder.org/" data-type="URL" data-id="https://libcinder.org/" target="_blank" rel="noreferrer noopener">cinder</a> or <a href="https://derivative.ca/">touchdesigner</a> are quite popular and both could be used to strive for looks and installations we see from contemporary AI Artists.</p>



<p class="wp-block-paragraph">Besides the mentioned tools, there are many more out there, worth having a look. In the realm of programs, there’s for example <a href="https://www.sidefx.com/products/houdini/">Houdini</a>, and if you explore the world of javascript programming language, there are great libraries available as well: <a href="https://threejs.org/">three.js</a> has a great user base and awesome tutorials to get started.</p>



<h2 class="wp-block-heading">Recommendations to get started with AI Art, Generative Art, Generative Design or Creative Coding </h2>



<p class="wp-block-paragraph">If you looked at some of the links, you might have noticed, that mostly code is involved. To be perfectly honest, I don’t believe in sticking with generative design or art, if you won’t touch code. To get started, I recommend starting with p5.js, as it is related to javascript syntax and script syntax is quite useful as an entry point. If you never looked into programming but learned some languages before, we have similarities, also in programming we have different kind of languages that have a similar grammar and syntax. So script languages is a language family cluster, in the case of javascript, it allows you to extend your skillset with a lot of other contemporary libraries and adapt to other script languages easier.</p>



<p class="wp-block-paragraph">But be aware, learning programming is a non-linear process and more a marathon than a sprint. The <a href="https://www.ee.ucl.ac.uk/~mflanaga/thresholds.html" data-type="URL" data-id="https://www.ee.ucl.ac.uk/~mflanaga/thresholds.html" target="_blank" rel="noreferrer noopener">threshold concept</a> is a good description for this way up some stairs, discovering new perspectives with every climb.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Everyone in this country should learn how to program because it teaches you how to think.</p>
<cite>Steve Jobs</cite></blockquote>



<p class="wp-block-paragraph">The other thing I would strongly recommend is looking at touchdesigner. There’s a free option for the program and there are so many awesome tutorials out there. Another aspect, why I would recommend it is, it is a node-based system, which means you place modules on a surface and connect them and modify values of the modules.</p>



<p class="wp-block-paragraph">Getting used to node-based systems is highly recommended as more and more programs introduce node-based options and it allows some playfulness in the early exploration quite easily. Even blender has some node options now.</p>



<p class="wp-block-paragraph">Another great thing about touchdesigner is the underlying programming language there. It's <a rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/Python_(programming_language)" data-type="URL" data-id="https://en.wikipedia.org/wiki/Python_(programming_language)" target="_blank">python</a>. On the road to mastering Art with the help of artificial intelligence, Pyhton is one of the broadest used programming languages in the context of machine learning, so you could connect touchdesigner in a better way to work with underlying data sets or scrape data from the web.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1600" height="1073" src="https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner-1600x1073.png" alt="" class="wp-image-1851" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner-1600x1073.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner-745x500.png 745w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner-768x515.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner-1536x1030.png 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-displacement-touchdesigner.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot of a noise displacement visualization in touchdesigner –&nbsp;on the left you see the node interface</figcaption></figure>
</div>


<p class="wp-block-paragraph">As I spoke about node-based interfaces, I would also recommend <a href="https://cables.gl/" data-type="URL" data-id="https://cables.gl/">cables.gl</a>. To some extent, as it is on my personal list for a more in-depth exploration, and it is also quite accessible for non-coders. I also like that they are still in beta but have a quite good base of users with high quality examples. Another one you might have heard of is <a href="https://nodes.io/" data-type="URL" data-id="https://nodes.io/" target="_blank" rel="noreferrer noopener">nodes.io</a> –&nbsp;your thinking space for exploring ideas with code, also node-based 🙂 </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="1200" src="https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative-1600x1200.png" alt="" class="wp-image-1852" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative-1600x1200.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative-666x500.png 666w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative-768x576.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative-1536x1153.png 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/screenshot-cables-generative.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption"> Screenshot from the interface in cables.gl</figcaption></figure>



<p class="wp-block-paragraph">And as a final statement, though I really learned to hate that program before… which, in my case means I have a biased opinion since I studied almost 20 years ago and started my experience with 3D with 3DS Max and didn’t like my first-time switch… go for blender if you want to explore the world of 3D. But if you never used 3D software before, set clear goals of what you want to achieve. </p>



<p class="wp-block-paragraph">There are quite some concepts one must get used to using 3D software. I was never so happy about designing 3D stuff at all. I guess I had most fun modelling some game assets for some student work, a long time ago… but rendering for days to see it was crab, wouldn’t relate to my impatient nature at that time. Now having two kids, I learned to be more patient and maybe I restart in 3D, in blender again.</p>



<p class="wp-block-paragraph">Also, unity is quite accessible, but more suitable for games, apps and effects. I gave it some tries and quite liked it. Both blender and unity provide a great userbase and a lot of plugins, tutorials, and examples to learn from.</p>



<p class="wp-block-paragraph">If it’s more about the visual generative part, go with touchdesigner. I was quite impressed by the result my <a href="https://manfred-feiger.com/applying-21st-century-design-education/">recent course</a> could generate by learning the program themselves. I will add some recommended tutorial links on my recommendations within the next weeks. Enjoy!</p>



<h4 class="wp-block-heading">Easy entries to programming</h4>



<ol class="wp-block-list">
<li><a href="https://thecodingtrain.com/" data-type="URL" data-id="https://thecodingtrain.com/">The coding train</a> – great examples on learning p5.js, machine learning and fun entertainment watching Daniel Shiffman, kind of a Bod Ross in more fun on programming.</li>
</ol>



<h4 class="wp-block-heading">Getting started with touchdesigner</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=wmM1lCWtn6o" data-type="URL" data-id="https://www.youtube.com/watch?v=wmM1lCWtn6o" target="_blank">Introduction to TouchDesigner</a> – by Ben Voigt –&nbsp;a general overview of what the tool could do for you</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/playlist?list=PLFrhecWXVn5862cxJgysq9PYSjLdfNiHz" data-type="URL" data-id="https://www.youtube.com/playlist?list=PLFrhecWXVn5862cxJgysq9PYSjLdfNiHz" target="_blank">TouchDesigner Beginner Course</a> – by bileam tschepe (elekktronaut) –&nbsp;great tutorials for starters from a self-learner</li>



<li><a rel="noreferrer noopener" href="https://alltd.org/" data-type="URL" data-id="https://alltd.org/" target="_blank">alltd.org</a> – the biggest resource and collection on touchdesigner tutorials</li>



<li><a href="https://derivative.ca/tutorials" data-type="URL" data-id="https://derivative.ca/tutorials" target="_blank" rel="noreferrer noopener">Derivative tutorial list</a></li>



<li>Tutorial list from <a href="https://www.youtube.com/@TheInteractiveImmersiveHQ" data-type="URL" data-id="https://www.youtube.com/@TheInteractiveImmersiveHQ" target="_blank" rel="noreferrer noopener">The Interactive &amp; Immersive HQ on Youtube</a></li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/c/NotoTheTalkingBall/videos" data-type="URL" data-id="https://www.youtube.com/c/NotoTheTalkingBall/videos" target="_blank">Noto the talking ball</a> – interesting, more advanced tutorial collection</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/c/exsstas" data-type="URL" data-id="https://www.youtube.com/c/exsstas" target="_blank">Exsstas</a> – interesting, more advanced tutorial collection</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/user/paketa12" data-type="URL" data-id="https://www.youtube.com/user/paketa12" target="_blank">paketa12</a> – interesting, more advanced tutorial collection</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/channel/UCsVx_25WpHM_a6d2JJ_GfCQ" data-type="URL" data-id="https://www.youtube.com/channel/UCsVx_25WpHM_a6d2JJ_GfCQ" target="_blank">Akenbank</a> – interesting, more advanced tutorial collection</li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/c/TheInteractiveImmersiveHQ" data-type="URL" data-id="https://www.youtube.com/c/TheInteractiveImmersiveHQ" target="_blank">The interactive &amp; Immersive HQ</a> – interesting, more advanced tutorial collection</li>



<li><a href="https://www.youtube.com/channel/UC9_6qBDMk6FtdRhTm7bsMcA" data-type="URL" data-id="https://www.youtube.com/channel/UC9_6qBDMk6FtdRhTm7bsMcA">plyzitron</a> –&nbsp;some visual inspiring stuff with the option to buy sources via gumroad.</li>



<li><a rel="noreferrer noopener" href="https://matthewragan.com/teaching-resources/touchdesigner/" data-type="URL" data-id="https://matthewragan.com/teaching-resources/touchdesigner/" target="_blank">Matthew Ragan</a> – great ressource collection on teaching touchdesigner</li>



<li><a rel="noreferrer noopener" href="https://musichackspace.org/touchdesigner/" data-type="URL" data-id="https://musichackspace.org/touchdesigner/" target="_blank">musichackspace</a> –&nbsp;paid courses</li>
</ol>



<h4 class="wp-block-heading">Getting started with cables.gl</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://cables.gl/docs/1_beginner/beginner" data-type="URL" data-id="https://cables.gl/docs/1_beginner/beginner" target="_blank">Cables documentation</a></li>



<li><a rel="noreferrer noopener" href="https://www.youtube.com/c/cablesgl" data-type="URL" data-id="https://www.youtube.com/c/cablesgl" target="_blank">Cables YouTube Channel</a></li>



<li><a href="https://www.youtube.com/watch?v=xnObNRv8n9I" data-type="URL" data-id="https://www.youtube.com/watch?v=xnObNRv8n9I" target="_blank" rel="noreferrer noopener">Introduction to cables.gl – build a data-driven gradient</a> by Kirell Benzi</li>
</ol>



<h4 class="wp-block-heading">Books</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="https://www.amazon.com/gp/product/1568989377" data-type="URL" data-id="https://www.amazon.com/gp/product/1568989377" target="_blank">Form+Code in Design , Art, and Architecture (2010)</a> –&nbsp; by Casey Reas</li>



<li><a rel="noreferrer noopener" href="https://www.amazon.de/gp/product/1616897589/" data-type="URL" data-id="https://www.amazon.de/gp/product/1616897589/" target="_blank">Generative Design: Visualize, Program, and Create with JavaScript in p5.js</a> (2018) – Benedit Gross</li>
</ol>



<h4 class="wp-block-heading">Old school resources</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener" href="http://www.visualcomplexity.com/vc/" data-type="URL" data-id="http://www.visualcomplexity.com/vc/" target="_blank">Visual complexity</a> – old school collection of examples for visual complexity</li>
</ol>



<div id="wi572"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_0" class="sq_wiki" href="//en.wikipedia.org/wiki/Artificial_intelligence_art" title="Artificial intelligence art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Artificial intelligence art</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">intelligence <span class="searchmatch">Art</span> refers to any artwork created through the use of artificial intelligence. There are many mechanisms for creating <span class="searchmatch">AI</span> <span class="searchmatch">art</span>, including procedural</div></div></div><div><br style="clear:both"></div>



<div id="lo749"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1985" class="sq_local" href="https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/" title="Stable Diffusion celebrates new forms of creativity" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Stable Diffusion celebrates new forms of creativity</a><div class="sq_local_text" style="font-style:italic;color: #333;">2022 is the year of text to image generators so far. With a crazy hunt for new tools starting in summer.</div></div></div><div><br style="clear:both"></div>



<div id="lo442"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1913" class="sq_local" href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" title="Midjourney and DALL-E 2 – first hands on impressions" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Midjourney and DALL-E 2 – first hands on impressions</a><div class="sq_local_text" style="font-style:italic;color: #333;">Maybe you remember my article speaking computer language – welcome AI art, speaking about the new role of t</div></div></div><div><br style="clear:both"></div>



<div id="lo540"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1793" class="sq_local" href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" title="How AI Assistants Can Help You with Text and Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">How AI Assistants Can Help You with Text and Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">Have you ever wished you had a personal assistant to help you with your writing or with your artworks?



AI</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>How AI Assistants Can Help You with Text and Art</title>
		<link>https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/</link>
					<comments>https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 20 Jul 2022 12:40:07 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1793</guid>

					<description><![CDATA[<p><img width="1920" height="1893" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="How AI Assistants Can Help You with Text and Art" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed.png 1920w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-507x500.png 507w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-1217x1200.png 1217w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-768x757.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-1536x1514.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></p>AI assistants are becoming more prevalent, and the use of these assistants is showing no signs of slowing down. What do AI assistants mean for freelance artists and writers?]]></description>
										<content:encoded><![CDATA[<p><img width="1920" height="1893" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="How AI Assistants Can Help You with Text and Art" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed.png 1920w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-507x500.png 507w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-1217x1200.png 1217w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-768x757.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/ai-assistants-for-text-and-art-reviewed-1536x1514.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></p>
<p class="wp-block-paragraph">Have you ever wished you had a personal assistant to help you with your writing or with your artworks?</p>



<p class="wp-block-paragraph"><strong>AI Assistants</strong> are becoming more popular and advanced each day. Back in my article on <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">speaking computer language</a>, I gave a short introduction to GANs, <a href="https://openai.com/dall-e-2/" data-type="URL" data-id="https://openai.com/dall-e-2/" target="_blank" rel="noreferrer noopener nofollow">DALL·E</a> or <a href="https://imagen.research.google/" data-type="URL" data-id="https://imagen.research.google/" target="_blank" rel="noreferrer noopener nofollow">Google IMAGEN</a>, text prompts to tell AI what you want to see. In fact, I never thought about AI writer before that article.</p>



<p class="wp-block-paragraph">Recently I was on <a href="https://appsumo.com/" data-type="URL" data-id="https://appsumo.com/" target="_blank" rel="noreferrer noopener nofollow">Appsumo</a> and realized how many offerings there are on AI writers. There's <a href="https://contentforge.ai/" data-type="URL" data-id="https://contentforge.ai/" target="_blank" rel="noreferrer noopener nofollow">contentforge</a>, <a href="https://neuronwriter.com/" data-type="URL" data-id="https://neuronwriter.com/" target="_blank" rel="noreferrer noopener nofollow">neuron writer</a>, <a href="https://wordhero.co/" data-type="URL" data-id="https://wordhero.co/" target="_blank" rel="noreferrer noopener nofollow">wordhero</a>, <a href="https://rytr.me/" data-type="URL" data-id="https://rytr.me/" target="_blank" rel="noreferrer noopener">rytr</a>, <a href="https://www.writecream.com/" data-type="URL" data-id="https://www.writecream.com/" target="_blank" rel="noreferrer noopener nofollow">whitecream</a>, <a href="http://creaitor.ai">creaitor.ai</a> and so many more. There are far more offerings for doing the copywriting part, than to create images. In fact, in terms of images, we mostly have "art" generators, AI graphics are not available on broader scale.</p>



<p class="wp-block-paragraph">So, for writing this article, I used some of the mentioned tools, to generate parts of my content for me. In general, I must admit, that I optimize my contents for SEO, but I don't do it to drive only traffic. I write my articles because these topics relate with me. I was a bit shocked when I used one generator (<a href="https://www.writecream.com/" target="_blank" data-type="URL" data-id="https://www.writecream.com/" rel="noreferrer noopener nofollow">whitecream</a>) to write me a complete blog article.</p>



<p class="wp-block-paragraph">The quality was good. It was one of those articles, that are great for Search engines. It used emotional words, had a good text structure in terms of SEO and all in all, it was a good job from a SEO perspective. From the Content perspective, it was too much on the surface. So I realized the immediate downside of this tools... search is having an even bigger problem, I already mentioned in my article on <a href="https://manfred-feiger.com/value-and-the-risk-of-being-trapped-by-search/" data-type="post" data-id="1256">being trapped by search</a>, that the quality of the content is not checked and why wrong “myths” circle in top results on google and others.</p>



<p class="wp-block-paragraph">The created contents are good, but the quality of content on the web in general is endangered a lot, if everyone only "writes" to get Search traffic. Therefore, I support the <a href="https://indieweb.org/" target="_blank" data-type="URL" data-id="https://indieweb.org/" rel="noreferrer noopener nofollow">Indieweb</a> and in my point of view, it is more important than ever before to change search algorithms towards an “authority” to people behind the article and their field of competence.</p>



<h2 class="wp-block-heading">The role of AI writers in the future of copywriting</h2>



<p class="wp-block-paragraph">With AI assistants, copywriters can put their skills to use in a more efficient way. They can make sure that they are not wasting time on skillsets that they don't have and instead focus on what they are best at - creativity, emotions, and research.</p>



<p class="wp-block-paragraph">We should not think of these <strong>AI writers</strong> as a replacement for human copywriters. They just aid the content writers by getting rid of writer’s block and generating content ideas at scale.</p>



<p class="wp-block-paragraph">AI assistants for writing are increasingly getting popular in the workplace. Some companies use them when they need to generate content for a specific topic or niche. While digital agencies use them to generate all kinds of content for their clients.</p>



<p class="wp-block-paragraph">Believe it, or not, these three paragraphs were also written from an AI writer. You notice the text tends to advertise for AI writers. But this tone of voice, the writer got, was good, even for me, reflecting my thoughts on the AI writers in general. Similar to what I said about <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">Art tools</a>, Copywriting tools could be great addition to streamline your workflow.</p>



<div class="wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="906" src="https://manfred-feiger.com/wp-content/uploads/2022/07/contentforge-screenshot-editing-text-1600x906.jpg" alt="Contentforge an AI assistant for writers" class="wp-image-1798" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/contentforge-screenshot-editing-text-1600x906.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/contentforge-screenshot-editing-text-768x435.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/contentforge-screenshot-editing-text-1536x870.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/contentforge-screenshot-editing-text.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Contentforge dialogues</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="1035" src="https://manfred-feiger.com/wp-content/uploads/2022/07/ryte-example-shot-ai-text-tools-1600x1035.jpg" alt="Ryte an AI assistant for writers" class="wp-image-1799" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/ryte-example-shot-ai-text-tools-1600x1035.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/ryte-example-shot-ai-text-tools-768x497.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/ryte-example-shot-ai-text-tools-1536x994.jpg 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/ryte-example-shot-ai-text-tools.jpg 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Ryte dialogues</figcaption></figure>
</div>



<p class="wp-block-paragraph">Just like any tools, it has its limits. But if we use it in the right way, and with common sense, AI writers could be great writing assistants that help us to get over the writer’s block or come up with ideas at scale.</p>



<p class="wp-block-paragraph">To give you an idea, about my used tools in this article: I used <a href="https://contentforge.ai/" target="_blank" data-type="URL" data-id="https://contentforge.ai/" rel="noreferrer noopener nofollow">contentforge</a> as the holder of my article, then I used <a href="https://rytr.me/" target="_blank" data-type="URL" data-id="https://rytr.me/" rel="noreferrer noopener nofollow">rytr</a> to write the blog section, mentioned above. In contentforge I used the "generate content" button from time to time, to see what happens.</p>



<p class="wp-block-paragraph">Some of the generated text is great, and I can see myself using this type of tool in the future for smaller tasks or ideas generation. For longer articles or books, I absolutely believe that a human writer is needed to create a compelling story.</p>



<p class="wp-block-paragraph">(so, this paragraph before was added "generatively" as an add on to the article I just wrote 🙂 quite funny)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1948" height="496" src="https://manfred-feiger.com/wp-content/uploads/2022/07/generate-content-button-example.png" alt="AI assistants writer feature generate content" class="wp-image-1797" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/generate-content-button-example.png 1948w, https://manfred-feiger.com/wp-content/uploads/2022/07/generate-content-button-example-768x196.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/generate-content-button-example-1600x407.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/generate-content-button-example-1536x391.png 1536w" sizes="auto, (max-width: 1948px) 100vw, 1948px" /></figure>



<p class="wp-block-paragraph">But yes, these tools could be a great support. I am more worried about all the people using them for just pushing their SEO stuff instead of writing contents reflecting their believes, experiences or research.</p>



<p class="wp-block-paragraph">When it comes to research and real articles, they don't help you to create the real content. But they could be handy to assist some SEO parts, such as a summary, some headlines in between and so on. To do a deep review, I miss the experience. </p>



<p class="wp-block-paragraph">It is likely that all these tools make use of deep learning and <a href="https://en.wikipedia.org/wiki/GPT-3" data-type="URL" data-id="https://en.wikipedia.org/wiki/GPT-3" target="_blank" rel="noreferrer noopener nofollow">GPT-3</a>, a generative pre-trained transformer. So in my special case, not being a native speaker, tools (also <a href="https://www.grammarly.com/" data-type="URL" data-id="https://www.grammarly.com/" target="_blank" rel="noreferrer noopener nofollow">grammarly</a>, <a href="https://www.jasper.ai/" data-type="URL" data-id="https://www.jasper.ai/" target="_blank" rel="noreferrer noopener nofollow">jasper</a> or others) could help to improve my writing in terms of grammar or the words being used in general. The other bigger help I see in the area of SEO, if you want your content to be fully optimized for SEO. So it's kind of a polisher for your contents and an ideation source as well.</p>



<p class="wp-block-paragraph">If you wonder, why I don't speak about chatbots in the context of text,... cause I think they are an own category, there are also many tools around, most act in a conversational way and are trained by machine learning principles. Here's a <a href="https://www.adamenfroy.com/best-ai-chatbots" target="_blank" data-type="URL" data-id="https://www.adamenfroy.com/best-ai-chatbots" rel="noreferrer noopener nofollow">good entry/overview</a>.</p>



<h2 class="wp-block-heading">AI assistants in graphic design</h2>



<p class="wp-block-paragraph">I already mentioned some tools to create so called "AI art" in my article "<a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">Speaking computer language – welcome AI Art</a>". I guess I also mentioned some logo generators out there already, maybe I also shared a link to <a href="https://ironov.artlebedev.com/" target="_blank" data-type="URL" data-id="https://ironov.artlebedev.com/" rel="noreferrer noopener nofollow">Nikolay Ironov</a>, a designer and neural network.</p>



<p class="wp-block-paragraph">To wrap it up, I clustered some of the tools in some categories here:</p>



<h3 class="wp-block-heading">AI generated images</h3>



<p class="wp-block-paragraph">For generating images at a general scale, we could include all the tools being mentioned in my other article on <a href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" data-type="post" data-id="1367">AI art</a> before. <a href="https://openai.com/dall-e-2/" data-type="URL" data-id="https://openai.com/dall-e-2/" target="_blank" rel="noreferrer noopener nofollow">DALL-E</a> (1,2, <a href="https://huggingface.co/spaces/dalle-mini/dalle-mini" data-type="URL" data-id="https://huggingface.co/spaces/dalle-mini/dalle-mini" target="_blank" rel="noreferrer noopener nofollow">mini</a>) or <a href="https://imagen.research.google/" data-type="URL" data-id="https://imagen.research.google/" target="_blank" rel="noreferrer noopener nofollow">Imagen</a> and all the Ganbreeders such as <a href="https://www.artbreeder.com/" data-type="URL" data-id="https://www.artbreeder.com/" target="_blank" rel="noreferrer noopener nofollow">artbreeder</a>, <a href="https://nightcafe.studio/" data-type="URL" data-id="https://nightcafe.studio/" target="_blank" rel="noreferrer noopener nofollow">nightcafe</a>, <a href="http://wombo.art">wombo.art</a> are some of the AI assistants for graphic design, to name a few.</p>



<p class="wp-block-paragraph">But there are also tools to create people that operate with AI, like the incredible <a href="https://www.unrealengine.com/en-US/metahuman" target="_blank" data-type="URL" data-id="https://www.unrealengine.com/en-US/metahuman" rel="noreferrer noopener nofollow">Metahuman builder from the new unreal 5 engine</a>, there are AI driven ways to create people images. <a href="https://generated.photos/">Generated photos</a> is such as platform. There’s also a face generator available to create an image. Of course, you could get quick results, that look like fake quickly, but there are also images, that look quite promising;</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="512" height="512" src="https://manfred-feiger.com/wp-content/uploads/2022/07/image-from-ai-photo-generation-from-generated-fotos.jpeg" alt="AI assistants Image generator example" class="wp-image-1794" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/image-from-ai-photo-generation-from-generated-fotos.jpeg 512w, https://manfred-feiger.com/wp-content/uploads/2022/07/image-from-ai-photo-generation-from-generated-fotos-500x500.jpeg 500w, https://manfred-feiger.com/wp-content/uploads/2022/07/image-from-ai-photo-generation-from-generated-fotos-320x320.jpeg 320w" sizes="auto, (max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">Image from generated photos</figcaption></figure>
</div>


<p class="wp-block-paragraph">Similar to generated photos, you could create AI actors with <a href="https://notaperson.ai/">notaperson.ai</a>. In my point of view the characters sill fell a bit static, but the powers of creating random people is there. If you don’t believe, watch the random results on <a href="http://thispersondoesnotexist.com">thispersondoesnotexist.com</a>. With the help of <a href="https://arxiv.org/abs/1912.04958">StyleGAN2</a> a lot of images are generated in a GAN way. The world of fakes is real, and besides images, also speech could get modified easily. </p>



<p class="wp-block-paragraph">If you don’t like real pictures, look at <a href="http://thiswaifudoesnotexist.net">thiswaifudoesnotexist.net</a>. (A waifu is a fictive female Japanese manga/anime character).</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://manfred-feiger.com/wp-content/uploads/2022/07/waifu-created-by-this-waifo-does-not-exist.jpeg" alt="AI assistants Image generator example" class="wp-image-1795" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/waifu-created-by-this-waifo-does-not-exist.jpeg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/07/waifu-created-by-this-waifo-does-not-exist-500x500.jpeg 500w, https://manfred-feiger.com/wp-content/uploads/2022/07/waifu-created-by-this-waifo-does-not-exist-320x320.jpeg 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/waifu-created-by-this-waifo-does-not-exist-768x768.jpeg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Generated Waifu Image</figcaption></figure>
</div>


<h3 class="wp-block-heading">AI generated logos</h3>



<p class="wp-block-paragraph">There are also a bunch of logo generators out there. <a href="https://ironov.artlebedev.com/" target="_blank" data-type="URL" data-id="https://ironov.artlebedev.com/" rel="noreferrer noopener nofollow">Nikolay Ironov</a> offers one and on <a href="https://www.logoai.com/">logoai.com</a>, you could quickly generate your own logos with some guided dialogue. A similar builder could be experienced here as a service from <a href="https://hatchful.shopify.com/">shopify</a> or at <a href="https://logomaster.ai/">logomaster.ai</a>.</p>



<p class="wp-block-paragraph">You might think, how scarry this is? No, it’s not. Honestly, I included AI tools in my exploration on the branding of a client already. Of course, branding is more than a logo, as it’s about the identity of the brand. Each personality has different characteristics that need application to the branding guidelines.</p>



<p class="wp-block-paragraph">But now let’s assume you type in a <a href="https://huggingface.co/spaces/dalle-mini/dalle-mini" target="_blank" data-type="URL" data-id="https://huggingface.co/spaces/dalle-mini/dalle-mini" rel="noreferrer noopener nofollow">DALLE Mini interface</a> the attributes of a brand or a short description and look at the result; now compare it to some other text-input based generator. Won’t you think you get some kind of color scheme on that?</p>



<p class="wp-block-paragraph">At least for my last branding project, I included AI Tools in my research. I got some straightforward color schemes I could extract and that were helpful. I didn’t use one of the mentioned logo generators though, but they could also be helpful in the exploration process as they help to narrow down the chosen path we want to follow. </p>



<p class="wp-block-paragraph">In my case the brand itself was connected to AI and Edge Computing, so there was a brand fit with the tools being used. At that moment it felt right to ask the question, how an AI might see the company, reminding me of a nice piece of art by <a rel="noreferrer noopener" href="https://christianmioloclair.com/narciss" data-type="URL" data-id="https://christianmioloclair.com/narciss" target="_blank">Christian Mio Loclair called Narciss</a>, a a robot, built to analyze its own physical embodiment. Looking at itself and reflecting, what it sees; so why not use such tools, if they match to the brand?</p>



<h3 class="wp-block-heading">AI drawing</h3>



<p class="wp-block-paragraph">I am not too experienced with AI drawing tools and so I only share the one I discovered some years ago. <a href="https://www.autodraw.com/" target="_blank" rel="noreferrer noopener nofollow">Autodraw</a>. A Tool to help you create icons. It gives you proposals based on the shape you were drawing. So, in my case it recognized my fish shape and gives me proposals about other fish related shapes at the top.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="1149" src="https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example-1600x1149.png" alt="" class="wp-image-1796" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example-1600x1149.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example-696x500.png 696w, https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example-768x552.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example-1536x1103.png 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/autodraw-fish-example.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Form recognition from autodraw</figcaption></figure>



<p class="wp-block-paragraph">Another fun application in a similar direction is <a href="https://quickdraw.withgoogle.com/">https://quickdraw.withgoogle.com/</a>. Challenge your Mouse drawing skills with form recognition.</p>



<h3 class="wp-block-heading">Other AI tools for images</h3>



<p class="wp-block-paragraph">Finally, another tool you could give a test is an deep learning based image upscaler.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1600" height="1113" src="https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_-1600x1113.png" alt="AI Image upscale tool" class="wp-image-1830" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_-1600x1113.png 1600w, https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_-719x500.png 719w, https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_-768x534.png 768w, https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_-1536x1068.png 1536w, https://manfred-feiger.com/wp-content/uploads/2022/07/imageupscaler.com_.png 1920w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot from <a href="https://imageupscaler.com/" data-type="URL" data-id="https://imageupscaler.com/" target="_blank" rel="noreferrer noopener">imageupscaler.com</a></figcaption></figure>



<h2 class="wp-block-heading">Resume</h2>



<p class="wp-block-paragraph">Is there a final wrap-up on my mentioned AI tools at all? Yes, there is... we are getting more and more tools that could distract and being applied wrong lead to bad results. Whether it be a world full of fakes (in terms of visual, text, voice) leading to less trust in digital environments or a tendency we often see when tools streamline processes. A lot of trash gets produced.</p>



<p class="wp-block-paragraph">The danger of expecting magic with the tools is also there. These are tools that could assist, but they don’t define the plan, what you are aiming for. So, define the strategy upfront and evaluate afterwards. A sentence that sounds so true since 20 years and more being in digital for almost anything, whether it be creating websites, apps, designing things or any business objectives. Tools can’t replace goals and a strategy. AI assistants or tools are in this case not different from any other form of tools.</p>



<p class="wp-block-paragraph">The perfect AI tool must integrate to your own process. In my case I see most potential in the exploration stage. <a href="https://www.sciencedirect.com/science/article/pii/S0142694X08000173">As most creative processes are similar and alike</a>, I refer to an easy system, such as human-centered design. We speak about inspiration, ideation, and Implementation. During these stages of the creative process,</p>



<p class="wp-block-paragraph">AI could help you exploring your thoughts, flipping the problem and many more things that help you to get going. All the mentioned “methods” would be placed within the stage of inspiration. Also, in terms of a reframing of the topic, AI could help, as it is another perspective on the problem –&nbsp;often from a “wisdom of the crowds” perspective, as the trained algorithms are trained by the masses.</p>



<p class="wp-block-paragraph">During the Implementation I see AI as an add-on to evaluate own results, in terms of writing to check the grammar, in terms of design to check for uniqueness or testing.</p>



<p class="wp-block-paragraph">So finally, I could say, I believe in a lot of the automations being possible with AI, but like UX-Design, that got streamlined over the years with bet applied patterns (and corresponding dark patterns), AI-tools will lead to the same effect, some rebound effects: Imagine a lot of sites being written by AI and google ranks being strongly influenced by AI. The overall quality of the content will drop, and a search won’t be user friendly anymore. Hopefully AI results will get recognized and filtered.</p>



<p class="wp-block-paragraph">Or on the graphic side, customers think of using AI builders for logos and more website design from finished templates. This will lead to less identity, uniqueness on the web and meaningless branding as all look the same. Uniqueness will be the struggle of the future as it is the struggle for all streamlined processes.</p>



<p class="wp-block-paragraph">I recommend anyone being interested, to have a look at the tools yourself. There are enough tools with a free version to play around. Have fun and use the tools for good!</p>



<p class="wp-block-paragraph"></p>



<div id="lo709"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1985" class="sq_local" href="https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/" title="Stable Diffusion celebrates new forms of creativity" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Stable Diffusion celebrates new forms of creativity</a><div class="sq_local_text" style="font-style:italic;color: #333;">2022 is the year of text to image generators so far. With a crazy hunt for new tools starting in summer.</div></div></div><div><br style="clear:both"></div>



<div id="lo490"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1367" class="sq_local" href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" title="Speaking computer language – welcome AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Speaking computer language – welcome AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The command prompt: A black, empty screen and a blinking line, waiting for my input. Could you imagine</div></div></div><div><br style="clear:both"></div>



<div id="lo293"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1256" class="sq_local" href="https://manfred-feiger.com/value-and-the-risk-of-being-trapped-by-search/" title="Value, objectivity and the risk of being trapped by search" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Value, objectivity and the risk of being trapped by search</a><div class="sq_local_text" style="font-style:italic;color: #333;">Dear Google, could you please eliminate the stupid goldfish attention span myth?



I know the myth is a</div></div></div><div><br style="clear:both"></div>



<div id="wi938"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_2" class="sq_wiki" href="//en.wikipedia.org/wiki/Artificial_intelligence" title="Artificial intelligence" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Artificial intelligence</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">intelligence (<span class="searchmatch">AI</span>) is intelligence demonstrated by machines, as opposed to the natural intelligence displayed by animals including humans. <span class="searchmatch">AI</span> research has</div></div></div><div><br style="clear:both"></div>



<div id="lo518"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1913" class="sq_local" href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" title="Midjourney and DALL-E 2 – first hands on impressions" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Midjourney and DALL-E 2 – first hands on impressions</a><div class="sq_local_text" style="font-style:italic;color: #333;">Maybe you remember my article speaking computer language – welcome AI art, speaking about the new role of t</div></div></div><div><br style="clear:both"></div>



<div id="lo570"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1832" class="sq_local" href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" title="Generative Art – how to get started with AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Generative Art – how to get started with AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The world of art is a diverse and beautiful place. The more we explore new forms of art, the more we are</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Applying 21st century design education</title>
		<link>https://manfred-feiger.com/applying-21st-century-design-education/</link>
					<comments>https://manfred-feiger.com/applying-21st-century-design-education/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Tue, 28 Jun 2022 08:16:54 +0000</pubDate>
				<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[sustainability]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1427</guid>

					<description><![CDATA[<p><img width="600" height="849" src="https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="21st century education" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers.jpg 600w, https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers-353x500.jpg 353w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>Reflections on a course being held at HNNU University China – challenges of design education in the 21st century.]]></description>
										<content:encoded><![CDATA[<p><img width="600" height="849" src="https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="21st century education" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers.jpg 600w, https://manfred-feiger.com/wp-content/uploads/2022/07/21st-century-education-applied-for-designers-353x500.jpg 353w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<h2 class="wp-block-heading">My roots in teaching</h2>



<p class="wp-block-paragraph">For any of you, who don’t know, I am teaching different fields of design since 2007. In my case I would call it a hobby, besides my life in agencies or self-employment. In some years it was more intensive, and I took more courses and in some I was lazy and only did some bachelor supervisions.</p>



<p class="wp-block-paragraph">Since my start, I shared know-how in the fields of flash, yes, that awesome tool to create web beauty before Apple killed it in 2010. I taught the media lab and since UX got more popular, in the last 5 years, my courses mainly focused on User Science, Interaction Design and Interface Design.</p>



<p class="wp-block-paragraph">This year I got the great opportunity to teach at another university.</p>



<p class="wp-block-paragraph">Hunan university (HNNU), in China has a cooperation with Mediadesign Hochschule in Germany and so I was asked to teach undergraduate students about media design.</p>



<p class="wp-block-paragraph">Challenge accepted.</p>



<figure class="wp-block-image alignfull size-full"><img loading="lazy" decoding="async" width="1358" height="1920" src="https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2.jpg" alt="" class="wp-image-1431" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2.jpg 1358w, https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2-212x300.jpg 212w, https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2-724x1024.jpg 724w, https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2-768x1086.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2-1086x1536.jpg 1086w, https://manfred-feiger.com/wp-content/uploads/2022/06/poster-course-media-design-HNU-university-1-scaled-2-1448x2048.jpg 1448w" sizes="auto, (max-width: 1358px) 100vw, 1358px" /><figcaption class="wp-element-caption">Course Poster for public lecture Media Design</figcaption></figure>



<p class="wp-block-paragraph">As you might know from former articles here, I am influenced by the thoughts about <a href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/"><strong>21st century design education</strong> from Don Norman</a> and as I had to prepare an almost completely new script, I incorporated some of the thoughts being discussed in the article <a href="https://www.sciencedirect.com/science/article/pii/S2405872620300046?ref=pdf_download&amp;fr=RR-2&amp;rr=7145e0982ce89143">Changing Design Education for the 21st Century</a> in She Ji Journal.</p>



<p class="wp-block-paragraph">To give you an understanding of the situation, I start with my challenges in the preparation of the course.</p>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Article overview:</h2>



<ul class="wp-block-list">
<li><a href="#preparation" data-type="internal" data-id="#preparation">Preparation of the course</a></li>



<li><a href="#course" data-type="internal" data-id="#course">The course</a></li>



<li><span style="color: initial; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;"><a href="#learnings">Learnings</a></span></li>



<li><a href="#results">Results</a></li>
</ul>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="preparation">Preparing for the unknown – media design course</h2>



<p class="wp-block-paragraph">Preparing a “new” course is easy if the topic you teach is limited to certain aspects. User science for example focuses on everything on a theory level about users, about usability aspects and the application of the theory and measurement.</p>



<p class="wp-block-paragraph">Speaking about the topic of “media design”, we have a topic that isn’t defined that clearly and has a huge range.</p>



<p class="wp-block-paragraph">It starts with simple things: If I teach in German, German language applies and the cultural understanding of my domain, about what the lecture topic and the scientific base, dominates. Teaching in English, one (or at least it was my requirement) must cite English literature (as well) and align it to the scientific base of that domain.</p>



<p class="wp-block-paragraph">Design and Media Science are rapidly evolving fields that intersect in the realm of media design, making it challenging to strike a balance between the two. I was surprised to learn that German and English literature, particularly in media science, have distinct focuses, with only a few prominent figures like Marshall McLuhan having overlapping influence. The exploration of this new theoretical foundation has been truly exhilarating for me.</p>



<p class="wp-block-paragraph">You may be wondering why I am discussing English instead of Chinese. English was the prescribed language for the course. Although I attempted to gather information on Chinese media history, my outsider perspective required me to shift my focus to the English context. It is truly captivating to discover the challenges of immersing oneself in a different cultural domain. In addition to English, the course also provided Chinese translations for all of its content.</p>



<p class="wp-block-paragraph">In other words, my feedback loop, or my approval, lacks, as I can’t understand what is really being said and if it’s correct or not.</p>



<p class="wp-block-paragraph">Even though I am currently engaged in various consulting projects, my mindset remains that of a designer. Therefore, I willingly embraced the design challenges and organized the lecture based on fundamental principles of excellent design. It was essential to comprehend the target audience, understand the intended goal, and establish certain limitations to commence the process. Throughout the journey, I encouraged experimentation and iteration as I firmly believe in their value. Interestingly, these very design principles were seamlessly integrated within the lecture's content, reinforcing their significance.</p>



<h3 class="wp-block-heading">Online lectures with a language barrier</h3>



<p class="wp-block-paragraph">Overcoming the language barrier is no simple task. It's important to acknowledge that the traditional format of a lecture, with one person reading from a script while others listen, feels outdated and antiquated. The constant interruption caused by translation breaks disrupts the flow of the lecture. While learning English may have its benefits, it poses additional challenges in maintaining the momentum of a course, especially from the perspective of the instructor.</p>



<p class="wp-block-paragraph">I believe that practicing the material in both English and Chinese could be beneficial for the students' memorization.</p>



<p class="wp-block-paragraph">Online lectures have become an essential part of education, thanks to modern platforms like YouTube. Traditional lectures in universities can greatly benefit from these innovative teaching methods. Especially during the COVID-19 pandemic, when isolation at home has become the norm, engaging with a screen may not be as enjoyable as in-person interactions. To adapt to this new medium, I have redesigned my lectures, aiming to bring back a sense of enjoyment for my students. However, when teaching interaction design, it feels incomplete to not be able to demonstrate real-world examples such as Nocki or Leap Motion.</p>



<p class="wp-block-paragraph">In my special case about Media Design, it was clear, I couldn't expect everyone to wear a VR helmet. To improve my lecture, I did some research at the beginning, if I could add some subtitles while using a live translation. I ended up applying a live translation, as being described <a href="http://www.sayonari.com/trans_asr/index_asr.html">here</a> (use google translator to understand the basics!). Then I added the subtitles via <a href="https://obsproject.com/de">OBS</a> to have the basic setup of my lecture.</p>



<p class="wp-block-paragraph">As my topic was about media design, I also wanted to include some mixed reality features, to make the content being presented more tangible. So, I tested some stuff upfront, such as a simple gesture-based machine learning to use body movement. Therefore, I recommend looking at Daniel Schiffman’s video on “<a href="https://www.youtube.com/watch?v=9z9mbiOZqSs">Zoom annotations with machine learning + p5js</a>” on YouTube. Finally, I used the simpler tool <a href="https://snapcamera.snapchat.com/">snap camera</a> and added it to my OBS layout.</p>



<p class="wp-block-paragraph">My setup in OBS looked something like this:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1116" src="https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1.jpg" alt="21st century design education – experiences, tools, review" class="wp-image-1429" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1-300x209.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1-1024x714.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1-768x536.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/OBS-screen-design-education-1-1536x1071.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot of my OBS setting with Snap Cam integrated (automatic translation only visible in the output)</figcaption></figure>



<p class="wp-block-paragraph">While doing all the preparation on the “design” of my lecture to communicate my contents, I thought it would be a good idea to do some live experiments, like what I configured myself with all my OBS, google translator – live translation and ML or Augmentation tests.</p>



<p class="wp-block-paragraph">Teaching media design in best case needs an understanding of topics, such as interaction design or user science to dive deeper. In my case the students only did classical design disciplines such as typography, colors,... so far and my task was to give them an entry to the world of extended realities, of media installations in all shapes, of all variety’s media could be combined and designed.</p>



<p class="wp-block-paragraph">Giving them a good sense of failing is part of working with so called new media, and so I made it part of my lecture.</p>



<p class="wp-block-paragraph">And yes, I also failed right at the start, as the tool we used for teaching, <a href="https://voovmeeting.com/">voov</a> couldn’t be assigned with a virtual camera. So I needed to present the little test with a simple screen sharing, as it’s fun to see how students react and a good icebreaker to explain media design with a multimedia example in real time.</p>



<p class="wp-block-paragraph">In terms of our language barrier, my translator Yuwen did great, as far as I am even able to judge. It also felt quite good after 2 weeks to have a wing-woman with her as a translator.</p>



<p class="wp-block-paragraph">In fact, I had many wing-women around me. Miss Dr. Sun did great in guiding the preparation and sometimes she had the chance to join our course, she could also share some of her research know-how, when I presented different design processes.</p>



<p class="wp-block-paragraph">In China, we were fortunate to have local professors who provided invaluable support in coordinating the activities of the 80 students. It's hard to conceive of a course in Germany receiving such extensive assistance. It seems that here, students are mostly expected to navigate their academic journey independently.</p>



<p class="wp-block-paragraph">To finish the chapter of the language barrier, here are some other experiences I had, while doing an online class:</p>



<ul class="wp-block-list">
<li>Be prepared that your translator might be lost (without connection) – improvise, use chat, and have some translator window open, to keep the flow going. You will get responses via the chat.</li>



<li>Written communication works quite well in English. Even the use of google translator to copy some Chinese content helps.</li>



<li>Students are shy about speaking in English, but their skills are good. Facilitate speaking!</li>
</ul>



<p class="wp-block-paragraph">Speaking about online lectures in the context of media design:</p>



<ul class="wp-block-list">
<li>The thought of virtual universities with large scale listeners in even virtual spaces is already here. I guess the concept of local universities is endangered. Of course, I would have loved to give the students the chance to experience some medial or interactive expressions in real, but depending on the course structure, it is not essentially required.</li>



<li>Also, VR Classrooms are not that far away anymore. While teaching at larger scale abroad, one starts questioning ways we teach now: to value diversity a new VR Classroom doesn’t mean, that only the “super experts” will hold the lectures in the future (mostly those are not the best lecturers anyways), but I assume the number of lecturers could be drastically reduced. As mentioned, many experts aren’t the best lecturers.</li>



<li>We even thought about this topic in the context of the UN sustainable development goal of education – worldwide online lectures are a mean of “Ensuring inclusive and equitable quality education and promote lifelong learning opportunities for all” and if students won’t have to move to the expensive cities one might also help rural areas to survive better.</li>



<li>Teaching in China really needs awareness, that there is a wall, a firewall that blocks many URLs! Show the links while sharing the screen or find other ways of distribution, so not only the ones with a VPN could get access to the information.</li>
</ul>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="course">During the course – Developing ideas for the UN sustainable development goals</h2>



<p class="wp-block-paragraph">With the start of the course, an adventure started. First there was an open lecture. All the contents were available for the translator in advance, so we could have a good, smooth run.</p>



<p class="wp-block-paragraph">Getting feedback from the students felt like the hardest challenge. As expected, it needed some time, but in the end, I was quite happy with all the dialogues. I would even say I am grateful. I could learn a lot. The real magic of integrating topics that are relevant for society unfolded its beauty throughout the course.</p>



<h3 class="wp-block-heading">Learning targets</h3>



<p class="wp-block-paragraph">Before I go into this magic, a brief understanding of what my goals for the course were:</p>



<ul class="wp-block-list">
<li>Show diversity of (media) design.</li>



<li>Show overall underlying principles in terms of process.</li>



<li>Show inspiring examples from the intersections of design art and technology.</li>



<li>Reduce fear of design students playing with new technology and give them an idea of how something got created.</li>



<li>Give students the understanding that media concept is mostly the work of groups of people and give them the chance to work with ideas.</li>
</ul>



<p class="wp-block-paragraph">You see, there’s no goal that is directly connected to the UN sustainable development goals. Teaching for undergraduates should facilitate transfer thinking from my point of view. They need some basic skills, but the rest is about giving them a broader view.</p>



<p class="wp-block-paragraph">Reflecting some of the writings in She Ji magazine, I wouldn’t change the education of designers entirely, especially for undergraduates. As I said, for me, teaching at university needs to facilitate transfer thinking.</p>



<p class="wp-block-paragraph">If you want to get a view from a climate perspective, download the “<a href="https://www.climatedesigners.org/edu/newwave">new wave report</a>” of Climate Designers.</p>



<p class="wp-block-paragraph">If you remember the quote from Victor Papanek in my article “<a href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/">Design for the 21st century with Don Norman</a>” or if I refer to Gunnar Swanson, who also shared an article in <a href="https://www.journals.elsevier.com/she-ji-the-journal-of-design-economics-and-innovation">she ji</a> “Educating the designer of 2025”, speaking of “Thinking through Making”, there are many pieces I incorporated in my course. I also believe in learning through doing. A good balance of theory and space for transfer thinking to apply learning to acting.</p>



<p class="wp-block-paragraph">So I applied a glimpse in many different applications of design, examples from the MIT Media Lab to modern AI Art, from historic examples (in their context) to <a href="https://www.red-dot.org/de/project/lupine-transformers-project-20694-20694" target="_blank" data-type="URL" data-id="https://www.red-dot.org/de/project/lupine-transformers-project-20694-20694" rel="noreferrer noopener nofollow">real applications</a> I did myself in my agency life.</p>



<p class="wp-block-paragraph">Speaking about Media in the context of design, we speak about an ever-evolving landscape.</p>



<p class="wp-block-paragraph">Luckily many contemporary topics, such as NFTs, generative Art or Design, VR, Games, to name a few, were all interesting for the students as they could relate to them. In the end it is my target group, I am addressing the course, so I adjusted most of the content for them.</p>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Final examination: Ideas for the UN Sustainable Development Goals</h2>



<p class="wp-block-paragraph">As I struggled a bit defining a good topic for evaluating the output of a four-week (5 days a week) course in media design, I fell in love with the idea to use the UN Sustainable Development goals quite early.</p>



<p class="wp-block-paragraph">I could include research topics to identify an insight, one could facilitate group work, ideation, and sketching skills of the students. In any medium they wanted. Whether it be a product, a campaign, or a piece of art.</p>



<p class="wp-block-paragraph">If you are not familiar with the Sustainable Development Goals, feel free to take a look at their <a href="https://sdgs.un.org/goals">website</a>.</p>



<p class="wp-block-paragraph">It was an experiment. And in my point of view, a success.</p>



<p class="wp-block-paragraph">I introduced this overall, final challenge directly in the first week. And I guess most students had no idea what they were supposed to do (and that was intended). I showed them pictures of an unknown versus a linear path and many examples from the Cannes Lions submissions in the category of sustainable development goals.</p>



<p class="wp-block-paragraph">Then I went back into media design theory, some media art history, and contemporary examples till I did some more hands-on exercises. Earth Day was the day to introduce them to the Disney method and to practice a brain writing exercise in their teams together.</p>



<p class="wp-block-paragraph">During this first Challenge, the earth's day brain writing, the magic of ideas already unfolded. Besides the simple and great idea of having a worldwide holiday for the sake of our earth, many other sub-ideas were generated.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1104" src="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1.jpg" alt="" class="wp-image-1438" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1-300x207.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1-1024x707.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1-768x530.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-1-1-1536x1060.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">example Ideas for earth day</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1122" src="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1.jpg" alt="" class="wp-image-1436" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1-300x210.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1-1024x718.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1-768x539.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-2-1-1536x1077.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">example Ideas for earth day</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1047" src="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1.jpg" alt="" class="wp-image-1437" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1-300x196.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1-1024x670.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1-768x503.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/earth-day-ideas-3-1-1536x1005.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">example Ideas for earth day</figcaption></figure>



<p class="wp-block-paragraph">The following weeks included more theory, such as the thoughts of Neri Oxman and her <a href="https://doi.org/10.21428/7e0583ad">krebs cycle of creativity</a> or the general distinction between art and design. Till we went into the process of the conception itself: Showing own, real-world examples from my time being Creative Director at Publicis (Pixelpark). Most examples were selected for not showing “Advertising” as people know it, but creating products, events or translating ideas into unexpected results.</p>



<p class="wp-block-paragraph">Many beautiful examples the students shared, accompanied the way till they learned about design processes, whether it be human centered design or the double diamond and many methods they could apply, such as design thinking or simpler ones, such as the re-framing matrix.</p>



<p class="wp-block-paragraph">During that time, the students should focus on getting an understanding of their chosen topic from the UN sustainable development goals and explain why they chose it. As expected, the groups behaved completely different: visual focused teams, didn’t collect many insights and directly thought about executions, some didn’t break down a complex topic (such as climate change in general) to smaller junks and some were completely lost, to get started. Only one group completely followed the brief from beginning till the end.</p>



<p class="wp-block-paragraph">There was a great dynamic during the consultation we had. What followed reminded me more of my activity of being a Creative Director, as a lot of moderation and ideation in real time was needed to facilitate the groups work.</p>



<p class="wp-block-paragraph">Most groups really got the flow after the first consultation, and it was so beautiful to discuss with the groups. To speak about the Shanghai lockdown, about gender topics, about observations in their surroundings, about the general situation of our world.</p>



<p class="wp-block-paragraph">I experienced the students as very motivated and passionate. It was great, and I would recommend for everyone to select topics that are relevant for society more often. As a teacher I am most happy if students make progress (themself), if they deliver unexpected things and surprise us as teachers with their personal development, reflected by their work. And the students paid me back all the things I love being a teacher.</p>



<p class="wp-block-paragraph">To output the ideas, I chose the format of an idea board one knows, if you ever participate in any design or advertising award. The ingredients of their final idea board were:</p>



<ul class="wp-block-list">
<li>Challenge</li>



<li>Idea / Solution</li>
</ul>



<p class="wp-block-paragraph">(The last point could also be spitted into two points)</p>



<p class="wp-block-paragraph">During the course the students could share their whole research. Some teams did interviews with affected groups, and most did great research work to narrow down the topic. As mentioned before, the danger for designers is mainly to run directly for the execution. This is not different from professionals, so one group really executed their idea, though it wasn’t needed as execution.</p>



<p class="wp-block-paragraph">As the mentioned group also loved the work of Refik Anadol, they went for artworks being generated by real pollution data of the oceans. Along the way they taught themself touchdesigner and created an animated piece.</p>



<p class="wp-block-paragraph">Though I could mention that generative design and extended realities were also later chapters in my course, and I also had examples in touchdesigner, besides p5.js, the real skills to finish their artworks were acquired themself. Other groups learned 3D programs only to visualize their idea. It was fantastic, as they applied the true sketching skills every designer needs to have… being flexible in thought to transport ideas.</p>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="learnings">Learnings from my course – 21st century design education</h2>



<ul class="wp-block-list">
<li>Integrating current challenges, such as the Sustainable development goals in a course are recommended. Students feel motivated to work on them.</li>



<li>The intercultural exchange, teaching in another cultural context, is great. Working on ideas around topics of society, even better.</li>



<li>Design students have the skill to sketch, to sketch ideas, to make them visually tangible. These skills help in the development of ideas around topics of society.</li>



<li>To understand the context of the problem it is crucial to start as early in the education as possible with more skills on research. The tendency for designers to go for an early execution is present and dangerous.</li>



<li>Teaching Designers to fail early helps them to be flexible and think iterative</li>



<li>Designers are culture makers – they create the world around people by helping them visualize their needs, fears, and hopes – but they don’t only visualize things, they could also help to overcome aspects, as they translate ideas into something that makes them tangible for all.</li>
</ul>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="results">Some results of the course Media Design</h2>



<p class="wp-block-paragraph">You might have noticed that the students were also asked to share inspirational examples themselves.</p>



<p class="wp-block-paragraph">Being a creative, it’s always a great way to get an understanding of the group, if they share what they like. I personally hoped for a lot of hidden gems from China, but most of the examples had no border and were from everywhere.<br>Having 80 students one gets a great variety of examples. There were many examples I also like and know, such as works from <a href="https://olafureliasson.net/archive/artwork/">Olafur Eliasson</a>, <a href="https://www.am-cb.net/">Adrien M &amp; Claire B</a>, <a href="http://maotikstudio.com/">Maotik Studio</a>, <a href="https://setup.design/">SETUP</a>, Saul Bass, <a href="http://www.tobiasgremmler.de/hk/">Tobias Gremmler</a> or <a href="https://momentfactory.com/home">Moment factory</a> to only name a few.</p>



<p class="wp-block-paragraph">Some (for me) unknown pieces were also shared, so we had work from <a href="https://www.behance.net/motseart">MOTSE</a>, <a href="https://www.behance.net/naufannoord">Naufan Noordyanto</a>, <a href="http://www.e-go-cg.com/">E-Go</a> and<strong> </strong><a href="https://linktr.ee/dabeiyuzhou">Dabeiyuzhou</a>.</p>



<p class="wp-block-paragraph">Looking at some results of the Sustainable Development challenge and the final examination also makes me proud.</p>



<p class="wp-block-paragraph">The first example is an idea around the topic of ocean pollution, this is the group that learned touchdesigner, to do the visualization. They also thought about a data mapping for the visualization. If they connect it to a NFT gallery, I will share the link here as well.</p>



<h4 class="wp-block-heading">Dissolved of blue</h4>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1980" height="1396" src="https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1.jpg" alt="" class="wp-image-1444" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1.jpg 1980w, https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1-300x212.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1-1024x722.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1-768x541.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/dissolved-of-blue-1-1536x1083.jpg 1536w" sizes="auto, (max-width: 1980px) 100vw, 1980px" /><figcaption class="wp-element-caption">Dissolved of blue students Idea board</figcaption></figure>



<p class="wp-block-paragraph">The next example deals with the topic of violence against children. They learned some 3D skills to get the visualization going:</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1980" height="1419" src="https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1.jpg" alt="" class="wp-image-1445" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1.jpg 1980w, https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1-300x215.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1-1024x734.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1-768x550.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/protect-room-1-1536x1101.jpg 1536w" sizes="auto, (max-width: 1980px) 100vw, 1980px" /><figcaption class="wp-element-caption">Protect Room students idea board</figcaption></figure>



<p class="wp-block-paragraph">Here’s another simple, great idea. Umbrellas detecting acid rain and working with the data. As you see, the visualization skills are more undergraduate. But in terms of the idea, it’s a great one!</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1295" height="1920" src="https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2.jpg" alt="" class="wp-image-1447" srcset="https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2.jpg 1295w, https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2-202x300.jpg 202w, https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2-691x1024.jpg 691w, https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2-768x1138.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2-1036x1536.jpg 1036w, https://manfred-feiger.com/wp-content/uploads/2022/06/acid-rain-umbrella-1-scaled-2-1382x2048.jpg 1382w" sizes="auto, (max-width: 1295px) 100vw, 1295px" /><figcaption class="wp-element-caption">Huaqing umbrellas students idea board</figcaption></figure>



<p class="wp-block-paragraph">My final thoughts are still gratefulness and how beautiful it is to see designers working on ideas to make the world a better place.</p>



<p class="wp-block-paragraph">By heart, I wish the students all the best and I hope this beautiful generation of students will create an impact on the world.</p>



<p class="wp-block-paragraph">Teaching in another cultural context and working on topics of society is great. I really recommend applying topics of society to design courses that are not closely connected to a certain skill, such as typography or interface design. Maybe design education for the 21<sup>st</sup> century is that simple, every three to four semesters integrate some opener module that helps to understand design as a concept from a broader perspective and give the students challenges that are connected to their surroundings.</p>



<p class="wp-block-paragraph">Happy teaching!</p>



<div id="bl499"><div class="sq_blog_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="b_0" class="sq_news" href="https://www.interaction-design.org/literature/topics/21st-century-design" title="What is 21st Century Design? | Interaction Design Foundation (IxDF)">What is 21st Century Design? | Interaction Design Foundation (IxDF)</a><div class="sq_news_text" style="font-style:italic;color: #333;"><b>21st century design</b> is a practice where designers apply their focus to address the world's major problems. It is a shift from traditional design to seeing&nbsp;...</div></div></div><div><br style="clear:both"></div>



<div id="bl157"><div class="sq_blog_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="b_1" class="sq_news" href="https://radiant.digital/what-is-21st-century-design/" title="What is 21st Century Design? - Radiant Digital">What is 21st Century Design? - Radiant Digital</a><div class="sq_news_text" style="font-style:italic;color: #333;"><b>21</b>-<b>century design</b> is about finding the root cause of the problems that plague society and creating effective, sustainable solutions. But are today's designers&nbsp;...</div></div></div><div><br style="clear:both"></div>



<div id="wi81"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_0" class="sq_wiki" href="//en.wikipedia.org/wiki/21st_century_skills" title="21st century skills" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">21st century skills</a><div class="sq_wiki_text" style="font-style:italic;color: #333;"><span class="searchmatch">21st</span> <span class="searchmatch">century</span> skills comprise skills, abilities, and learning dispositions that have been identified as being required for success in <span class="searchmatch">21st</span> <span class="searchmatch">century</span> society</div></div></div><div><br style="clear:both"></div>



<div id="lo383"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_844" class="sq_local" href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/" title="Design for the 21st Century with Don Norman – review" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Design for the 21st Century with Don Norman – review</a><div class="sq_local_text" style="font-style:italic;color: #333;">Difficult to start a review of a course if the host of the course is someone who you highly admire. So, I am</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/applying-21st-century-design-education/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Speaking computer language – welcome AI Art</title>
		<link>https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/</link>
					<comments>https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Tue, 17 May 2022 11:18:29 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=1367</guid>

					<description><![CDATA[<p><img width="256" height="256" src="https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI Art blue yellow, generated with Dalle mini" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1.jpg 256w, https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1-150x150.jpg 150w" sizes="auto, (max-width: 256px) 100vw, 256px" /></p>Natural language as an input for creating AI art changes the way we sketch ideas. DALL·E 2 or Imagen give us a glimpse into AI graphics.]]></description>
										<content:encoded><![CDATA[<p><img width="256" height="256" src="https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI Art blue yellow, generated with Dalle mini" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1.jpg 256w, https://manfred-feiger.com/wp-content/uploads/2022/05/ai-art-blue-yellow-1-150x150.jpg 150w" sizes="auto, (max-width: 256px) 100vw, 256px" /></p>
<figure class="wp-block-image alignwide size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/command-prompt-apple.jpg" alt="An intro to AI Art – the text prompt." class="wp-image-1369"/></figure>



<p class="wp-block-paragraph">The command prompt: A black, empty screen and a blinking line, waiting for my input. Could you imagine that this prompt is the access to art or AI art? The command line shows a visual result of your terms, not ASCII art or related items. Nowadays, those prompts have different shapes, such as a form field or the use of voice interfaces. </p>



<p class="wp-block-paragraph">Your imagination of thought, translated to words in your natural language (mostly in English), gives you access to new creativity. In the words of advertising, you need to express a good core idea, you want to get visualized. Similar to creatives being used to Image search engines, the need to find the correct words gets more and more important.</p>



<p class="wp-block-paragraph">To explore my thoughts I look at the evolution of the way we tell machines, what to do and how CLIP and other neural models transform the way we could create what we are looking for. Whether it be AI art or maybe any picture we want to see, in general or what I would call AI graphics.</p>



<h2 class="wp-block-heading">Computer language</h2>



<p class="wp-block-paragraph">A computer language is a language we use to talk to machines. It has been in use for about 70 years.In terms of human history, a very short time.</p>



<p class="wp-block-paragraph">The first, more popular programming languages found their roots between 1960 and 1970. The first “high-level programming language” was <a rel="noreferrer noopener nofollow" href="https://en.wikipedia.org/wiki/Plankalk%C3%BCl" data-type="URL" data-id="https://en.wikipedia.org/wiki/Plankalk%C3%BCl" target="_blank">Plankalkül</a> from around 1945. Even earlier, the roots of programming go back to Ada Lovelace, yes, a woman, in the year 1883.</p>



<p class="wp-block-paragraph">Nowadays, we even have low code or no-code ways to speak with machines. Mostly those use visual environments to drag together code components or nodes and are called visual programming languages.</p>



<p class="wp-block-paragraph">So, in the past, we needed to write code in a language, following grammar. Now, we could also drag together many nodes and hope for an effect, while playing with parameters. At some point of customization those visual environments also allow to add code manually. But it's not essentially necessary to write the code yourself anymore.</p>



<p class="wp-block-paragraph">DALL·E and other neural networks allow access to Artificial intelligence as a source of processing your thoughts via a text prompt. If you want, you could say that you tell the machine, what it should program with your natural language. Your chosen words define the quality of the output you are aiming for.</p>



<h2 class="wp-block-heading">Natural language and natural interfaces</h2>



<p class="wp-block-paragraph">The natural language is the way we as humans speak with each other. To some extent even our voice-interfaces around us are now able to communicate with us in a way that feels almost natural. In this case our command prompt mostly starts with “Alexa”, “Siri” or “Hey Google” to initialize the dialogue. Natural language processing takes the task of converting speech into words in the background to take the right commands.</p>



<p class="wp-block-paragraph">In 2013, there was a trend to use natural language forms in interfaces to make form usage feel more natural. Forms were integrated into sentences rather than presented as a separate option. Stats are more usable in natural language, but confusing numbers make it difficult to understand the impact of improvements.</p>



<p class="wp-block-paragraph">The tendency to make interfaces more natural or more human, so we could use our natural senses to interact, is present. But the evolution of the interfaces also depends on technological developments.</p>



<figure class="wp-block-image alignwide size-full"><a href="https://vimeo.com/420773167?embedded=true&amp;source=vimeo_logo&amp;owner=53957807"><img loading="lazy" decoding="async" width="1376" height="776" src="https://manfred-feiger.com/wp-content/uploads/2022/05/venous-materials-1.jpg" alt="" class="wp-image-1370" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/venous-materials-1.jpg 1376w, https://manfred-feiger.com/wp-content/uploads/2022/05/venous-materials-1-300x169.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/venous-materials-1-1024x577.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/05/venous-materials-1-768x433.jpg 768w" sizes="auto, (max-width: 1376px) 100vw, 1376px" /></a><figcaption class="wp-element-caption">Venous materials from MIT lab – Watch example on Vimeo</figcaption></figure>



<p class="wp-block-paragraph">There are many interesting developments, especially if you investigate the MIT Media lab and the tangible media group. They strive for seamlessly coupling the worlds of bits and atoms by giving dynamic physical form to digital information and computation. <a rel="noreferrer noopener nofollow" href="https://www.media.mit.edu/projects/prototyping-interactive-fluidic-mechanisms/overview/" type="URL" id="https://www.media.mit.edu/projects/prototyping-interactive-fluidic-mechanisms/overview/" target="_blank" class="ek-link">Research on venous materials and human-flora interaction provides insights into our future.</a></p>



<p class="wp-block-paragraph">One of the easiest ways to interact now is our language, expressed by voice interfaces. When using Neuralink or similar chips inside our bodies, it's likely that we'll need to use interfaces with a well-structured language initially.</p>



<p class="wp-block-paragraph">If you are looking for more scientific terms on how the language is being used for generating visual results, look for <a rel="noreferrer noopener nofollow" href="https://www.google.com/search?q=text-to-image+synthesis&amp;rlz=1C5CHFA_enDE985DE985&amp;oq=text-to-image+synthesis&amp;aqs=chrome..69i57j0i19j0i19i22i30l5j69i61.1431j0j1&amp;sourceid=chrome&amp;ie=UTF-8" data-type="URL" data-id="https://www.google.com/search?q=text-to-image+synthesis&amp;rlz=1C5CHFA_enDE985DE985&amp;oq=text-to-image+synthesis&amp;aqs=chrome..69i57j0i19j0i19i22i30l5j69i61.1431j0j1&amp;sourceid=chrome&amp;ie=UTF-8" target="_blank">text-to-image synthesis</a>.</p>



<p class="wp-block-paragraph">GANs produce visual effects resembling the WebGL example on alteredqualia.com that utilizes DeepWarp, a method commonly employed for gaze movement.</p>



<iframe loading="lazy" src="https://alteredqualia.com/xg/examples/morphs_paintings.html" height="600" width="100%" title="Example from alteredqualia"></iframe>



<h3 class="wp-block-heading">CLIP, GANs or AI driven Art and approaches of deep learning.</h3>



<p class="wp-block-paragraph">Natural language processing is also an important tool when it comes to playing with so called CLIPs. CLIP is “Contrast Language-Image Pre-Training”, a neural network trained on a variety of text-image pairs. CLIP got introduced around January 2021.</p>



<p class="wp-block-paragraph">Before getting into CLIP, a short excursion on learning. Deep learning is part of machine learning and helps machines to learn. The machine is supposed to increase its own skills without the help of humans. On contrast to machine learning, where humans interfere in the learning process, in deep learning humans take care of providing information for learning. To do so, we could also use our input prompt. The process of analysis is up to the machine itself.</p>



<p class="wp-block-paragraph">An example for machine learning would be connecting words and images by labelling the images with the appropriate word. A typical combination for this cause would be <a rel="noreferrer noopener nofollow" href="https://www.image-net.org/" target="_blank">ImageNet</a> and <a rel="noreferrer noopener nofollow" href="https://wordnet.princeton.edu/" target="_blank">WordNet</a>.</p>



<p class="wp-block-paragraph">CLIP is a neural network model that is already trained on 400,000,000 (image, text) pairs. So, this means that this is the data that is used in training the CLIP Model. You can input an image to the model and get the most probable caption or summary of it. Alternatively, you can use natural language as an input. The true magic comes when you see examples. <a rel="noreferrer noopener" href="https://twitter.com/metasemantic" data-type="URL" data-id="https://twitter.com/metasemantic" target="_blank">Travis </a><a rel="noreferrer noopener nofollow" href="https://twitter.com/metasemantic" data-type="URL" data-id="https://twitter.com/metasemantic" target="_blank">Hoppe</a> shares some interesting applications in his Twitter account.</p>



<p class="wp-block-paragraph">To get a full “beginners” understanding of the CLIP model, I recommend this article: “<a rel="noreferrer noopener nofollow" href="https://www.kdnuggets.com/2021/03/beginners-guide-clip-model.html" target="_blank">A beginner’s guide to the CLIP Model</a>”. You will find many interesting articles on <a rel="noreferrer noopener nofollow" href="http://kdnuggets.com" target="_blank">kdnuggets.com</a> around artificial intelligence, computer vision, data science, machine learning, natural language processing or programming (Python).</p>



<p class="wp-block-paragraph">To try CLIP yourself, you could use <a rel="noreferrer noopener nofollow" href="https://compvis.github.io/taming-transformers/" target="_blank">VQGAN</a> developed by the University of Heidelberg. It’s a GAN (a generative adversarial network), those are special types of neural networks consisting of “Generator” and “discriminator” networks. There is a GAN that generates images. The generator is like an artist and the discriminator is like a critic during training. When the generator can produce an image that the discriminator can't distinguish from a human-made one, we can use it for creating art.</p>



<p class="wp-block-paragraph">There are huge libraries of available GANs for very different purposes. Some of the lists I could recommend:</p>



<p class="wp-block-paragraph"><a href="https://github.com/hindupuravinash/the-gan-zoo" target="_blank" rel="noreferrer noopener nofollow">The GAN Zoo</a></p>



<p class="wp-block-paragraph"><a href="https://github.com/nashory/gans-awesome-applications" target="_blank" rel="noreferrer noopener nofollow">GANS awesome applications</a></p>



<p class="wp-block-paragraph">To play with the technology to learn, use <a rel="noreferrer noopener nofollow" href="https://www.artbreeder.com/" target="_blank">artbreeder</a> and generate new images; Artbreeder is also based on GAN based image generation.</p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image alignwide size-large"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/artbreeder-screenshot-1024x612.jpg" alt="" class="wp-image-1380"/><figcaption class="wp-element-caption"><a href="https://www.artbreeder.com/" target="_blank" data-type="URL" data-id="https://www.artbreeder.com/" rel="noreferrer noopener nofollow">Artbreeder</a>, Image generation based on GAN</figcaption></figure>



<h3 class="wp-block-heading">Exploring Applications of CLIP</h3>



<p class="wp-block-paragraph">How to get started? I would always recommend playing with the technology. Most technology is too complex for an early deep dive, so start by playing. If you found your motivation to dig deeper, do it with all your might as you need a lot of patience to get a good understanding.</p>



<p class="wp-block-paragraph">So, let’s look at <a href="https://colab.research.google.com/github/justinjohn0306/VQGAN-CLIP/blob/main/VQGAN%2BCLIP(Updated).ipynb#scrollTo=JqFEaEChR20v" target="_blank" rel="noreferrer noopener nofollow">VQGAN + CLIP</a> you could use directly yourself online. This is a collab notebook, a small development environment running Python programming language. Your task is to input some values... To get started, I would recommend to only change the “natural language prompt” of what you want to see. In my case I tested some results of different apps with the sentence “Children playing in the forest” (because my kids are attending a kindergarten in the wood while writing these lines).</p>



<p class="wp-block-paragraph">These are my first results using the CLIP linked above (to try yourself, open the <a href="https://colab.research.google.com/github/justinjohn0306/VQGAN-CLIP/blob/main/VQGAN%2BCLIP(Updated).ipynb" data-type="URL" data-id="https://colab.research.google.com/github/justinjohn0306/VQGAN-CLIP/blob/main/VQGAN%2BCLIP(Updated).ipynb" target="_blank" rel="noreferrer noopener nofollow">link</a>, basically go through the page and always execute the play button to the left and wait till there’s a check icon next to it, to signal it’s loaded), only for chapter “Parameters” enter a text. In the end you could also create a video. The results here are early iterations. The program would continue till the “free” volume is used up.</p>



<div class="wp-block-group alignwide is-content-justification-center is-layout-flex wp-container-core-group-is-layout-135f82ea wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/children-in-the-wood2.jpg" alt="" class="wp-image-1372"/><figcaption class="wp-element-caption">First iterations with VQGAN + CLIP</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/children-in-the-wood3.jpg" alt="" class="wp-image-1373"/><figcaption class="wp-element-caption">Number 100</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/children-in-the-wood4.jpg" alt="" class="wp-image-1374"/><figcaption class="wp-element-caption">Number 150</figcaption></figure>
</div>



<div class="wp-block-group alignwide is-content-justification-center is-layout-flex wp-container-core-group-is-layout-135f82ea wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="394" height="700" src="https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-blank_tradingcard-1.jpg" alt="" class="wp-image-1375" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-blank_tradingcard-1.jpg 394w, https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-blank_tradingcard-1-169x300.jpg 169w" sizes="auto, (max-width: 394px) 100vw, 394px" /><figcaption class="wp-element-caption">from <a href="http://wombo.art" target="_blank" rel="noreferrer noopener nofollow">wombo.art</a></figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="400" src="https://manfred-feiger.com/wp-content/uploads/2022/05/chirldren-in-the-wood-1.jpg" alt="" class="wp-image-1376" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/chirldren-in-the-wood-1.jpg 400w, https://manfred-feiger.com/wp-content/uploads/2022/05/chirldren-in-the-wood-1-300x300.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/chirldren-in-the-wood-1-150x150.jpg 150w" sizes="auto, (max-width: 400px) 100vw, 400px" /><figcaption class="wp-element-caption">from <a href="https://creator.nightcafe.studio/" target="_blank" data-type="URL" data-id="https://creator.nightcafe.studio/" rel="noreferrer noopener">nightcafe</a></figcaption></figure>
</div>



<p class="wp-block-paragraph">To compare my result, I checked for other applications out there and their result. So there’s for example an application that is also available as an app; In <a href="http://wombo.art" target="_blank" rel="noreferrer noopener nofollow">wombo.art</a> you could test directly. The result from wombo art had similar patterns as my test with YQGAN and looked like the picture on the at the top left.</p>



<p class="wp-block-paragraph">Then I used another popular web-service to compare: <a href="https://creator.nightcafe.studio/">Nightcafe</a> you can see on the right.</p>



<p class="wp-block-paragraph">You see, when using a webservice, you end up getting one result. Using a <a href="https://colab.research.google.com/" data-type="URL" data-id="https://colab.research.google.com/">google colab</a>, you get many iterations and it's not as fast as the webservice or app. (Google Colab or Colaboratory is a way to execute Pyhton code in the browser).</p>



<p class="wp-block-paragraph">There are also other CLIPS on google colab you could use. The following picture is the (an early iterative) result of the combination <a href="https://colab.research.google.com/drive/1L8oL-vLJXVcRzCFbPwOoMkPKJ8-aYdPN#scrollTo=g7EDme5RYCrt" target="_blank" rel="noreferrer noopener nofollow">VQGAN+CLIP (z+quantize method)</a>:</p>



<figure class="wp-block-image alignwide size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/children-in-the-wood-z-quant.jpg" alt="" class="wp-image-1377"/></figure>



<p class="wp-block-paragraph">You could continue playing with many more version out there. Here you will find an overview of newer applications: <a href="https://softologyblog.wordpress.com/" target="_blank" rel="noreferrer noopener nofollow">https://softologyblog.wordpress.com/</a></p>



<p class="wp-block-paragraph">You notice that the basic style follows one pattern and it’s obvious nightcafe also uses some way of VQGAN combination. To create magic, or what I would call magic based on a text prompt, there’s still some way to go.</p>



<p class="wp-block-paragraph"><strong>The magic I aim for: I tell the machine what I want to see, and they give me iterations of the thing I type in in. It mustn't be art or AI art</strong>.</p>



<p class="wp-block-paragraph">To create this magic, we look at DALL·E. <a href="https://openai.com/" target="_blank" rel="noreferrer noopener nofollow">OpenAI</a> released DALL·E 2 in April 2022. They show the real magic of the future. By the way, I wouldn't call the results art. Mostly we generate graphics.</p>



<figure class="wp-block-image alignwide size-large"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/dalle2-screenshot-1024x705.jpg" alt="" class="wp-image-1378"/><figcaption class="wp-element-caption">DALL·E 2 screenshot, see more on their <a href="https://openai.com/dall-e-2/" target="_blank" data-type="URL" data-id="https://openai.com/dall-e-2/" rel="noreferrer noopener nofollow">website</a></figcaption></figure>



<h2 class="wp-block-heading">A short introduction to DALL·E, DALL·E 2 and DALL·E mini</h2>



<p class="wp-block-paragraph"><em>“DALL·E 2 is an artificial intelligence model that takes a text prompt and/or existing image as an input and generates a new image as an output. DALL·E 2 was developed by researchers at OpenAI to understand the capabilities and broader implications of multimodal generative models. To help us and others better understand how image generation models can be used and misused.”</em> <br>(From their own description)</p>



<p class="wp-block-paragraph">To make it shot, look at <a href="https://openai.com/dall-e-2/">their website</a> and get a feeling of the beauty that could be generated with DALL·E 2 or watch the <a href="https://www.youtube.com/watch?v=qTgPSKKjfVg&amp;t=93s" data-type="URL" data-id="https://www.youtube.com/watch?v=qTgPSKKjfVg&amp;t=93s" target="_blank" rel="noreferrer noopener nofollow">short video</a> on youtube:</p>



<figure class="wp-block-image alignwide size-large"><a href="https://www.youtube.com/watch?v=qTgPSKKjfVg&amp;t=93s"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/dalle-2-video-1024x552.jpg" alt="" class="wp-image-1381"/></a></figure>



<p class="wp-block-paragraph">Unfortunately, DALL·E 2 is not easily available to test yet. But you could sign up on their waiting list.</p>



<p class="wp-block-paragraph">According to OpenAI DALL·E 2 isn't trained on faces, to avoid the risk of deep fakes. The danger is already there. Finally it the time to doubt any images being shown to us!</p>



<p class="wp-block-paragraph">On twitter try a search for <a href="https://twitter.com/hashtag/Dalle?src=hashtag_click" data-type="URL" data-id="https://twitter.com/hashtag/Dalle?src=hashtag_click" target="_blank" rel="noreferrer noopener nofollow">#dalle</a> or <a href="https://twitter.com/hashtag/dalle2?src=hashtag_click" data-type="URL" data-id="https://twitter.com/hashtag/dalle2?src=hashtag_click" target="_blank" rel="noreferrer noopener">#</a><a href="https://twitter.com/hashtag/dalle2?src=hashtag_click" data-type="URL" data-id="https://twitter.com/hashtag/dalle2?src=hashtag_click" target="_blank" rel="noreferrer noopener nofollow">dalle2</a> and you find many inspiring pictures. Going through the magical results, it feels as if image searches could get a relic of the past soon or will only be needed for special causes. Image stock market could be AI generated in my point of view. Here are some randomly selected shots from some twitter members (all linked):</p>



<figure class="wp-block-image size-full"><a href="https://twitter.com/hardmaru/status/1524303013766373377"><img loading="lazy" decoding="async" width="1164" height="764" src="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot1-1.jpg" alt="" class="wp-image-1382" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot1-1.jpg 1164w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot1-1-300x197.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot1-1-1024x672.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot1-1-768x504.jpg 768w" sizes="auto, (max-width: 1164px) 100vw, 1164px" /></a></figure>



<figure class="wp-block-image size-full"><a href="https://twitter.com/djbaskin_images/status/1523816614713470976"><img loading="lazy" decoding="async" width="1186" height="820" src="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot2-1.jpg" alt="" class="wp-image-1383" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot2-1.jpg 1186w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot2-1-300x207.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot2-1-1024x708.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot2-1-768x531.jpg 768w" sizes="auto, (max-width: 1186px) 100vw, 1186px" /></a></figure>



<figure class="wp-block-image size-full"><a href="https://twitter.com/hardmaru/status/1523664409838510082?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1523664409838510082%7Ctwgr%5E%7Ctwcon%5Es1_&amp;ref_url=https%3A%2F%2Fpublish.twitter.com%2F%3Fquery%3Dhttps3A2F2Ftwitter.com2Fhardmaru2Fstatus2F1523664409838510082widget%3DTweet"><img loading="lazy" decoding="async" width="1176" height="860" src="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot3-1.jpg" alt="" class="wp-image-1384" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot3-1.jpg 1176w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot3-1-300x219.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot3-1-1024x749.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/05/twitter-dalle-shot3-1-768x562.jpg 768w" sizes="auto, (max-width: 1176px) 100vw, 1176px" /></a></figure>



<p class="wp-block-paragraph">Yes, it’s a pity, we all can’t directly play with this fascinating technology!</p>



<p class="wp-block-paragraph">Luckily I found <a href="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-mini-Generate-images-from-any-text-prompt--VmlldzoyMDE4NDAy" target="_blank" rel="noreferrer noopener nofollow"><strong>DALL·E mini</strong></a><strong>.</strong> And that's your friend to play! By the way, I also created my post image with Dall-e mini. I asked for "AI Art blue and yellow". One of the results could be found on the overview site of my <a href="https://manfred-feiger.com/writing/" data-type="page" data-id="217">writings</a>.</p>



<p class="wp-block-paragraph">The description of <a href="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-mini-Generate-images-from-any-text-prompt--VmlldzoyMDE4NDAy" target="_blank" rel="noreferrer noopener nofollow"><strong>DALL·E mini</strong></a>: <br><em>“OpenAI had the first impressive model for generating images through DALL·E. DALL·E mini is an attempt at reproducing those results with an open-source model.”</em></p>



<p class="wp-block-paragraph">They also have DALL·E mega, a large version of the mini, that is being trained. To see the fascinating world of training, look into the <a href="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-Mega-Training--VmlldzoxODMxMDI2" target="_blank" rel="noreferrer noopener nofollow">training space</a>.</p>



<p class="wp-block-paragraph">And finally, here’s your playground to play with the DALL-E mini: <a href="https://huggingface.co/spaces/dalle-mini/dalle-mini" target="_blank" rel="noreferrer noopener nofollow">https://huggingface.co/spaces/dalle-mini/dalle-mini</a></p>



<p class="wp-block-paragraph">That’s my result on "playing children in the forest"; quite an improvement in a very short time. If you play more with <a href="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-mini-Generate-images-from-any-text-prompt--VmlldzoyMDE4NDAy" target="_blank" rel="noreferrer noopener nofollow"><strong>DALL·E mini</strong></a> you will notice, that faces still are really not trained much. But I already love it!</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="1210" src="https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1.jpg" alt="" class="wp-image-1385" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1-298x300.jpg 298w, https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1-1016x1024.jpg 1016w, https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1-150x150.jpg 150w, https://manfred-feiger.com/wp-content/uploads/2022/05/children-playing-forest-ai-art-1-768x774.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>



<p class="wp-block-paragraph">To feel the new power of words and to discover some magic along using words, go out and play for yourself!</p>



<p class="wp-block-paragraph">By the way, there's another tool on the web, giving you similar results. It's <a href="https://neuralblender.com/" data-type="URL" data-id="https://neuralblender.com/" target="_blank" rel="noreferrer noopener">neuralblender</a>. Here's my kids results from them:</p>



<figure class="wp-block-image alignwide size-full"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/05/neuralblender-ai-graphics.jpg" alt="" class="wp-image-1410"/></figure>



<p class="wp-block-paragraph">If you want to get inspired by other AI Artists, look at the work of <a href="https://manfred-feiger.com/create-ai-art-like-refik-anadol/" data-type="post" data-id="940">Refik Anadol</a>, his process is the application of a lot of machine learning to a real world of art. As I said, in my point of view, the term of AI Art is mostly wrong, looking at the output of DALL·E or other CLIP applications, as the outputs are not expressive. In my point of view, we speak about AI graphics.</p>



<p class="wp-block-paragraph">Maybe you could guess, what my prompt in this case was (created with DALL·E Mini):</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="1211" src="https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1.jpg" alt="" class="wp-image-1386" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1-297x300.jpg 297w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1-1015x1024.jpg 1015w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1-150x150.jpg 150w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-test-lego-angie-1-768x775.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></figure>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Have fun playing!</strong></p>



<p class="wp-block-paragraph">And guess what... My challenge is to build websites via a text prompt. Currently I am looking for available sources to have a good segmentation (Structural attributes, Style attributes). Let's see when I will share my results or findings.</p>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Some more tipps on playing with <a href="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-mini-Generate-images-from-any-text-prompt--VmlldzoyMDE4NDAy" target="_blank" data-type="URL" data-id="https://wandb.ai/dalle-mini/dalle-mini/reports/DALL-E-mini-Generate-images-from-any-text-prompt--VmlldzoyMDE4NDAy" rel="noreferrer noopener nofollow">DALL·E mini</a>... use objects. To avoid deep fakes, faces won't work. Play around with the text prompt. You could try with the attribute, in the style of... or try the <a href="https://docs.google.com/spreadsheets/d/1y7nAbmR4FREi6npB1u-Bo3GFdwdOPYJc617rBOxIRHY/edit#gid=0" target="_blank" data-type="URL" data-id="https://docs.google.com/spreadsheets/d/1y7nAbmR4FREi6npB1u-Bo3GFdwdOPYJc617rBOxIRHY/edit#gid=0" rel="noreferrer noopener nofollow">DrawBench</a> prompts being used for Google Imagen first.</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="1290" src="https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-rocket-1.jpg" alt="Dalle Mini rocket Matsuo Basho" class="wp-image-1422" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-rocket-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-rocket-1-279x300.jpg 279w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-rocket-1-953x1024.jpg 953w, https://manfred-feiger.com/wp-content/uploads/2022/05/dalle-mini-rocket-1-768x826.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Dalle Mini: a rocket in the style of Matsuo Basho</figcaption></figure>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Google Imagen</h2>



<p class="wp-block-paragraph">While publishing this article on Mai 24th, Google came up with a competitor to OpenAI DALL·E 2. The market is on fire! And Google-<a rel="noreferrer noopener nofollow" href="https://imagen.research.google/" data-type="URL" data-id="https://imagen.research.google/" target="_blank">Imagen</a> impresses the same way, DALL·E 2 did. </p>



<p class="wp-block-paragraph">Be excited to check out the first tweets on the topic <a href="https://twitter.com/hashtag/imagen?src=hashtag_click" data-type="URL" data-id="https://twitter.com/hashtag/imagen?src=hashtag_click" target="_blank" rel="noreferrer noopener nofollow">#imagen</a>.</p>



<p class="wp-block-paragraph">And we will all be happy to play with the first, real demos!</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1600" height="562" src="https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1.jpg" alt="" class="wp-image-1418" srcset="https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1.jpg 1600w, https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1-300x105.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1-1024x360.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1-768x270.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/05/image-screenshot-google-1-1536x540.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Screenshot from <a href="https://imagen.research.google/" target="_blank" data-type="URL" data-id="https://imagen.research.google/" rel="noreferrer noopener nofollow">Imagen</a> website</figcaption></figure>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><br>Recommended further readings</h4>



<ol class="wp-block-list">
<li><a rel="noreferrer noopener nofollow" href="https://mirror.xyz/herndondryhurst.eth" data-type="URL" data-id="https://mirror.xyz/herndondryhurst.eth" target="_blank">Infinite Images and the latent camera</a></li>



<li><a rel="noreferrer noopener" href="https://arxiv.org/abs/2204.06125" data-type="URL" data-id="https://arxiv.org/abs/2204.06125" target="_blank">Hierarchical Text-Conditional Image Generation with CLIP Latents</a></li>



<li><a rel="noreferrer noopener" href="https://openai.com/dall-e-2/" data-type="URL" data-id="https://openai.com/dall-e-2/" target="_blank">DALL·E 2</a></li>



<li><a rel="noreferrer noopener nofollow" href="https://imagen.research.google/" data-type="URL" data-id="https://imagen.research.google/" target="_blank">Imagen by Google</a></li>



<li><a rel="noreferrer noopener" href="https://nvlabs.github.io/stylegan3/" data-type="URL" data-id="https://nvlabs.github.io/stylegan3/" target="_blank">StyleGan 3</a></li>



<li>Explore my newer articles around the topics:<br><a href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" data-type="URL" data-id="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/">How AI Assistants Can Help You with Text and Art</a><br><a href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" data-type="URL" data-id="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/">Generative Art – how to get started with AI Art</a><br><a href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" data-type="URL" data-id="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/">Midjourney and DALL-E 2 – first hands on impressions</a><br><a href="https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/" data-type="URL" data-id="https://manfred-feiger.com/how-stable-diffusion-celebrates-new-forms-of-creativity/">Stable Diffusion celebrates new forms of creativity</a></li>
</ol>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">FAQs</h4>



<div class="wp-block-rank-math-faq-block"><div class="rank-math-faq-item"><h5 class="rank-math-question">What are AI Graphics</h5><div class="rank-math-answer">Visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone, to inform, illustrate, or entertain being generated with the help of Artificial Intelligence.</div></div></div>



<div id="lo79"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_940" class="sq_local" href="https://manfred-feiger.com/create-ai-art-like-refik-anadol/" title="Deconstructing AI Art masterpieces: Create Art like Refik Anadol" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Deconstructing AI Art masterpieces: Create Art like Refik Anadol</a><div class="sq_local_text" style="font-style:italic;color: #333;">What If you were asked to create art like Refik Anadol? Or to produce some "AI art"?



In case you</div></div></div><div><br style="clear:both"></div>



<div id="lo848"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1913" class="sq_local" href="https://manfred-feiger.com/midjourney-and-dall-e-2-first-hands-on-impressions/" title="Midjourney and DALL-E 2 – first hands on impressions" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Midjourney and DALL-E 2 – first hands on impressions</a><div class="sq_local_text" style="font-style:italic;color: #333;">Maybe you remember my article speaking computer language – welcome AI art, speaking about the new role of t</div></div></div><div><br style="clear:both"></div>



<div id="lo218"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1832" class="sq_local" href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" title="Generative Art – how to get started with AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Generative Art – how to get started with AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The world of art is a diverse and beautiful place. The more we explore new forms of art, the more we are</div></div></div><div><br style="clear:both"></div>



<div id="lo365"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1793" class="sq_local" href="https://manfred-feiger.com/how-ai-assistants-help-you-with-text-and-art/" title="How AI Assistants Can Help You with Text and Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">How AI Assistants Can Help You with Text and Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">Have you ever wished you had a personal assistant to help you with your writing or with your artworks?



AI</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Stepping into digital sustainability</title>
		<link>https://manfred-feiger.com/stepping-into-digital-sustainability/</link>
					<comments>https://manfred-feiger.com/stepping-into-digital-sustainability/#respond</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Wed, 02 Feb 2022 11:27:34 +0000</pubDate>
				<category><![CDATA[consulting]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[project-management]]></category>
		<category><![CDATA[sustainability]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=982</guid>

					<description><![CDATA[<p><img width="800" height="1051" src="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="digital sustainability" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1.jpg 800w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-228x300.jpg 228w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-779x1024.jpg 779w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-768x1009.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>The way digital sustainability is surrounding us on a personal level and within our working context. Ideas to get started.]]></description>
										<content:encoded><![CDATA[<p><img width="800" height="1051" src="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="digital sustainability" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1.jpg 800w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-228x300.jpg 228w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-779x1024.jpg 779w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-sustainability-teaser-1-768x1009.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p class="wp-block-paragraph">The easiest way to dive into a topic such as <strong>digital sustainability</strong> would be starting with a big headline with direct finger pointing. Such as "the evil video streaming produces", "why the internet is one of the dirties places on earth" and "20 ways to fight the dirt by design" and so many more headlines, my SEO validator would have loved. But seriously, this is a serious topic. And it’s an unbelievable complicated topic, if you dive deeper. </p>



<p class="wp-block-paragraph">As fostering a more sustainable way of working is also about reducing screen time, I start this article with a takeaway linking to some chapters on my point on digital sustainability.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="takeaway">Takeaway</h2>



<p class="wp-block-paragraph">Start optimizing your own surrounding:</p>



<ul class="wp-block-list">
<li><a href="#your-impact-in-between-b-corps-leaders-for-climate-action-and-your-own-impact" data-type="internal" data-id="#your-impact-in-between-b-corps-leaders-for-climate-action-and-your-own-impact">Measure your energy consumption</a></li>



<li><a href="#measure-your-impact-computer" data-type="internal" data-id="#measure-your-impact-computer">Think of using energy efficient laptop</a></li>



<li><a href="#measure-your-impact-hosting-and-your-website" data-type="internal" data-id="#measure-your-impact-hosting-and-your-website">Create a more energy efficient website</a></li>



<li><a href="#green-hosting" data-type="internal" data-id="#green-hosting">Use a hosting provider using green energy</a></li>



<li>Use a fair phone contract</li>



<li>Don’t buy every gadget and use circular markets to sell things you want to exchange</li>



<li>Above all, define your own private metrics</li>
</ul>



<p class="wp-block-paragraph">Reflect the way you create digital products</p>



<ul class="wp-block-list">
<li>Define your business metrics/ethics</li>



<li><a href="#the-efficient-way-of-working-or-pareto-principle">Focus on the overall goal of the project</a></li>



<li>Don’t force creative or implementation ideas if they are not needed. There’s maybe a downside.</li>



<li><span style="color: initial; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;"><a href="#creating-overhead-by-system" data-type="internal" data-id="#creating-overhead-by-system">Think about the overall process of the project!</a></span></li>
</ul>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="diving-into-digital-sustainability">Diving into digital sustainability</h3>



<p class="wp-block-paragraph">First of all, I feel guilty. Not too guilty about my own footprints and actions, but the guilt of not writing that article earlier. But it’s been a pain in the ass. It’s so complicated and there’s no one-way street to follow to get to the target of zero emission. The market is so fragmented and you as an individual must make your choices yourself. I guess the best way to do so, is defining your values to tackle the problem.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Do not try to become a person of success but try to become a person of value.</p>
<cite>Albert Einstein</cite></blockquote>



<p class="wp-block-paragraph">My focus for this article is circling around the topic of sustainability for digital projects (one of many on the road for our <a href="https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/" data-type="post" data-id="844">21<sup>st</sup> century challenges</a>). I also want to share more critical thoughts many great articles didn’t reflect too much, such as the way “how many projects” are done. And finally, I also share my personal experiments.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="your-impact-in-between-b-corps-leaders-for-climate-action-and-your-own-impact">Your impact – in between B Corps, leaders for climate action and your own impact</h3>



<p class="wp-block-paragraph">Honestly, I didn’t finish my whole reading list on my own impact yet. There is an overwhelming collection and it’s not easy to start on a global level.</p>



<p class="wp-block-paragraph">So, for my personal business, I started the registration to become a <a href="https://bcorporation.eu/">B Corp.</a> and didn’t finish yet, because as a one man show I am quite small and don’t even know if I am relevant or even allowed to get a B Corp. Currently I feel more afraid of paying a lot of money without being allowed for the application (there's a fee on submitting long forms). I also looked at <a href="https://lfca.earth/">leaders for climate action</a>, (funnily B Corp and LFCA use almost the same color value for their yellow), but was declined by them and some others, such as <a href="https://www.climatedesigners.org/">Climate Designers</a> (where I am also registered).</p>



<p class="wp-block-paragraph">The first two mentioned communities I would call the global level to start, to connect. In terms of target audience, they obviously have different scales, B Corp for corps, LFCA is mostly for companies and climate designers starts on a personal level. As approaching the topic about digital sustainability from that angle didn't lead to a blueprint or clear guideline, there's a clear recommendation from my side: <strong>start with yourself</strong>.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="measure-your-impact-computer">Measure your impact: Computer</h3>



<p class="wp-block-paragraph">If I speak about your impact, the personal level is the one everyone should start. It's your direct way to improve on digital sustainability. Therefore, I share some little shots about my own electric impact on a working day, kind of my own little experiment:</p>



<div class="wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-8540746e wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9785-1-473x1024.jpg" alt="energy-usage of computer" class="wp-image-984" width="355" height="768" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9785-1-473x1024.jpg 473w, https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9785-1-139x300.jpg 139w, https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9785-1.jpg 600w" sizes="auto, (max-width: 355px) 100vw, 355px" /><figcaption class="wp-element-caption">energy-usage of computer</figcaption></figure>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9786-1-473x1024.jpg" alt="energy-usage of laptop" class="wp-image-985" width="355" height="768" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9786-1-473x1024.jpg 473w, https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9786-1-139x300.jpg 139w, https://manfred-feiger.com/wp-content/uploads/2022/02/IMG_9786-1.jpg 600w" sizes="auto, (max-width: 355px) 100vw, 355px" /><figcaption class="wp-element-caption">energy-usage of laptop</figcaption></figure>
</div>



<p class="wp-block-paragraph">What you can see are screenshots of my energy consumption on certain days. Something everyone could easily measure with the help of a little smart plug. I used this one <a href="https://amzn.to/3ImKsQA">here</a>. A smart plug with energy control. I tested all my bigger energy consumers during the day to optimize my usage. The compared data is a typical working day with following setup: A computer, an additional LED Screen, Keyboard and Mouse. Pretty sure from time to time also an external drive got connected.</p>



<p class="wp-block-paragraph">For testing purposes, I compared a Macbook Air (with M1) and my own PC build, that is used as a <a href="https://hackintosh.com/" data-type="URL" data-id="https://hackintosh.com/" target="_blank" rel="noreferrer noopener">hackintosh</a> as well. Mostly in hackintosh mode. The result was pretty straightforward and obvious. If you want to save energy, work on a laptop.</p>



<p class="wp-block-paragraph">I reduced my daily consumption by almost 70%. This comparison in efficiency is also connected to the fact that we are speaking about an older computer generation. My desktop is around 6 years old, compared to a pretty new, highly efficient Laptop. Buying something new, instead of using the old one you already own is also a tricky decision. </p>



<p class="wp-block-paragraph">Of course it would be best to bring your old device back to the circular economy or keep using it. In my case I keep the PC for random PC tasks and exchanged my old macbook from 2013 with the new one. I wasn’t able to do certain jobs anymore as a new operating system was needed. Quite annoying policy by the way. But you can't program iOS Apps anymore.</p>



<p class="wp-block-paragraph">Another source with some tipps on measuring could be found in this article:</p>



<ul class="wp-block-list">
<li><a href="https://luiscruz.github.io/2021/07/20/measuring-energy.html">Tools to measure software energy consumption from your computer</a></li>
</ul>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="measure-your-impact-hosting-and-your-website">Measure your impact: Hosting and your website</h3>



<p class="wp-block-paragraph">Another evaluation based item, that can’t be measured directly is your website. You have to rely on calculators and lists to see if the things you produced fit to an overall digital sustainability strategy. And the results of all those calculators you might know from your personal footprint, such as the <a href="https://doconomy.com/lifestyle-impact/">lifestyle-impact calculator</a> from <a href="https://doconomy.com/" data-type="URL" data-id="https://doconomy.com/" target="_blank" rel="noreferrer noopener">doconomy</a> or some <a href="https://www.footprintcalculator.org/home/en">other</a> you can google, are indifferent and hard to compare. </p>



<p class="wp-block-paragraph">They can’t take into consideration each aspect of your life, whether you are never throwing away food or some other things of your “real” living situation in the proper context. Especially when it comes to housing. The calculators only value people living in the latest energy efficient houses and putting fingers at people who live in houses that are not allowed to get renovated that easily. As I mentioned, the problem is calculation. </p>



<p class="wp-block-paragraph">Same applies for the impact of websites. Every Website has a different target and purpose. Let’s start with a simple calculator&nbsp;<a href="https://www.websitecarbon.com/">website carbon</a> – in this case I am also a fanboy of the work of the <a href="https://www.wholegraindigital.com/">agency</a> behind the tool I am mentioning, so please value my assumptions accordingly. Here’s my <a href="https://www.websitecarbon.com/website/manfred-feiger-com/" data-type="URL" data-id="https://www.websitecarbon.com/website/manfred-feiger-com/" target="_blank" rel="noreferrer noopener">result</a>:</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="806" src="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-MF-1.jpg" alt="website carbon footprint of manfred-feiger.com as a way to measure on your impact / your digital sustainability" class="wp-image-986" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-MF-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-MF-1-300x202.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-MF-1-1024x688.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-MF-1-768x516.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Website Carbon result for my website</figcaption></figure>



<p class="wp-block-paragraph">Basically, this test checks your site based on the data usage. With this easy and straightforward evaluation my website's footprint looks quite good. </p>



<p class="wp-block-paragraph">If you aim to test a marketing landing page, your results wouldn’t be too good… let’s look at Apples current iPhone generation page, <a href="https://www.apple.com/de/iphone-13-pro/" data-type="URL" data-id="https://www.apple.com/de/iphone-13-pro/" target="_blank" rel="noreferrer noopener">the iPhone 13 pro</a>, you will end up with something completely different:</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="1014" src="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-AppleiOS13-1.jpg" alt="website carbon footprint of apples iphone 13 pro" class="wp-image-987" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-AppleiOS13-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-AppleiOS13-1-300x254.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-AppleiOS13-1-1024x865.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-footprint-AppleiOS13-1-768x649.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Website Carbon result for the iPhone 13 Pro</figcaption></figure>



<p class="wp-block-paragraph">As you might have noticed from my other writings, I avoid finger pointing. The reason why apple’s site is more dirty is, cause it is staging a product in a wonderful, visual, explorative way with the aim to make you wanna buy the product. To compare their result, i would need to find another, similar explorative site. In terms of this article, they seem dirty.</p>



<p class="wp-block-paragraph">To all haters who were happy about the negative result of apple, I also looked at a fair product alternative, the <a href="https://shop.fairphone.com/de" data-type="URL" data-id="https://shop.fairphone.com/de" target="_blank" rel="noreferrer noopener">fairphone</a>. Though the product is aimed for another target group and the site is by far less explorative, it also has a very bad result. In this case much more problematic in my point of view. They deserve better consulting as this website wasn't properly designed and implemented.</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1200" height="1173" src="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-fairphone-1.jpg" alt="website carbon footprint of the fairphone" class="wp-image-988" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-fairphone-1.jpg 1200w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-fairphone-1-300x293.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-fairphone-1-1024x1001.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/02/website-carbon-fairphone-1-768x751.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">Website Carbon result for the fairphone</figcaption></figure>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="considerations-about-the-tools-for-testing-a-website-s-footprint">Considerations about the tools for testing a website's footprint</h4>



<p class="wp-block-paragraph">From a designers point of view I didn’t work too much on my own website; It was a good day to get the overall design and far more days to implement it in a more energy efficient matter. I started this website in general as an experiment, see my article "<a href="https://manfred-feiger.com/hallo-welt/" data-type="post" data-id="1601">hello world</a>" and my source of inspiration there. I write the articles, without being the best writer. I publish them and modify them to get better over time.</p>



<p class="wp-block-paragraph">To dive deeper into the optimization of the site I would need much more articles and I don't want to address developers alone. Let's look at some pain points in terms of efficiency i could show you directly on my site: on the <a href="https://manfred-feiger.com/" data-type="page" data-id="1602" target="_blank" rel="noreferrer noopener">homepage</a> you see a visual in the background of “the turning point for your story”, and as the writing says, the background is something individual (in my point of view), so I used <a rel="noreferrer noopener" href="https://p5js.org/" data-type="URL" data-id="https://p5js.org/" target="_blank">p5JS</a> to generate an individual background for each visitor. Is the element needed?</p>



<p class="wp-block-paragraph">Someone who is only into optimizing for data usage would have said, no, we don't need that element… for me it is a simple supporting element of the message I try to get across and so aprox. 60% !!! of my complete data usage of the homepage connects with this single element in terms of script weight. Unfortunately there’s no better version of p5js.min out there so get my data usage down.</p>



<p class="wp-block-paragraph">The other big element in terms of data usage on my page are <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide" data-type="URL" data-id="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide" target="_blank" rel="noreferrer noopener">variable fonts</a> (I use two: <a href="https://rsms.me/inter/" data-type="URL" data-id="https://rsms.me/inter/" target="_blank" rel="noreferrer noopener">Inter</a> and <a href="https://fonts.google.com/specimen/Fraunces" data-type="URL" data-id="https://fonts.google.com/specimen/Fraunces" target="_blank" rel="noreferrer noopener">Frances</a>)… they are also not needed in terms of efficiency, but for my own wellbeing. The most efficient way would be the usage of system-fonts. So font-families, such as "font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;" could have been an alternative for the Inter font so save data. For someone, who is not familiar, system-fonts are fonts you have on your computer.</p>



<p class="wp-block-paragraph">Diving deeper into variable fonts you end up finding ways of optimizing them. For example by font-subsetting. By the way, I did that for the Inter Font and got down the data weight by around 60%. Don't ask about the additional screen time that is connected to this tweak alone. Instead of trying font-subsetting of variable fonts yourself (except you are deep into <a rel="noreferrer noopener" href="https://github.com/fonttools/fonttools" data-type="URL" data-id="https://github.com/fonttools/fonttools" target="_blank">python</a> and don't own a m1 mac) download my subsetted version <a href="https://manfred-feiger.com/wp-content/uploads/2022/02/Inter.var_.woff2_-1.zip" target="_blank" aria-label="here (opens in a new tab)" rel="noreferrer noopener nofollow" class="ek-link">here</a>.</p>



<p class="wp-block-paragraph">All those mentioned data values also connect to the <a href="https://pagespeed.web.dev/" data-type="URL" data-id="https://pagespeed.web.dev/" target="_blank" rel="noreferrer noopener">google web-vitals</a>. The result the test delivers could be used to optimize your page. But the question would also be, how long does it take to shrink your digital footprint on this level.</p>



<p class="wp-block-paragraph">Unfortunately I feel too many people see a chance of business with evaluators around sustainability. For the purpose of web-sustainability i would pledge for a test from the <a href="https://www.w3.org/" data-type="URL" data-id="https://www.w3.org/" target="_blank" rel="noreferrer noopener">w3c</a>. In terms of app development, there could be submission guidelines that focus more on efficient coding. Leaving this evaluation to the market feels wrong.</p>



<p class="wp-block-paragraph">One of the things I had a deeper look from other test results was the topic about dark mode and energy consumption. My summary, I would call it a trap. For certain types of screen it is true that dark mode consumes less energy, but the recommendation fell short on basic usability issues with dark ground. Simple example: If text is harder to read, people read slower and need more screen time… so… are we doing a favor if reading gets harder and increase the screen time as well? No.</p>



<p class="wp-block-paragraph">Now let's get to the best numbers from any test I found: the <a href="https://digitalbeacon.co/report/manfred-feiger-com">digitalbeacon</a> test. The comparison of the data to the real world, to get a feeling of what we are really talking about:</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1060" height="848" src="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-beacon-comparison-1.jpg" alt="" class="wp-image-990" srcset="https://manfred-feiger.com/wp-content/uploads/2022/02/digital-beacon-comparison-1.jpg 1060w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-beacon-comparison-1-300x240.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-beacon-comparison-1-1024x819.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/02/digital-beacon-comparison-1-768x614.jpg 768w" sizes="auto, (max-width: 1060px) 100vw, 1060px" /><figcaption class="wp-element-caption">Screenshot of test result on digitalbeacon website carbon footprint evaluation</figcaption></figure>



<p class="wp-block-paragraph">These numbers are the true facts everyone needs to know to make use of the data. If I exit my always on, streaming live and don’t stream Netflix for 2 hours, I get my whole monthly energy consumption for the website “refinanced”. </p>



<p class="wp-block-paragraph">Note: I did not check the facts about the mentioned numbers on the screen. </p>



<p class="wp-block-paragraph">So why are we discussing? Cause it is important to know what makes an impact. We need more awareness on more levels of our acting. If I would get one million visitors a month, it would be 21 trees a year that would be needed to compensate my website. That's quite a lot.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="green-hosting">Green hosting</h3>



<p class="wp-block-paragraph">For hosting, I won’t write that much. Check your site with this <a href="https://www.thegreenwebfoundation.org/green-web-check/" data-type="URL" data-id="https://www.thegreenwebfoundation.org/green-web-check/" target="_blank" rel="noreferrer noopener">tool</a>. And be critical if your hosting provider is shown as bad choice. Ask them yourself and give them the tipp to get listed. I am quite convinced that many hosting provider are missing. I recently received a mail from a clients hosting provider not being listed. They communicated about how many trees they planted last year and the renewable energy they are using for powering their hosting.</p>



<img decoding="async" src="https://api.thegreenwebfoundation.org/greencheckimage/manfred-feiger.com?nocache=true" alt="This website is hosted Green - checked by thegreenwebfoundation.org">



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="conclusion">Conclusion</h3>



<p class="wp-block-paragraph">If you are interested in more tools for the implementation stage of your website, I recommend the sources on <a href="https://greentheweb.com/tools/">greentheweb.com</a>, a great collected source.</p>



<p class="wp-block-paragraph">As I said, it's so tricky to get into digital sustainability on a product level. There are many ways to get started. The best way is yourself. For your own digital sites, use the evaluators and strive for fast results to improve and get help of experts, if you want to dive deep.</p>



<p class="wp-block-paragraph">On a personal level also look at all your other communication items. E-Mails for example mustn't be branded and are way more data-efficient if delivered in plain text. Also sign-out from as much mailings as possible.</p>



<p class="wp-block-paragraph">Let's look at some other aspects, from a project-management or consulting perspective, how we really work on projects. </p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="the-efficient-way-of-working-or-pareto-principle">The efficient way of working or Pareto principle</h3>



<p class="wp-block-paragraph">Just image our target of creating new things is based on 80% done, based on the <a href="https://en.wikipedia.org/wiki/Pareto_principle" target="_blank" data-type="URL" data-id="https://en.wikipedia.org/wiki/Pareto_principle" rel="noreferrer noopener">pareto principle </a>of someone finishing 80% of the whole job within 20% of the whole estimated time, while finishing the last 20% needs the rest of the time (80%). </p>



<p class="wp-block-paragraph">I would absolutely agree, that 80% could be done in a short amount of time. Let's take the example of my site: the fine tuning of the site is by far the part that needs most work to limit my footprint. Also on a professional level, whether it was creating campaigns, videos or other communicational items. It's easy to reach satisfying (ok) 80% and painful to reach 95% or even 100%. Not sure if I ever reached the real 100%.</p>



<p class="wp-block-paragraph">It also depends on the career-direction or level you have. Being a creative director (on a AAA client or project) I always had to strive for the best. As being a creative director (or in this case business director as well), also includes financial aspects, it wasn't easy to balance the financial side if you wanted a 100% project. Honestly I don't think you ever get 95% or more without going over budget (or I never had those clients).</p>



<p class="wp-block-paragraph">From a project-management perspective you would be happy with 80% if the clients goals were fulfilled, as your budget would say hurray. But before stepping into longer discussions, I get back to the example of my own website here.</p>



<p class="wp-block-paragraph">For building purposes I used a quick page builder. In my case <a href="https://elementor.com/" data-type="URL" data-id="https://elementor.com/" target="_blank" rel="noreferrer noopener">Elementor</a>. Like other builders such as <a href="https://oxygenbuilder.com/" data-type="URL" data-id="https://oxygenbuilder.com/" target="_blank" rel="noreferrer noopener">Oxy</a> or <a href="https://webflow.com/" data-type="URL" data-id="https://webflow.com/" target="_blank" rel="noreferrer noopener">webflow</a> you could start building the site in a visual, intuitive way and don't loose much time on the code part. In this case I would always clearly argument that a visual builder is superior to any non-visual builder in terms of building times, except you write the code as your own language or you need an explorative website that is build on non-standard patterns. </p>



<p class="wp-block-paragraph">If you want standards, builders are your friends and you achieve the 80% in a very short time. But to achieve the 100% builders will be a pain. To optimize the large data-footprint builders are generating, one needs experience in optimizing them as all builders deserve criticism for their data usage. </p>



<p class="wp-block-paragraph">Let's look at a typical digital project setup, such as a website on a large scale.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="creating-overhead-by-system">Creating overhead by system</h4>



<p class="wp-block-paragraph">And there we are… how do we work?! Do we need 20 days of design to create something that looks like 80% of the web? Or is it the best way to structure every tiny little site into a complete design system?</p>



<p class="wp-block-paragraph">Too often I experience consultancy that strives for doing it this or that way just for the purpose of testing something new. Let's take the topic of a design system. Is a design system always needed? No. It depends.</p>



<p class="wp-block-paragraph">If you have an evolving project over time, a design system could get relevant at a certain stage. The more your product is a SAS solution, a community or large scale shop, the earlier you need it. Same applies if you have many sub-systems within the overall system, e.g. governments, large scale companies with a lot of sub- and business sites. </p>



<p class="wp-block-paragraph">Needed for every site though? No, why? Asking more why would help here, too. </p>



<p class="wp-block-paragraph">And this is where many sustainable perspectives fell short.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="meaningful-consultation-instead-of-selling-the-vendor-s-tray">Meaningful consultation instead of selling the vendor's tray</h3>



<p class="wp-block-paragraph">First, I wanted to write the headline "sustainable consulting", as for me, sustainable consulting is meaningful and within the interest of the tasks and targets of the client. Of course, sometimes clients themselves have the expectation to get a full-blown package with some days of design workshops, 20 wannabe designs (without real contents) for desktop and mobile and a fully documented design system, including a headless system with great static site rendering, a great event tracking concept and the capability to use a youtube independent video streaming and…. you name it.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="the-true-question-is-is-it-creating-real-value-for-the-client">The true question is, is it creating real value for the client? </h3>



<p class="wp-block-paragraph">If the client is getting wannabe designs without or only partially “real” content, it is likely the client must manage the content by himself/herself. Not the best scenario for a great product. Of course, there’s a traditional issue on what comes first, content or design, but the true answer always has been, they go hand in hand. Not design upfront, content afterwards (This is not working, as the designers could design better, if they know the content and the content part will surely miss parts within the design). </p>



<p class="wp-block-paragraph">Also, Content upfront and design afterwards lacks in content that is using the opportunities of a contemporary design or even worse, the content doesn’t suit the medium.</p>



<p class="wp-block-paragraph">Unfortunately, many designers and developers lose their more constructive way of iterative workflows when it comes to developing new digital products. Many tend to build a blown site first, instead of a smart working version that could be improved over time. There mustn't be a fancy word for it, such as a MVP, a prototype or Alpha-release.... those are just words.</p>



<p class="wp-block-paragraph">A working solution would downsize the working time and the footprint. It would also resolve typical issues clients are facing with the blown system: Budgets are running flat but the need urgent support in managing the contents of the site. Isn't a website supposed to be the container for content?</p>



<p class="wp-block-paragraph">The iterative approach would help to improve the usability for our system-users, too. A perspective most design workshops are not asking for. With incremental development throughout more stages, design gets developed together, gets filled and tested with real content. The templates could be aligned with the real world challenges the system-users are facing and all who are working together would need less energy. </p>



<p class="wp-block-paragraph">I assume till here, most developers would have liked what i wrote, but now... I am not sure if these aspects are working in the "agile" sprints many development teams are using as their organizational canvas. If you have a running service, I would say yes. But when creating something new for an initial launch we mostly have waterfall projects that get hidden behind agile methods. The flexibility on an early project stage between content, design, technology needs more versatility. Mixed team sprints for evaluating ideas are such an instrument.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="so-what-about-digital-sustainability">So what about digital sustainability?</h3>



<p class="wp-block-paragraph">If the company is closely related to sustainability, if sustainability is part of the brand’s core identity, I would always recommend an offensive way to promote aspects of sustainability beforehand and explain which consequences there are on design and other production aspects. As I have shown, the topic is complex, how could we expect from clients to know about all aspects that could be relevant? We can't. They need consultation on digital sustainability.</p>



<p class="wp-block-paragraph">On the other hand, it is tricky to consult clients who deeply need a more explorative site that might make use of more energy heavy technologies to create a deeper level of immersion. The purpose is different, and I can’t seriously tell them to make an energy efficient site, if their target is another one. Emotional aspects need consideration, and it is more important to reduce energy usage on other levels. </p>



<p class="wp-block-paragraph">The way we structure projects is the best starting point for any kind of project we are facing. Though I am paid by the time I am working on a project, I could absolutely assure that I don't like unneeded iterations and would prefer an emerging product over time. The aspect of assumptions over time gets reduced.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="learn-from-nature">Learn from nature</h2>



<p class="wp-block-paragraph">I truly believe the way we work on many projects is wrong and it essentially starts with the process towards the project itself to reduce the footprint. Better start with the ugly truth in the workshops directly and break down the scope of the overall project in junks. Also strive for a continuous project that is evolving. Same as nature: evolution is a process over time. Nature is evolution. We are not the gods of the projects to put finished pieces at each day.</p>



<p class="wp-block-paragraph">Digital projects and brands could evolve. </p>



<p class="wp-block-paragraph">As I didn’t speak about brands so far, I use brands as an example: Babies scream, babies must learn from their surrounding and find their spot in the world (same applies for new companies, one should know they are there but essentially they also have to find their spot). Evolution continues and different levels of confidence emerge. Different influences shape the personality and growth. Baby turn to grown ups and have their screaming youth and their elderly clarity....</p>



<p class="wp-block-paragraph">So do brands, they are growing, restructuring themself, re-identifying, growing up, finding their way in the world. Finally they might get very confident and market leaders, the elders, the specialists in certain disciplines. Brands also evolve and start unfinished.</p>



<p class="wp-block-paragraph">So on the one side, you have a brand in some evolutionary stage with different challenges, on the other side you have a project. The project will be an evolution of the previous state in in best case it is growing again. Being part of an evolution increases responsibility. There's no one time hand-off. We need a deeper commitment and can't hide behind some brief.</p>



<p class="wp-block-paragraph">We must not treat everything as a finished piece in digital.</p>



<p class="wp-block-paragraph">Pre-assembled products from real live are already taking the step back. They get repairable again. Though it is much easier to create something digital on an incremental basis than it is for real life products, we don't make use of it everywhere we can. Agile isn't agile if it's only a word or method, such as scrum. Mostly those environments became protected elements to not get disturbed. As I said, this is good for some stages of a product, but not for all.</p>



<p class="wp-block-paragraph">It's consultancy that is needed urgently now to ask the right questions right from the start. We shouldn't fall back into the waterfall world and start listening and questioning the wanted targets and tasks. The iterative approach is the best creation HCD or agile workflows offer. But we must live those processes not just have them as frameworks for hiding ourselves.</p>



<p class="wp-block-paragraph">Finally it's time to give back and help build a better future. More thoughts on our processes and digital sustainability help to get there.</p>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="other-articles-and-sources">Other articles and sources:</h4>



<ol class="wp-block-list">
<li><a href="https://agd.de/designer/szene/design-nachhaltigkeit/charta-fuer-nachhaltigkeit" data-type="URL" data-id="https://agd.de/designer/szene/design-nachhaltigkeit/charta-fuer-nachhaltigkeit" target="_blank" rel="noreferrer noopener">Charta für nachhaltiges Design (German only)</a> or <a href="https://www.sustainablewebmanifesto.com/" data-type="URL" data-id="https://www.sustainablewebmanifesto.com/" target="_blank" rel="noreferrer noopener">Sustainable Web Manifesto</a></li>



<li><a href="https://pisrt.org/psr-press/journals/easl-vol-3-issue-2-2020/new-perspectives-on-internet-electricity-use-in-2030/" data-type="URL" data-id="https://pisrt.org/psr-press/journals/easl-vol-3-issue-2-2020/new-perspectives-on-internet-electricity-use-in-2030/" target="_blank" rel="noreferrer noopener">New perspectives on internet electricity use in 2030</a></li>



<li><a href="https://branch.climateaction.tech/" data-type="URL" data-id="https://branch.climateaction.tech/" target="_blank" rel="noreferrer noopener">Branch Magazine</a></li>



<li><a href="https://httparchive.org/" data-type="URL" data-id="https://httparchive.org/" target="_blank" rel="noreferrer noopener">http archive for all reports around the web</a></li>



<li><a href="https://thegreenpages.bima.co.uk/the-green-pages/" data-type="URL" data-id="https://thegreenpages.bima.co.uk/the-green-pages/" target="_blank" rel="noreferrer noopener">BIMA – green pages (great collection of links)</a></li>



<li><a href="https://sustainablewebdesign.org/" data-type="URL" data-id="https://sustainablewebdesign.org/" target="_blank" rel="noreferrer noopener">Sustainable web design</a></li>



<li><a href="https://www.greendesign.io/" data-type="URL" data-id="https://www.greendesign.io/" target="_blank" rel="noreferrer noopener">Greendesign.io</a></li>



<li><a href="https://www.theethicalmove.org/" data-type="URL" data-id="https://www.theethicalmove.org/" target="_blank" rel="noreferrer noopener">The ethical move</a></li>



<li><a href="https://principles.green/" data-type="URL" data-id="https://principles.green/" target="_blank" rel="noreferrer noopener">Principles of green software engineering</a></li>



<li><a href="https://www.circulardesignguide.com/" data-type="URL" data-id="https://www.circulardesignguide.com/" target="_blank" rel="noreferrer noopener">The circular design guide</a></li>



<li>If you on a personal level want to start, please watch <a href="https://www.onepercentfortheplanet.org/" target="_blank" rel="noreferrer noopener">One percent for the plant</a>.</li>
</ol>



<div style="height:42px" aria-hidden="true" class="wp-block-spacer"></div>



<div id="bl328"><div class="sq_blog_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="b_1" class="sq_news" href="https://www.mckinsey.com/business-functions/operations/our-insights/a-digital-path-to-sustainability" title="A digital path to sustainability | McKinsey">A digital path to sustainability | McKinsey</a><div class="sq_news_text" style="font-style:italic;color: #333;">Apr 25, 2022 <b>...</b> <b>Sustainability</b> and productivity needn't be at odds when enabled by Fourth Industrial Revolution technologies. And with an empowered&nbsp;...</div></div></div><div><br style="clear:both"></div>



<div id="bl118"><div class="sq_blog_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="b_4" class="sq_news" href="https://static1.squarespace.com/static/59dc930532601e9d148e3c25/t/5a2c97b5e4966be66fae2716/1512871882345/Cybercom-Digital-Sustianability-full+report.pdf" title="Digital Sustainability">Digital Sustainability</a><div class="sq_news_text" style="font-style:italic;color: #333;"><b>Digital sustainability</b> is the means by which digitalisation, as a key part of the fourth industrial revolution, can deliver on the global sustainability&nbsp;...</div></div></div><div><br style="clear:both"></div>



<div id="bl406"><div class="sq_blog_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="b_6" class="sq_news" href="https://www.itproportal.com/features/digital-sustainability-creating-a-new-digital-world-with-green-technology-innovations/" title="Digital sustainability: Creating a new digital world with green ...">Digital sustainability: Creating a new digital world with green ...</a><div class="sq_news_text" style="font-style:italic;color: #333;">Oct 29, 2021 <b>...</b> <b>Digital sustainability</b>: Creating a new digital world with green technology innovations ... When it comes to sustainability, many of us first think&nbsp;...</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/stepping-into-digital-sustainability/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Deconstructing AI Art masterpieces: Create Art like Refik Anadol</title>
		<link>https://manfred-feiger.com/create-ai-art-like-refik-anadol/</link>
					<comments>https://manfred-feiger.com/create-ai-art-like-refik-anadol/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Mon, 24 Jan 2022 16:10:43 +0000</pubDate>
				<category><![CDATA[art]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ML]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=940</guid>

					<description><![CDATA[<p><img width="1000" height="998" src="https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI Art – deconstructing masterpieces: Refik Anadol" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1.png 1000w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-300x300.png 300w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-150x150.png 150w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-768x766.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></p>For anyone who wonders how Refik Anadol realized his art, this article is a step to getting started with AI or data-driven art.]]></description>
										<content:encoded><![CDATA[<p><img width="1000" height="998" src="https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AI Art – deconstructing masterpieces: Refik Anadol" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1.png 1000w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-300x300.png 300w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-150x150.png 150w, https://manfred-feiger.com/wp-content/uploads/2022/01/AI-art-teaser-1-768x766.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></p>
<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">What if you were asked to create art like Refik Anadol? Or to produce some "<strong>AI art</strong>"?</p>



<p class="wp-block-paragraph">In case you haven't heard of him, go directly to the <a rel="noreferrer noopener" href="https://vimeo.com/refo" type="URL" id="https://vimeo.com/refo" target="_blank" class="ek-link">vimeo channel of Refik Anadol</a> and enjoy the moment of discovery! </p>



<p class="wp-block-paragraph">When I first saw his pieces (only virtually so far), I was flashed. I really love that look of organic movement and abstract shapes. And one question that came to my mind was… how on earth was it done? As I did some research about him a little while ago, but recently rediscovered my love for his work, I wanted to share my findings about him and what could be called AI art.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">For me, art reflects humanity’s capacity for imagination. And if I push my compass to the edge of imagination, I find myself well connected with the machines, with the archives, with knowledge, and the collective memories of humanity.</p>
<cite><a href="https://www.moma.org/magazine/articles/658" class="ek-link">Refik Anadol in an interview with MoMA</a> in 2021</cite></blockquote>



<p class="wp-block-paragraph">To get an idea who <a rel="noreferrer noopener" href="https://refikanadol.com/" data-type="URL" data-id="https://refikanadol.com/" target="_blank">Refik Anadol</a> is and what AI in the context of art is, I recommend watching the <a rel="noreferrer noopener" href="https://www.ted.com/talks/refik_anadol_art_in_the_age_of_machine_intelligence" data-type="URL" data-id="https://www.ted.com/talks/refik_anadol_art_in_the_age_of_machine_intelligence" target="_blank">ted talk</a> with him.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://www.ted.com/talks/refik_anadol_art_in_the_age_of_machine_intelligence"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/01/Refik-Anadol-screenshot-ted-1024x577.jpg" alt="Refik Anadol – Art in the age of machine intelligence on TED" class="wp-image-942"/></a><figcaption class="wp-element-caption"><meta charset="utf-8">Art in the age of machine intelligence, title picture from ted talk. <a href="https://www.ted.com/talks/refik_anadol_art_in_the_age_of_machine_intelligence" target="_blank" data-type="URL" data-id="https://www.ted.com/talks/refik_anadol_art_in_the_age_of_machine_intelligence" rel="noreferrer noopener">Watch Talk</a>.</figcaption></figure>



<h3 class="wp-block-heading">Painting with data</h3>



<p class="wp-block-paragraph"><a href="https://refikanadol.com/works/melting-memories/">Melting Memories</a> or <a href="https://refikanadol.com/works/machine-hallucinations-nature-dreams/">Machine hallucinations</a> are examples of his stunning artworks collection. Many of his artworks take the perspective of the computer: what does it look like if a computer is dreaming? </p>



<p class="wp-block-paragraph">In a world surrounded by data, <a rel="noreferrer noopener" href="https://refikanadol.com/" data-type="URL" data-id="https://refikanadol.com/" target="_blank">Refik Anadol</a> uses this data and presents it in a visually stunning representation. These data sets could include many terabytes. </p>



<p class="wp-block-paragraph">To work with the data he uses machine learning (ML) to produce interactive AI projects. If you are up for <a rel="noreferrer noopener" href="https://quantumai.google/" target="_blank">Quantum AI by google</a>, there’s also a project you could check out: <a rel="noreferrer noopener" href="https://refikanadol.com/works/quantummemories/" target="_blank">Quantum memories</a>. And here’s some insight from the data perspective on <a href="https://www.youtube.com/watch?v=ASfTqCdTvXc">youtube</a>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">In the past five years, we’ve trained more than 100 AI models, and used close to five petabytes of raw data.</p>
<cite><a href="https://www.moma.org/magazine/articles/658" target="_blank" rel="noreferrer noopener" class="ek-link">Refik Anadol in an interview with MoMA</a> from 2021</cite></blockquote>



<p class="wp-block-paragraph">As I mentioned Refik Anadol works a lot with data. For the piece “Melting Memories”, he used EEG data to paint. In the <a rel="noreferrer noopener" href="https://refikanadol.com/works/melting-memories/" data-type="URL" data-id="https://refikanadol.com/works/melting-memories/" target="_blank">description of the artwork</a> you could find more details on how the masterpiece was realized. Refik describes the use of <a rel="noreferrer noopener" href="https://github.com/pbashivan/EEGLearn" target="_blank">EEG</a> data and some challenges converting it to <a rel="noreferrer noopener" href="https://vvvv.org/" target="_blank">vvvv</a>. A live programming environment, everyone, who ever looked at interactive environments might have heard of. IIf you are searching for software that is native to mac, you could give <a rel="noreferrer noopener" href="https://derivative.ca/" target="_blank">touchdesigner</a> a try. If you are more of a programmer, you could also look at <a rel="noreferrer noopener" href="https://openframeworks.cc/" target="_blank">openframeworks</a>.</p>



<p class="wp-block-paragraph">Besides data, it seems Refik Anadol likes giant canvasses for his art. So he also likes facades to transform architectural spaces. The <a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=DdZClLG0g0I" target="_blank">illumination of Frank Gehry’s Walt Disney Concert Hall</a> is an iconic example. Titled WDCH Dreams, he makes use of projection mapping to illuminate the building. <br>Google Arts &amp; Culture has an <a rel="noreferrer noopener" href="https://artsandculture.google.com/theme/how-an-artist-used-ai-to-make-a-concert-hall-dream/lAJCawbNlPUVIQ" target="_blank">interesting page about Refik Anadol</a>, explaining more facets of the piece.</p>



<figure class="wp-block-image alignwide size-large"><a href="https://www.youtube.com/watch?v=DdZClLG0g0I"><img decoding="async" src="//i0.wp.com/manfred-feiger.com/wp-content/uploads/2022/01/REfik-Anadol-Hall-1024x577.jpg" alt="Refik Anadol – AI art data projection" class="wp-image-945"/></a><figcaption class="wp-element-caption"><a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=DdZClLG0g0I" type="URL" id="https://www.youtube.com/watch?v=DdZClLG0g0I" target="_blank" class="ek-link">WDCH at Youtube</a></figcaption></figure>



<p class="wp-block-paragraph">To get the projection right, you could see that he had a model of the building in his <a href="https://www.niio.com/blog/studio-visit-refik-anadol/" target="_blank" rel="noreferrer noopener">office</a>. </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">In my practice, I’m not just creating a bunch of shiny pixels. I’m doing my very best to bring depth to surface by understanding exactly why technology may be purposeful and impactful for my imagination. Not because it’s the hype, or because it’s new, or because it is popular.</p>
<cite><a href="https://www.harpersbazaararabia.com/hbanews/refik-anadol" data-type="URL" data-id="https://www.harpersbazaararabia.com/hbanews/refik-anadol" target="_blank" rel="noreferrer noopener">Refik Anadol in an interview in Harpers Bazaar Arabia</a></cite></blockquote>



<h3 class="wp-block-heading">What are the takeaways from AI Art?</h3>



<p class="wp-block-paragraph">It is truly fascinating to see how Refiks Anadols' work circles around our current digital, AI-driven and real landscape. Of course, the work does not address every aspect that is relevant at the moment. This includes environmental aspects, as I mentioned in my article <a type="URL" id="https://manfred-feiger.com/improving-the-world-as-a-designer/" href="https://manfred-feiger.com/improving-the-world-as-a-designer/" target="_blank" rel="noreferrer noopener" class="ek-link">Improving the world as a designer. However, </a>his art makes future aspects of AI tangible in a visually appealing way. Everything I expect from art.</p>



<p class="wp-block-paragraph">There’s an interesting discussion in MoMA magazine on “<a rel="noreferrer noopener" href="https://www.moma.org/magazine/articles/658" target="_blank">Modern Dream: How Refik Anadol Is Using Machine Learning and NFTs to Interpret MoMA’s Collection</a>”. The article describes Refik's Journey to get into his machine hallucination series. It is an excellent source of inspiration, as well as an overview of the status quo of AI-art and its beautiful perspectives. In terms of the ever emerging NFT landscape maybe even an option to get into AI-art yourself. If your alarm signals are ringing, when i mention NFT, be assured, there are <a rel="noreferrer noopener" href="https://branch.climateaction.tech/issues/issue-2/a-guide-to-ecofriendly-cryptoart-nfts/" data-type="URL" data-id="https://branch.climateaction.tech/issues/issue-2/a-guide-to-ecofriendly-cryptoart-nfts/" target="_blank">eco-friendly NFTs</a>, too.</p>



<p class="wp-block-paragraph">By the way, if you want to dive deeper into equipment, I guess one piece I forgot about is the <a rel="noreferrer noopener" href="https://www.panasonicvisualsystems.com/industries/museums/refikanadolpanasonicprojection" target="_blank">projector</a> he is using. And if you want to get a comprehensive overview of his most famous pieces and the money he earned, you can find more on <a rel="noreferrer noopener" href="https://artnsketch.com/refik-anadol-what-do-you-need-to-know/" target="_blank">artnsketch</a>. Unfortunately I didn't find details on how he creates the depth in his works. However, I am pretty sure it's the combination of architecture and the illusion of the depth, that creates the magic you might know from playing with generative art.</p>



<p class="wp-block-paragraph">If you want to dive into the world of generative art, I would recommend getting started with <a rel="noreferrer noopener" href="https://p5js.org/" data-type="URL" data-id="https://p5js.org/" target="_blank">p5JS</a> or <a rel="noreferrer noopener" href="https://processing.org/de/" data-type="URL" data-id="https://processing.org/de/" target="_blank">processing</a>, but also <a rel="noreferrer noopener" href="https://derivative.ca/" data-type="URL" data-id="https://derivative.ca/" target="_blank">touchdesigner</a> offers awesome tutorials to get started. Another way to learn is following <a rel="noreferrer noopener" href="https://natureofcode.com/" data-type="URL" data-id="https://natureofcode.com/" target="_blank">Daniel Shiffman</a>, aka the <a href="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw" data-type="URL" data-id="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw">coding t</a><a rel="noreferrer noopener" href="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw" data-type="URL" data-id="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw" target="_blank">r</a><a href="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw" data-type="URL" data-id="https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw">ain</a> on youtube. No matter if generative programming or getting started with Machine Learning (ML). Watching him is already a classic. There's also an impressive collection of AI artists, tools and resources at <a rel="noreferrer noopener" href="https://aiartists.org/" data-type="URL" data-id="https://aiartists.org/" target="_blank">aiartists.org</a>.</p>



<p class="wp-block-paragraph">Those principles being applied within AI-artworks are, in my opinion, relevant to design disciplines as well. Interacting in 3D space and mapping visually engaging worlds in a metaverse or other VR experience is challenging and requires more thought, as the world of AI is already showing. Maybe Refik offers such a world for us in one of his latest projects: <a rel="noreferrer noopener" href="https://dataland.art/" target="_blank">dataland</a>. </p>



<p class="wp-block-paragraph">For now my final summary is, thank you, Refik Anadol, for inspiring creative visual discoveries and an inspiring combination of contemporary technologies to provide beauty.</p>



<p class="wp-block-paragraph">❤️ <a rel="noreferrer noopener" href="https://twitter.com/refikanadol" data-type="URL" data-id="https://twitter.com/refikanadol" target="_blank">@refikanadol</a></p>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading" id="other-articles-and-sources">Other articles and sources:</h4>



<ol class="wp-block-list">
<li><a href="https://aiartists.org/ai-generated-art-tools" data-type="URL" data-id="https://aiartists.org/ai-generated-art-tools">AI Artists</a></li>



<li>Some resources I collected in my article "<a href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" type="URL" id="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" class="ek-link">Generative Art – how to get started with AI Art</a>"</li>



<li><a href="https://manfred-feiger.com/writing/" class="ek-link">My other writings often focus on how AI is being used in Design, Art, and society in general and I often share some thoughts.</a></li>



<li><a aria-label="AI Art: How artists are using and confronting machine learning | HOW TO SEE LIKE A MACHINE –&nbsp;great video from MoMA with some more description of Refik's work (opens in a new tab)" href="https://www.youtube.com/watch?v=G2XdZIC3AM8&amp;t=3s" target="_blank" rel="noreferrer noopener" class="ek-link">AI Art: How artists are using and confronting machine learning | HOW TO SEE LIKE A MACHINE –&nbsp;great video from MoMA with some more description of Refik's work</a></li>



<li>Ted Talk from Refik Anadol: "<a href="https://www.ted.com/talks/refik_anadol_how_ai_art_could_enhance_humanity_s_collective_memory" class="ek-link">How AI art could enhance humanity's collective memory</a>"</li>
</ol>



<p class="wp-block-paragraph"></p>



<h4 class="wp-block-heading">Recommended tutorials to get started:</h4>



<ol class="wp-block-list">
<li><a href="https://www.youtube.com/watch?v=EG6SiCLutNY&amp;t=324s" data-type="URL" data-id="https://www.youtube.com/watch?v=EG6SiCLutNY&amp;t=324s" target="_blank" rel="noreferrer noopener">Refik Anadol Particles in TouchDesigner, Part One - Tutorial</a></li>



<li><a href="https://www.youtube.com/watch?v=Yg1ZT32OlW4" data-type="URL" data-id="https://www.youtube.com/watch?v=Yg1ZT32OlW4" target="_blank" rel="noreferrer noopener">Refik Anadol Particles in TouchDesigner, Part Two - Tutorial</a></li>



<li>Some more links to tutorials and how to get started with AI Art you will find in my article <a href="https://manfred-feiger.com/generative-art-how-to-get-started-with-ai-art/" data-type="post" data-id="1832">Generative Art – how to get started with AI Art</a></li>
</ol>



<div id="wi987"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_0" class="sq_wiki" href="//en.wikipedia.org/wiki/Artificial_intelligence_art" title="Artificial intelligence art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Artificial intelligence art</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">There are many mechanisms for creating <span class="searchmatch">AI</span> <span class="searchmatch">art</span>, including procedural 'rule-based' generation of images using mathematical patterns, algorithms which simulate</div></div></div><div><br style="clear:both"></div>



<div id="wi482"><div class="sq_wiki_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="w_5" class="sq_wiki" href="//en.wikipedia.org/wiki/Generative_adversarial_network" title="Generative adversarial network" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Generative adversarial network</a><div class="sq_wiki_text" style="font-style:italic;color: #333;">used to generate <span class="searchmatch">art</span>; The Verge wrote in March 2019 that "The images created by GANs have become the defining look of contemporary <span class="searchmatch">AI</span> <span class="searchmatch">art</span>." GANs can also</div></div></div><div><br style="clear:both"></div>



<div id="lo792"><div class="sq_local_content" style="position: relative;clear: both;background: white;font-size: 14px;color: #333;max-width: 500px;margin: 5px auto 5px auto;padding: 13px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 0 #DDD;-moz-box-shadow: 0 1px 0 #ddd;box-shadow: 0 1px 0 #DDD;"><a id="l_1367" class="sq_local" href="https://manfred-feiger.com/speaking-computer-language-welcome-ai-art/" title="Speaking computer language – welcome AI Art" style="display: block;font-weight: 700;color: #0074B7;line-height: 1.4em;margin-bottom: 5px;text-decoration: none;">Speaking computer language – welcome AI Art</a><div class="sq_local_text" style="font-style:italic;color: #333;">The command prompt: A black, empty screen and a blinking line, waiting for my input. Could you imagine</div></div></div><div><br style="clear:both"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/create-ai-art-like-refik-anadol/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Design for the 21st Century with Don Norman – review</title>
		<link>https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/</link>
					<comments>https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/#comments</comments>
		
		<dc:creator><![CDATA[manfred feiger]]></dc:creator>
		<pubDate>Fri, 14 Jan 2022 20:14:49 +0000</pubDate>
				<category><![CDATA[design]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[HCD]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://manfred-feiger.com/?p=844</guid>

					<description><![CDATA[<p><img width="800" height="799" src="https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Design for the 21st Century with Don Norman – review" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review.png 800w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-501x500.png 501w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-320x320.png 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-768x767.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>Summary, thoughts and review of the course, design for the 21st century. How designers could create impact with human-centered design.]]></description>
										<content:encoded><![CDATA[<p><img width="800" height="799" src="https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Design for the 21st Century with Don Norman – review" decoding="async" loading="lazy" srcset="https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review.png 800w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-501x500.png 501w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-320x320.png 320w, https://manfred-feiger.com/wp-content/uploads/2022/07/Design-for-the-21st-Century-with-Don-Norman-–-review-768x767.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p class="wp-block-paragraph">Difficult to start a review of a course if the host of the course is someone who you highly admire. So, I am sure, my review will be biased. It's best to watch the <a href="https://www.interaction-design.org/master-classes/21st-century-design-with-don-norman" target="_blank" data-type="URL" data-id="https://www.interaction-design.org/master-classes/21st-century-design-with-don-norman" rel="noreferrer noopener">course</a> yourself.</p>



<p class="wp-block-paragraph">Overall, the course <strong>Design for the 21<sup>st</sup> century</strong> isn’t complex and easy to consume (I guess, even on the go). You’ll learn why the application of human-centered design practices helps to solve complex global challenges.</p>



<p class="wp-block-paragraph">Though I enjoyed many background stories from Don, I assume that someone who isn’t such a fanboy as myself, could be happy reading the topic overview <a href="https://www.interaction-design.org/literature/topics/21st-century-design" target="_blank" rel="noreferrer noopener">here</a> and have a 70% summary of the whole course. But anyhow, I would recommend anyone to watch it. For people interested in an overall video, there’s also a talk from Don on <a href="https://www.youtube.com/watch?v=S33jzTrpZW4&amp;t=224s" target="_blank" rel="noreferrer noopener">youtube</a>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">The main trouble with design schools seems to be that they teach too much design and not enough about the ecological, social, economic, and political environment in which design takes place. It is impossible to teach anything in vacuo, least of all in a field as deeply involved with man’s basic needs as we have seen design to be. To the problem of the dichotomy between the real world and the world of the school, there can be, understandably, many different answers.”</p>
<cite>Victor Papanek, Design for the real world.</cite></blockquote>



<h3 class="wp-block-heading">The future of design education</h3>



<p class="wp-block-paragraph">To initiate my review of the course, I commence by providing a concise overview of a paper authored by Don Norman and Michael Meyer in Spring 2020, which was published in the <a href="https://www.sciencedirect.com/journal/she-ji-the-journal-of-design-economics-and-innovation/vol/6/issue/1" target="_blank" rel="noreferrer noopener">She Ji journal.</a> The whole issue was about design education and Don contributed one chapter on “<a href="https://pdf.sciencedirectassets.com/313347/1-s2.0-S2405872620X00025/1-s2.0-S2405872620300046/main.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEFsaCXVzLWVhc3QtMSJIMEYCIQCCbaZaKn4YPoJfimk8MB5WBe0wD3vFs5Pc1%2Bm1RA5gKQIhAI4BnVhY1HnpPt7oM964d7bhDumEDxrmgNokWrBEAQy%2BKvoDCHQQBBoMMDU5MDAzNTQ2ODY1IgwLD8FpyTjA8wzEj9sq1wM0xy7DrfwDEQOBrz0S3ZuFQvjv8cpDxU9jawNLR%2BrXW4kXrIBqk9dT7J7vjHGvxM%2BB6BM9PyScPgO2%2BKfmC0DOforgKhhBCgfgawuSHDOPYQsObRgbkjlXPWj%2BqSG84ur%2Bj6eCrrtb0ZYwySzEzHNd5k%2BEHnHewhXYIB7ktBZtx3YWpKpAUbUdS7d8L1nG9tXMQ7aXOUhhQ8c4HQGDu9fPoZ8J3okHHuUgraLYFs0OvG%2BRmd1lWfVGSzUa%2B7gB7ZJ8kcBmBvgGZATXRG8fJRdJQcLn0m3WtzyltPyrtTfd90L2FGQ81jDgW0%2BPtzYKm%2B8vtZS67tGV59vmi1M4aOXLSEfuAo17o3hZ1%2FxpbPIL%2BMTh2opieB%2FIApsdwUJnT4UyjZfH7Y%2F0BqgYjI06ZMBtbENHVHa9KmTuDBr8MDfR%2Fk3wBcUwiYGKsm0rhT6UxutWbg4mmwQVdLendGp93x%2FDj938pM8UKrP2uJv1HXmlgFgiU%2Fipt0yMkHnDSmu%2BDaFIxXQOT1hAtW0pfktGfQ%2B%2BKj5XYlpyt0ZkI4y4hJzXmCdaCa27Gd4XrcbKSy57z%2BItz3Q5xt0WeUQN6JkC3ftJfOADCZwz7kNN5rhxLn2EHYTeX%2BqbGcMwr6eFjwY6pAFASdpvWtwJYDs3hO7YB69is4Vjvc9iT9kdceZY7Op055qPuTK0Wm%2BLHQcfQgLYObsfNdRcfEQN4%2Be5%2B%2FUvCH8BXTj306dasDgrOymOKqzlPF%2FI9ZqJZ1KtHtCxr1nL5T9vtyfxgmthACKzQZY6U8mkObxtufuin4jhJQo34685rn83R05gAihupsH4GFSdfFmnBexWZB8wZfZ9uoCHV4EUPfgTZQ%3D%3D&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Date=20220114T122230Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=300&amp;X-Amz-Credential=ASIAQ3PHCVTYVUN5AJ7I%2F20220114%2Fus-east-1%2Fs3%2Faws4_request&amp;X-Amz-Signature=82b43543b63ebacab0750d6220ef8e044d17cd6bebfc0bfbe01f56da2df1e94f&amp;hash=f07bca61d00f986df576390c603560a965bde19bb5abebe89d6fcc983fd1484e&amp;host=68042c943591013ac2b2430a89b270f6af2c76d8dfd086a07176afe7c76c2c61&amp;pii=S2405872620300046&amp;tid=spdf-fa431351-ef19-43bb-9eff-315575ca006e&amp;sid=fa8fa20c90d6004da108a7d33ddf014fca22gxrqb&amp;type=client" target="_blank" rel="noreferrer noopener">Changing Design Education for the 21<sup>st</sup> Century</a>”.</p>



<p class="wp-block-paragraph">One central element of the paper is that today’s community of design educators need a new transformational spirit to modify design pedagogy to form a new 21<sup>st</sup> century design curriculum. There are too many challenges, real world challenges, that could use the skillset of designers, but Design education is a complex field as there are numerous specialized disciplines and all are changing continually.</p>



<p class="wp-block-paragraph">As proposed by <a href="https://www.academia.edu/40519668" target="_blank" rel="noreferrer noopener">Ken Friedman</a>, there are eleven challenges for design education divided into four main groups that define the future of design: </p>



<ul class="wp-block-list">
<li>Performance Challenges </li>



<li>Systemic Challenges, </li>



<li>Contextual Challenges </li>



<li>and Global Challenges. </li>
</ul>



<p class="wp-block-paragraph">For too long, discussions about design have focused on artifacts rather than scientific publications. While some disciplines have benefited from contributions from other academic fields, others continue to fixate on artifacts. Imagine what UX Design would be without the valuable insights from cognitive and behavioral sciences!</p>



<p class="wp-block-paragraph">The value of design for companies also increased a lot. (Here’s a <a href="https://www.dmi.org/blogpost/1093220/182956/Design-Driven-Companies-Outperform-S-P-by-228-Over-Ten-Years--The-DMI-Design-Value-Index" target="_blank" rel="noreferrer noopener">chart</a> you might want to use in your presentation) Techniques like Design Thinking got popular, but also <a href="http://www.jonkolko.com/writingDesignThinking.php" target="_blank" data-type="URL" data-id="http://www.jonkolko.com/writingDesignThinking.php" rel="noreferrer noopener">got abused or misunderstood</a> by people applying these principles.</p>



<p class="wp-block-paragraph">In the paper the origins of our design education and some evaluation/overview of current design studies, mainly in the U.S. get listed. The balance between academia and practice is one major struggle design education is facing now. There are many proposals in the paper, on curriculums, on degrees and on common skills for all designers. These skills relate to the challenges mentioned above.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">“Today’s designers are required to use technologies that continue to evolve. They must gain a deeper understanding of social issues, human behavior, and modern business models. They must meet new ethical challenges that go along with an expansion into different global territories with different sustainability issues, different cultures, and different value systems.”</p>
<cite>from the outline of the course</cite></blockquote>



<h4 class="wp-block-heading">Common skills of designers</h4>



<p class="wp-block-paragraph">The most common theme in design is a focus on people, solving the right problems, prototyping, and iterating. The process of failing and learning is in the DNA of all designers, as is sketching as a means of thinking and communicating ideas to others. Finally, there is the ability to see the world through the user's eyes and the willingness to question everything.</p>



<p class="wp-block-paragraph">Overall, the way designers tackle problems is different from other disciplines. As Don focuses on HCD, human-centered design, he outlines the special role of designers, who also consider people and society when working on a project.</p>



<p class="wp-block-paragraph">As a consequence of this paper and the essential role of HCD, Don shares the course "Design for the 21<sup>st</sup> century" with us. I assume he also wants to motivate each one of the participants to contribute to the <a href="https://www.futureofdesigneducation.org/" target="_blank" rel="noreferrer noopener">future of design education</a>.</p>



<div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">Review of the course Design for the 21st Century with Don Norman</h2>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">Learning goals</h3>



<ul class="wp-block-list">
<li>How designers can improve the world</li>



<li>How you can apply human-centered design insights and processes when you aim to solve complex global problems</li>



<li>Which skills a designer needs in the 21<sup>st</sup> century and what you can do to make a difference in the world.</li>
</ul>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1.jpg" alt="4 principles of human-centered design" class="wp-image-846" srcset="https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1.jpg 1920w, https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1-300x169.jpg 300w, https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1-1024x576.jpg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1-768x432.jpg 768w, https://manfred-feiger.com/wp-content/uploads/2022/01/principles-of-human-centered-design-1-1536x864.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">4 principles of human-centered-design by © Daniel Skrok and Interaction Design Foundation, CC-BY-SA 3.0 </figcaption></figure>



<h3 class="wp-block-heading">HCD – human-centered Design</h3>



<p class="wp-block-paragraph">Above all you'll learn in the course about HCD, Human-centered design or if you wish humanity-centered design, which extends the frame even further. For me personally, I liked the way Don explained the terms and the transformations of terms over time. As you as an experienced designer know, Don also coined the term <a href="https://www.nngroup.com/articles/definition-user-experience/" data-type="URL" data-id="https://www.nngroup.com/articles/definition-user-experience/" target="_blank" rel="noreferrer noopener">User Experience</a> once. Nowadays, Don sees a shift from user centered, towards human-centered design.</p>



<p class="wp-block-paragraph">Core attributes of human-centered design:</p>



<ol class="wp-block-list">
<li><strong>People-centered</strong>: <br>Focus on people and their context in order to create things that are appropriate for them.</li>



<li><strong>Understand and solve the right problems&nbsp;</strong>—&nbsp;<strong>the root problems:&nbsp;</strong><br>Understand and solve the right problem, the root causes, the underlying fundamental issues. The symptoms will just keep coming back if we don't!&nbsp;</li>



<li><strong>Everything is a system:&nbsp;</strong><br>Think of everything as a system of interconnected parts.&nbsp;</li>



<li><strong>Small and simple interventions:</strong>&nbsp;<br>Do iterative work and don't rush to a solution. Try small, simple interventions and learn from them one by one, and slowly your results will get bigger and better. We must continually prototype, test and refine our proposals to make sure that our small solutions truly meet the needs of the people we focus on.</li>
</ol>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Lost in a system crisis?</h4>



<p class="wp-block-paragraph">(note: this doesn’t relate directly to the contents of the course!)<br>If you ever went down the road into a little meaning crisis because you felt your designer job sucked and there must be more meaningful ways of following your profession, you might have ended up finding many different terms, such as </p>



<ul class="wp-block-list">
<li>environmental-centered design or planet-centric design, including interesting thoughts on a <a href="https://www.threebility.com/sustainable-business-model-canvas" target="_blank" rel="noreferrer noopener">sustainable business canvas</a>, <a href="http://www.damienlutz.com.au/wp-content/uploads/2020/12/Holistic-Design-Toolkit.pdf" target="_blank" rel="noreferrer noopener">the holistic design toolkit</a>, <a href="https://uxdesign.cc/tools-for-environment-centered-designers-actant-mapping-canvas-a495df19750e" target="_blank" rel="noreferrer noopener">the actant mapping canvas</a> or various ideas around <a href="http://www.mifav.uniroma2.it/inevent/events/idea2010/doc/50_7.pdf" target="_blank" rel="noreferrer noopener">non-human personas</a>. </li>



<li>You might have heard of the <a href="https://humanebydesign.com/" target="_blank" rel="noreferrer noopener">humane by design guide</a> focusing on inclusion, ethics and well-being or the concept of wellbeing in general, I already mentioned in my article on <a href="https://manfred-feiger.com/rebound-effects-in-ux-design/" data-type="post" data-id="488">rebound effects in UX-Design</a>.</li>
</ul>



<p class="wp-block-paragraph">What is so lovely about Don explaining complex topics is that he uses simple words, and he encourages everyone to also do it that way. So after listening to his explanations, it gets obvious it doesn’t matter what the name of any tool or practice is; it’s about the application of the tools. No matter if it’s humanity-centered, environment-centered, or whatever. Improving the world as a designer needs some skills Human-Centered Design has in its tool belt. Terms will evolve further in the future, but it's not important to improve the terms. It's more important to start acting.</p>



<figure class="wp-block-image alignwide size-full"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1.jpeg" alt="Humanity-centered design" class="wp-image-850" srcset="https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1.jpeg 1920w, https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1-300x169.jpeg 300w, https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1-1024x576.jpeg 1024w, https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1-768x432.jpeg 768w, https://manfred-feiger.com/wp-content/uploads/2022/01/humanity-centered-design-1-1536x864.jpeg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">Humanity-centered design by © Daniel Skrok, Kasturika and Interaction Design Foundation, CC-BY-SA 3.0</figcaption></figure>



<h3 class="wp-block-heading">Co-Design over experts – designers as facilitators of community-driven projects</h3>



<p class="wp-block-paragraph">Designers focus on the people and this is why designers are important to overcome old structures. Experts who don’t understand the people will fail, they are ignorant. It’s not the time anymore to apply western thinking to other places. The time of this colonialism is over. It's about listening to the local people and applying their insights. </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">“Local people ought to be the leaders inside the design process.”</p>
<cite>Don Norman</cite></blockquote>



<p class="wp-block-paragraph">As Don shares in his thinking for the future of education, Design is a discipline that is able to bring together multiple disciplines to overcome problems. In the course Don refers to the <a href="https://www.globalgoals.org/" target="_blank" rel="noreferrer noopener">17 sustainable development goals of the UN</a>. Design as a field of synthesis is able to find problems, understand the systems, understand the people who are affected and bring together the right people and experts.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">System-like thinking is a core ability.</h3>



<p class="wp-block-paragraph">The world around us works in systems. The human mind is not designed to understand complex systems, such as climate change. Action and reaction are easy to understand if there’s not much time in between. Speaking about sociotechnical systems, such as climate change, we need to understand the larger picture. </p>



<p class="wp-block-paragraph">By involving people who are closest to those challenges, it will get easier to map the problem. (Mapping, such as Experience mapping, is an easy way to display a more complex system).</p>



<p class="wp-block-paragraph">As designers have sketching skills and learn from failure and feedback, they are good in understanding the system, as all iterations deepen their understanding of the overall system to get closer to the root causes. </p>



<p class="wp-block-paragraph">It’s also the skill of questioning that is urgently needed to understand the real problem. To identify these root causes, the 5 Why's method comes in handy (simply ask as many why's as needed to get to the core). There are also some other concepts, such as “muddling” that will be beneficial. Watch the course yourself, if it sounds interesting to you.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">The call for generalists</h3>



<p class="wp-block-paragraph">The final chapter in the course is about the design skills you will need to make a difference. As shown in my headline, it’s more about being a generalist and about understanding the surrounding systems to think big. As I am a designer for more than 20 years now, the chapter didn’t feel new and there were many thoughts I could recall, especially for more junior designers or designers who are not trained in selling their ideas.</p>



<p class="wp-block-paragraph">Often designers get the way they try to sell their idea or design wrong. They use their domain of words instead of the arguments and words their target audience uses. Such as the business perspective to show how much value or money the idea will create. I experienced it being a creative director at one of the biggest <a href="https://www.publicis.com/" data-type="URL" data-id="https://www.publicis.com/" target="_blank" rel="noreferrer noopener nofollow">network agencies</a> in the world. I assume I got promoted into this position as I could translate the language of other creatives towards the argument’s others needed. My artificial design skills are just OK, I would say.</p>



<p class="wp-block-paragraph">In this chapter, Don brings back the focus to his earlier work on design education. He envisions a more comprehensive approach to education in general. While maintaining traditional design education, it's important for designers to develop a broader set of skills to comprehend the world and its interconnected systems.</p>



<p class="wp-block-paragraph">While I initially thought I couldn't learn anything new myself, the final chapter completely captivated me. Don's words rekindled my belief in being a designer, reminding me that it is my true calling.</p>



<p class="wp-block-paragraph">In my opinion, numerous aspects of our society, including the various systems that surround us, are defined by a single term. For instance, there is a specific term that describes one's occupation, as well as a singular term used to denote a particular design method.</p>



<p class="wp-block-paragraph">I never felt good about these terms. People imply certain tasks and jobs to certain terms. Looking at my own <a href="https://manfred-feiger.com/expertise/" data-type="page" data-id="86">expertise page</a>, you will notice, that I didn’t call myself a designer, but a kind of swiss-army knife and some more fancy words that describe my passion. </p>



<p class="wp-block-paragraph">Maybe it’s more of a German thing. Designer here are more crafts people and so most tend to see you as someone who is creating nice visuals or some other sort of visual design. Something I can't identify with. </p>



<p class="wp-block-paragraph">I am a generalist who loves digging into other topics, of getting to know the problem and understanding the industry i am working for. Creating a visual layer to something is only the tip of an iceberg or to put it in the context of UX-Design, it's just a layer in the overall process. Of course I also like the visual design part of it, but i am more happy in solving the underlying overall issue to the better.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">My final resume on the course?</h3>



<p class="wp-block-paragraph">Thanks @Don, though it's a simple course, I liked it.</p>



<p class="wp-block-paragraph">The course may lack depth for experienced designers more drawn to the conceptual side of design. Nonetheless, these inspiring words from the grand seigneur of UX Design, Don Norman, instill faith in your skills and the impactful role you could play in making the world a better place.</p>



<p class="wp-block-paragraph">We should all strive to incorporate the 17 sustainable development goals of the UN into our schedules. This should be a shared objective, even for those in the advertising industry, as there is a dedicated category for it at the prestigious Cannes Lions festival. Moreover, if you are working towards reducing your own ecological footprint, I will soon share some insightful thoughts on the matter.</p>



<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Additional Ressources</h4>



<ul class="wp-block-list">
<li>Applying 21st century design – my experiences in working on the sustainable development goals with students</li>



<li><a href="https://manfred-feiger.com/thinking-in-systems-navigating-complexity/" class="ek-link">Thinking in Systems: Navigating Complexity</a> – almost two years later – my current thoughts on thinking in systems</li>



<li><a href="https://www.interaction-design.org/courses/design-for-the-21st-century" target="_blank" aria-label="Interaction Design Foundation – Design for the 21st Century with Don Norman (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Interaction Design Foundation – Design for the 21st Century with Don Norman</a></li>



<li><a href="https://www.interaction-design.org/courses/design-for-a-better-world-with-don-norman-course" target="_blank" aria-label="Interaction Design Foundation – Design for a better world with Don Norman (opens in a new tab)" rel="noreferrer noopener" class="ek-link">Interaction Design Foundation – Design for a better world with Don Norman</a></li>
</ul>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://manfred-feiger.com/design-for-the-21st-century-with-don-norman/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
