How AI can be your design assistant

picture

2023-08-23

How AI can be your design assistant

Today, we will be collaborating with two prominent AI platforms, ChatGPT and Midjourney, which have garnered significant recognition in the current AI landscape. Our objective is to explore how these platforms can provide valuable support to UI/UX designers in their work.


Chat GPT


UX research

Define your product

  1. Knowing your potential users.
Define the target market for a [your product].
Define the target market for a
  1. Picture how your product would be looked like...
Outline the key features and benefits of [your product].
Outline the key features and benefits of

These prompts are helpful for designers to clearly grasp the basic concept of the product. Moreover, they can be expanded upon to delve deeper into various aspects. With ChatGPT, you can save a significant amount of time on Googling and gathering data on your own.


User interview

  1. Interviews
I want to interview some [your product] users. I want to find out what makes them loyal users. Write me 10 interview questions I can ask.
interview
  1. Survey
I want to conduct a survey for [your product] users to know what makes them loyal users. Also try to learn what's their pain point now. Can you give me 10 survey questions that I can ask.
survey

In this phase, ChatGPT can provide researchers with the foundational framework for both interview and survey questions. However, as a seasoned UX researcher, it's essential to tailor and refine these questions to align precisely with our specific requirements and objectives. But it is time saving for sure.


Competitor analysis

  1. Knowing who
Who are a [your product] 5 biggest competitors
who
  1. Knowing how

Continuing from the previous question

Who are a [your product] 5 biggest competitors
how

Analysis

Persona

Can you build a persona for mining software user including their behavior, wants and need. in table
persona

In here, you can also add some specific codition acoording to your previous user research to the persona, like what type of user, age, experience or so to fit your scenario better. Sometime ChatGPT might give you some insight that you didn't notice before.


User story

can you give me the user story of [name from previous answer]
user story

It would be more beneficial if you could continue the inquiry after creating the persona. Alternatively, if you have distinct personas in mind, you can inform ChatGPT in advance. This approach enables it to craft more accurate and creative content.


User flow

Create a user flow for [your product].
user flow

Here, you can incorporate additional conditions, such as considering the devices or environments in which the user flow will be experienced. This ensures that the user flow aligns with the specific requirements of your final product.


Wireframing

Create a wireframe in text for mining software app on desktop that's friendly and easy adaptive for new user
截圖 2023-08-22 下午4 16 32

Given that ChatGPT is a text-based AI, it's incapable of directly generating visual content like wireframes. However, it can provide a fundamental outline of the elements that should be present in your final wireframe. It's still our job to visualize it.


UX Writting

This is my personal favorite part. Ask ChatGPT for UX writting ideas, in any languages you want!

  1. Page description
Give me 10 interesting and creative captions for 404 page
404
  1. Buttons
Give me 10 idea for the caption of CTA buttons
CTA
  1. Headline or Content
Give me 10 Professional headline for a blockchain solution company's web
headline

UI Design

Checklist for UI Design

Create a checklist for UI elements for a perfect mining software in a table
checklist

This table can serve as a foundation for ensuring that your product's user interface covers the essential elements for a seamless user experience. You can adapt and expand the checklist based on your specific functionalities and requirements.


Color palettes

It's really fast to generate color palettes with ChatGPT, you can just tell it your brand color and the elements you need then everything will be done in few second.

Can you give me a bright and energetic color palette for a mining software app in bright mode with the brand color #FFA502 and #1A2E50. Including background, surface, text, button in default, hover and disable state, state color. List them in table
color

As a professional UX designer, we know how important accessibility is. So don; don't forget to check the color you are going to use is complied with Web Content Accessibility Guidelines. Here is what you can do.

Can you check if this color palette comply with Level AAA
AAA
can you fix that problem and give me a new color palette 
fix

Here you go, A color palette with your brand voice and user-friendly is done. And you can always make little change to ensure the color palette fits your needs.


Generate svg code (Beta)

As we know ChatGPT is an AI text-based model, so it can't generate SVG images directly. However, it can help you generate SVG code for a simple icon. Let's see how it work.

can you generate an email outline icon in svg code
icon

Result:

截圖 2023-08-23 上午11 24 34

Looks OK right? Let's try something more complicated...

can you generate a cute cat outline icon in svg code
截圖 2023-08-23 上午11 29 37

Result:

截圖 2023-08-23 上午11 26 30

Now we know ChatGPT doesn't have any sense of art or even doesn't know what a cat should be look like. But hope one day it will learn then it can be pretty helphul.


Midjourney

Midjourney is a generative artificial intelligence program and service generates images from natural language descriptions. It's a really useful tool for UI designers to create some images for their products.

Background:

截圖 2023-08-23 上午11 38 57

Illustration:

截圖 2023-08-23 上午11 40 19

Landing page idea

截圖 2023-08-23 上午11 43 25 截圖 2023-08-23 上午11 46 10

Midjourney can generate images in various styles, color palettes, and scales. It's highly beneficial, eliminating concerns about copyright. Even though it's not perfecteverytime, it can offer you different idea on your visual work.

For more Information about how to use Midjourney please check: Midjourney

jodie_avatar

Jodie Wu

UIUX Designer

Has a weird obsession with fluffy things. During meetings, there are always two little minions by her side cheering her on with gusto. If it comes to a fight, they can do nothing but meow.

Check more from this author

Share to

Back