SC header logo
Switch to Business mode

Usage of ChatGPT in product design

Product design is a creative task based on experience and iterative product development. It can be challenging and demanding at times, depending on the designer's mental state. Can we find ways to make it more manageable and maybe even faster? Can we take advantage of this new tool that everyone is talking about - ChatGPT?

Author

Igor

CategoryDesign

ChatGPT is currently gaining huge popularity due to its powerful, fast, and incredibly accurate responses. There is an overriding concern that it could lead to job displacement when viewed from that perspective. However, a more constructive view is that ChatGPT is a valuable tool that can simplify tasks if handled skillfully. I am personally fascinated by the recent advances in artificial intelligence technologies, which makes me curious to explore how ChatGPT can improve my day-to-day work.

Let me start with the limitations of using ChatGPT. There are certain scenarios where it may not be the most appropriate tool.

For example, ChatGPT may have trouble understanding certain tasks, especially if it is not trained in certain areas or if your expression is unclear.

ChatGPT prompt
  • It is important to note that ChatGPT lacks creativity. Asking it to be inventive with your assignments is futile because he has no mind, soul, imagination, or personal experiences. In essence, it functions as a dataset that uses existing information to generate seemingly "new" data.

  • The key is to check the results. ChatGPT generates responses based on its database but cannot discern the accuracy of the information it provides. It always assumes that it has given the correct answer, so the user must confirm the correctness of the output.

  • Ethical issues should also be considered. While the programming team strives to prevent ChatGPT from being offensive, the tool itself lacks independent thought. Any ethnic, religious, or otherwise offensive response is simply the result of algorithmic confusion.

  • In addition, it is crucial to use the tool sensibly. ChatGPT is a useful aid, but it cannot replace your critical thinking or problem-solving skills. It is advisable to seek its advice and help rather than relying entirely on it. Excessive use of tools and neglect of your creative thinking is not a recommended practice.

Now that we've covered the dos and don'ts, let's dive into the fun aspect of using ChatGPT for improved work results, using its intended purpose.

Scenario 1: You are a new or relatively new designer who wants to understand certain UX terminology. Alternatively, you may need to explain these terms to someone. Ask ChatGPT for help in this context.

"Could you please explain the term "Wireframe" in a way that anyone can understand? Feel free to use an example to explain it better."

However, as you can see from the attached screenshot, my input was not clear enough, resulting in a generic wireframe response. In this situation, I have two options: I can be more specific with my entries, which means using more words, or I can use my favorite "party trick" - starting a ChatGPT journey by defining its new role.

Asking chatGPT to explain wireframe

Scenario 2: Define its role by specifying what ChatGPT is at the moment (temporarily, while the window is open):

"You are now an assistant product designer."

Let's check it in action and repeat the first question.

Another ChatGPT prompt

Now, with our experienced assistant, we can dive deeper into project integration. ChatGPT has the ability to retain project-related information, ensuring that subsequent responses are intricately linked to our ongoing efforts. In this context, let's clarify our project:

We are creating a web design for a faculty that deals with medical education. The site will have two languages ​​- Croatian, which will focus on the offer of education, and English, which will focus on foreign investors.

Yet another ChatGPT prompt

Scenario 3: Preparation of the research phase

Before delving into the UX/UI aspect of a project, a key preliminary step involves extensive research. This phase is often time-consuming, chaotic and can seem random, with uncertainties about where and how to start the process. Fortunately, our new assistant is ready to alleviate those challenges, carrying most of the heavy lifting.

"Can you help me with Who, Why, What of the project. Please have in mind specific user pain points."

The key here is to check the validity of the answers. Please ask this question more than once because its meaning is the most important. Your expertise as a designer will prove invaluable in assessing whether the answer is satisfactory enough. I will not show the full answer in the picture, given its length, which is a positive feature.

Asking ChatGPT for details

A good question might also be:

"Can you create a series of user interview questions to help us understand the user experience of the project?"

User interviews are important but often overlooked: it takes time to prepare questions and find the right people to answer them, and people often don't want to answer such questions. ChatGPT makes that process much easier: it has a HUGE database and generates valid questions.

Asking ChatGPT for interview questions

Go one step further and look for answers to these questions as well:

"Can you create a series of user interview questions to help us understand the user experience of the project? Also, answer the questions of 5 people"

Asking ChatGPT for interview questions

Scenario 4: So we asked some questions and answers from "5 people" above. Let's improve that part - before asking for answers from "5 people" let's generate 5 people who fit our project. These are the ideal people who will use our project.

Here we can freely define what information we need.

"Create for us 5 detailed personas for the project. The information we need is age, location, job, background, usage habits, likes and dislikes. Additionally, focus on increasing user engagement."

Note that ChatGPT is still in "product designer assistant" mode and remembers what our project is. So, our inputs are short, but still focused on what we need.

Asking ChatGPT to give us detailed personas for the project.

We can request a user journey map and define its steps (which rows and columns we need). We have 5 people, so take one and look for a customer journey map to help you in your research.

Of course, you'll have to embellish the answers ChatGPT gives you - but hey, you've got all the data.

Scenario 5: Something where we often need suggestions (if not defined) - what fonts and color schemes will we use in our project? For fonts - ChatGPT provides common fonts, not very fancy; but the color schemes - ChatGPT is really trying here. Don't expect miracles, remember this tool is not creative - but you will get some suggestions. Let's try it!

"What font combinations should we use in our project? Can you explain why?"

Asking ChatGPT for font combinations

"Define 5 color schemes that will be suitable for this project. Consider factors such as user sentiment, reliability, and readability."

Asking ChatGPT for color schemes

Since ChatGPT gives us text-based responses - you have to test the fonts and colors yourself to see how it looks in practice.


Scenario 6: So, as I mentioned before, we get text responses. What if we ask ChatGPT for an answer that is an image - in our case: we need suggestions for wireframes.

"Can you generate some example wireframes for the home page?"

Asking ChatGPT for wireframe examples

Well, ChatGPT will explain the sections. It will even make a few suggestions and name them. So it's not a failure. That way we can get an idea of ​​what to include on our site.

Since this is a ChatGPT post, we won't touch on AI image generation - but there are workarounds for ChatGPT text responses. We can use AI to generate the images we need: frames, page parts, part images,…

Conclusion

These are just some of the examples that can help you design your product. I believe it is a really useful tool. I suggest you learn how to use it - AI is knocking on the door - the future is calling. Adapt to the new times, make your work easier and faster. Enjoy the new benefits of AI tools.

When you design you always have questions in your head. ChatGPT is a tool for asking those questions. Just be careful with it and don't believe it - you still have to use your head, you still have to be creative.

Articles You Might Like

https://cdn.simple-code.agency/articles/storyblok-vs-wordpress.jpg
Storyblok vs WordPress: Choosing the Best CMS for Your Business
Development
December 20, 2024

Discover the key differences between Storyblok and WordPress to choose the perfect CMS for your project....

matej

Matej,

Software Developer

https://cdn.simple-code.agency/articles/person-writing-content.jpg
Why Content Comes First When Building a Website
Design
October 10, 2024

Discover why content must come first in web design to shape structure, user flow, and SEO success....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/desktop-mobile-person.jpg
How Progressive Web Apps (PWAs) Are Transforming the Digital Experience
Development
October 02, 2024

Discover how Progressive Web Apps (PWAs) can improve user engagement and boost business growth....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/svelte-5.jpg
Svelte 5 - A magical revolution
Development
August 26, 2024

Explore how Svelte 5 revolutionizes web development with runes and enhanced reactivity for faster apps....

renato

Renato,

JavaScript Lead

https://cdn.simple-code.agency/articles/website-hacker.jpg
Why Websites Are Hacked and How to Protect Yours
Development
August 07, 2024

Learn why websites get hacked and how to protect yours with practical security measures and best practices....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/computer-code-editor.jpg
Popular Node.js Backend Frameworks in 2024
Development
July 24, 2024

Wondering what the top Node.js frameworks in 2024 are? Read on to discover the best options for your project!...

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/website-dark.jpg
How Dark Mode Enhances User Experience and Design Quality
Design
July 24, 2024

Discover how dark mode can improve user experience and design quality for your web and app projects....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/frustrated-person.jpg
Speed Up Your Website in 10 Easy Steps
Development
July 16, 2024

Slow website costing you customers? Discover 10 practical ways to enhance your site's performance and keep visitors engaged....

robert

Robert,

CEO

https://cdn.simple-code.agency/case-studies/sc-rebrand/sc-web-wireframes.jpg
What Are Wireframes and Why They Matter
Design
July 09, 2024

What exactly are wireframes, and why are they crucial in the design process? Let's dive in....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/roberto-cortese-ejhjszkteeg-unsplash_ecommerce.jpg
Getting started with E-Commerce
Project Management
June 14, 2024

According to the latest research, more than 50% of consumers prefer online shopping to visiting traditional physical stores....

luka

Luka,

Project Manager

https://cdn.simple-code.agency/articles/recaptcha-feature-2.png
How to get Google reCAPTCHA keys
Development
May 21, 2024

Use Google’s free tool to block bots and ensure real users interact securely with your site’s forms and data....

matej

Matej,

Software Developer

https://cdn.simple-code.agency/articles/pexels-eye4dtail-134402-2.jpg
WordPress vs TYPO3 vs Craft CMS
Development
April 19, 2024

Discover how WordPress, TYPO3, and Craft CMS compare to help you choose the best fit for your business needs....

bozidar

Bozidar,

Software Developer

https://cdn.simple-code.agency/articles/scaling-images.jpg
The Ultimate Guide to Optimizing Images for Your Website
Development
March 29, 2024

This comprehensive guide will combine insights from leading sources and our expertise to help you master image optimization for your website....

iia

Iia,

Software Developer

https://cdn.simple-code.agency/articles/sc-employees-couch-(1).jpg
Why We Keep Our Work In-House
People & Culture
March 13, 2024

Outsourcing work in industries such as IT can offer benefits like cost savings and access to global talent....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/articles/adobestock_384733960.jpg
How to Make Engineering Meetings Productive and Engaging
Project Management
March 07, 2024

Struggling with unproductive engineering meetings? Discover strategies to boost engagement and reduce disruptions...

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/articles/google-maps-1.jpg
How to Setup a New Google Maps API Key
Development
March 05, 2024

This guide will walk you through creating a new Google Maps API key and adding specific features to it....

renato

Renato,

JavaScript Lead

https://cdn.simple-code.agency/articles/js-code.jpg
Evolution of Frontend Technologies Since 2014
Development
March 01, 2024

While you're reading this article, chances are that a new framework or library is being actively developed....

renato

Renato,

JavaScript Lead

https://cdn.simple-code.agency/articles/christopher-gower-m_hrflhgabo-unsplash.jpg
Integrating AI in Web Development
Development
February 16, 2024

The integration of Artificial Intelligence in web development marks a transformative era in the digital world....

urs

Urs,

Software Developer

https://cdn.simple-code.agency/articles/markus-winkler-q2j2qqsoyh8-unsplash.jpg
A Simple Guide to Project Lifecycle
Project Management
February 13, 2024

In this blog post, we'll break down the essential components of the project lifecycle in software development...

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/tyler-franta-iusj25iyu1c-unsplash.jpg
How we build stronger client relationships
Project Management
February 09, 2024

Improving Client Satisfaction and Engagement by Assessing Projects and Enhancing Workflows...

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/unseen-studio.jpg
Streamlining Success with Our Project Management Toolkit
Project Management
January 04, 2024

Welcome to a guided tour of Simple Code's project management toolkit....

robert

Robert,

CEO

https://cdn.simple-code.agency/articles/ts-blog-post.jpg
Matija's Experience at TypeScript School
Development
December 08, 2023

Matija's journey into TypeScript began with a desire to enhance his programming abilities....

matija

Matija,

Software Developer

https://cdn.simple-code.agency/backend.jpg
Learning journey in back-end development
Development
December 07, 2023

Urs invites you to join him on this journey - sharing the transformative impact of mastering the backend stack...

urs

Urs,

Software Developer

https://cdn.simple-code.agency/achievement-planning-1-990x433-(1).jpg
Our Project Management approach
Project Management
July 31, 2023

Our unique blend of project management methodologies ensures seamless execution & stakeholder satisfaction....

hana

Hana,

Project Manager

https://cdn.simple-code.agency/pexels-ann-h-6732757-(1).jpg
Power of feedback - giving feedback (part 2)
People & Culture
July 28, 2023

Effective feedback is the secret that nurtures employee growth, fosters stronger relationships...

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/461843-pfohmo-322-(1).png
Web design: tools and resources
Design
July 28, 2023

Explore web design tools & resources, simplify the process, and enhance efficiency in your design journey....

igor

Igor,

Product Designer

https://cdn.simple-code.agency/doormat-picture-(1).jpg
Welcome to Simple Code: Our Unique Onboarding Process
People & Culture
June 02, 2023

Joining a new company is like stepping into a new world, filled with novel experiences....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/1678244426806-(1).jpeg
Our Approach to QA
Development
June 02, 2023

Our approach to QA includes both manual and automated testing methods....

urs

Urs,

Software Developer

https://cdn.simple-code.agency/pexels-andrea-piacquadio-3760069-(1)-(1).jpg
Insider Tips for Hiring and Onboarding Employees
People & Culture
June 02, 2023

Tips for remote hiring: clear job descriptions, structured interviews, strong culture....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/samantha-borges-gxsj9ywb5as-unsplash-(1).jpg
Understanding Next.js Image: The Ultimate Guide for Developers
Development
June 02, 2023

Discover the power of the Next.js Image component for image optimization....

matija

Matija,

Software Developer

https://cdn.simple-code.agency/web-(1).jpg
WTF is a Regex?
Development
June 02, 2023

Unleash the Potential of String Pattern Matching and Extraction....

renato

Renato,

JavaScript Lead

https://cdn.simple-code.agency/stones-g6413e87e6_1920-(1)-(1).jpg
Incorporating Mindfulness Practices
People & Culture
June 02, 2023

An effective method for enhancing employee well-being is through the practice of mindfulness....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/girl-searching-job-ads-(1).jpg
Charting the Course for Work of the Future: Key Trends and Predictions
People & Culture
June 02, 2023

The landscape of work is undergoing a revolution....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/building.jpg
Simplifying Many-to-Many Relationships with Laravel Polymorphic Relations
Development
June 02, 2023

In database architecture, many-to-many relationships often add complexity to our system....

bruno

Bruno,

Development Lead

https://cdn.simple-code.agency/absolutvision-82tpeld0_e4-unsplash-(1).jpg
Power of feedback - receiving feedback (part 1)
People & Culture
June 02, 2023

Feedback is a versatile tool that encompasses praise, and growth opportunities....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/pexels-pixabay-278888-(1)-(1).jpg
Boosting Employee Engagement with Board Games
People & Culture
June 02, 2023

Benefits of shifting our focus towards board games as an alternative to video games for rest & relaxation....

lucija

Lucija,

HR Generalist

https://cdn.simple-code.agency/code-screen-(1).jpg
Clean SCSS
Development
June 02, 2023

Essential practices for efficient, maintainable CSS. Learn DRY, 7-1 Sass, BEM, and more....

matej

Matej,

Software Developer

Client CTA background image

A new project on the way? We’ve got you covered.