<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[Nick Babich]]></title><description><![CDATA[Nick is a product designer who's passionate about user experience. In this blog you can find almost everything about interface design and UX best practices.]]></description><link>https://babich.biz/</link><image><url>https://babich.biz/favicon.png</url><title>Nick Babich</title><link>https://babich.biz/</link></image><generator>Ghost 5.73</generator><lastBuildDate>Tue, 21 Apr 2026 04:09:02 GMT</lastBuildDate><atom:link href="https://babich.biz/blog/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[OKR in Product Design]]></title><description><![CDATA[<p>Having clear goals is vital for every organization. It allows team members to focus on the work that matters and deliver measurable results. Defining such goals is never easy.</p><p>But there is a secret weapon that can help you with that, and it&#x2019;s called OKR. OKR is a</p>]]></description><link>https://babich.biz/blog/okr-in-product-design/</link><guid isPermaLink="false">65d3c262c79258ff3bdde215</guid><category><![CDATA[featured]]></category><category><![CDATA[OKR]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Mon, 19 Feb 2024 21:07:33 GMT</pubDate><media:content url="https://babich.biz/content/images/2024/02/1_Z6jxlyvhy7-XdmoNzYnuJQ.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2024/02/1_Z6jxlyvhy7-XdmoNzYnuJQ.png" alt="OKR in Product&#xA0;Design"><p>Having clear goals is vital for every organization. It allows team members to focus on the work that matters and deliver measurable results. Defining such goals is never easy.</p><p>But there is a secret weapon that can help you with that, and it&#x2019;s called OKR. OKR is a goal-setting technique that helps teams establish measurable goals. In this article, I will show how product designers can use this technique.</p><p><em>This article is also available in a video format:</em></p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/3j_2DvyBhNY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="OKR in product design"></iframe></figure><h4 id="what-is-okr">What is&#xA0;OKR</h4><p>OKR stands for&#xA0;<em>Objectives</em>&#xA0;and&#xA0;<em>Key Results</em>. You might think that OKR has only two components, but in reality, there are three components:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*nKj0nLEalBea0jHUn_kX0w.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2878" height="1454"><figcaption><span style="white-space: pre-wrap;">Anatomy of OKR framework. Image by Nick&#xA0;Babich.</span></figcaption></figure><ul><li><strong>Objectives</strong>&#xA0;are what your team wants to accomplish. Objectives tell the team where to go. They are clear, memorable and inspiring goals.</li><li><strong>Key Results</strong>&#xA0;are how the team will measure results towards the objective. There should be 3 to 5 measurable outcomes that contribute to the achievement of an objective.</li><li><strong>Initiatives</strong>&#xA0;are actions that the team needs to complete to achieve key results.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*KTE_1tGelvGlrG9FeG23LQ.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2876" height="1378"><figcaption><span style="white-space: pre-wrap;">Objectives, Key results and Initiatives. Image by Nick&#xA0;Babich.</span></figcaption></figure><h4 id="how-to-write-okr">How to write&#xA0;OKR</h4><p>Here is a template that you can use to define OKR.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*38bY-K12ndOdL-JrtT2xVQ.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2872" height="1388"><figcaption><span style="white-space: pre-wrap;">OKR template. Image by Nick&#xA0;Babich.</span></figcaption></figure><blockquote>&#x201C;We will&#xA0;<strong>OBJECTIVE</strong>&#xA0;as measured by&#xA0;<strong>KEY RESULTS</strong>&#xA0;via&#xA0;<strong>INITIATIVES.</strong>&#x201D;</blockquote><h4 id="okr-vs-kpi">OKR vs&#xA0;KPI</h4><p>Before we dive into individual parts of OKR, it&#x2019;s essential to explain the difference between KPI and OKR. Many people believe that KPI and OKR are the same thing, which is untrue.</p><p>KPI and OKR serve different purposes.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*kW3cqOaHtW-MRHNkU-EBWw.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2866" height="1452"><figcaption><span style="white-space: pre-wrap;">KPI and OKR. Image by Nick&#xA0;Babich.</span></figcaption></figure><p>KPI stands for&#xA0;<em>key performance indicator</em>, and it is a type of performance measurement. KPI helps us evaluate how well something is working in our organization. For example, we can track customer retention rate to understand how our product retains customers.</p><p>OKR helps to understand how the team can achieve something. For example, what should we do if we want to improve our customer retention rate from 60 to 80?</p><p>As you probably guessed, OKR and KPI can complement each other. KPI helps to monitor performance and identify areas where the team can do better. OKR can drive innovation and give you a bigger picture.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*aMFIMFYyb_TO2xtZ5VQ7gw.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2880" height="1502"><figcaption><span style="white-space: pre-wrap;">KPI and OKR complement each other. Image by Nick&#xA0;Babich.</span></figcaption></figure><h4 id="writing-objectives">Writing objectives</h4><p>An objective is a meaningful goal that you want to accomplish. It sets the direction for your organization or team.</p><p>Think of it as a destination on the map.</p><p>Questions to ask before writing Objectives:</p><ul><li>What is the most important area of our business that we need to focus on?</li><li>Why does this goal matter to us?</li><li>How would we write our objective into a statement that inspires our team?</li></ul><p>Writing a good objective is not easy. Let&#x2019;s compare two objectives.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ljimo8vBCW321GdRkAtH0w.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2878" height="1460"><figcaption><span style="white-space: pre-wrap;">Poorly defined objective. Image by Nick&#xA0;Babich.</span></figcaption></figure><blockquote>Continue improving collaboration between design and customer success teams to improve the quality of customer service.</blockquote><p>This <strong>objective is poorly defined</strong> because:</p><ul><li>It&#x2019;s too wordy.&#xA0;</li><li>Unclear why this objective is important to the company. As a result, no motivation to achieve it.</li><li>There is no information about when the team plans to achieve this objective.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*qg-iQx37yd7CdHeXD538ew.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2880" height="1506"><figcaption><span style="white-space: pre-wrap;">Well-defined objective. Image by Nick&#xA0;Babich.</span></figcaption></figure><blockquote>Enhance product usability by the end of 2024.</blockquote><p>This <strong>objective is well-defined </strong>because:</p><ul><li>It&#x2019;s short and to the point.</li><li>The benefit is clear to the company. Better usability means happier customers.</li><li>Clear information when you want to achieve it.</li></ul><p>When writing an objective, remember to keep it&#xA0;<em>simple</em>&#xA0;and&#xA0;<em>focused</em>. It should be like a slogan that fits on a t-shirt.</p><p>Writing OKRs is an iterative process&#x200A;&#x2014;&#x200A;the more you write, the better you will become at it. That&#x2019;s why I strongly urge focusing on progress over perfection.</p><h4 id="key-results">Key Results</h4><p>If Objectives are the aspirational words of a leader, Key Results are the specific numbers and metrics of a scientist. Key results help to specify the objective and measure the progress towards it.</p><p>Questions to ask before writing Key Results:</p><ul><li>How will we know if we&#x2019;re successful?</li><li>How can we measure the impact of our work?</li><li>What metrics help us measure if we were successful?</li></ul><p>Let&#x2019;s compare two key results.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*eqE2SLUehtlRytNxXgLEzQ.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2880" height="1526"><figcaption><span style="white-space: pre-wrap;">Poorly-defined key result. Image by Nick&#xA0;Babich.</span></figcaption></figure><blockquote>Make the product more usable by following user-centered design principles.</blockquote><p>This <strong>key result is poorly defined</strong> because:</p><ul><li>It&#x2019;s too vague</li><li>No focus on impact.</li><li>No specifics about how we will measure our results.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*m62e0KsFl4p1GjHfCbrxxg.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2878" height="1490"><figcaption><span style="white-space: pre-wrap;">Well-defined Key Result. Image by Nick&#xA0;Babich.</span></figcaption></figure><blockquote>Achieve a customer usability score of 80 or above by the end of Q4 2024.</blockquote><p>This <strong>key result is well-defined</strong> because:</p><ul><li>Customer usability score is a measure of usability.&#xA0;</li><li>We&#x2019;ve defined the bar that we want to achieve.&#xA0;</li><li>And when we want to do it.</li></ul><p>It&#x2019;s important to remember that a good key result is an outcome, not output. Output is something that you do, like a task you need to complete. The outcome is a result of what you do.</p><h4 id="initiatives">Initiatives</h4><p>Initiatives are the things your team will do to achieve the outcome.</p><p>Questions to ask before writing Initiatives</p><ul><li>What do we need to do in order to be successful?</li><li>What can we get done in this period?</li><li>Who needs to be involved?</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*JOj1nOpco8sTK0Fz7D6T8g.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2834" height="1296"><figcaption><span style="white-space: pre-wrap;">Initiatives example. Image by Nick&#xA0;Babich.</span></figcaption></figure><p>When thinking about Key Results versus Initiatives, remember that key Results are the outcomes you want to happen, while initiatives are&#xA0;<em>outputs</em>&#x200A;&#x2014;&#x200A;activities you&#x2019;re performing to get there. Since we wanted to improve customer usability score, we need to invest in user research and usability testing.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*as18VOCSZ8E-zzb-8uErcQ.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2880" height="1454"><figcaption><span style="white-space: pre-wrap;">Key results vs initiatives. Image by Nick&#xA0;Babich.</span></figcaption></figure><h4 id="when-planning-initiatives">When planning initiatives</h4><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*fysHEGGFgiUruobo0_WxyQ.png" class="kg-image" alt="OKR in Product&#xA0;Design" loading="lazy" width="2880" height="1450"><figcaption><span style="white-space: pre-wrap;">When planning initiatives.&#xA0;</span></figcaption></figure><p>Here are a few things that you need to consider when planning initiatives:&#xA0;</p><ul><li>Make sure you have the necessary resources, time, and money, as well as stakeholder involvement.</li><li>Focus. A big mistake many managers make when planning work is being overly ambitious. OKRs help the team maintain focus, but when the team tries to achieve a few objectives at the same time, it&#x2019;s easy to lose focus. Because each objective may have many key initiatives, it is usually best to select only one objective per quarter and focus on it to achieve good results.</li><li>Measure. It&#x2019;s vital to define a set of metrics to monitor key initiatives. It will help you understand if you are moving in the right direction.</li></ul><h4 id="best-practices-for-okr">Best practices for&#xA0;OKR</h4><ol><li>When it comes to OKR, less is more. Don&#x2019;t set too many OKRs. Avoid putting everything you&#x2019;re doing in OKR. Focus on critical things first.</li><li>First, define strategy, then define OKR. If team members don&#x2019;t understand the organization&#x2019;s purpose and where it is headed, OKR will not motivate the team to do something. OKR simply won&#x2019;t work because people will be doing their job without a sense of purpose and inspiration.</li><li>Transparency is key. Team goals should be visible to anyone in your organization. It will also boost awareness.</li></ol>]]></content:encoded></item><item><title><![CDATA[GPT Store is a UX disaster]]></title><description><![CDATA[<p>OpenAI recently released a long-awaited store for GPTs. Now, ChatGPT Plus subscribers can access a collection of GPTs created by different users. In this article, I want to review the downsides of the current version of the store.</p><p><em>This article is also available in a video format:</em></p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/qUuEUTd9v04?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="GPT Store is a disaster"></iframe></figure><h4 id="gpts-home-page">GPTs home&#xA0;</h4>]]></description><link>https://babich.biz/blog/gpt-store/</link><guid isPermaLink="false">65a15bf6c79258ff3bdde1fc</guid><category><![CDATA[featured]]></category><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Fri, 12 Jan 2024 15:35:13 GMT</pubDate><media:content url="https://babich.biz/content/images/2024/01/Group-2458.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2024/01/Group-2458.png" alt="GPT Store is a UX&#xA0;disaster"><p>OpenAI recently released a long-awaited store for GPTs. Now, ChatGPT Plus subscribers can access a collection of GPTs created by different users. In this article, I want to review the downsides of the current version of the store.</p><p><em>This article is also available in a video format:</em></p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/qUuEUTd9v04?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="GPT Store is a disaster"></iframe></figure><h4 id="gpts-home-page">GPTs home&#xA0;page</h4><p>When we navigate to the Explore GPTs section, we will see a page that invites us to discover GPTs that suit our needs. We see a search bar and some categories such as Top Picks, Dall-e, Writing, Productivity.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*-ohumNZ8DnajVUUbiuARLw.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2880" height="1622"><figcaption><span style="white-space: pre-wrap;">GPTs page.</span></figcaption></figure><p>The first problem that we face is category selection. It&#x2019;s unclear why Dall-e, Writing, Productivity, Research &amp; Analysis are selected as the top-level categories. There are no categories like Finance, Travel, or Health. Below are the categories from AppStore, and you can see that the list of categories is more relevant to everyday activities.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*FtQ5YL2NEyRVKEZ6iHDTqw.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2392" height="776"><figcaption><span style="white-space: pre-wrap;">Categories from&#xA0;AppStore.</span></figcaption></figure><p>&#xA0;The naming of categories at the GPT Store is a bit confusing, too. The category &#x201C;Dall-e&#x201D; is basically image generation, but it has the name of the tool rather than the action that the user wants to perform using it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Rq9Ffclcrp52oZqGn3ABdQ.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2040" height="840"><figcaption><span style="white-space: pre-wrap;">Categories of&#xA0;GPTs.</span></figcaption></figure><p>If you look closely at the actual GPTs, you will notice another problem. You will need to read the text to understand what the GPT does for you. Apart from GPT icons, OpenAI doesn&#x2019;t offer any visuals. And icons are not always self-explanatory. But reading the text is not the most enjoyable experience. It will require a lot of brainpower right from the start.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*GSK1PSuQY8MVHK7_Ihr-UA.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2200" height="1374"><figcaption><span style="white-space: pre-wrap;">App icons are the only visual aid on the&#xA0;screen.&#xA0;</span></figcaption></figure><h4 id="searching-a-specific-gpt">Searching a specific&#xA0;GPT</h4><p>If we have a particular goal on our mind that we want to accomplish, for example, we want to find a finance advisor for ourselves, we will face another problem. Once you start typing your query, you will see that OpenAI offers recommendations based on the keywords you provided rather than analyzing your intention.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*YJFDu4956QWcNJc0SCUoYA.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2264" height="1602"><figcaption><span style="white-space: pre-wrap;">GPT Store search results for the prompt &#x201C;Finance&#xA0;advisor.&#x201D;</span></figcaption></figure><p>What I mean by that is when I say finance advisor, I want to see a list of finance apps.&#xA0;<em>Tech Support Advisor</em>&#xA0;or&#xA0;<em>Jo Ellen Mathews</em>&#xA0;results look irrelevant to my goal.</p><p>Apart from the GPT name, OpenAI doesn&#x2019;t offer any information on what the GPT provided in the list is doing. So, I assume I need to spend time to figure out what the app does. At least for me, it usually leads to a lot of time invested in testing various GPTs before I find the one that I need.</p><p>There is another problem. It&#x2019;s hard to figure out what other users think about the app. Take a look at the Apple AppStore for Yahoo Finance.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Sbh_aHv5O3fEze_dJoujcg.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2196" height="1348"><figcaption><span style="white-space: pre-wrap;">Yahoo Finance at Apple AppStore.</span></figcaption></figure><p>Apart from the visuals that communicate the purpose of the app, you see the rating, and you can read not only about the app itself but also what actual users think about it. And identify both the positive and negative sides of the product.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*1Xm-T5r4ldkJBLRM5f0Ofw.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2518" height="1140"><figcaption><span style="white-space: pre-wrap;">User ratings and reviews for Yahoo Finance at AppStore.</span></figcaption></figure><p>OpenAI doesn&#x2019;t offer that. So, there is no way to rely on other people&#x2019;s options when evaluating the GPT.</p><h4 id="using-a-custom-gpt">Using a custom&#xA0;GPT</h4><p>Let&#x2019;s try the first GPT from the search results (I assume it&#x2019;s the one that OpenAI thinks is the most relevant to my goal) and see how it will help us solve our problem.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*qE79uDR3cRswWbRw8cqIDA.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2552" height="1348"><figcaption><span style="white-space: pre-wrap;">Trying the first finance app from the search&#xA0;results.</span></figcaption></figure><p>Suppose I have 1000 dollars that I want to invest in stock, and I wonder if I should buy Tesla stock in 2024. Finance GPT provided a relatively long response, but it didn&#x2019;t answer my question. Let&#x2019;s force the GPT to give a precise answer&#x200A;&#x2014;&#x200A;yes or no.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*F-CD45vqFlJR_epf7T_gXg.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="1210" height="1396"><figcaption><span style="white-space: pre-wrap;">Asking custom GPT (Finance) for finance&#xA0;advice.</span></figcaption></figure><p>The GPT failed to do it. It&#x2019;s true that finance advising is a tricky thing, and there is a legal risk for the tool to say you should or shouldn&#x2019;t invest in something. But still, my goal is to get financial advice, not a general response about how to invest money.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*eIP1T_jlvc06Bk3n9LV9cw.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2326" height="1572"><figcaption><span style="white-space: pre-wrap;">Custom GPT provides a vague response to specific questions.</span></figcaption></figure><p>I&#x2019;ve tried many custom GPTs and want to say that most of the work is not really well. Many GPTs feel like half-baked apps that were created back in November 2023 when OpenAI announced custom GPTs. So, I think that OpenAI should review current GPTs and remove all mediocre apps from the store.</p><h4 id="history-of-operations">History of operations</h4><p>ChatGPT doesn&#x2019;t show the logo of a specific GPT in History. So, all results look the same to me, both results from native ChatGPT and custom GPTs.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*7h3zE0PCmBLLIJW1lyS4oA.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2304" height="1548"><figcaption><span style="white-space: pre-wrap;">History of questions.&#xA0;</span></figcaption></figure><p>So, as you can see here, Finance GPT has its own logo, but the result doesn&#x2019;t feature it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*s_-ugHLXUK97ftUFt-u68w.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2412" height="1094"><figcaption><span style="white-space: pre-wrap;">History of operations at&#xA0;ChatGPT.</span></figcaption></figure><h4 id="marketing-and-gpt-discoverability">Marketing and GPT discoverability</h4><p>Marketing is an integral part of mobile stores like AppStore or Google Play, and both marketplaces offer a way to promote your mobile app.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*PL7H7E84o_TqXMAKYW8MPw.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="2318" height="1372"><figcaption><span style="white-space: pre-wrap;">Paid ads in&#xA0;AppStore</span></figcaption></figure><p>But right now, I don&#x2019;t see any marketing tools in the GPT store. Consider that many people will try to create their GPS in the coming weeks; without efficient marketing tools baked into the store, there is simply no way to promote your product.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*dMArvNF1ac6hfZAUPPpxFg.png" class="kg-image" alt="GPT Store is a UX&#xA0;disaster" loading="lazy" width="1410" height="1604"><figcaption><span style="white-space: pre-wrap;">Settings page for the custom&#xA0;GPT.</span></figcaption></figure><p>So, even if you have a very useful GPT, you won&#x2019;t be able to acquire many users.</p><h4 id="in-conclusion">In conclusion</h4><p>I know that the GPT store is only making its first steps on the market, and it&#x2019;s hard to release a perfect from the first attempt. I truly believe that the OpenAI team will do their best to make it perfect.</p>]]></content:encoded></item><item><title><![CDATA[Netflix: Review of the First-Time User Experience]]></title><description><![CDATA[<p>Netflix is a popular video streaming platform with over 200 million paid subscribers worldwide. This review covers the first steps of the user journey, such as landing, account setup, onboarding, and engagement.</p><p>This review is also available in a video format:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/lA223oFojjA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Netflix UX review"></iframe></figure><h2 id="landing-page">Landing page</h2><p>The Netflix landing page is pretty minimal.</p>]]></description><link>https://babich.biz/blog/netflix-ux-review/</link><guid isPermaLink="false">65940d74c79258ff3bdde1eb</guid><category><![CDATA[featured]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Tue, 02 Jan 2024 13:21:12 GMT</pubDate><media:content url="https://babich.biz/content/images/2024/01/Group-2452.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2024/01/Group-2452.png" alt="Netflix: Review of the First-Time User Experience"><p>Netflix is a popular video streaming platform with over 200 million paid subscribers worldwide. This review covers the first steps of the user journey, such as landing, account setup, onboarding, and engagement.</p><p>This review is also available in a video format:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/lA223oFojjA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Netflix UX review"></iframe></figure><h2 id="landing-page">Landing page</h2><p>The Netflix landing page is pretty minimal. The hero area features a value proposition along with essential details about using the service.</p><p>Statements &#x201C;<em>Watch anywhere</em>&#x201D; and &#x201C;<em>cancel anytime</em>&#x201D; increase the chance that the user will convert.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*yBKDvqLE-LpjFsXy1dw2Qg.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2876" height="1388"><figcaption><span style="white-space: pre-wrap;">Netflix hero&#xA0;section.</span></figcaption></figure><p>When you start to scroll, you go through a few sections that describe the benefits of using the product.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*8GStGPyWunRVvcksxJHWhA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2878" height="1622"><figcaption><span style="white-space: pre-wrap;">Benefits of using&#xA0;Netflix.&#xA0;</span></figcaption></figure><p>At the end of the page, you will find frequently asked questions and answers about Netflix.</p><figure class="kg-card kg-image-card"><img src="https://cdn-images-1.medium.com/max/1600/1*_nCRrVopotlGI-lbRkNWoQ.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1556"></figure><p>Once you reach the end of the page, you will see a&#xA0;<em>Get Started&#xA0;</em>button, which is great because, at this point, you have more information to make an informed decision.</p><h4 id="pros-and-cons-of-netflix-landing-page">Pros and cons of Netflix landing&#xA0;page</h4><p><em>Pros:</em></p><ul><li>It has a clear value proposition. You understand what this service is all about and what benefits you will get from it.</li><li>FAQ section answers popular questions, so you don&#x2019;t need to search for the answers anywhere on the web.</li></ul><p><em>Cons:&#xA0;</em></p><ul><li>There is no way to explore the collection of TV shows and movies. This can be a problem because you don&#x2019;t know whether the show you want to watch is streaming on Netflix or not.</li><li>Lack of information about the pricing at this point. Although you can check the FAQ on this page to learn about the pricing, Netflix doesn&#x2019;t show the price prominently at the beginning. Since Netflix is a paid service, it&#x2019;s essential to be transparent about pricing.</li></ul><h2 id="account-setup">Account setup</h2><p>Once you provide your email, you go through a 3-step setup process.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*kh261EPf3GLkThCv1ozQmA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1624"><figcaption><span style="white-space: pre-wrap;">Netflix account setup (step&#xA0;1).&#xA0;</span></figcaption></figure><p>In the first step, you have to provide a password to create an account. You can choose if you want to get special offers in their email. There is no option to use social media signup. So, you cannot sign in to Netflix using your Google account. You have to use an old-fashioned email/password combination.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lTqkaGUp_VOP1MExzxCCtA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1622"><figcaption><span style="white-space: pre-wrap;">Netflix account setup: step 1 (creating a password).</span></figcaption></figure><p>Next, you need to choose a plan. And Netflix is clear about the benefits of using the service, such as canceling anytime or unlimited watching on all your devices.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*UpeF7VuH7wjt3cqL15Yajg.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1624"><figcaption><span style="white-space: pre-wrap;">Netflix account setup: step 2 (choosing a&#xA0;plan).</span></figcaption></figure><p>But the problem is that Netflix pre-selects the most expensive plan by default. It&#x2019;s called Premium. Of course, it offers the best video quality. Yet, not all users are willing to spend extra money to get it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*b2C5WtC7b6aPX3hPSz923g.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1622"><figcaption><span style="white-space: pre-wrap;">Netflix account setup: step 2 (choosing a&#xA0;plan).</span></figcaption></figure><p>Lastly, you will be asked to provide payment information. Depending on your location, you will have the option to pay using a credit card or PayPal.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Jf-dVKTBu_PRh_P6es9ltQ.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1626"><figcaption><span style="white-space: pre-wrap;">Netflix account setup: step 3 (payment information).&#xA0;</span></figcaption></figure><p>If you choose the credit card option, you will see information about the plan you&#x2019;ve selected and a call to action button,&#xA0;<em>Start Membership</em>.</p><h4 id="pros-and-cons-of-netflix-setup-flow">Pros and cons of Netflix setup&#xA0;flow</h4><p><em>Pros:</em></p><ul><li>Clear step-by-step process. At each step, you have to complete only one action, which makes the interaction really focused.</li><li>Contextual information. Netflix provides all the essential details to help you make informed decisions.</li></ul><p><em>Cons:</em></p><ul><li>No option to sign in using your social media account. You have to create a password and remember it.</li><li>Paywall. Netflix doesn&#x2019;t offer free trials. So once you sign in to Netflix, you start your paid membership.</li></ul><h2 id="onboarding">Onboarding</h2><p>Once you start a membership, Netflix will ask you to create your profile.</p><p>You need to provide your name and mention if you&#x2019;re creating a profile for a kid.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*-SKax3RdMuZhG0BPLa22Mg.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1618"><figcaption><span style="white-space: pre-wrap;">Creating a Netflix&#xA0;profile.</span></figcaption></figure><p>Then, you will need to choose your language.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*yg9uq78wsf6WKVBpFRMuVg.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1620"><figcaption><span style="white-space: pre-wrap;">Choosing a&#xA0;language</span></figcaption></figure><p>And select 3 shows or movies that you like. Netflix will use this information to provide personalized recommendations for you.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*MdLakmoO5YDWlXU58kEMlA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1618"><figcaption><span style="white-space: pre-wrap;">Select 3 of your favorite&#xA0;movies.</span></figcaption></figure><p>Once Netflix finds a collection of movies that you are supposed to like, it will guide you through the interface. Netflix uses contextual hints to explain how to interact with a product.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*H_UFtK1hCsr3uYggauFL5A.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2878" height="1624"><figcaption><span style="white-space: pre-wrap;">Contextual hits informing the user about the&#xA0;options.&#xA0;</span></figcaption></figure><p>The final step is a modal window with information that you can watch your movies on all kinds of devices.</p><h4 id="pros-and-cons-of-netflix-onboarding">Pros and cons of Netflix onboarding</h4><p><em>Pros:</em></p><ul><li>Simplicity. Netflix asks for the bare minimum information&#x200A;&#x2014;&#x200A;your name, whether you&#x2019;re a kid, your language, and 3 movies you like.</li></ul><p><em>Cons:</em></p><ul><li>The kid option is unclear. At this point, it&#x2019;s hard to tell what the difference between Kid and adult content will be. The user will learn that once they start using the service, but it might be unclear during the onboarding.</li><li>Low efficiency of the contextual hints. Many users will simply pass by this type of onboarding because they want to start using a product as quickly as possible.</li></ul><h2 id="engagement">Engagement</h2><p>Netflix has a relatively simple UI design. The hero section on the home page features the latest show of the service selected for you. In my case, it is a Crown.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*cGVpJqeGhhVu5qpaCtkkLA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1620"><figcaption><span style="white-space: pre-wrap;">Netflix hero&#xA0;section.</span></figcaption></figure><p>And then, when you start to scroll, you will browse through various collections of shows and movies. There are a lot of collections to browse, so your eye will scan a lot of thumbnails during the scrolling. Considering the fact that the layout is very monotonous, it will create a really uncomfortable experience.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lXQy-QDFFQFBmBPCXvOfQQ.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1624"><figcaption><span style="white-space: pre-wrap;">Galleries of media content at&#xA0;Netflix.&#xA0;</span></figcaption></figure><p>Netflix tries to break the monotony of layout by adding sections like Top TV Shows In Your Country, but this feels more like a patch rather than a solution to this problem.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Z7RGCybk_ssDamgvUEs7Xw.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2872" height="1616"><figcaption><span style="white-space: pre-wrap;">Sections like &#x201C;Top 10 Movies in Your Country&#x201D; are supposed to break the monotony of&#xA0;layout.</span></figcaption></figure><p>Another problem with this layout is that every collection is a horizontal scrolling list. It means that you can scroll the page in two different directions&#x200A;&#x2014;&#x200A;vertically and horizontally.</p><p>All tougher, it makes it harder to choose the movie that you might want to watch if you don&#x2019;t have a particular title in your mind. Because there are a lot of options to choose from and absolute freedom of choice, users often face a situation called decision paralysis.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Rb8-iOI0nfQzGDC_666s5A.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2872" height="1546"><figcaption><span style="white-space: pre-wrap;">The time it takes to make a decision increases exponentially with the rise of the number and complexity of options. It leads to a situation called decision paralysis.</span></figcaption></figure><p>When we have a lot of options to choose from, our decision time starts to increase exponentially.</p><p>Enough about layout design; let&#x2019;s talk about personalization. Netflix attempts to help users decide what they want to watch next. Take a look at the cards with movies.&#xA0;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*DatCmVit21A48XM6Odxp3w.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="836" height="778"><figcaption><span style="white-space: pre-wrap;">Netflix match&#xA0;score.&#xA0;</span></figcaption></figure><p>When you hover the mouse over the movie or TV show thumbnail, you will see a nice preview of this show along with essential information about it. The most notable element in the card is the match score. You see green text like 97% match. This number is calculated based on your selection during the onboarding as well as your history of watching Netflix. The top part of the page&#x200A;&#x2014;&#x200A;the hero section and the first few collections feature the movies with the highest match scores.</p><p>If you click on details for individual TV series, you will see a nice window with information about the show, its episodes, and More Like this section. Netflix thinks about the user journey holistically and wants to guide you to the next step&#x200A;&#x2014;&#x200A;the next TV show or movie that you will want to watch.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ZCYnkRTLQHTcMMw0rLmzPg.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1622"><figcaption><span style="white-space: pre-wrap;">&#x201C;More Like This&#x201D; section for the&#xA0;Crown.&#xA0;</span></figcaption></figure><p>Finally, let&#x2019;s see if I can find a particular movie on Netflix. For example, I want to watch a movie called The Game. It&#x2019;s a 1997 thriller directed by David Fincher.</p><p>Type&#xA0;<em>The Game</em>&#xA0;in the search field, and you will see a page full of movies, but I don&#x2019;t see a movie, The Game.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*k0Q3gPLIp50_6nd689i8fQ.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1624"><figcaption><span style="white-space: pre-wrap;">Search results for the phrase &#x201C;The&#xA0;Game&#x201D;</span></figcaption></figure><p>Netflix suggests trying The Game, which is exactly what I&#x2019;ve typed, by the way. But let&#x2019;s click the link to see what happens.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*3CeExeUfr5fktk1xBKQGcA.png" class="kg-image" alt="Netflix: Review of the First-Time User Experience" loading="lazy" width="2880" height="1622"><figcaption><span style="white-space: pre-wrap;">Netflix is telling that they don&#x2019;t have the movie &#x201C;The&#xA0;Game.&#x201D;</span></figcaption></figure><p>Now Netflix tells me that there is no movie The Game in its collection. And it recommends movies and TV series that I might like to watch. The problem is there is no explanation of how this selection was created in the first place. I suppose that I see Crown because I mentioned that I liked Crown during onboarding and Flight Club because this movie was also directed by David Fincher, but as a user, I have to guess how Netflix created this recommendation.</p><h4 id="pros-and-cons-of-netflix-engagement">Pros and cons of Netflix engagement</h4><p><em>Pros:</em></p><ul><li>Content personalisation. Netflix collects and analyses information about user watch preferences and uses this to suggest content that they like.</li><li>A holistic view of the user journey. Netflix aims to increase the chances that the user will switch to another show or movie after finishing the current one.</li></ul><p><em>Cons:</em></p><ul><li>Decision paralysis. Netflix offers a lot of options to choose from and gives a user total freedom of choice. It ends up in situations where users spend a lot of time finding the movies that they want to watch.</li><li>Not really an honest search. When you search for a particular movie, and Netflix doesn&#x2019;t stream it, instead of saying that there is no movie in its collection, Netflix offers a lot of alternatives that you are supposed to like. Yet, the services don&#x2019;t create a proper context of how this selection was created in the first place.</li></ul><p>This is the end of our review. Let me know what you think about this format in the comments.</p>]]></content:encoded></item><item><title><![CDATA[Why Claude is better than ChatGPT]]></title><description><![CDATA[Claude is an AI text chatbot created by the company Anthropic. This article demonstrates what this tool is capable of.]]></description><link>https://babich.biz/blog/why-claude-is-better-than-chatgpt/</link><guid isPermaLink="false">653f9219b913ff02a237183d</guid><category><![CDATA[featured]]></category><category><![CDATA[AI]]></category><category><![CDATA[ChatGPT]]></category><category><![CDATA[AI Assisant]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Mon, 30 Oct 2023 11:24:16 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/10/Screenshot-2023-10-30-at-13.17.53.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/10/Screenshot-2023-10-30-at-13.17.53.png" alt="Why Claude is better than ChatGPT"><p>ChatGPT is not the only powerful AI chatbot available on the market. We have a range of great tools like <a href="https://uxplanet.org/3-reasons-why-google-bard-is-better-than-chatgpt-f35c4b58e439?ref=babich.biz" rel="noopener ugc nofollow">Google Bard</a> and <a href="https://uxplanet.org/using-bing-chat-for-product-design-tasks-56d547b8e2da?ref=babich.biz" rel="noopener ugc nofollow">Bing Chat</a>, but there is a tool that can be even more powerful than ChatGPT in specific tasks. I&#x2019;m talking about <a href="https://claude.ai/?ref=babich.biz" rel="noopener ugc nofollow">Claude</a>.</p><p>Claude is a text chatbot created by the company Anthropic. This company was founded by former members of OpenAI. Claude recently became available in 95 countries. Previously, it was available only in the US and UK.</p><p>In this article, I will show what this tool is capable of. I&#x2019;ll test it in a few popular scenarios, such as data analysis and writing code.</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/UPZ20J7tMy8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Why Claude is better than ChatGPT"></iframe></figure><h2 id="conducting-productmarket-analysis">Conducting product/market analysis</h2><p>Claud has more recent data than the ChatGPT free version. Its trading data is up to 2023. It makes this tool suitable for tasks like competitor analysis and market forecast.</p><p>Here, you can see a response to the tool provided to my question about mobile usage in 2023. I&#x2019;ve asked to provide &#x201C;<em>General mobile phone usage statistics in 2023,</em>&#x201D; and the tool was able to provide this data.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*zw9bl_8TNiXYBgv7CtQvVg.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="336"><figcaption><span style="white-space: pre-wrap;">Asking Claude about mobile phone usage stats in 2023.</span></figcaption></figure><h2 id="creating-summaries-for-documents">Creating summaries for documents</h2><p>One notable difference between the ChatGPT free version and Claude is that the latter allows you to upload a file along with the prompt. ChatGPT also allows you to attach files, but this feature is only available in ChatGPT Plus, a paid version of the tool.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*kWM8T9Wl8KNtndDamKysPw.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="212"><figcaption><span style="white-space: pre-wrap;">Claude allows you to attach up to 5 files, 10MB each. It accepts popular formats such as PDF, text, and CVS.</span></figcaption></figure><p>Claude can handle up to 75 thousand words as input. It&#x2019;s more than three times more than ChatGPT can handle. It basically means that you can submit a fairly large document and ask Claude to summarize it.</p><p>Here is what will happen when I attach a document (<a href="https://arxiv.org/pdf/2307.06435.pdf?ref=babich.biz" rel="noopener ugc nofollow">overview of large language models</a>) and simply press <em>Start a new chat</em>. If you don&#x2019;t provide any prompt along with your file, Claude will analyze the file and share the summary of this analysis with you.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*a-DD4qSnTqJlNt-Ta3dK_Q.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="412"><figcaption><span style="white-space: pre-wrap;">Submitting a file to Claude for analysis.</span></figcaption></figure><p>To make the summary a bit more specific, you can provide a prompt like &#x201C;<em>What are the top 5 key points from this document&#x201D; </em>along with your file.</p><p>You can also ask follow-up questions about this document, such as in my case, I decided to ask about the key innovation elements of the GPT model. As you can see, Claude was able to extract this information from the document I&#x2019;ve provided.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*lNj2QSFjejcwt8fXjMNoVA.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="309"><figcaption><span style="white-space: pre-wrap;">Asking Claude follow-up questions about the document.</span></figcaption></figure><h2 id="extracting-specific-information-from-multiple-documents-at-a-time">Extracting specific information from multiple documents at a time</h2><p>You can attach multiple documents at a time and ask Claude to summarize them or extract specific information. For example, I&#x2019;ve submitted two research papers about the metaverse economy; one was created by <a href="https://www.jpmorgan.com/content/dam/jpm/treasury-services/documents/opportunities-in-the-metaverse.pdf?ref=babich.biz" rel="noopener ugc nofollow">JP Morgan</a>, and another by <a href="https://www2.deloitte.com/cn/en/pages/technology-media-and-telecommunications/articles/metaverse-whitepaper.html?ref=babich.biz" rel="noopener ugc nofollow">Deloitte</a> and asked a basic question about the experience that will work best for the metaverse.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*dRJI3u-0q4GfZO6DN4gclw.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="330"><figcaption><span style="white-space: pre-wrap;">Asking Claude to extract specific information from the documents</span></figcaption></figure><p>The tool used the papers and identified factors that will have a positive impact on the metaverse experience, but it&#x2019;s not exactly what I need since I&#x2019;m interested in business models.</p><p>It&#x2019;s true that I should have mentioned keywords like &#x201C;<em>business</em>&#x201D; in the prompt, but I believe that the tool should be able to figure out my intention based on the documents that I&#x2019;ve provided since the documents were all about the state of the metaverse &amp; business opportunities in it.</p><p>Let&#x2019;s change the prompt and ask the tool to identify opportunities for product developers who want to build a metaverse experience in the same dialog. As you can see, the tool likely ignored the papers I&#x2019;ve submitted and provided a very general response to my question.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*jKEWzBjwlSkSniZrdMdUkw.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="293"><figcaption><span style="white-space: pre-wrap;">Asking Claude a follow up question about the papers.</span></figcaption></figure><p>A simple trick can help you to force the tool to use the documents you&#x2019;ve submitted to provide an answer. You need to start with your question, such as &#x201C;<em>What is the expected evaluation of the metaverse</em>&#x201D; and add a phrase like &#x201C;<em>according to provided reports.</em>&#x201D; And as you can see, the tool used the documents when generating a repose.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*7blpG-Lu3XZyjdAtWkwcXA.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="241"><figcaption><span style="white-space: pre-wrap;">Adding a &#x201C;according to provided reports&#x201D; part to the prompt to maximize the chance that Claude will use documents.</span></figcaption></figure><h2 id="generating-code">Generating code</h2><p>I will ask the tool to create a bar chart to visualize the US population from 1990 to 2000. The tool created a Python sample even though I didn&#x2019;t mention the keyword Python. And from the first glance, the code is fine. It imports the most popular library for creating plots for Python, which is matplotlib. And Claude has also explained the logic behind this code. This approach is similar to the one that ChatGPT uses.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*YKltaVNYDTTBtlcxVkTv6A.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="381"><figcaption><span style="white-space: pre-wrap;">Asking Claude to generate code.</span></figcaption></figure><h1 id="claude-limitations">Claude limitations</h1><p>There are a few limitations that you need to take into account when working with Claude.</p><h2 id="not-able-to-generate-images">Not able to generate images</h2><p>The tool cannot generate images. Here is what happens when I ask Claude to draw a kitten. It simply provides a text description of the kitten.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*RnAZSN0e5V1uATSr_c6Ppg.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="410"><figcaption><span style="white-space: pre-wrap;">Claude is unable to generate images.</span></figcaption></figure><h2 id="limited-number-of-messages-during-the-day">Limited number of messages during the day</h2><p>Claude limits the number of messages you can submit during the day. If your conversations are relatively short, you can expect to send around 100 messages every 8 hours. But, since I used a tool to summarize large documents, I was able to submit 5 or 6 messages. After you reach your limit, you will see that there are no free messages, and you can either wait until a specific moment or sign up for a pro version of this tool.</p><h1 id="pricing">Pricing</h1><p>Claude Pro version costs $20 per month, and this price is the same as the ChatGPT Plus subscription.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*_2rtIAxV4ju5nQ3t1lxYMw.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="485"><figcaption><span style="white-space: pre-wrap;">Claude Pro plan costs $20 per month, and it offers priority access during high-traffic periods and early access to new features.</span></figcaption></figure><h1 id="pros-and-cons">Pros and cons</h1><p>The benefits of Claude are a larger number of tokens (you have 100k of tokens, which is around 75 thousand words), which is the size of a fairly large document. You can provide files along with your prompt, and Claude has training data up to 2023.</p><p>The downsides are a lack of text-to-image generation and a limited free plan. The number of messages you can submit during the day is limited.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*jrfZNBqQPohVRasLOehBfQ.png" class="kg-image" alt="Why Claude is better than ChatGPT" loading="lazy" width="700" height="438"><figcaption><span style="white-space: pre-wrap;">Pros and cons of Claude AI</span></figcaption></figure>]]></content:encoded></item><item><title><![CDATA[Free Midjourney alternative: Ideogram AI]]></title><description><![CDATA[<p>Midjourney is an excellent AI image generator, but it has one crucial downside. It&#x2019;s a free-to-use tool, and the basic plan costs $10 per month. If you use AI image generators occasionally, you likely want to see a free alternative version. And <a href="https://ideogram.ai/login?ref=babich.biz" rel="noopener ugc nofollow">Ideogram AI</a> can be a good</p>]]></description><link>https://babich.biz/blog/free-midjourney-alternative/</link><guid isPermaLink="false">653679fdb913ff02a237181f</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Mon, 23 Oct 2023 13:51:11 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/10/Group-84.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/10/Group-84.png" alt="Free Midjourney alternative: Ideogram AI"><p>Midjourney is an excellent AI image generator, but it has one crucial downside. It&#x2019;s a free-to-use tool, and the basic plan costs $10 per month. If you use AI image generators occasionally, you likely want to see a free alternative version. And <a href="https://ideogram.ai/login?ref=babich.biz" rel="noopener ugc nofollow">Ideogram AI</a> can be a good option for you.</p><p>In this article, I want to explore what Ideogram is capable of and test it in six popular scenarios.</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/u_-t6UX7fss?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Free alternative to Midjourney"></iframe></figure><h1 id="ideogram-ai-features">Ideogram AI features</h1><p>Ideogram is a text-to-image generation tool with an easy-to-use interface. Apart from the input field for a prompt, it allows you to choose the style of your imagery and change the aspect ratio.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*3PV7NC8srhBkruN7eLRD4Q.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="459"><figcaption>Ideogram user interface is inspired by Google search.</figcaption></figure><p>You can also remix generated images by applying a new visual style. A new style will be applied to the generated image.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*9-Xd8a_0QFRetDcSoqABMg.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="383"><figcaption>Remixing images in Ideogram.</figcaption></figure><h1 id="testing-ideogram">Testing Ideogram</h1><p>I&#x2019;ve tested Ideogram for six common tasks</p><h3 id="1-realistic-images">1. Realistic images</h3><p>The first task is generating realistic images. The prompt I submit is</p><blockquote><em><em>Ultra realistic photo of a young woman</em></em></blockquote><p>Like many other AI image generators, Ideogram generates a set of 4 images. When you look closer to the images, you will likely notice that 2 out of 4 images have visual defects. For example, the first image has a problem with the eyes and fingers. The second has a problem with hair.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*PQr7JW68_-cOXOp_mpi2vQ.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="848"><figcaption>Generating photos of people using Ideogram.</figcaption></figure><p>The other two images don&#x2019;t have any visible defects, and the last image looks very crisp. But overall, the level of realism is average compared to Midjourney.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*3Jt31g8x7H8Y_6kobqv6mA.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="399"><figcaption>Testing realism in Ideogram.</figcaption></figure><h3 id="2-creating-illustrations">2. Creating illustrations</h3><blockquote><em><em>Illustration of a cute dog</em></em></blockquote><p>One great thing about Ideogram is that the tool generates all images in different visual styles. Unlike tools like Adobe Firefly, which basically create a set of similar images, Ideogram varies the style so you can choose the illustration you like.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*-rbgiz2sqX148u6Ob7mS-w.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="861"><figcaption>Generating illustrations using Ideogram.</figcaption></figure><p>Looking closer, you will also notice that some images have minor visual defects. For example, some extra elements on the paw of the first dog. Broken heart in this illustration. The last two images are decent. And I partially like the last image, which looks like a sticker.</p><h3 id="3-generating-logos-and-vector-images">3. Generating logos and vector images</h3><p>Ideogram can generate logos and vector images and the prompt that I use is</p><blockquote><em><em>Flat vector image of a rocket on a white background</em></em></blockquote><p>I intentionally mentioned that I wanted to see my image on a white background because it would be easy for me to remove it and turn the image into a vector. Unfortunately, the tool ignored my command and used a grey background for all images. The quality of vector images is okay, but nothing really special.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*0mumcgQliL7__q1Dr-0tzA.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="848"><figcaption>Generating vector images using Ideogram.</figcaption></figure><h3 id="4-creating-graphic-pattern">4. Creating graphic pattern</h3><p>We might want to use AI image generator to create a graphic pattern to use as a background for web page design.</p><blockquote><em><em>Colourful hexagon pattern</em></em></blockquote><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/v2/resize:fit:1400/1*-m9V6bJSip4ayNgtz3qRQQ.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="855"></figure><p>Even at first glance, all the graphics the tool generated are not good. They have misalignment for visual elements and extra noise. We can&#x2019;t use such backgrounds without modifying them in Photoshop.</p><h3 id="5-images-with-text">5. Images with text</h3><p>Ideogram can help generate images with text.</p><blockquote><em><em>fox holding a sign &#x201C;let&#x2019;s get wild&#x201D;</em></em></blockquote><p>All images that the tool generates have human-readable text without any gibberish. However, some images have minor visual defects; the last image misses one world.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*k_3-q1mrqCzUKoBhBXSQgw.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="856"><figcaption>Generating images with text using Ideogram.</figcaption></figure><h3 id="6-testing-censorship">6. Testing censorship</h3><p>Lastly, let&#x2019;s see if we can use Ideogram to generate images of famous people. Tools like Dalee-3 are very censored, so it&#x2019;s impossible to use them to generate images of famous people or mascots like Nintendo&#x2019;s Mario.</p><blockquote><em><em>Elvis Presley is singing</em></em></blockquote><p>Surprisingly, Ideogram was able to generate an image of Elvis Presley. But as you can see here, all images have visual defects &#x2014; problems with hands, composition of elements, etc.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*e1d-zXfy251RPoL_i2E32A.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="855"><figcaption>Testing censorship in Ideogram.</figcaption></figure><h1 id="pros-and-cons-of-ideogram">Pros and cons of Ideogram</h1><p>Let&#x2018;s start with good things. Ideogram is a free-to-use AI image generator that allows you to generate images with text, and it even allows you to create images of celebrities and mascots like Mario.</p><p>At the same time, the level of realism of images is average in comparison to other AI generators. Many images have visual defects, such as problems with hands and visual noise. The prompt accuracy is also not very good, meaning that the tool can ignore some parts of the prompt.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/v2/resize:fit:1400/1*-fVh10kvi87FowugJbZmJA.png" class="kg-image" alt="Free Midjourney alternative: Ideogram AI" loading="lazy" width="700" height="373"><figcaption>Pros and cons of Ideogram.</figcaption></figure><p>Overall, I would say that Ideogram cannot replace Midjourney, but it can be helpful when you need to use an AI image generator and don&#x2019;t want to pay for it.</p>]]></content:encoded></item><item><title><![CDATA[Using Bing Chat for Product Design Tasks]]></title><description><![CDATA[<p>What surprises me is how much attention is directed to ChatGPT and how little we&#x2019;re talking about Bing Chat. Bing Chat gives you access to the GPT-4 model for free. It&#x2019;s also available as a sidebar in Microsoft Edge, which makes it possible to use this</p>]]></description><link>https://babich.biz/blog/using-bing-chat-for-product-design-tasks/</link><guid isPermaLink="false">65255298b913ff02a23717fe</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Tue, 10 Oct 2023 13:34:52 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/10/bing-chat-header-blue.webp" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/10/bing-chat-header-blue.webp" alt="Using Bing Chat for Product Design&#xA0;Tasks"><p>What surprises me is how much attention is directed to ChatGPT and how little we&#x2019;re talking about Bing Chat. Bing Chat gives you access to the GPT-4 model for free. It&#x2019;s also available as a sidebar in Microsoft Edge, which makes it possible to use this tool to analyze contextual information (such as specific web pages).</p><p>This article shares ideas on how product designers can use Bing Chat. I will discuss both the advantages &amp; limitations of this tool and share ten specific prompts that can be helpful for your desing process.</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/Se7LwzEK_mc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Bing Chat for product creators"></iframe></figure><h2 id="what-bing-chat-can-help-us-with">What Bing Chat can help us with</h2><p>Bing Chat is a multi-modal tool, meaning that it can generate <em>text</em> and <em>images</em>. It uses the power of the GPT-4 model (yes, the same model that ChatGPT Pro uses) and Dalle-3 image generator and offers AI vision capabilities that allow us to use AI to analyze images such as charts.</p><p>Bing Chat has one key advantage over ChatGPT&#x200A;&#x2014;&#x200A;we can see a link to the source of this information. So unlike ChatGPT, which responds without any references, and we have to either trust it or go to the search engine and validate it manually, Bing does this work for you. It also features a list of resources that can be helpful for our further analysis.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*22JZzfUt7dBgl5bwQGzMsQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="2594" height="896"><figcaption>The response generated by Bing&#xA0;Chat</figcaption></figure><p>Another great thing about this tool is that it allows you to choose the style of your conversation with the chatbot. It can be more <em>creative</em> or more <em>precise</em>, depending on your goals. When you choose the option creative, you give the tool more freedom on how it can respond, so you likely see that your prompt is used only as a reference when AI provides a result.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Bw10iydcEn2f3ekM23o_dQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1022" height="342"><figcaption>Choosing a conversation style before starting a&#xA0;chat</figcaption></figure><h2 id="bing-chat-limitations">Bing Chat limitations</h2><p>Bing Chat has a character limitation for your prompt. You can type a prompt up to 2000 characters, which is the size of a small text document. So basically, you can submit a few paragraphs of text and ask Bing to analyze them.</p><p>Another important limitation the tool has is the number of requests per single session&#x200A;&#x2014;&#x200A;it is possible to ask up to 5 questions in a single session. What does it mean? It means that we can ask four more follow-up questions before the chat ends. And if we need to ask more than five questions, we need to start another session with Bing.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*GbGr0Sre8_QCoCy0sHDejQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="2334" height="1224"><figcaption>Reaching the limit in a number of requests.</figcaption></figure><h2 id="how-product-designers-can-use-this-tool">How product designers can use this tool</h2><p>I typically use Bing Chat for product research as an assistant that helps me move fast during the first steps of my research.</p><p>Here is a collection of prompts that I found useful for my product research.</p><h4 id="1-generating-product-ideas">1. Generating product ideas</h4><p>We can ask Bing to generate product design ideas for specific types of products. In my case, it will be a food ordering app.</p><blockquote>Generate 5 new product ideas for a food delivery app</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*W4ME0fOD-0OVadQZ2Zdyhw.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1504" height="830"><figcaption>Response that Bing Chat provides.</figcaption></figure><p>As you can see here, Bing generates an interesting list of ideas, including features like food waste reduction and interactive cooking classes. It is definitely helpful information for product creators.</p><h4 id="2-conducting-swot-analysis">2. Conducting SWOT analysis</h4><p>SWOT analysis is creating a matrix with four sections&#x200A;&#x2014;&#x200A;strengths, weaknesses, opportunities, and threats. It&#x2019;s a foundational tool in marketing and product design that allows us to evaluate your product strengths and weaknesses.</p><blockquote>Conduct a SWOT analysis of the Uber Eats</blockquote><p>Once again, Bing supported every major statement with a link to a specific resource. And provides a list of helpful resources that we can visit to learn the topic.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*xAY4XqcuL17CJx_zPWopZA.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1496" height="1056"><figcaption>SWOT analysis by Bing&#xA0;Chat.</figcaption></figure><h4 id="3-creating-a-user-persona">3. Creating a user persona</h4><p>One of the challenges of working with AI tools like ChatGPT and Bing Chat is that sometimes, the tool fails to understand your intention.</p><blockquote>Create a user persona of a middle-aged office worker who wants to eat healthy food but doesn&#x2019;t have time to cook</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Ig-xajf1V4ahoVBQ-hFNnw.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1512" height="810"><figcaption>The response that Bing Chat generates for me for my&#xA0;prompt.</figcaption></figure><p>As a result, you need to write a follow-up question to clarify your goal and receive a relevant response.</p><blockquote>Use this information to create a persona that I can use in product design</blockquote><p>In this case, I had to write a follow-up prompt that clearly stated what I wanted to achieve. And Bing generated the persona for me. Quite interestingly, the actual persona description is at the end of the second response.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*1vHgy-elxXrI4ul67sPZhQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1500" height="1156"><figcaption>Persona description generated by the Bing&#xA0;Chat.&#xA0;</figcaption></figure><h4 id="4-learning-about-user-pain-points">4. Learning about user pain points</h4><p>There are two ways we can collect insights about a product domain. We can either mention a particular product (like we did when we mentioned Uber Eats for SWOT analysis) or specify a category of products. And when it comes to learning about pain points, I believe it&#x2019;s better to specify a whole category.</p><blockquote>What are the most common customer pain points for food delivery apps?</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*nNBb87tK7_Gb_6YGkI2SGg.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1518" height="488"><figcaption>Bing response for most common pain points for food delivery&#xA0;apps.&#xA0;</figcaption></figure><p>Bing provided a very detailed response with statistical data from specific sources.</p><h4 id="5-generating-onboarding-ideas">5. Generating onboarding ideas</h4><p>The great thing about Bing is that it uses all the information from your current session when answering your question.</p><blockquote>Create onboarding flow for new users of food delivery app</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ZgHiHPYc2Vcp_9kgib3oRw.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="2290" height="536"><figcaption>Bing analyzes all previous requests in the session before generating a response.&#xA0;</figcaption></figure><p>For example, here you can see that Bing knows that we&#x2019;ve created a persona before, so it&#x2019;s kinda know our ultimate goal.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*rGoe7urEwaKVR06Ocsu5fQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1494" height="974"><figcaption>Onboarding recommendations for food delivery&#xA0;app.</figcaption></figure><p>Again, the fact that Bing also provides references to the sources makes the onboarding recommendations more credible.</p><h4 id="6-competitor-analysis">6. Competitor analysis</h4><p>Bing can structure the information in a specific way; for example, create a companion table with your primary competitors.</p><blockquote>Create a product comparison table between Uber Eats and its main competitors</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*rZIzNuDLeXnY5XcbPI7cpA.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1512" height="1150"><figcaption>Competitor analysis conducted using Bing&#xA0;Chat</figcaption></figure><p>The table can be easily exported to Excel, and most data points mentioned in this table have backlinks to original sources of information.</p><h4 id="7-creating-market-forecast">7. Creating market forecast</h4><p>Bing is a search engine, and it has a connection to the internet, meaning that it has up-to-date information, and that&#x2019;s why we can safely use it for things like market forecasts or trend prediction.</p><blockquote>What is the projected growth rate for the ghost kitchens over the next 10 years?</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*VerW_LyXefbL61uMiaETmw.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1500" height="428"><figcaption>Market forecast for dark kitchens, created by Bing&#xA0;Chat.</figcaption></figure><h4 id="8-suggesting-metrics-and-kpis">8. Suggesting metrics and KPIs</h4><p>When building a new product, you will likely need to define key metrics upfront before starting an actual design process. And Bing Chat can help you with that.</p><blockquote>How can we measure the success of food delivery apps?</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*mGY5o4YFz67CMfTn5nx1tQ.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1512" height="996"><figcaption>Metrics and KPIs suggested by Bing Chat for food delivery&#xA0;apps.</figcaption></figure><p>I would say that the list of metrics that the tool provides is very conventional for this category of products (food delivery apps). You can expect to measure delivery time and delivery success rate when you&#x2019;re building a food delivery mobile app.</p><h4 id="9-learning-law-and-regulations">9. Learning law and regulations</h4><p>We need to comply with government regulations when we&#x2019;re building products. Bing provides a summary of the key policies that we need to check before releasing a product on the market.</p><blockquote>What are the key regulations for food delivery apps in the US?</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lReCwEs10dz-LjFT0gsVMg.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1496" height="644"><figcaption>Laws and regulations for food delivery apps, suggested by Bing&#xA0;Chat</figcaption></figure><h4 id="10-using-ai-vision-to-analyze-visuals">10. Using AI vision to analyze visuals</h4><p>What makes Bing really cool is that it supports AI vision, meaning that we can submit a specific image and ask Bing to analyze it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*SwhQeXc-pazEJnFNzJGmUA.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="2304" height="816"><figcaption>Using Bing AI vision to analyze data from the&#xA0;image.</figcaption></figure><p>For example, here you can see I&#x2019;ve submitted a table that compares popular food delivery apps, and I asked Bing to give me a list of companies from this table that offer free delivery.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*rOVnXuBxUmGKzmDPgfKNPA.png" class="kg-image" alt="Using Bing Chat for Product Design&#xA0;Tasks" loading="lazy" width="1496" height="700"><figcaption>Results of image analysis conducted by Bing&#xA0;Chat.</figcaption></figure><p>Not only was the tool able to extract this information, but it also validated it so the information about Thrive Market has a link to the source.</p>]]></content:encoded></item><item><title><![CDATA[DALL·E 3: AI Image Generator for Product Designers]]></title><description><![CDATA[<p>The release of DALL&#xB7;E 3 is one of the most important things in the AI image generation world. DALL&#xB7;E 3 is the latest version of the image generator from OpenAI, the creator of ChatGPT, and it&#x2019;s now available in Bing. DALL&#xB7;E 3</p>]]></description><link>https://babich.biz/blog/dall-e-3-ai-image-generator/</link><guid isPermaLink="false">651da050b913ff02a23717e6</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Wed, 04 Oct 2023 17:27:46 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/10/Business-OpenAI-Dall-E-3-heart.webp" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/10/Business-OpenAI-Dall-E-3-heart.webp" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers"><p>The release of DALL&#xB7;E 3 is one of the most important things in the AI image generation world. DALL&#xB7;E 3 is the latest version of the image generator from OpenAI, the creator of ChatGPT, and it&#x2019;s now available in Bing. DALL&#xB7;E 3 significantly improved images and text interpretation capabilities over its predecessor, DALL&#xB7;E 2, and now it&#x2019;s available both in <a href="https://www.bing.com/?ref=babich.biz" rel="noopener">Bing Chat</a> and <a href="https://www.bing.com/create?ref=babich.biz" rel="noopener">Bing Image Creator</a>.</p><h3 id="what-can-you-do-using-dall%C2%B7e-3">What can you do using DALL&#xB7;E 3?</h3><p>DALL&#xB7;E 3 allows you to generate different types of images that you can freely use in your design process. You own the images you create with DALL&#xB7;E, including the right to reprint, sell, and merchandise.</p><p>Here are a few examples of images I&#x2019;ve generated using the tool, along with the prompts I&#x2019;ve used:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*J-c33kymYok1TAzv" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1024" height="1024"><figcaption>Illustration of a human heart generated using DALL&#xB7;E 3. Prompt: An illustration of a human heart made of translucent glass, standing on a pedestal amidst a stormy sea. Rays of sunlight pierce the clouds, illuminating the heart, revealing a tiny universe within. The quote &#x2018;Find the universe within you&#x2019; is etched in bold letters across the&#xA0;horizon.</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*PdVkoSVowNQ3xona" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1024" height="1024"><figcaption>Illustration of a house in isometric style generated using DALL&#xB7;E 3. Prompt: isometric illustration of a house in a cartoon style.</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*Bri6E3nzrVMVGALF" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1024" height="1024"><figcaption>Photorealistic portrait of a young woman generated using DALL&#xB7;E 3. Prompt: a photorealistic portrait of a young woman.</figcaption></figure><h3 id="reasons-to-use-dall%C2%B7e-3">Reasons to use DALL&#xB7;E 3?</h3><p>Why should we use DALL&#xB7;E 3 when we already have powerful tools like Midjourney and Stable Diffusion? There are three reasons for that.</p><p>First, DALL&#xB7;E 3 is <em>free to use</em>; you don&#x2019;t need to pay any money to access the tool. Bing offers daily credits that we can use to generate images. But the good news is that the generation doesn&#x2019;t stop when we use all our daily credits; it simply becomes slower.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*l3NQHmhKb_KIvY7CYj8c6g.png" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="906" height="336"><figcaption>Daily credits are displayed next to the prompt&#xA0;window.</figcaption></figure><p>Second, DALL&#xB7;E 3 can be better at specific tasks, such as adding text to images and combining characters in the same image.</p><h4 id="adding-text-to-images">Adding text to images</h4><p>The OpenAI team mentioned that the tool is good at adding text to images. Here is an example of a photo of a person holding a text sign I created using the tool. You can notice that the text is not always not perfect, but it&#x2019;s better than the text generated by Midjourney.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*3f5RCRZz4s_VazYI8dyJRQ.jpeg" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1024" height="1024"><figcaption>Image with text generated using DALL&#xB7;E&#xA0;3</figcaption></figure><h4 id="combining-two-characters-on-the-same-image">Combining two characters on the same image</h4><p>I&#x2019;ve used the tool to combine Batman and Spiderman in the same illustration. Quite interestingly, DALL&#xB7;E 3 framed the conversation between Batman and Spiderman into a comix.</p><p><br></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*LxO94tLRwyfqc65X" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1024" height="1024"><figcaption>Image generated using DALL&#xB7;E&#xA0;3</figcaption></figure><h4 id="integration-in-chatgpt">Integration in ChatGPT</h4><p>What makes DALL&#xB7;E 3 so powerful is that OpenAI integrates this tool into ChatGPT. It will be possible to generate images right in chat using the GPT vision model to analyze the image generated by DALL&#xB7;E 3 and alter the generated images.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*liLyvWrqxMfuc0Pb.png" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="1600" height="900"><figcaption>How DALL&#xB7;E 3 will work in&#xA0;ChatGPT</figcaption></figure><h3 id="downsides-of-dall%C2%B7e-3">Downsides of DALL&#xB7;E 3</h3><p>The tool has a few downsides. The image generation process is a bit slow right now, and sometimes, it might end up with an error message saying that the image generation is unavailable due to high demand.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*YSGJpoxlCguYj7351X04IQ.png" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="2534" height="1196"><figcaption>The fastest image generation took about 10 seconds. Bing shows valuable tips during image generation.</figcaption></figure><p>Another downside is that you cannot customize images. Image generator offers a Customise option, but it leads to Microsoft Designer, where you can use a generated image as additional input for your prompt. You cannot alter the image (for example, remove some objects from the canvas) or change the image aspect ratio in Image Creator.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*wkv6CQ7h7JnsUJLVWIfLgA.png" class="kg-image" alt="DALL&#xB7;E 3: AI Image Generator for Product Designers" loading="lazy" width="2832" height="1522"><figcaption>The &#x2018;Customize&#x2019; option leads to Microsoft Designer.</figcaption></figure>]]></content:encoded></item><item><title><![CDATA[3 Reasons Why Google Bard is Better Than ChatGPT]]></title><description><![CDATA[<p>&#x200E;Bard is a chat-based AI tool from Google. It is one of the ChatGPT competitors that offers some unique features. In this article, I want to review the top 3 features I find the most valuable for product designers.</p><h3 id="1-validate-the-output-provided-by-ai">1. Validate the output provided by AI</h3><p>Lack of links</p>]]></description><link>https://babich.biz/blog/3-reasons-why-google-bard-is-better-than-chatgpt/</link><guid isPermaLink="false">6512c7e3b913ff02a23717c8</guid><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Tue, 26 Sep 2023 12:01:30 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/09/Group-66.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/09/Group-66.png" alt="3 Reasons Why Google Bard is Better Than ChatGPT"><p>&#x200E;Bard is a chat-based AI tool from Google. It is one of the ChatGPT competitors that offers some unique features. In this article, I want to review the top 3 features I find the most valuable for product designers.</p><h3 id="1-validate-the-output-provided-by-ai">1. Validate the output provided by AI</h3><p>Lack of links to the sources of information is one of the problems with ChatGPT. When submitting the prompt to ChatGPT and it generates a response, there is no way to validate it automatically. You must do it manually&#x200A;&#x2014;&#x200A;go to Google, submit the information, and search the sources. All AI tools are prone to hallucination, and it is relatively easy to fall into the trap of misleading information when you skip the validation phase.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*aoBrhD4VVHuml-kFJYLmDw.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1876" height="1160"><figcaption>ChatGPT doesn&#x2019;t provide any citations for the response.</figcaption></figure><p>Bard offers a feature called <strong>Double-check a response</strong>. When you use this feature, Bard will provide links and citations to where it found the content.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*P5SdTeLmLILLVTIPfW6vpw.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="644" height="208"><figcaption>Double-check the response in&#xA0;Bard.</figcaption></figure><p>The response that Google Bard provides is validated on the fly, and the tool highlights the content in green if it finds a citation for the information.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*xGIOCGeEyBIwob9-8djxRQ.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1112" height="948"><figcaption>Google Bard found a source for the information it provided.&#xA0;</figcaption></figure><p>At the same time, the information that cannot be validated is highlighted in orange. If you use Bard for tasks like market research, you can remove the claims that could not be validated before sending the findings to your team members.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*paMeRTRJTlN9aykjG-1-Eg.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1412" height="458"><figcaption>Google Bard was unable to find a source for this&#xA0;claim.&#xA0;</figcaption></figure><h3 id="2-submit-the-image-along-with-the-text-prompt">2. Submit the image along with the text prompt</h3><p>At the time of writing this article, the ChatGPT free tier supports only text input. You will likely be able to submit the image along with a text prompt to ChatGPT in the future, but right now, ChatGPT is a text-based chat.</p><p>Google Bard allows you to provide images along with the text prompt, and it uses the tool called Google Lens to extract information from the image. For example, you can add the image of the UI you would like to design in Figma and ask Bard to provide a step-by-step guide on how to create it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*a-f_TOLA3XnyT9mvXNykcA.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1866" height="978"><figcaption>Provide an image along with text and ask Bard to analyze&#xA0;it.</figcaption></figure><h3 id="3-generate-a-public-link-to-the-chat-so-you-can-share-it-with-other-people">3. Generate a public link to the chat so you can share it with other people</h3><p>The only way to share information generated by ChatGPT is to copy the response as plain text. ChatGPT offers a quick shortcut that allows you to do it right in the context of interaction.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*IPkmgBsAcIzesQKCrTtSXA.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1544" height="768"><figcaption>An icon at the top right corner of the output allows you to copy the ChatGPT response.</figcaption></figure><p>While this approach allows you to copy the content, it&#x2019;s far from the perfect UX because you have to find a way to share the content&#x200A;&#x2014;&#x200A;create an online document, write an email, etc. And even when you do that, the other person will receive this information as plain text.</p><p>Bard allows you to create a link to the chat and share it with anyone so that they can continue the conversation with AI.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*6ZP9uXbnTai1ovaGxLe_JA.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="1528" height="916"><figcaption>Creating a public link to the chat with&#xA0;Bard.</figcaption></figure><p>For example, the person who receives a link to a usability testing questionnaire can ask Bard follow-up questions to fine-tune the output generated by AI.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lvK1_IzX3RAO-uKFQjYaAg.png" class="kg-image" alt="3 Reasons Why Google Bard is Better Than ChatGPT" loading="lazy" width="2530" height="1494"><figcaption>Public link for the chat with&#xA0;Bard.</figcaption></figure>]]></content:encoded></item><item><title><![CDATA[UI Design using Midjourney]]></title><description><![CDATA[<p>Text-to-image AI tools like Midjourney, Dalle-2, and Stable Diffusion can generate images from plain text. These days the internet is full of AI-generated images, but the question is, &#x201C;Can text-to-image tools can be used for UI design?&#x201D;</p><p>In this article, we will see how AI tools can deal</p>]]></description><link>https://babich.biz/blog/ui-design-using-midjourney/</link><guid isPermaLink="false">63fcf87db913ff02a237168a</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Mon, 27 Feb 2023 18:40:40 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/Group-117.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/02/Group-117.png" alt="UI Design using Midjourney"><p>Text-to-image AI tools like Midjourney, Dalle-2, and Stable Diffusion can generate images from plain text. These days the internet is full of AI-generated images, but the question is, &#x201C;Can text-to-image tools can be used for UI design?&#x201D;</p><p>In this article, we will see how AI tools can deal with regular UI tasks such as creating:</p><ul><li>UI screens</li><li>App icons</li><li>Product images</li><li>Logos</li><li>Mascots</li></ul><p>To make our analysis more specific, we will generate UI assets for a particular product type (food delivery app).</p><p><strong><em>Disclaimer: </em></strong><em>This article doesn&#x2019;t try to convince you to use AI tools. It&#x2019;s a pure experiment that shows what AI tools are capable of and what UI assets they can generate.</em></p><p>This article is also available in a video format:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/0-4eVgEB26M?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="UI Design using Midjourney"></iframe></figure><p><strong><em>A quick introduction to Midjourney</em></strong>Midjourney is an online text-to-image tool. To use Midjourney, you need to join Discord.<em> Visit </em><a href="https://www.midjourney.com/?ref=babich.biz" rel="noopener">https://www.midjourney.com/</a>, click <em>Join the Beta </em>and follow the instructions to create your account.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ik6bXUmUS0D6TrfLLA2kSQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="2816" height="1616"><figcaption>Midjourney home&#xA0;page.&#xA0;</figcaption></figure><p>Once you do that, you can join any channel with the prefix &#x201C;<em>newbies-&#x201D;</em> and start generating images by typing</p><p><em>/imagine [what you want to generate]</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ly8ejDBw8ncAG6NxsRaRRA.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="2872" height="1576"><figcaption>Midjourney&#x2019;s newbies-&#xA0;channel.&#xA0;</figcaption></figure><h3 id="ui-screens">UI screens</h3><p>The most important thing that we need to do when working with AI tools is to write clear prompts. A prompt is a text string that you submit to an AI tool so that it can generate an image for you. The prompt should clearly specify what you want to see.</p><blockquote>The better you articulate your intention, the more relevant result you will get from AI.</blockquote><p>When writing a prompt, think about how you will describe your design to an actual person and write down an exact sentence. Turn this sentence into tokens (short phrases separated by a comma).</p><blockquote>The tokenized format is better for Midjourney because it helps you trim all unnecessary words while keeping essential contextual information.</blockquote><p>For example, in the context of a food delivery app, the tokenized prompt might be:</p><p><em>/imagine high-quality UI design, food delivery mobile app, trending <br>on Dribbble, Behance</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*O29NnN_pDXEJFOJhpejRTQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>The first take on UI design for the food ordering&#xA0;app.</figcaption></figure><p>By default, Midjourney generates four options for you to choose from. You can upscale options using the command U[number]. Let&#x2019;s see what the upscaled version of the first design will look like.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*QlPHDW-8arbYqx1sH_8HYw.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the first option generated by Midjourney.</figcaption></figure><p>If you compare the upscaled version to the previous version, you might notice that Midjourney doesn&#x2019;t only increase the size and quality of the image but it also slightly modifies the layout. For example, the upscaled version doesn&#x2019;t feature a red button in the top-left corner of the screen.</p><p>You likely notice two significant problems in the images generated by the tool: gibberish text and corrupted food preview images. Unfortunately, these problems are relevant not only for UI screens but for many kinds of images generated by Midjourney.</p><p>Our first take wasn&#x2019;t perfect, so you might wonder how to modify our prompt to achieve better results. It&#x2019;s worth saying that there is no optimal strategy for writing prompts. You need to experiment with different tokens to find an optimal solution. That&#x2019;s why you should aim for at least a few tries before you come up with a decent output.</p><p>Let&#x2019;s modify our prompt to see how the tool will react to it. This time we will mention &#x201C;Figma&#x201D; because we will likely want to use the assets in the design tool.</p><p><em>/imagine food delivery app, user interface, Figma, Behance, HQ, 4K, clean UI</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*OZHJ67rTLiL7RBZdKNAanQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>Second take on UI design for food delivery&#xA0;app.&#xA0;</figcaption></figure><p>Let&#x2019;s see what the upscaled version of the first design will look like.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lKE4lwy3QcSqDh8-CBYijg.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the first&#xA0;option.</figcaption></figure><p>This version looks more like something we can use in design. The layout has a clear visual hierarchy of elements.</p><p>Let&#x2019;s make another take on UI design using Midjourney. This time we will remove tokens &#x201C;Dribbble&#x201D; and &#x201C;Behance,&#x201D; leaving only &#x201C;Figma&#x201D; but also add a parameter &#x201C;&#x200A;&#x2014;&#x200A;q 2&#x201D; to increase the quality of the images.</p><p><em>/imagine [what you want to generate] -- q &lt;number&gt;</em></p><p>Here is our prompt</p><p><em>/imagine Food delivery app, mobile app, user interface, Figma, HQ, 4K, clean UI -- q 2</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*z2BaY_MTgmcjgLfNyGQJ4g.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>Third take on UI design for food ordering&#xA0;app.</figcaption></figure><p>The third option looks promising. Let&#x2019;s upscale it to see more details.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*v6eFiVSSsdco7upZ2udsKA.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the third&#xA0;option.</figcaption></figure><p>You can see that the results that Midjourney generates, even after the third try, cannot be used without refinement from a human designer. Nevertheless, this raw output can be very helpful during the early stages of the design process because it serve a visual inspiration. For example, it&#x2019;s relatively easy to create a moodboard of AI-generated images and use it as a reference for visual designers to create a proper visual language.</p><p>It&#x2019;s also vital to mention that we&#x2019;ve used a very general prompt for UI design. If we want to see a particular screen (such as a restaurant search page), we should <em>clearly specify it</em> in a prompt as a token so that the system can get us a more relevant result.</p><h2 id="imagery">Imagery</h2><p>Imagery is photos and illustrations used in various parts of a product. Imagery is integral to user experience because it communicates essential information to users and sets the right mood. Finding the right imagery can be challenging during product design, so let&#x2019;s see if Midjourney can help us with that.</p><h4 id="app-icon">App Icon</h4><p>An app icon is a simple yet very powerful element because it communicates the idea of what the app is all about as well as creates a first impression to users. Even before users start to use a product, the icon is the first thing they see, and its level of craftsmanship directly impacts how users will perceive a product.</p><p>Since we are designing a mobile app, we need to clearly specify the token &#x201C;iOS app&#x201D; as well as mention that we want to see high-quality visual assets (tokens &#x201C;high resolution&#x201D; and &#x201C;high quality&#x201D;). And because our app is about food delivery, we might want to mention one particular type of food (&#x201C;burger&#x201D;).</p><p><em>/imagine icon for iOS app in high resolution, burger, high quality, HQ -- q 2</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*XkqY3dqIrI3mUsO1_wqm1Q.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>The first take on the app icon for the food ordering&#xA0;app.</figcaption></figure><p>As you can see, Midjourney generated a set of ultra-realistic icons. Let&#x2019;s upscale the second option.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*jpRmKNpg9H3VH402fTJpBQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the second&#xA0;option.</figcaption></figure><p>The style that Midjourney uses for icons is great, but it might not work for an actual project because many designers prefer to use minimalist icons. Let&#x2019;s give it a second try using a slightly different prompt. We need to mention tokens like &#x201C;minimalism&#x201D; and &#x201C;flat design&#x201D; to signal AI that we want to see simple icons.</p><p><em>/imagine icon for iOS app in high resolution, burger, high quality, minimalism, flat design -- q 2</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*MAe5vXbL1PZ0kKZe0a3bSg.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="1024" height="1024"><figcaption>Second take on the app icon for the food ordering app. Trying a minimalist style.&#xA0;</figcaption></figure><p>Now the output looks like something we can use in a real project. Let&#x2019;s upscale the first option.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*soId1fkVkHNSQbIPKrmz6w.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="952" height="952"><figcaption>An upscaled version of the first&#xA0;option.</figcaption></figure><h4 id="product-images">Product images</h4><p>Product images are images that we will show on product pages. Since we design a food ordering app, our image will be photos or illustrations of food. Let&#x2019;s ask Midjourney to generate images for us:</p><p><em>/imagine burger, high quality picture, high resolution, HQ, 4K -- q 2</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*BmLcm9Z7e6fh-K6roHtDbg.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>Images of a burger generated by Midjourney.&#xA0;</figcaption></figure><p>Midjourney generated solid images, but they have one major drawback&#x200A;&#x2014;&#x200A;they are placed on a dark background, and this can be a problem because it will require extra work to extract an object from the background. But we can use a simple trick&#x200A;&#x2014;&#x200A;ask Midjourney to use a transparent or white background:</p><p><em>/imagine burger on a transparent background, high quality, high resolution, 4K -- q 2</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*t8OSzze4gfBy-eCFrgOdAQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>Images of a burger generated by Midjourney on a transparent background.</figcaption></figure><p>The first image looks great; let&#x2019;s upscale it.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Ba9KvafW6-BoycWeTik5dg.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the first image of a&#xA0;burger.</figcaption></figure><p>Now, all we need to do is to remove the background from this image. To do that, we can use online services like Remove.bg. Upload the image to removeb.bg and download the ready-to-use visual asset.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*dAlJKSUMPhzWza04nTETRA.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="2846" height="1124"><figcaption>Using Remove.bg to remove the background.</figcaption></figure><h4 id="promo-illustrations">Promo illustrations</h4><p>Promo illustrations are versatile visual assets that can be used inside the app or on a promo website. Let&#x2019;s see if Midjourney can create a decent illustration. We want to communicate the idea that our food is delicious. So the prompt we provide is:</p><p>/imagine happy man eating a burger, high resolution, high quality illustration</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ffP0jVMXuANFfdCbnAYYyw.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>Promo illustrations for a food delivery&#xA0;app.&#xA0;</figcaption></figure><p>The cool thing is that the images are generated in different styles&#x200A;&#x2014;&#x200A;from watercolor painting to highly realistic photo illustration. But it is evident that Midjourney had a hard time pairing happiness with eating. Let&#x2019;s upscale the second image to see if the upscaled version will look better.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*E570BmDBuGyQPtDFojD_lQ.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>An upscaled version of the second&#xA0;image.</figcaption></figure><p>You likely notice another problem with the images that Midjourney generates&#x200A;&#x2014;&#x200A;the problem with legs and fingers. The tool often adds an extra leg or finger when it generates images of people. Yet, in our example, the tool removed fingers and modified the human hand to make it look like a claw.</p><h4 id="logo">Logo</h4><p>A logo is a core element of branding. When it comes to logo design, we have to ensure its meaning is clear to customers and the logo itself is memorable. The great thing about Midjourney is you can ask the tool to generate images in a particular style. When it comes to logo design, we can follow the style of famous graphic designers such as Saul Bass, who is known for designing posters for movies like Vertigo (directed by Alfred Hitchcock).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*fvKPB2S_9lZ8Ar6rALu1Nw.jpeg" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="1360" height="765"><figcaption>Movie posters designed by Saul&#xA0;Bass.</figcaption></figure><p>Here is what Midjourney creates for a prompt:</p><p>/imagine minimal logo of a burger, graphic style of Saul Bass</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*sra1SGKgzU6GLBzoLa90xw.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="916" height="916"><figcaption>Asking Midjourey to create a logo for a food delivery app in the style of Saul&#xA0;Bass.</figcaption></figure><p>Midjourney indeed uses some elements of Saul Bass&#x2019;s style, such as typefaces and color scheme, yet the final result doesn&#x2019;t look like something from his works.</p><h4 id="mascot">Mascot</h4><p>A mascot is a graphical object used to represent a business. A well-crafted mascot helps people remember a brand and communicates a certain mood. Let&#x2019;s ask Midjourney to generate an image of a mascot for a food delivery company mentioning a particular style (Japanese).</p><p><em>/imagine simple mascot for a food delivery company, Japanese style</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*oJ-GpKd7fl6hhZzphh3bow.png" class="kg-image" alt="UI Design using Midjourney" loading="lazy" width="842" height="842"><figcaption>Asking Midjourey to generate a mascot for a food delivery&#xA0;app.&#xA0;</figcaption></figure><p>Midjourney generated a few nice examples of mascots. But only one example can be used with minimal modification (fourth option).</p><h2 id="can-midjourney-replace-ui-designers">Can Midjourney replace UI designers?</h2><p>No. At least not right now. The outputs the tools generate are very rough and often require refinement from designers. Midjourney is also very dependent on the prompt (the quality of output it provides can depend drastically on the prompts you provide).</p><p>Does it mean this tool has no place in the designer&#x2019;s toolkit? No. The tool can be beneficial during the early phases of a product design process, such as ideation and visual exploration. Midjourney can be especially useful for moodboarding. It can help a team to compare a lot of visual styles before they can commit to one particular style.</p>]]></content:encoded></item><item><title><![CDATA[Using ChatGPT for User Research]]></title><description><![CDATA[<h3 id="applying-ai-to-4-common-user-research-activities">Applying AI to 4 common user research activities</h3><p>User research is a fundamental part of the design process. The more time and energy a product team invests in user research, the higher the chances of releasing a commercially successful product.</p><p>In this article, I will explore whether ChatGPT can be</p>]]></description><link>https://babich.biz/blog/using-chatgpt-for-user-research/</link><guid isPermaLink="false">63f8c598b913ff02a2371661</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Fri, 24 Feb 2023 14:14:13 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/research.png" medium="image"/><content:encoded><![CDATA[<h3 id="applying-ai-to-4-common-user-research-activities">Applying AI to 4 common user research activities</h3><img src="https://babich.biz/content/images/2023/02/research.png" alt="Using ChatGPT for User Research"><p>User research is a fundamental part of the design process. The more time and energy a product team invests in user research, the higher the chances of releasing a commercially successful product.</p><p>In this article, I will explore whether ChatGPT can be helpful for user and market research. To make this article more specific, I will use ChatGPT to conduct research for a new hotel booking mobile app focussed on the US market.</p><p><strong>Disclaimer: </strong><em>ChatGPT cannot be used as a complete replacement for human user researchers. It&#x2019;s best suited as a digital assistant that can speed up some research activities. Still, product creators should always validate the information the tool provides and spend time working with a product&#x2019;s target audience to understand real users.</em></p><p>This article is also available in a video format:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/wzSWIwHbJN8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Using ChatGPT for User Research"></iframe></figure><h2 id="1-competitor-analysis">1. Competitor analysis</h2><p>Competitor analysis is an integral part of product design. To design a good product, we must understand who our competitors are and what they do right and wrong.</p><h4 id="identify-common-issues-that-all-products-in-the-niche-have">Identify common issues that all products in the niche have</h4><p>Let&#x2019;s start with what all our competitors do wrong first and ask ChatGPT to summarize common issues that mobile users face when they use hotel booking apps.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*xUN-Ci1O5uXf-T-AX98GGg.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1220" height="1108"><figcaption>Asking ChatGPT to summarize common issues with hotel booking&#xA0;apps.</figcaption></figure><p>As you can see, some points that ChatGPT provided are way too general. For example, &#x201C;Poor User Interface&#x201D; doesn&#x2019;t uncover specific UI issues. But a few points that ChatGPT mentioned in this list are super helpful&#x200A;&#x2014;&#x200A;payment issues and limited customer support. Based on my experience creating booking apps, those are two major areas of friction for many users.</p><h4 id="identify-our-direct-competitors">Identify our direct competitors</h4><p>Now let&#x2019;s ask ChatGPT to provide a list of direct competitors in our business niche. To make a list more specific, let&#x2019;s mention in our prompt that we focus primarily on the US market.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*BUc_IumKKowrCMfa6huCmA.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1198" height="688"><figcaption>Asking ChatGPT to provide a list of direct competitors.&#xA0;</figcaption></figure><p>Once we have a list of competitors, we can ask ChatGPT a follow-up question to identify the market share that each competitor has.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*88f5k8GU-9wJjsAtvJwusg.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1228" height="844"><figcaption>Ask ChatGPT to provide information about the market share for each competitor.</figcaption></figure><p>As you can see, Booking.com and Expedia are two major players in our market. We need to learn what customers like and dislike about Booking.com and Expedia, and we can ask ChatGPT to provide this information. Let&#x2019;s start with things customers like about the product:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*WlDpU_EbGckXYuJZNu2tKQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1216" height="1112"><figcaption>Asking ChatGPT to provide what customers like about Booking.com</figcaption></figure><p>ChatGPT mentioned a few great points, such as transparent pricing and customer reviews and rating. If you have experience using services like Airbnb, you know why transparent pricing is extremely important. Let&#x2019;s ask ChatGPT to summarize the downsides of using Booking.com</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*n2z-PKvRI8hgDQ0WOocRfQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1214" height="1214"><figcaption>Asking ChatGPT to provide what customers dislike about Booking.com</figcaption></figure><p>Cancellation policies and limited customer service are two areas in which Booking.com have problems. We need to consider those areas when building our product.</p><h2 id="2-define-key-business-metrics">2. Define key business metrics</h2><p>Before creating a design for our product, we need to define key business metrics. The metrics we set during this step will help us evaluate our design decisions. Let&#x2019;s see if ChatGPT can be helpful for that.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*XVQYzPO8M9fNxM3omsMLTQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1246" height="1208"><figcaption>Asking ChatGPT to provide a list of business metrics for a hotel booking&#xA0;app.&#xA0;</figcaption></figure><p>As you can see, the list provided by ChatGPT contains a few standard metrics, such as retention rate, customer acquisition cost, lifetime value, and NPS. Most for-profit apps rely on those metrics when they evaluate their performance. At the same time, the tool also mentioned a few specific metrics, such as Bookings and Average Booking Value.</p><h2 id="3-identify-your-users-and-their-behavior">3. Identify your users and their behavior</h2><p>It&#x2019;s time to learn who will use our product. The better we understand the target audience and their needs, the more chances to create a user-centered design.</p><h4 id="creating-user-persona">Creating user persona</h4><p>A user persona is an archetype of an ideal user. Product creators use personas to evaluate design decisions.</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/i4Pp3FK7lkE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="User persona: how to create and use"></iframe></figure><p>Let&#x2019;s ask ChatGPT to create a few user personas for our product.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*QKvnACWZiNVHPD4to1-h7A.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1228" height="830"><figcaption>Asking ChatGPT to create user personas for the hotel booking&#xA0;app.</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*sNMvUHYMEwL4ggirAy4HRQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1134" height="1294"><figcaption>Asking ChatGPT to create user personas for the hotel booking&#xA0;app.</figcaption></figure><p>ChatGPT created 3 user personas&#x200A;&#x2014;&#x200A;business traveler, budget travler and luxury travler. For each persona, it specified demographics, needs &amp; wants and provided relevant contextual information. Since our app will have one primary persona and a few secondary personas, let&#x2019;s ask ChatGPT to figure out what will be a primary persona from this list.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*l20EZNM8JTirA8WuhrSzig.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1250" height="578"><figcaption>Asking ChatGPT to identify the primary persona for the hotel booking&#xA0;app.</figcaption></figure><h4 id="identifying-popular-travel-destinations-for-users">Identifying popular travel destinations for users</h4><p>Along with user persona, popular travel destinations will give us a better idea of how users will use a product. Since we aim for the US market, its vital to identify popular travel destinatiosn in the US.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*blE5auMCqLfaixoqHExBhw.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1240" height="1058"><figcaption>Asking ChatGPT to provide popular travel destinations in the&#xA0;US.</figcaption></figure><p>One cool thing about the response that ChatGPT provided is that it referenced the source (Statista) when it listed popular destinations. We can ask a follow-up question to understand how much money customers spend for each location.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*0BwPT1iAEa9Hv2mmN9eYmg.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1222" height="1094"><figcaption>Asking ChatGPT to provide info about spending for the customers.</figcaption></figure><h4 id="creating-user-journey">Creating user journey</h4><p>Once we know <em>who</em> will use our app (our user personas), we need to know <em>how</em> they want to use it. It&#x2019;s time to dive into the user journey and identify specific steps users will follow when interacting with a product. User journey will give us a birds-eye view of a product experience so that we can use this information when designing an actual application.</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/33HklEk26Jw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="User Journey Map"></iframe></figure><p>Let&#x2019;s ask ChatGPT to design a user journey.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*CtvL0w6siprTwY1l1yraoQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1230" height="1204"><figcaption>User journey for a hotel booking&#xA0;app.&#xA0;</figcaption></figure><h4 id="storytelling">Storytelling</h4><p>Storytelling is an essential part of the design process. User personas and user journeys are significant design artifacts that communicate what we know about our users and their habits, but stories can make the experience feel real.</p><p>Let&#x2019;s ask ChatGPT to write a story about a person who uses our product.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*uG5hWY-ARJDByu4apYEKwA.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1234" height="1190"><figcaption>Asking ChatGPT to write a story about a person who uses our product.</figcaption></figure><h4 id="writing-use-cases-for-our-app">Writing use cases for our app</h4><p>Use cases are specific tasks that users want to achieve using a product. When it comes to a hotel booking app, the primary use case is booking a hotel in a specific area. Let&#x2019;s see if ChatGPT can help us identify other use cases.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*qKAxxTXtELYCeBlFlKb51w.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1242" height="1348"><figcaption>Ask ChatGPT to provide use cases for the hotel booking&#xA0;app.</figcaption></figure><p>As you can see, the list that ChatGPT provided is not exactly use cases but rather an overview of the app&#x2019;s functionality. But this information can be helpful during design process.</p><h4 id="identifying-interaction-patterns-that-work-for-our-target-audience">Identifying interaction patterns that work for our target audience</h4><p>Last but not least, let&#x2019;s see if ChatGPT can help us identify interaction patterns that work for our target audience.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Vtwn6mavyMD7aD1CJxsMsg.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1230" height="1168"><figcaption>Asking ChatGPT to provide design patterns that work for a hotel booking app audience.</figcaption></figure><h4 id="suggesting-techniques-that-can-evoke-positive-emotions">Suggesting techniques that can evoke positive emotions</h4><p>When it comes to product design, it&#x2019;s essential to make the product both functional and pleasurable for users. Let&#x2019;s ask ChatGPT to suggest a few ideas to make the user experience more enjoyable.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*iKYovNbv25r9RNCjzjgMOQ.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1224" height="1202"><figcaption>Asking ChatGPT how to make the experience more pleasurable for&#xA0;users.</figcaption></figure><p>As you can see, ChatGPT provided a very general list of recommendations that includes using visually appealing images, storytelling and using the right color schemes. Perhaps the only notable thing about this list is the point about personalization. It&#x2019;s definitely possible to use past booking history and preferred amenities to suggest relevant booking options to users.</p><h2 id="4-reaching-the-target-audience-for-insights">4. Reaching the target audience for insights</h2><p>No matter how much time we invest in user research, we need to validate all our insights about the user and their behavior by conducting interviews and surveys with people who represents our target audience.</p><h4 id="questions-for-a-user-interview">Questions for a user interview</h4><p>Since we know our target user (we&#x2019;ve identified user persona before), we need to hire people who match these criteria and ask them questions about their booking epxiernece. Let&#x2019;s see if ChatGPT can help us find the right questions.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*eaBpcyHOXJcSj0MKUqbnSg.png" class="kg-image" alt="Using ChatGPT for User Research" loading="lazy" width="1238" height="874"><figcaption>Asking ChatGPT to prepare a set of questions for the user interview.</figcaption></figure><p>Overall, ChatGPT created a solid list of questions that can be used for user research.</p>]]></content:encoded></item><item><title><![CDATA[4 Biggest Issues With Modern AI Tools]]></title><description><![CDATA[<p>AI is in the spotlight in 2023. ChatGPT, released on Nov 30, 2022, is the first app that got 100 million users in two months. AI is breaking into the mainstream because people see practical value in using AI tools. AI tools make work easier, faster, and more efficient. At</p>]]></description><link>https://babich.biz/blog/4-biggest-issues-with-ai-tools/</link><guid isPermaLink="false">63f7f187b913ff02a2371624</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Thu, 23 Feb 2023 23:11:35 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/image-1--4-.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/02/image-1--4-.png" alt="4 Biggest Issues With Modern AI&#xA0;Tools"><p>AI is in the spotlight in 2023. ChatGPT, released on Nov 30, 2022, is the first app that got 100 million users in two months. AI is breaking into the mainstream because people see practical value in using AI tools. AI tools make work easier, faster, and more efficient. At the same time, AI tools are far from perfect, and in this article, I want to explore the dark side of AI tools and discuss four issues that the tools have.</p><h2 id="1-ai-tools-are-prone-to-hallucination">1. AI tools are prone to hallucination</h2><p>AI tools are still prone to errors and mistakes. Hallucination is when you ask ChatGPT a particular question, and it provides an incorrect answer. The system rarely says that it doesn&#x2019;t know something and can write plausible-sounding but incorrect answers. Only after the validation may you find that the answer AI provided was completely wrong.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://babich.biz/content/images/2023/02/image.png" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1210" height="392"><figcaption><em>Asking ChatGPT &#x201C;What is heavier: kilo of water or kilo of air?&#x201D;</em></figcaption></figure><p>In many cases, validation cannot be done automatically&#x200A;&#x2014;&#x200A;it requires having human moderators, people who have relevant expertise in a field, and the time to do the work. Even when you have a large team of moderators, the team might not have the capacity to analyze AI-generated output. No wonder why large resources like Stack Overflow started to ban answers provided by ChatGPT due to many of them being wrong.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.vice.com/en/article/wxnaem/stack-overflow-bans-chatgpt-for-constantly-giving-wrong-answers?ref=babich.biz"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Stack Overflow Bans ChatGPT For Constantly Giving Wrong Answers</div><div class="kg-bookmark-description">One of the internet&#x2019;s largest coding resources has temporarily banned the AI chatbot after users answered programming questions with its responses.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://vice-web-statics-cdn.vice.com/favicons/vice/coast-228x228.png" alt="4 Biggest Issues With Modern AI&#xA0;Tools"><span class="kg-bookmark-author">VICE</span><span class="kg-bookmark-publisher">Janus Rose</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://video-images.vice.com/articles/638e0e743542315329529ad5/lede/1670254879908-screen-shot-2022-12-05-at-104050-am.png?image-resize-opts=Y3JvcD0wLjkwMTd4dzoxeGg7MC4wNDczeHcsMHhoJnJlc2l6ZT0xMjAwOiomcmVzaXplPTEyMDA6Kg" alt="4 Biggest Issues With Modern AI&#xA0;Tools"></div></a></figure><p>It&#x2019;s vital to understand <em>why</em> hallucination occurs in the first place. Unlike tools like Apple Siri that use the internet to find the answers (i.e., a result that Siri provides to the user is basically a reference of an article or video), ChatGPT constructs the answer on-fly word by word, choosing the most likely token that comes next in the sentence. And the model that ChatGPT uses is rooted in prediction (large language models like GPT predict the next best token). So it&#x2019;s nearly impossible to completely prevent hallucinations of AI, but it is definitely possible to fine-tune the model to minimize the areas where hallucinations occur.</p><p>The context in which hallucination occurs is also essential. If a hallucination happens in a business context, the business might easily lose money following incorrect advice that it gotfrom AI. But it&#x2019;s way too dangerous when it happens in a medical context because it will put human lives in danger. OpenAI introduced a safety mechanism in ChatGPT that prevents users from asking questions about their health.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*X7csSpXnEXOhhaDwIg1mKg.png" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1228" height="494"><figcaption>ChatGPT doesn&#x2019;t want to answer health-related questions.</figcaption></figure><p>Yet, this mechanism is not idead and it&#x2019;s possible to trick the system by slightly altering the prompt.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lXSWdTQV2Oe2s_2YzidL1g.png" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1224" height="846"><figcaption>ChatGPT provides a list of cases of health&#xA0;problem.</figcaption></figure><h2 id="2-ai-tools-and-the-problem-of-copyright-and-intellectual-property">2. AI tools and the problem of copyright and intellectual property</h2><p>Both text-to-text tools like ChatGPT and text-to-image tools like Midjourney and Stable Diffusion trained their models on massive quantities of data, basically all publicly available information on the internet. But when the tools generate the response to the prompt, they don&#x2019;t reference the original sources.</p><p>The problem becomes even more noticeable when you use text-to-image tools like Stable Diffusion and Midjourney. The systems are trained on millions of images around the internet. And when you work with text-to-image AI tools for quite some time, you notice that they often replicate existing illustration styles.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*duoLnLvMYB_t0pCXSsXfdA.png" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1264" height="843"><figcaption>The image generated by Midjourney has a very familiar&#xA0;style.</figcaption></figure><p>No wonder why Stability AI, the company behind Stable Diffusion, was sued by Getty Images, that alleged Stability AI of using millions of images from their photo bank to train the model and didn&#x2019;t pay a single dollar for it.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.theverge.com/2023/1/17/23558516/ai-art-copyright-stable-diffusion-getty-images-lawsuit?ref=babich.biz"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Getty Images is suing the creators of AI art tool Stable Diffusion for scraping its content</div><div class="kg-bookmark-description">Getty Images claims Stability AI &#x2018;unlawfully&#x2019; scraped millions of images from its site. It&#x2019;s a significant escalation in the developing legal battles between generative AI firms and content creators.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.theverge.com/icons/android_chrome_512x512.png" alt="4 Biggest Issues With Modern AI&#xA0;Tools"><span class="kg-bookmark-author">The Verge</span><span class="kg-bookmark-publisher">James Vincent</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.vox-cdn.com/thumbor/3lriwngDiXIMJuTa0zlasdWLb4A=/22x98:1519x1146/1200x628/filters:focal(775x611:776x612)/cdn.vox-cdn.com/uploads/chorus_asset/file/24365786/Screenshot_2023_01_17_at_09.55.27.png" alt="4 Biggest Issues With Modern AI&#xA0;Tools"></div></a></figure><p>AI tools will likely have to provide references to original sources along with the output. For example, when Microsoft introduced GPT-powered chat in Bing, they added a sub-section called &#x201C;Learn more&#x201D; that cites sources the AI tool used to generate the response.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*DYHUmOctDH5Qq3lZgGWmeA.jpeg" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1750" height="984"><figcaption>Bing cites sources in Learn more section. Image by <a href="https://www.engadget.com/microsoft-new-bing-edge-ai-copilot-hands-on-demo-test-chatgpt-openai-213332455.html?ref=babich.biz" rel="noopener">Engadget</a>.</figcaption></figure><h2 id="3-ai-tools-can-help-people-manipulate-other-people">3. AI tools can help people manipulate other people</h2><p>We tend to think we&#x2019;re unique in consuming information and evaluating ideas. In reality, we typically follow similar or even the same approaches as many other people in our niche, be it management, design, hiring, etc. We all follow certain patterns, and AI tools are very good at understanding patterns. Plus, tools like ChatGPT were <em>intentionally designed to imitate human conversation.</em></p><p>As a result, the tool has an excellent ability to generate texts that communicate a specific message. For instance, with the right prompt, ChatGPT can write a cover letter that will sound much better than one written by a human.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*UiO5SapjPjLFtppZplCPGg.png" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="1242" height="1406"><figcaption>Cover letter generated by&#xA0;ChatGPT.</figcaption></figure><p>Large corporations try to mitigate this negative behavior. For example, Microsoft doesn&#x2019;t allow users to generate personal texts like cover letters using AI chat integrated into Bing.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*gb2NE7ZBtVEvytOBU1NdSQ.jpeg" class="kg-image" alt="4 Biggest Issues With Modern AI&#xA0;Tools" loading="lazy" width="900" height="467"><figcaption>Bing Chat doesn&#x2019;t allow you to generate cover letters. Image by <a href="https://twitter.com/mayank_jee/status/1625109333691498497/photo/1?ref=babich.biz" data-href="https://twitter.com/mayank_jee/status/1625109333691498497/photo/1" class="markup--anchor markup--figure-anchor" rel="noopener" target="_blank">mayank_jee</a></figcaption></figure><h2 id="4-ai-tools-make-it-harder-for-people-to-understand-what-is-real-and-what-is-fake">4. AI tools make it harder for people to understand what is real and what is fake</h2><p>The rapid evolution of AI technology raises an important question: How will we govern the technology? If we give everyone the power to do whatever they want with technology, we can easily face a huge problem: many users will use the technology for harm. For example, scammers can use AI to copy the voices of people we know (our relatives and friends) and trick us. Imagine receiving a call from someone who sounds exactly like your close friend, and this person asks you to do something urgently (i.e., transfer X amount of money). For the same very reason, we might see a new wave of misinformation (fake news).</p><figure class="kg-card kg-embed-card"><iframe width="200" height="150" src="https://www.youtube.com/embed/F4G6GNFz0O8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="This is not Morgan Freeman - A look behind the Deepfake Singularity"></iframe></figure><blockquote class="kg-blockquote-alt">We&#x2019;re entering the era of synthetic reality&#x200A;&#x2014;&#x200A;reality in which hard to tell what is real and what&#x2019;s fake.</blockquote><p>Unfortunately, government policies developed much slower speed than AI technology progress. If this trend remains the same, we might end up living in a very dark world in which we won&#x2019;t be able to understand what is real and what is fake.</p>]]></content:encoded></item><item><title><![CDATA[Features Audit Template]]></title><description><![CDATA[<h4 id="a-simple-tool-that-will-help-you-identify-the-key-features-of-your-product">A simple tool that will help you identify the key features of your product</h4><p>People choose to use a particular product because they believe it will help them achieve their goal(s). The more popular product becomes, the more tempting its for product creators to add extra features to the</p>]]></description><link>https://babich.biz/blog/features-audit-template/</link><guid isPermaLink="false">63ebfed8b913ff02a2371600</guid><category><![CDATA[UX]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Tue, 14 Feb 2023 21:38:04 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/Thumbnail.png" medium="image"/><content:encoded><![CDATA[<h4 id="a-simple-tool-that-will-help-you-identify-the-key-features-of-your-product">A simple tool that will help you identify the key features of your product</h4><img src="https://babich.biz/content/images/2023/02/Thumbnail.png" alt="Features Audit Template"><p>People choose to use a particular product because they believe it will help them achieve their goal(s). The more popular product becomes, the more tempting its for product creators to add extra features to the product.</p><blockquote class="kg-blockquote-alt">But adding more features to the product doesn&#x2019;t always lead to more value to end users.</blockquote><p>Extra features often cause feature creep&#x200A;&#x2014;&#x200A;a situation when a product becomes overloaded with too many unnecessary features. But how to identify the key features that provide the most value? A feature audit template can help you with that.</p><h3 id="feature-audit-template">Feature audit template</h3><p>A feature audit template can help you prioritize features according to the frequency of use among your target audience. The template has two dimensions:</p><ul><li>On X-scale, you can see how many people use a feature (a few people, some people, most people, and all of the people).</li><li>On the Y-scale, you can see the frequency of use (none of the time, some of the time, most of the time, and all of the time).</li></ul><p>In the perfect situation, all features of your product should be located at the top right corner of the template (all of the people use them all of the time).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://babich.biz/content/images/2023/02/Screenshot-2023-02-14-at-23.37.36.png" class="kg-image" alt="Features Audit Template" loading="lazy" width="2794" height="1344"><figcaption>Feature audit template.</figcaption></figure><p>Here is an example of the template for the Apple iOS Camera app:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*26UbEk5IFq3M5ziWQG3YDw.png" class="kg-image" alt="Features Audit Template" loading="lazy" width="2804" height="1340"><figcaption>Feature audit for Apple iOS Camera app (zoom-in to&#xA0;view).</figcaption></figure><p>As you can see, all of the users use iOS cameras to take photos, and just a few people adjust the aperture.</p><h3 id="when-to-conduct-a-feature-audit">When to conduct a feature audit</h3><p>Roadmap planning is the ideal moment for conducting a feature audit. When you discuss what features you need to focus on in your design, it&#x2019;s better to stop and think about how people actually use your product. Our hypothesis about features and the value they bring to users often might not match with actual user behavior. The right way to evaluate your design is to:</p><ul><li>Identify core features in your product. Identify features that <em>you think </em>are valuable to your users.</li><li>Track the core feature usage over time to understand the frequency and adoption rate. Use qualitative and quantitive data to understand how real people actually use your product and what features they find valuable.</li><li>Move features to the right quadrant in the feature audit template.</li><li>Analyze the feature audit document you&#x2019;ve created.</li></ul><h3 id="what-to-do-with-features-that-perform-poorly">What to do with features that perform poorly?</h3><p>What to do with the features that your customers are not using? Does it automatically mean that you should remove them? No always. The fact that users don&#x2019;t use a particular feature doesn&#x2019;t mean that it is useless.</p><p>Here are two popular scenarios that you should consider:</p><ul><li>The feature can perform poorly because of poor discoverability and findability in your user interface. Your users might not know that the feature exists in the first place or might not be able to find it. You can try to increase the adoption rate of the feature by making it more visible to users (i.e., adding visual cues in the interface).</li><li>The feature itself might be poorly designed. Users tend to avoid using such features after the first negative try. The only way to solve this problem is to improve the design of your product.</li></ul><h3 id="feature-audit-template-for-figma">Feature audit template for Figma</h3><p>Here is a free feature audit template that I&#x2019;ve created for Figma:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.figma.com/community/file/1207427773850796780?ref=babich.biz"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Figma</div><div class="kg-bookmark-description">Figma Community file - A simple tool that will help you find the key features that brings value to your users, and get&#x2026;</div><div class="kg-bookmark-metadata"><span class="kg-bookmark-author">www.figma.com</span></div></div></a></figure>]]></content:encoded></item><item><title><![CDATA[Using ChatGPT for UX Writing]]></title><description><![CDATA[<h4 id="exploring-9-popular-scenarios">Exploring 9 popular scenarios</h4><p>Content is an integral part of product design. And just like any other product element, content should be well-crafted. The better content is <em>designed, </em>the better experience users will have with your product. UX writers are professionals responsible for writing micro and macro copy for the</p>]]></description><link>https://babich.biz/blog/chatgpt-ux-writing/</link><guid isPermaLink="false">63e94b22b913ff02a23715eb</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Sun, 12 Feb 2023 20:26:21 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/babichnick_robot_write_a_text_b0b32dea-6257-4b41-98db-838a89860ec0.png" medium="image"/><content:encoded><![CDATA[<h4 id="exploring-9-popular-scenarios">Exploring 9 popular scenarios</h4><img src="https://babich.biz/content/images/2023/02/babichnick_robot_write_a_text_b0b32dea-6257-4b41-98db-838a89860ec0.png" alt="Using ChatGPT for UX Writing"><p>Content is an integral part of product design. And just like any other product element, content should be well-crafted. The better content is <em>designed, </em>the better experience users will have with your product. UX writers are professionals responsible for writing micro and macro copy for the user interface.</p><p>In this article, we will explore whether it is possible to make the life of UX writers easier using ChatGPT. Below is a list of examples of UX writing for the eCommerce website that sells mountain bikes.</p><h4 id="1-call-to-action-button-label">1. Call to action button label</h4><p>The call to action button is one of the most critical elements on the eCommerce website because it directly impacts site conversion. Not only should the button be easily noticeable, but it also should have a proper actionable label. The label should persuade users to click/tap the button. A good label shouldn&#x2019;t be long&#x200A;&#x2014;&#x200A;up to 14 characters.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*oenlKaLj6lfQqJ_kBAncnA.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="2034" height="1228"><figcaption>ChatGPT generates 10 examples of call-to-action labels.</figcaption></figure><p>ChatGPT generated a very interesting list of examples, and what&#x2019;s cool about the options is that the tool added an exclamation point &#x201C;!&#x201D; at the end of the label, reinforcing its meaning.</p><h4 id="2-order-placed-message">2. Order placed message</h4><p>The message customers see when they place an order should make them feel great about their decision. And it is possible to achieve this goal by doing two simple things&#x200A;&#x2014;&#x200A;saying &#x201C;thank you for choosing us&#x201D; and inviting customers to try a newly purchased product.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Elv6QbV6zW8fAfHV9M5S5w.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1814" height="1338"><figcaption>ChatGPT generates 7 examples of the order placed&#xA0;message.</figcaption></figure><p>ChatGPT generated a very solid list of examples, and I like the &#x201C;<em>Get ready to escape the everyday and explore the mountains. Enjoy the ride!</em>&#x201D;</p><h4 id="3-invitation-to-review-a-product">3. Invitation to review a product</h4><p>When you ask customers to write a review, you should understand that most customers won&#x2019;t be motivated to do that, especially if they don&#x2019;t understand the reason. That&#x2019;s why it&#x2019;s vital to communicate the importance of this task.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Dq-TbFq4Ip427HHwPpmw4Q.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1634" height="1384"><figcaption>ChatGPT suggests text for the invitations to write a&#xA0;review.</figcaption></figure><p>ChatGPT generated an average invitation, both very long and not very inviting. But the tool also baked a very excellent idea into it&#x200A;&#x2014;&#x200A;&#x201C;<em>Your review will be a valuable resource for other customers.&#x201D; </em>Knowing that your action can help others can motivate some users to write a review.</p><h4 id="4-incorrect-password">4. Incorrect password</h4><p>The error messages that users see when interacting with your service can significantly impact how they feel about it. There are a few popular places where eCommerce service can show error messages, and incorrect password is one of them.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*bFzJt56NFvQuv3jfnacChQ.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1948" height="654"><figcaption>ChatGPT suggests text for the incorrect password error&#xA0;message.</figcaption></figure><p>ChatGPT generated a standard message that clearly describes the problem and suggests a few ways the user can do about it.</p><h4 id="5-product-is-out-of-stock-message">5. Product is out-of-stock message</h4><p>Showing &#x201C;<em>This item is out of stock</em>&#x201D; is the last thing we want to do on an eCommerce website, yet despite our great intentions, there are cases when the product is unavailable. The message should communicate whether the product is out of stock temporarily or permanently and suggest what the user can do about it. Ideally, the user should be able to leave their email, and the system will notify when the item is returned back to stock.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*AMDeL0ThB70xdZqjMkwKlA.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1924" height="944"><figcaption>ChatGPT suggests text for the product out of&#xA0;stock.&#xA0;</figcaption></figure><p>ChatGPT generated a very useful message and even reassured the users that their data is safe (i.e., email addresses that users will provide won&#x2019;t be spammed).</p><h4 id="6-discount-message">6. Discount message</h4><p>If you are looking for an easy way to sell a product, offer a discount code. Discount codes can work for various types of shoppers&#x200A;&#x2014;&#x200A;price-droppers (potential customers who look for the moment when the product will be discounted) and impulsive shoppers (potential customers who can act because they have a clear motivation factor).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*fDZ5UpGx9CByVqQXNCgt-A.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1924" height="1034"><figcaption>ChatGPT suggests text for the discount&#xA0;code.&#xA0;</figcaption></figure><p>ChatGPT generated a solid copy with the right message, but it&#x2019;s too long. The good thing about this tool is that you can ask a follow-up question to optimize the text.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*LXPD3Ttai7MpRHdlp1Calg.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1944" height="526"><figcaption>ChatGPT optimizes text for the discount&#xA0;code.</figcaption></figure><h4 id="7-product-return-policy">7. Product return policy</h4><p>Poor customer service is one of the most common complaints for any eCommerce service. And poorly designed product return is one of the things that can lower customer satisfaction scores to zero. To avoid any potential problems customers who want to return a product might face with the service, its vital to communicate the product return procedure.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*NgyPVCWe55Ov4rbpXYKogg.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1896" height="1398"><figcaption>ChatGPT suggests text for product&#xA0;return.&#xA0;</figcaption></figure><p>ChatGPT generated a step-by-step guide for the customers who want to return a product and mentioned a specific time during which the customer or business is expected to do things.</p><h4 id="8-subscribe-to-newsletter">8. Subscribe to newsletter</h4><p>The larger the social network you build, the more profitable your business becomes. A newsletter is of the channels that you can use to communicate with your real or potential customers. But before people join the newsletter, they should clearly understand the value they receive.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ZE4-sgiCGJoqDJR0Oy-ZkA.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1186" height="1204"><figcaption>ChatGPT invites users to sign up for the newsletter.&#xA0;</figcaption></figure><h4 id="9-faq-section">9. FAQ section</h4><p>A section with frequently asked questions (FAQ) is valuable for both customers (because they find answers to the question they have) and search engines (relevant information from this section can be good for SEO).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*L_ydnu4USzhiUD-ve1doqA.png" class="kg-image" alt="Using ChatGPT for UX Writing" loading="lazy" width="1452" height="1284"><figcaption>ChatGPT suggests questions for the FAQ&#xA0;section.&#xA0;</figcaption></figure><p>Overall, the list of questions that ChatGPT generated is helpful, but some of the questions are very uncommon. For example, &#x201C;Do you offer financing options for your bikes?&#x201D; sounds like a random question in this particular shopping experience.</p><hr><p>Overall ChatGPT is very helpful for UX writing tasks, but it also has a few crucial downsides. It tends to write long paragraphs of text, even for requests that need one short sentence (like a discount message in our example 5). It also tends to respond monotonously, which can be a problem because people don&#x2019;t like reading long passages of text, especially if they are written very monotonously. Last, ChatGPT can provide irrelevant responses for some questions (i.e., FAQ example 8).</p><p>ChatGPT cannot replace UX writers (at least right now). To make the most of the tool, you need relevant knowledge and skills in UX writing because a UX writer should moderate and fine-tune the output the tool provides.</p>]]></content:encoded></item><item><title><![CDATA[ChatGPT and aligning language models]]></title><description><![CDATA[<p>ChatGPT changed the way we think about artificial intelligence. It&apos;s one of the tools that uncover the true potential of AI for all groups of users. But what made ChatGPT so powerful? ChatGPT is an agent simulated by the language model GPT-3.5. And in this article, I</p>]]></description><link>https://babich.biz/blog/chatgpt-and-aligning-language-models/</link><guid isPermaLink="false">63e2d8afb913ff02a23715d2</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Tue, 07 Feb 2023 23:03:53 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/02/new-1.png" medium="image"/><content:encoded><![CDATA[<img src="https://babich.biz/content/images/2023/02/new-1.png" alt="ChatGPT and aligning language models"><p>ChatGPT changed the way we think about artificial intelligence. It&apos;s one of the tools that uncover the true potential of AI for all groups of users. But what made ChatGPT so powerful? ChatGPT is an agent simulated by the language model GPT-3.5. And in this article, I want to discuss a few fundamental things that made GPT-3.5 so effective.</p><h3 id="model-scale-model-alignment">Model scale &amp; model alignment</h3><p>GPT (Generative Pre-trained Transformer) is a large language model that uses deep learning to produce human-like text. The number of parameters defines the model scale. GPT-3 is called &quot;large-scale&quot; because it has 175 billion parameters.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://lh6.googleusercontent.com/XPakuFRXOJbJMYTg8BD8Xm66qEzzNTRN2UN1UPUzTFGBcYXGLoaxoFWBw3XsbPdrDBGRb02lM6QAqE82JgjtjEbPrgQEKqfmaMHwVLaNz_Gm4n1Cl7FX843uvj0xJFuXQjD21y-sCWh0dK3O6HB9w6s" class="kg-image" alt="ChatGPT and aligning language models" loading="lazy" width="602" height="388"><figcaption><em>Large language models. Image by </em><a href="https://huggingface.co/blog/large-language-models?ref=babich.biz"><em>huggingface</em></a><em>.</em></figcaption></figure><p>But not only does the number of parameters matter, but also the alignment of the model itself. GPT-3.5, the brain of the ChatGPT, has the same model scale, but it&apos;s better aligned than GPT-3. And that&apos;s why it seems smarter. The OpenAI team fine-tuned the GPT model to make it more helpful in the context of chat assistant. </p><p>Let&apos;s discuss what exactly model alignment means:</p><h3 id="reasoning">Reasoning</h3><p>The primary objective of language models is predicting texts. To predict texts, the model should be good at generating texts. One great thing about large language models like GPT is that they incorporate the mechanism of reasoning. Common sense reasoning is something we as human beings take for granted, but it&apos;s an entirely new thing for machines. But reasoning allows the GPT to become so good at simulating human behavior. </p><p>Reasoning is the use of natural language processing and machine learning techniques to analyze and understand text-based data. Think of reasoning as a logic that the model relies on when it answers the user&apos;s questions. Reasoning enables the model to &quot;understand&quot; the meaning of the text and use this understanding to provide the answer.</p><p>There are several different approaches to the reasoning for language models, including rule-based systems, knowledge graphs, and neural network-based models. GPT incorporates neural network-based models called transformers and gives the system the ability to learn complex relationships between words and handle large amounts of text corpora. </p><p>Reasoning also works for the prompt that the user submits to the system. The model generates the response in accordance with the prompt style. For example, if you submit a prompt that sounds like a quote from a scientific paper, the model will provide the output in a similar style.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://lh5.googleusercontent.com/Vamq8OUEvE-85vxd_jc-Oz69OsYq1a7OLvsTYLItLZc5uxEPhZrG_QMlvaTjEz-kGW58_iPiXgbHcZDXlOYyOyhGN2ma3WwOrMKrU-IURID7BypAzTt4XOE9woTHD16zv_y59IeH4gztL83l4z6Y0BE" class="kg-image" alt="ChatGPT and aligning language models" loading="lazy" width="602" height="313"><figcaption><em>Asking ChatGPT a question in a particular style.&#xA0;</em></figcaption></figure><p><br>But it&apos;s not enough to introduce reasoning into a model. It&apos;s also essential to fine-tune the model so it becomes better at following instructions. GPT uses semi-supervised learning&#x2014;it combines unsupervised pre-training with supervised fine-tuning. Once OpenAI trains a model on a huge dataset in an unsupervised way, they fine-tuned the model to different tasks, using supervised training in smaller datasets. <a href="https://openai.com/blog/openai-codex/?ref=babich.biz">Codex</a>, an AI system that translates natural language to code, is an excellent example of this approach.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://lh6.googleusercontent.com/3iO1ogT313TF2YAOQ5tIgcG31bGxQ18cvOx5kg93mKI61-PyFgQ_VQenx2a77IBrIbx3xbciQPQ_HakJCDFTbYLvOHpT4K-cRkNcBL780HN7V0Epvop42sBFfLVGVQGh6IEliI3fTGzrXqGTFMG2e_0" class="kg-image" alt="ChatGPT and aligning language models" loading="lazy" width="384" height="405"><figcaption><em>How ChatGPT handles coding tasks.</em></figcaption></figure><h3 id="reinforcement-learning">Reinforcement learning</h3><p>If you have experience working with GPT-3, you probably know this system was very sensitive to prompts. It was vital to articulate your intention properly so the system could understand what you wanted and generate relevant answers. GPT-3.5 is less sensitive to prompts because it was fine-tuned by people who evaluated the system&apos;s outputs. Think of fine-turning in this way&#x2014;you show a few answers that the system generates for a particular question to humans and let them choose the best answer. It looks like a ranking system. </p><p>But you might wonder, &#x201C;Okay, it&apos;s easy to do that for small data sets, but what about large datasets? How many human hours will it take?&#x201D; The point is that reinforcement learning works a bit differently than a simple ranking system. </p><p>Reinforcement learning is a type of machine learning where the model learns to make decisions based on feedback it receives in the form of rewards. The goal of the model is to maximize its total reward over time. Reinforcement learning is a technique that summarizes human feedback and learns how to use it. The model that uses reinforcement learning tries to predict what answers the humans will react positively to. Since this model learns from humans in real-time, it becomes better and better at predicting. At the end of the training process, AI systems start to imitate humans.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://lh5.googleusercontent.com/zQZd4ZUwuOmKnDqs7bQA67sw_6mKLbZwJH-KvkNcuKLEnLsrfstBlDeXIXVYUgGv7z2CSrwwI0hVDT8g1rEK-3RJTetWN4NVzFCddMJHwlsFz_68655c_TeGjeZDuS3FkTp-qm7i9vown9mP-L86ZPQ" class="kg-image" alt="ChatGPT and aligning language models" loading="lazy" width="492" height="474"><figcaption><em>How reinforcement learning works. Image by Megajuice.</em></figcaption></figure><h2 id="conclusion">Conclusion</h2><p>The approach that OpenAI followed when creating GPT-3.5 clearly proves that &quot;bigger is better&quot; does not always work well regarding AI tools. GPT-3.5 has the same scale but is better aligned than its predecessor. Reasoning and Reinforcement learning allow OpenAI to align the GPT model in a way that can better understand user intention and generate more human responses.</p>]]></content:encoded></item><item><title><![CDATA[How To Run Stable Diffusion]]></title><description><![CDATA[<h4 id="online-services-or-local-setup">Online services or local setup</h4><p>Stable Diffusion is an AI model that can generate images from text prompts. The tool is similar to <a href="https://midjourney.com/home/?callbackUrl=%2Fapp%2F&amp;ref=babich.biz" rel="noopener">MidJourney</a> or <a href="https://openai.com/dall-e-2/?ref=babich.biz" rel="noopener">DALL-E 2</a>. You can access the Stable Diffusion model online or deploy it on your local machine. In this article, we will review both approaches</p>]]></description><link>https://babich.biz/blog/how-to-run-stable-diffusion/</link><guid isPermaLink="false">63cc114cb913ff02a23714b6</guid><category><![CDATA[AI]]></category><dc:creator><![CDATA[Nick Babich]]></dc:creator><pubDate>Sat, 21 Jan 2023 16:24:09 GMT</pubDate><media:content url="https://babich.biz/content/images/2023/01/ssstable-2.png" medium="image"/><content:encoded><![CDATA[<h4 id="online-services-or-local-setup">Online services or local setup</h4><img src="https://babich.biz/content/images/2023/01/ssstable-2.png" alt="How To Run Stable Diffusion"><p>Stable Diffusion is an AI model that can generate images from text prompts. The tool is similar to <a href="https://midjourney.com/home/?callbackUrl=%2Fapp%2F&amp;ref=babich.biz" rel="noopener">MidJourney</a> or <a href="https://openai.com/dall-e-2/?ref=babich.biz" rel="noopener">DALL-E 2</a>. You can access the Stable Diffusion model online or deploy it on your local machine. In this article, we will review both approaches as well as share some practical tools.</p><h2 id="online-services">Online services</h2><h4 id="dreamstudio"><a href="http://dreamstudio/?ref=babich.biz" rel="noopener">DreamStudio</a></h4><p>DreamStudio is an online tool created by Stability AI, the team responsible for Stable Diffusion. It provides access to the latest version of Stable Diffusion models (for example, below, you can see that I generated the image using Stable Diffusion ver 2.1&#x2013;768). Plus, the tool has an impressive generation speed. It can generate an image in less than 15 seconds with default settings.</p><p>The tool offers a free trial to its users. As a user, you will have 100 credits that you can use to generate images, so you will likely generate from 100 to 500 images depending on your settings. You can buy 1000 credits for $10.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*Pe2RyHo4mAnfQUcKfKobYA.png" class="kg-image" alt="How To Run Stable Diffusion" loading="lazy" width="2878" height="1636"><figcaption>Asking <a href="http://dreamstudio/?ref=babich.biz" data-href="http://dreamStudio" class="markup--anchor markup--figure-anchor" rel="noopener" target="_blank">DreamStudio</a> to generate a cat in a&#xA0;hat.&#xA0;</figcaption></figure><p>If you want to learn more about individual settings you can customise, such as the number of steps, cfg scale, etc., consider watching the following video:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/4Ubtj1BrdwM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="Stable Diffusion Tutorial: Essential Guide"></iframe></figure><h4 id="hugging-face%E2%80%99s-stable-diffusion-demo"><a href="https://huggingface.co/spaces/stabilityai/stable-diffusion?ref=babich.biz" rel="noopener">Hugging face&#x2019;s Stable Diffusion Demo</a></h4><p>Hugging face provides free access to the latest version of the Stable Diffusion model (ver 2.1). But unlike the Dream Studio, the tool doesn&#x2019;t allow you to customize properties like the number of steps, scale, etc. And it takes significantly more time for the tool to generate the image (on average, it takes more than a minute to create an image).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*ntq2HZwMgXBxVPJKSZyqKQ.png" class="kg-image" alt="How To Run Stable Diffusion" loading="lazy" width="2880" height="1628"><figcaption>Asking <a href="https://huggingface.co/spaces/stabilityai/stable-diffusion?ref=babich.biz" data-href="https://huggingface.co/spaces/stabilityai/stable-diffusion" class="markup--anchor markup--figure-anchor" rel="noopener" target="_blank">Hugging face</a> to generate a cat in a&#xA0;hat.</figcaption></figure><h2 id="local-setup">Local setup</h2><p>Stable Diffusion is an open-source model. It means that you can run it on your local machine.</p><h4 id="stable-diffusion-webui"><a href="https://github.com/AUTOMATIC1111/stable-diffusion-webui?ref=babich.biz" rel="noopener">Stable Diffusion WebUI</a></h4><p>Stable Diffusion WebUI is a web app that gives you access to Stable Diffusion models. It&#x2019;s a browser interface based on the Gradio library for Stable Diffusion that you set up from individual libraries. There are two great things about this option:</p><ul><li>WebUI works on all systems (Linux, Windows, mac)</li><li>WebUI gives you access to advanced settings such as choosing a sampling method or restoring faces (this option is extremely valuable if you generate human faces using Stable Diffusion).</li></ul><p>But it also has a few significant downsides&#x200A;&#x2014;&#x200A;you will need to install tools like Python, git and use the command line for some operations. So it will require some technical expertise. Plus, the interface of the app is not very user-friendly. You need to have at least a basic understanding of the settings that the Stable Diffusion model has to offer.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*eiriHD3j840VnR9PJGgOpQ.png" class="kg-image" alt="How To Run Stable Diffusion" loading="lazy" width="1236" height="966"><figcaption><a href="https://github.com/AUTOMATIC1111/stable-diffusion-webui?ref=babich.biz" data-href="https://github.com/AUTOMATIC1111/stable-diffusion-webui" class="markup--anchor markup--figure-anchor" rel="noopener" target="_blank">Stable Diffusion WebUI</a>.</figcaption></figure><h4 id="diffusionbee"><a href="https://diffusionbee.com/?ref=babich.biz" rel="noopener">DiffusionBee</a></h4><p>DiffusionBee is another software that you can run locally on your computer. Right now, the software is available for macOS users, but in the future, it will also be available for Windows users. The great thing about this app is that it is relatively easy to install and start using. The tool has a simple interface and guides users who want to access advanced features.</p><p>The downside of this app is that it uses the old Stable Diffusion model (ver 1.5), while all other tools in our list use 2.1. Plus, the app consumes a lot of hardware resources. You need at least 16 GB of RAM to run this tool comfortably; otherwise, image generation time will take more than a minute.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*6mGcmu2BFYKFE3-9pf6Wkw.png" class="kg-image" alt="How To Run Stable Diffusion" loading="lazy" width="1924" height="1524"><figcaption>Asking <a href="https://diffusionbee.com/?ref=babich.biz" data-href="https://diffusionbee.com" class="markup--anchor markup--figure-anchor" rel="noopener" target="_blank">DiffusionBee</a> to generate a cat in a&#xA0;hat.&#xA0;</figcaption></figure><p>If you want to see how to install and start using this tool, consider watching this video:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/HJ-qK_i4zV0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen title="How to generate AI images on your local machine | Running Stable Diffusion on mac M1/M2"></iframe></figure><h3 id="what-option-should-i-choose">What option should I choose?</h3><p>Your decision should be based on how you plan to use the tool and what level of technical expertise you have. I recommend starting with Dream Studio because you will have access to the latest version of the model and the tool will have solid image generation performance. If you aren&#x2019;t afraid of the command line, you should try Stable Diffusion WebUI.</p>]]></content:encoded></item></channel></rss>