Chat GPT for UX-designer

UX NATA
Bootcamp
Published in
7 min readNov 4, 2023
Chat GPT for UX-designer (pixabay)

Although the chat does not know how to draw (yet), it may be an excellent assistant in terms of various support studies for the designer. We will now analyze with you the most useful queries.

1. Ideas

For example, often (depending on your skills) there are times when you do not know where to start, what the design should look like for your product or the customer’s product, which functions and screens the need..

So, let’s ask the chat to help us with ideas.

Request: create a list of websites where the designer could take ideas from

Result:

Behance (www.behance.net) — A platform for showcasing and discovering creative work.

Dribbble (dribbble.com) — A community of designers sharing screenshots of their work, process, and projects.

Awwwards (www.awwwards.com) — Recognizing the talent and effort of the best web designers, developers, and agencies in the world.

Pinterest (www.pinterest.com) — A visual discovery and bookmarking platform with a wide range of design ideas.

Designspiration (www.designspiration.com) — A hub for discovering great art, design, architecture, photography, and web inspiration…

It seems that this is not quite enough because we do not want to lag behind, so it is also important for us to learn about the latest trends in the field of design.

Request: show the latest trends in interface design (UX/UI)

Result:

Neumorphism/Soft UI: Neumorphism is a design style that combines elements of skeuomorphism and flat design. It creates a soft, three-dimensional appearance that makes elements appear to be slightly raised from the background.

Dark Mode and High Contrast UI: Dark mode has become a popular feature in many applications and websites. It not only reduces eye strain but also adds a modern, sleek look to interfaces. High contrast UI elements are also being used to improve accessibility.

Microinteractions: Microinteractions are subtle animations or feedback loops that enhance the user experience by providing visual or auditory cues. These can include things like button animations, hover effects, loading indicators, etc…

Isn’t that great? Instead of wasting hours on collecting data now, you can usefully spend them on the design process.

2. Competitive analysis

Why it is important:

  • Vacuum. We live in a world of people and products, if you have an idea, it’s not a fact that it came out of nowhere, you could see it somewhere or find out, therefore, your brilliant idea is an existing product or design, so you need to study the market in order not to get into such a situation.
  • Weak and strong products. When you study competitors on your own without respondents/users, you cannot understand how convenient and user-friendly this or that product is for the average user, so it is important to try to find the weaknesses and strengths of the product. We will now analyze how to do this using the chat.

Request: compare yoga apps and show me their pros and cons

Result:

Down Dog

Pros:

Highly customizable sessions based on your level, focus, and time available.

Offers different types of yoga (Vinyasa, Hatha, Restorative, etc.).

Clear instructions and visual demonstrations.

Offline mode available.

Suitable for beginners to advanced practitioners.

Cons:

Some advanced features require a subscription.

Yoga for Beginners

Pros:

Designed specifically for beginners.

Simple and easy-to-follow routines…

Perfect! Now we would like to know what users think about these apps.

Request: what users think about major yoga apps?

Result:

Down Dog:

Positive: Users often praise Down Dog for its customizable features, including the ability to select different styles, levels, and lengths of classes. Many find the app’s AI-generated classes to be challenging and well-structured.

Negative: Some users may find the subscription cost to be relatively high compared to other apps. Additionally, while the app offers a wide variety of classes, some practitioners might prefer more specialized content.

Yoga for Beginners — Mind+:

Positive: This app, tailored for beginners, is generally well-received for its clear and accessible instructions. Users appreciate the focus on foundational poses and mindfulness practices.

Negative: More experienced practitioners might find the content too basic. Also, as of my last update, it may not offer as many advanced or specialized classes…

3. CJM

Now let’s try to explore the user journey map without the user. I remind you that this is just an auxiliary tool for this kind of research. To collect correct and live data, you need to communicate with the target audience. For the first stage, the chat can help us.

Request: create CJM for users of yoga apps

Result:

Customer Journey Map for Yoga App Users

1. Awareness:

Touchpoints: Social media, search engine results, word-of-mouth.

User’s Perspective: User becomes aware of the yoga app through online platforms or recommendations from friends.

2. Consideration:

Touchpoints: App Store, website, reviews, testimonials.

User’s Perspective: User explores the app store, website, and reads reviews to evaluate if the app meets their needs.

3. Download and Installation:

Touchpoints: App Store (iOS/Google Play), website download link.

User’s Perspective: User downloads and installs the app.

I draw your attention to the fact that the data is as general as possible. On the one hand, this may not always help in design, but on the other hand, it is a good help for designing so that you can understand what steps the user has and how they make them.

If you want to interview respondents, then the chat can also help.

Request: create 20 questions to make a CJM for users of a yoga app

Result:

How did you first hear about the yoga app?

What motivated you to download and install the app?

Were you able to easily navigate through the app during the onboarding process?

Did you find the tutorial videos and welcome screens helpful in getting started?

How did you go about exploring the different features of the app?

4. Layout design ideas

The chat can also help in the formation of design, for example, it can give ideas for basic patterns for various types of products.

Request: create 2 layout design ideas for a landing page for a meditation app

Result:

Sure! Here are two layout design ideas for a landing page for a meditation app:

**Layout Design Idea 1: Serene Nature Theme**

Header:

- Logo and app name at the top, with a soothing color palette (e.g., soft blues and greens).

- Navigation menu with options like “Home,” “Features,” “Download,” “About Us,” and “Contact.”

Hero Section:

- A large, high-quality image of a tranquil natural setting (e.g., a peaceful beach, a calm forest, or a serene mountain range) that evokes a sense of calm and relaxation.

- Overlaid with a welcoming message like “Find Your Inner Peace” and a prominent call-to-action (CTA) button saying “Get Started” or “Download Now.”

Features Section:

- Three main features of the meditation app presented in individual cards, each accompanied by an icon and a brief description. For example:

- Feature 1: “Guided Meditations”

- Feature 2: “Breathing Exercises”

- Feature 3: “Sleep Stories”

- Each feature card has a “Learn More” button that provides more detailed information about that feature…

5. Dialog prototype

If you are designing with a voice assistant, then the chat can help in the formation of dialogues.

Request:

ChatGPT, I’m developing a dialog user interface for job seekers. Can you help me create a prototype of a dialog in which a user is trying to find a company for employment?

Result:

Of course, I’d be happy to help you create a prototype for a dialog user interface for job seekers. Let’s start with a simple example where a user is looking for a company to work for. Keep in mind that this is just a basic prototype, and you can expand upon it as needed.

User: Hi, I’m looking for a company to work for. Can you help me find some options?

Assistant: Sure, I’d be happy to help! Could you tell me a bit more about the type of company or industry you’re interested in?

User: I’m interested in tech companies, particularly those focused on artificial intelligence…

6. Choose the font and theme for the design

Have troubles with choosing a theme or font for a particular product? Yes, we can torture the chat again with this.

Request: generate 3 font recommendations for a modern eyewear brand.

Result:

Montserrat

Montserrat is a clean and versatile sans-serif font that works well for modern and minimalist designs. Its geometric shapes and balanced proportions give it a contemporary feel that would complement an eyewear brand aiming for a sleek and stylish look.

Playfair Display

Playfair Display is an elegant and sophisticated serif font that can add a touch of luxury to your brand. Its high contrast and graceful letterforms make it a great choice for a modern eyewear brand that wants to convey a sense of refinement and quality.

Raleway

Raleway is a sans-serif font with a sleek and futuristic appearance. It has a modern, minimalistic vibe that would align well with a forward-thinking eyewear brand. Its clean lines and rounded forms give it a friendly and approachable feel.

The choosing of the theme:

Request: create a design theme for a new brand of household goods.

Result:

Theme: “Natural Elegance”

Color Palette:

Earthy Tones: Soft greens, warm browns, muted blues, and gentle grays form the base of the color palette, evoking a sense of nature and tranquility.

Typography:

Serif Typeface: A classic, timeless serif font will be used for headings and product names, exuding sophistication and refinement.

Logo:

Iconography: Incorporate a simple, elegant symbol inspired by elements from nature, such as leaves, branches, or waves, to represent the brand’s connection to the environment and natural living…

In conclusion, I want to say that the chat can help not only copywriters or analysts, it is perfect for generating ideas and searching for information. However, I draw your attention to the fact that you shouldn’t take on faith everything that generates the chat, always check the information, edit it to meet your needs and you will be happy!)

--

--

UX NATA
Bootcamp

Sr UX Researcher (sometimes designer and analyst)