Using AI for UX Design is Awesome - Crash Course

bit.ly/3mnileC 👈 Keep taking the course. Use "UI2023" for 23% Off!
designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, I'm uploading the first portion of the AI update from my UI/UX design course. You'll learn how to use the power of OpenAI's GPT4 to help assist you in creating the various deliverables that are typically a part of the UX process (user personas, user flows/journey maps, color schemes, demographics & more).
0:00 - Intro
0:35 - Project Overview
4:24 - GPT4 Intro
5:24 - Initial Prompts
6:50 - Target Audience
11:35 - User Personas
20:40 - Information Architecture
23:10 - User flow
27:50 - Copy
32:30 - Copy Continued
35:58 - User Testimonials
39:20 - FAQ Section
42:35 - Additional Prompt
43:48 - Color Schemes
48:37 - Continuing on..
Let's get started!
#ux #ui #ai
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

In what ways are you using AI atm?

[@code.design]

I created a promt to email my 500K user base. This is an email list based on a few companies I run. In that email I lift the curtain for a new project I have developed. based on their reply I formulate a personal message to convince them sending me their money. Chat gpt has served me utterly well.

[@user-il9qo4qc4n]

​@@code.design couldn't you just write it yourself? Seems kind of disrespectful to your half a million subscribers lol

[@code.design]

@@user-il9qo4qc4n these are customers, not subscribers. They know what they bought.

[@CirTap]

@@Michimoro the purpose of Lorem ipsum or other gibberish text is to _not_ distract people by content, but allow them to focus on the design ONLY. If you add (meaningful) text they can read and comprehend, they will evtl. miss entire parts of a design and even discuss/think about the irrelevant wording. A good design should work and look good with any type of text in any language, incl. Lorem ipsum. If it doesn't, the designer failed and the client will get a problem as soon as real people write real content and push it thru the CMS. That's where many designs are falling apart, esp. with multi-lingual contents.

[@rorymacdonald7529]

@@CirTap while true, using lorem doesnt tell you anything about the text content. and that is part of the user experience. what information is available? is it easily viewed? what is important? it is very much part of the design

[@donmilo951]

It’s always funny how most designers and engineers confuse UX with UI. UX is mostly research, data analysis, data architecture, user personas, user testing etc. All of this research helps you design with the user in mind. UI/UX design is not just pixels.

[@UX-FLEX]

There is a push bubbling to change to UX Architect instead of UX Designer to alleviate any confusion going forward. Makes sense to me because we are creating blueprints. Have you heard of Object Oriented UX - OOUX, which uses a type of UML approach to complex enterprise systems.

[@tokoshiro5]

UI/UX doesnt even properly exists (UI is part of the UX umbrella, ui/ux is just a corporate way to hire less employees and make them work for two

[@UX-FLEX]

@@tokoshiro5 UI is not a part of UX and neither is Interaction design. Most UX purist can’t design worth a lick. Most know nothing about color, balance or typography. The most accomplished UX’ers I’ve met have never even owned a Adobe product. You must be new.

[@tokoshiro5]

​@@UX-FLEX you do a lot of supositions I started officialy (the academic and work approach) in 2008, with a perspective from the interaction design/hci and ux. Before that I was only curious experimenting with web./// yeah, somewhat new, not fresh new. btw, in these ~15 years of career, I was the "UX purist that can't design worth a lick". Most of my work is related to research, strategy & business, and information architecture - also as a contact point between the design and the tech areas, since I have a fairly decent devops and developer knowledge (bc its fun). My criticism about the ui/ux comes from seeing the job marketing misnaming its positions (especially in design-immature companies). In 2021, with the bad market here, I accepted a job in which I had to work with final interface design - besides organizing the creating agency's internal design process and projecting a critical delayed project they couldnt find a designer to make it happen :P. Another skill that I could improve a bit, yet still a ux purist blablabla. Also, I saw a way to improve skills that I left behind - in what I called the UX UMBRELLA. In my perception, UX is big group of disciplines, with research, business analysis, interfaces, IA, content, strategy, etc. If you want to work with the UX stricto sensu, fine. My line of argument brings another perspective - if you can't cope with it, whatever. If you need to cluster and get attached to every new hyped term, fine too. Anyways, I still stand that the UI/UX term is just a market way to say "Bring me one guy who makes things pretty and cut those UX and UI positions". funny fact: I never worked with adobe bullshit :) .

[@realmeee]

​@@tokoshiro5 Words 💯

[@loudpose]

Wow, Gary!! For me, as a front-end web developer, your videos about 3d or smooth scroll look a little too simple, however, this UX stuff with AI is pure gold. Exactly what I needed! There's not much content like this out there, thank you, man. Much love

[@QvsTheWorld]

An added benefit of the Personas in chatGPT is that you can ask chatGPT to assume the role of the personas and ask them questions like "How do you feel about [Feature]", "What feature would you like to see on this website?", "Describe the your ideal outcome for using our website", "What would a bad interaction with the website would look like?"

[@sagunmdr]

Sure it would respond with general replies, but a actual user persona is unique about that user, thats why its a persona of that user, and not a general response from AI.

[@afrosymphony8207]

Man this is probably the best ai utilization in design video out here on youtube. the info in this is pure gold.

[@daveinpublic]

He just tells it the business idea and asks for demographics and fake testimonials. Don’t see how this is pure gold.

[@TheFonix456]

Love how polite you are in your prompts.

[@weezyf775]

This is AMAZING! So many cool applications for placeholder copy.

[@IbukunOluwaShotubo]

Gary, this is so solid. I love PRACTICAL content and not time wasters. Thanks a lot, man! I'm definitely using this. Sharing it and then saving it in my KZbin Product design playlist for future reference. Thanks Thanks Thanks.

[@juliosanchez2441]

That playlist sounds interesting 🤔

[@mmwaura]

Great course. Easy to follow, great depth on UX and marketing considerations and, of course, on use of AI.

[@RenoFencingMan]

This was great content!! Thank you! Figma Tip: if you select the text, frame, etc, and use the keyboard command [option+command+c] it will copy the attributes. Then select the element you want to match and use [option+command+v]. Enjoy! That one saves me so much time throughout the day.

[@design_with_dana]

Great example! Very useful. Thank you!

[@lantasiretimofeev5455]

awesome, thank you for this video. remembered UX process and got inspired on using chatCPT in my daily job

[@chriscarton4728]

Thank you Gary, I think I'll watch it in two times.

[@Razax7]

This was an amazing learning experience. Absolutely great work!

[@carolinemullan2781]

Great to see you supporting your wife on such an important endeavor. I was looking for the best way to mock up my first built from scratch website although I have made loads with drag and drop . I hit the jackpot!

[@MarcosBiga]

Decent share! Thanks 4 the content mate!

[@oliverbaus1497]

Very cool! You guided through this example in a very smart way! I didn't had a problem to watch all 50 minutes. Keep going, you are awesome and your wife should be proud ;)

[@tommymaher4166]

Just as I was looking for something in this exact usecase!

[@adied7725]

Cheers Gary great video really helpful👍😊

[@peterkornos8749]

Perfect help from you, Thank you

[@GamingOn1999]

This can help me in my case study, thanks 👍🏿

[@peppapig807]

practical and engaging. thanks so much for sharing :) i've saved this so I can use it on my next project

[@ljuglampa]

Every time I see some AI video covering Chat GPT or similar I quickly forget that it's actually computer generated content. It's just amazing what AI can do now in this scenario. I feel like we're in a very big and fast moving shift now how we will work in design/development going forward. Very cool video, thank you!

[@user-il9qo4qc4n]

Remember the AI scanned all that info from somewhere else. It doesn't actually know what it's talking about.

[@nidarahman2305]

I was waiting for this from you

[@falbamonte]

Well done tutorial! Thank you

[@dawah17]

amazing. I really need it. thank u so much boss

[@fatimaalkhateeb1886]

I really learned and enjoyed in the video it' almost 1hr but I feel only 15 mins. Thank you 🎉

[@igbokachidozie6726]

UX made-easy 😊 thanks for d tutorial 🙌

[@tony92506]

wow, this was great!! Thank you!!

[@AidanAshby]

So good. Thank you.

[@anbullenakrasniqi]

This is awesome thank you a lot

[@VicHooper]

Great video. Thanks.

[@Sunrazor]

Geez. I have to try this. Fantastic honestly. Not perfect but surely a timesaver.

[@mushroomthump]

Great video! Considering the course for a design I want to create for an app I'm working on with a friend. Many hours would you say it would take to get through the entire course and come out with a finished design? I know it varies, just looking for an estimate. Thanks.

[@karlavandenbrande6722]

Magic! I love it!

[@FablesOutofSpace]

Love you so much man!

[@rodrigobarrera5284]

Hey!! Great video and awesome information. So spot on! Is it possible to know which Head Shot AI Generator recommend to use? Thanks

[@kheya_artland]

Just Loved it. As a new bee in ux ui world, I think AI would be a great help.

[@kaicheng2018]

I like it that you are mindful of the validity of the information in the AI generated data.

[@nerf_shalin8848]

Lol just asked GPT will come further in this course and it gave me this - 52:10 - Accessibility Considerations 57:05 - Wireframing 1:01:40 - Prototyping Tools 1:06:15 - Interactive Prototypes 1:11:20 - Usability Testing 1:15:45 - Iterative Design Process 1:19:30 - Visual Design Principles 1:24:15 - Typography 1:28:50 - Imagery and Iconography 1:33:20 - Designing for Multiple Devices 1:38:05 - Responsive Design 1:42:30 - Designing for Mobile Apps 1:47:15 - Designing for Web Applications 1:52:00 - Designing for Emerging Technologies (AR/VR, Voice UI, etc.) 1:57:25 - Designing for Social Impact 2:01:10 - Collaborative Design Tools and Workflows 2:05:45 - Presenting and Communicating Design 2:09:30 - Design Documentation 2:13:05 - Design Handoff to Developers 2:17:20 - Project Wrap-up and Recap 2:21:00 - Final Assignment and Feedback This extended outline continues the course, covering topics such as accessibility, wireframing, prototyping tools, usability testing, iterative design, visual design principles, designing for various devices and emerging technologies, and more. It concludes with a final assignment and feedback to assess your understanding and progress. Please note that this outline is just a suggestion, and you can modify it based on your specific requirements or preferences.

[@praburaj1127]

😀🙌

[@TobiasKarnetzke]

Awesome. Well done.

[@joostbos3584]

What a time to be alive.

[@dhmsimons]

Hey @Gary, the zoomer you use, is that a gimmick inside Windows, or some app, or is it done in OBS? I'd like to know in for teaching purposes, tnx!

[@workingdeisgnstudio919]

Upvote for lactation consulting. My son was able to avoid a feeding tube because of good help from an LC.

[@nidarahman2305]

This is such a useful video, can you share all the prompts you gave to the chatgpt for ease.

[@marshelblackmon984]

This was awesome

[@cmnweb]

Good use of AI, i will try this for a personal site, regards from Ixtapa México.

[@jollymon6672]

Do you have promo codes for any of the services you are using in this course?

[@SamHartmannCom]

Didn't know the term psychographics (07:05) before. But it's a super interesting one to define a target audience!

[@alaaabdallah6912]

this is the best youtube video ever

[@ahmedyahya3593]

this feels like a move for me :)

[@PraveenRaj-ed6tq]

Very informative Video , can you please teach us using UI for example creating Paper sketch and Wireframes using AI tool and also creating the new mobile app wireframes please

[@Luis-jn7qu]

Great video

[@syedmehmoodhaider5513]

39:54 That the wom- Target audience 😂😂😂

[@mrkio1137]

How do you not have limited messages per 3 hours on GPT-4 ?

[@aasmpro]

on min 10:30, i hate you there Gary, you left "b. " on first paragraph, then added them to other lines, i was crying my eyes out XD

[@dawah17]

pls make more videos on it.

[@Bwazenn]

I noticed he used the word "please" when prompting chatGPT. It's very important to stay on its good side :)

[@thomasrackow8159]

19:41 fingers are well, but it is only the upper part of the body placed on the kitchen plate.

[@uifry]

Highly recommended for anyone looking to elevate their design expertise."

[@Cowbowbebop312]

dude there is a GPT that makes text into user flow diagrams! It's called whimsical! Give it a go if you got the plus plan

[@mrrandomexplorer]

❤️ from India

[@adnanamin3666]

"It doesn’t have extra fingers"! 😂

[@lokeshnarayanan1996]

Ausome❤

[@DeepfriedBaby]

I was hoping for a specifically AI course, with less emphasis on the rest of the traditional design process. Seems like that's what the course will be?

[@Nickporter17]

"There aren't any extra fingers. Very very impressive." I'm sorry this made me laugh pretty hard.

[@brad5290]

I thought they stopped their free trial?

[@itsjuliehoran]

Did anyone else notice at 19:24 that she is literally a torso sitting on the counter?

[@Zany_Fiasco]

@19:21 It does look strange... she's just a torso on the counter hahaha

[@michelleolashile4082]

The way i jumped when i saw the video is UX related 🤣..... It felt like Gary has forgotten about us

[@secondplace3074]

This isnt't UX, but only assumptions that I could do even without the help of chatgpt.

[@arinalowery7167]

Do you think AI will replace designers? First, I thought that it would be just a great help for designers but now I am starting worrying a little bit 😅 Especially, because I have been in design for only 2 years...

[@sliceofpie1741]

You'll have to learn making use of AI and beating AI by presenting it to ur clients. IT"S all about enhancing the work. You're always the cherry on top.

[@markwilsonmtb]

Until the AI learns to talk to users, we're relatively safe. Ai will just make our jobs more efficient.

[@secondplace3074]

You've been working in this field for 2 years and are you scared of this crap that ux surely can't be named?

[@AmberCox85]

companies will be looking for those who work w these tools and can make be able to play many roles. It's very wise to begin to learn and create with them.

[@omariblake21]

Mans been sleeping at the gym. I see them guns bro .

[@Niikahang]

🙏🏻👌🏻

[@johnjames8270]

👏

[@secondplace3074]

The most revolutionary thing about all this is Midjourney, the rest is not professional. It's fine just for a few small experiments, definitely not for doing real research. I would have emphasized this aspect more in the video. Otherwise people are educated to underestimate the profession of ux designer and ux field in general.

[@timothyplant3233]

This is cool and all but really seems like a toy more than anything at this point. None of the personas are based on data collected by the organization which comes from a combination of quantitative and qualitative data sets. Same for the IA , it really needs to be based on what your users want and which part of your site or product they access the most. This is the main problem I have with Ai right now, all this info is basically lorem ipsum because it holds no true value. When these tools can be plugged into a corporations database and aggregate data based real on tangible evidence, then I will resort to using them. This is basically training wheels for what is to come and potentially a glimpse of what our work will look like on a daily basis.

[@tobiasalexander4491]

I used AI because "I didn't want to hire a photographer". Don't worry, Gary, the photographers will start using AI because they don't want to hire a graphic designer, or they'll just use WordPress (if they don't already). Why pay for a great result when you can get a "decent" or "good enough" result with AI? Are we heading for some kind of perpetually beige/grey/teal Orwellian dystopia in which the majority of marketing copy is AI driven, leading to an endless stream of CTAs so perfectly worded that those words lose all power? In their dark little closets, the writers, dejected after AI came for them first, remain writing, silently, in Notepad: "First they came for the writers and I did not speak up, because I did not want to pay a writer, Then they came for the illustrators and I did not speak up, because I did not want to pay an illustrator Then they came for the photographers and I did not speak up, because I did not want to pay for a photographer..." Admittedly I'm being a little over-dramatic there (and I mean no disrespect to anyone at all in referencing that poem - do forgive me if I caused any offence, there was none intended), but when a creative spokesperson such as yourself says "I didn't want to hire a photographer" and extols the virtues of AI instead, what message does it send to other creatives? Nevertheless, a fascinating, insightful, and slightly terrifying video. If you could do one next on how to stop people bolding and centering the first paragraph of a body of text when the rest of it is plain and left-aligned "because it looks better", I'd be very grateful! No coding - just the design aesthetics of paragraphs, when to bold/italic, and specifically how NOT to do it.

[@norailves778]

Well Gary could've simply used some free photos from sites like Pexels and Unsplash instead of hiring a photographer. AI are just another alternative that offers a bit more control. It's not that deep. Photographers will always be needed to shoot real stuff, like clothes on models. No AI will ever realistically portray how particular clothes fit on a real person with a particular body shape. Or how any real product looks, that can't be visualized with mockups. Or for events, model shoots and etc. Photographers will always be needed and have a place, because you can't generate everything in a meaningful way. And that's great.

[@norailves778]

Btw, same thing with AI art. While cool, it does not ignite the same feeling a really well made real art does. It just does not. I've generated tons of images with Midjourney, but none of them mean for me anything relatively close to what Stephen Travers drawings do. And I know I am not alone here.

[@PathosConsultingGroup]

I don’t understand why you’d get user research from an AI for an existing site that presumably has real users you can talk to and real analytics to review.

[@omarmohd34]

Second.

[@adrians5455]

This is cool, but you lost me at "fictional generalisations in person form" with regards to User persona. If you are going to paint out generalisations of your audience how will you ever know who you are actually targeting? User persona is about multiple samples of people that neatly cover the scope of need and are there to help further inform research in regards to testing. If you are to present a stock persona chart to stakeholders based on fiction, beware that it's something they have seen before and are likely to scrutinise any budding UX Designer for. See Alan Cooper for the realness behind personas, or “day-in-the-life archetype descriptions" based on deep data.

[@mentalgiant5729]

AI has created Ireland

[@eliasgustavsson8754]

Like many others have pointed out, ChatGPT's output is nothing more than a placeholder for the real data. You can't base anything on this generic information, and you can't use ChatGPT to base facts for a local service or product. The only way to create a product that truly reflects the needs of the user is to triangulate with your own qualitative and quantitative data analysis. Bad data can result in a product that doesn't meet the needs of the user. I'm sorry, but this video shows why ChatGPT is not useful for this part of UX. Additionally, note that UX is not the same as UI.

[@nickpage9138]

Totally disagree, the more time you spend refining the kind of output you want, the better it is. I understand that it shouldn't replace UX if thats what you were worried about and it obviously won't because UX is about the Users eXperience and chat GPT isn't a user nor is it many different users. But in respect to using GPT for this stage, how can it NOT be useful to a start up that is out of their depth in UX, it really is useful. Again, its not going to replace this part of UX but it can help research and begin the research stage in preparation for the actual user research and iterative design and testing with the product and its user-base.

[@eliasgustavsson8754]

​@@nickpage9138 I understand your point; it can be a solid tool to generate ideas, concepts, or, as you said, pre-research. However, I don't agree that it should be used more than that in a professional setting. Companies or small startups should not rely on it as the source of information for decision making, especially in important settings. So, basing your user persona on it, as the video recommends, is a terrible idea.

[@SLApple-hp9ed]

For me, UX from ChatGPT is not qualified. Do you really think you can present this AI design and cheap UX data research at a A-Game meeting for your stakeholders? You will lose your potential future.

[@bhBlacky82]

creating fake personas as a reference can be a critical one.. there is a law on its way that forbids using fake identies as customers you never had.. i know that it will be hard to detect what references are real and which not.. but just saying.. dont make them to obvious.. 90% of the people would never give you a photo to show them as reference and the ones that doo, that pictures doesnt look professional..

[@DesignCourse]

Lol. The purpose of user personas is 100% not to use on a website. It's a part of the UX process to help you as a designer, put a face/person to the target audience while you design. Of course one should *never* use fake testimonials.

[@bhBlacky82]

@@DesignCourse yes in this example its only used for ux user journey. wrote it before i finished watching, but makes sense to point on it anyway, there will be some that uses it for the other case

[@outpost31737]

I think you'll find AI will not be as popular as it is in a few years or months even. Over hyped beyond belief and I've used it extensively.

[@v3i6v9]

It is better to have fake personas than to have none.

[@HeeneyOG]

Why haven't you made your own room and invited the midjourney bot into that room so you don't have to scroll past every other person's generations...

[@vchowta9685]

@18:31 no way she s 35 , she atleast 40 lol

[@henkegiaretta]

This isn’t user research, it is just assumptions

[@Dublin45]

First

[@wrends]

using ai for ux, the same ai that cannot "learn" that humans have maximum 5 fingers on the hand? give us a break!

[@DesignCourse]

Midjourney v5 has almost made that issue a non-issue ;). And as always, you don't solely rely on AI to get stuff right. You've got to verify. The utility is in the speed as a rough draft for these sorts of things.

[@afrosymphony8207]

@@DesignCourse y do u bother answeringsuch an obvious idiot commenter

[@secondplace3074]

This isn't real UX come one, you can't call that crap personas.

[@hamzasaoud2519]

Design dead sorry for you listen that it's very hurts

[@blazejbch]

Oh dear, these are not real personas and actually tell you nothing except general assumption. That might serve as a starting point for a mockup but in the long run will not help you understanding the market. ChatGPT is not your potential client ;) so better talk to real people.

[@TeHzoAr]

This is pathetic dude. You're getting back a slurry of all of the UX/SEO advice on the internet, generic as hell but made custom in appearance through statistical (mathematical) analysis of word relationships that works out where the words/terms should go in it. It's meaningless. It does not replace what even 5 seconds of thinking will do

[@CarlosPachecoBr]

Great video! I think you would enjoy to using Figjam for all this UX work instead of good old Figma

[@BHRoadStoriesBH]

Support always..nice sharing... #BHRoadStoriesBH