*UX/UI Design Process in 6 steps* *1. Understand the problem* Meet with the client/stakeholders, understand business goals and have a clear understanding on what you're really trying to achieve with the project. This could be done with questionnaires/surveys/interviews etc. As designers, we help solve problems and so it's key to build a solid understanding of what we're trying to solve here. *2. Research* Learn everything you can about the problem and the users that are going to be involved. A great way to do this is to sit down with these people, observe them, interviews etc. We want to understand where our users are coming from and build as much context as possible so we can empathise with them and design a solution that's best going to meet their needs. Who are our users? What are they trying to achieve? What is the best way for them to solve this problem? What will they look for in a solution? What do/don't they care about? Some of this can be captured in a persona and their are other artifacts that can help capture and communicate this. *3. Planning* Synthesise all the learnings you have so far from exploring the problem and from research and start to identify trends to see if there's anything that sticks out. Start to think about how we can balance business goals and user needs - both are crucial and one without the other will lead to a failed design. We can also start thinking about some of the below: - Start with IA (information architecture) - this is the hierarchy of information/content in your product/service. How do we best display the info we want to maximise business return and user experience? - User flow/Workflow - how the user interacts and goes from point A to point B in the system. How do we make this as easy and relevant as possible? - Sketching/wireframe - *rough* sketches to display what things could look like when coming together. The focus here is on the flow still, and not on the way a design will look. Using pen and paper is great and other tools such as Balsamiq/Axure also works. These wireframes should be tested to maximise learning and understand what works and what doesn't. Any new findings from prototype testing should be taken away and reflected in designs as appropriate. *4. UI/Visual Design* First we think about big picture visuals, this includes: colour palette, typography, style tiles, mood board, common element design (repeated elements), style guide. We want to set a creative direction and nail down a look and feel or vibe of the product. Having these outputs to share will help us get feedback from stakeholders/users to make sure we're on the right track. Once we have some feedback on our initial work, we can begin working on high-fidelity designs which will be reflective of the final product (with iterations as required). *5. Development* Some designers may be responsible for front-end dev work, but otherwise we should prepare the designs so that they can exported and we can hand over all the key info to a developer so they can get started on building out the high-fidelity designs. There may or may not be more design work that arises during this phase. *6. Testing/Quality Assurance* So, we started with a problem, explored some ways to solve this, planned how we would go about this, developed a lo-fi prototype and tested it, iterated it with learnings as much as needed, converted the designs into high-fi designs once settled on a prototype, and finally built this out. Now it's time to test the developed designs on actual devices. Depending on the context, designs should be tested on all relevant devices/browsers/platforms etc. Our aim here is to ensure the product has been fully built out and that it behaves in the way we intended it to. *Summary:* The above is the process outlined in the video. It's important to remember that people have different processes and that different projects will require different things, but this is a great way to learn about the high-level overall end-to-end design process. After reviewing different processes and methods, you may want to find your own way of working.
You did it in a very simple but effective way! I am a UX designer and really impressed the way you described it. It was really easy to Digest and newcomers should watch this once...
Wonderful video! You explained so much within a short time in a very elaborate way. I have watched a significant number of videos with the hope of understanding UX and UI design better and your video is at the top of my list without a doubt!!!!!!!!
All of those are great tips and process,great video! I'd like to point out that most of the time some of the problems had to do with accessibility and very focused on enhancing the user experience
I didnt think it was possible to go through the product design process in under 8 minutes. Great job with a super quick but comprehensive overview! Of course I'd add object-oriented UX to the mix (under IA and through to UX with a call-to-action inventory). :)
Thanks for the nice comment, Sophia! I haven't heard the term of OOUX before, but I read your A List Apart article and it makes a ton of sense! Thank you for sharing.
@@DesignGal Hahaha, not many people have heard of it because I am about the only one shouting about it from the rooftops. Glad it makes sense to you and thanks for looking it up....Love what you are doing here! Let me know if you ever want to collaborate. If you are open to doing an interview, I recently started a podcast: the UX Hustle...I would love to have you on to geek out about UX career path stuffs.
Finally a video that shows a in-depth view! Could you do a video on how a beginner should speak and develop a learning relationship with a mentor? Thanks for your tips and vids ;)
Just loved the way you represented all the design process in such a brief. Thank you so much for the video :) It is quite helpful for the revision of the whole design process.
Thanks, you provide a relevant, succinct, actionable perspective here, especially considering how dated the upload is. 15 months ago? Was TH-cam even around back then? Just my personal take on 1. "Understand the problem" - I avoid surveys and questionnaire's like the plague now. It depends on how deep into understanding problems your business needs to go to deliver the results you promise ( high volume of clients vs. high quality of clients models), but surveys never worked for us no matter how hard we tried - Interactive Chat Bots, Audio recording, Video recording, Breaking them up to avoid survey exhaustion... It always seems like work the client isn't interested in doing, and thus their work doesn't have much value. At least if it's a live interview, which they probably don't really want to do either, you can push them for thoughtful effort, explain the importance, and clarify answers on the spot. Also, interviews don't give them the same definitive feeling that they're doing some of the work for you. It just became clear to us that of the 10%-20% who even took the surveys seriously, none of them completely understood the depth of questions and concepts we needed to give them a real competitive difference. This decreased efficiency because it took so much longer to clarify problems in piecemeal fashion later in the process. Again, depends on your biz model of course. If you're finishing 10 projects a week with a small staff you won't have time for much real-time communication, and you're probably at a price point a client shouldn't expect the world.
Great explanation for someone like me trying to get a better grasp on UX/UI/VISUAL DESIGN! Looking to add more of these comprehensive projects to my portfolio. Thanks!! Keep em coming!
I know this is late, but Lets sayyy I got a degree in Product or industrial design in college, And maybe I end up not liking product design, will it be an easy transition to UI design?
I think you could definitely transition, but you may have to learn specific design skills for UI / visual design. You would actually have a good background to get into UX as well. All kinds of design are about solving problems, so if you can think like a designer, you can use that design thinking in other design areas!
Hi! There are plenty of freebies online for things like this. I would search on Dribbble, Behance, or google Sketch or Figma templates and you will find a ton!
You don't understand shit after watching this type of video. It touches the surface but doesn't give you any guide. This type of video is so general that it is in fact meaningless.
A very accurate break down of the design process, this is exactly how we do at work. One question or two :) Do you always have time to conduct survey/research to draft the persona/empathy map, especially when you are working on a new feature on a very well-developed product? If no, how do you make sure the personsa is not too 'imaginary'?
Hello! If you have a well-developed product, you or your company should hopefully have a really good idea of who your typical user is that would inform the persona. It never hurts to continue to do research to uncover new insights about them or possibly discover more persona types. As far as if you have time to do this research really depends on the company and if they are willing to invest in the time. Hope that helps!
Hi thank you for sharing your design knowledge through TH-cam. I’m enrolled in a graphic design certificate program and also self learning on different topics. I want to develop specialization and a portfolio around branding. Now I’m taking courses that focus more on traditional/ print medium. I haven’t taken courses on digital design. Am I in disadvantage by not learning about digital design? Do you think it is necessary to learn about them? Thank you
Hello! If you want to focus on branding, digital design is not directly applicable. However, digital design is where the industry has been going for a while and because of that, you really should learn about digital design if you can. Even with branding, clients will expect you be able to know how to apply branding to digital mediums (websites, social media, etc.) so it's good to know some basics. If nothing else, it will make you more competitive compared to someone who does not have any education in digital design. Hope that helps, and good luck!
Hi there! You are in luck because I am about to start a whole series on getting started in UI/UX. I will be posting a video in the next few days about where to start. Definitely subscribe and stay tuned!
Zeplin is great, but the CSS it generates from designs is pretty much unuseable, or requires heavy editing. It should only be used for reference to pull out specific box-shadows, etc, not for copy+paste coding.
I kind of agree with you there, Tim. Unfortunately, I haven't found any app that generates production-ready code, but it at least gives you specs easily! Thanks for the comment.
@@DesignGal No. I'm working on updating it with new projects. I'm not exactly sure what I am supposed to add so I'm adding coding projects. I coded my own portfolio though. elastic-portfolio.netlify.app/index.html
Hi Krista! I think it depends on what you are designing for. If age is a key indicator that can tell you something specifically helpful about a user, then by all means. Otherwise, try to find another category that will help you better understand your users depending on your goals. Hope that helps!
Hi Melissa! Ideally, copywriting or content strategy is part of the process as early as possible because you want the design to support the content rather than shoving the content into a design that may not work. I will say that this rarely happens and content gathering is one of the most difficult things to do for some reason! But like I said, ideally you would want to know what you are working with early in the process, in the planning or wireframing stage if possible. Hope that helps!
Heyy christine nice video... I am 26 years old from india, i want to start ui design as a career so i want to know how can i get started? Or is it late to start now regarding the age?
Hi Karan! I am about to do a whole series on getting started in design, so be sure to check those videos out soon! It is definitely not too late to start. You can start at any age! Thanks for watching :)
Hey Ashish, thank you for the comment! I am still learning how to shoot and edit video but eventually I hope to incorporate some demonstrations in my videos. Thanks so much for watching and the suggestion!
Hahah why thank you. This is a very old video and at the time I was mostly self-taught and hadn't yet had a purely UX job, so I wanted to make that caveat in the beginning! Now, I can confidently say I'm a UXer :)
@@UXSpecialist It hasn't changed from what this video outlines, but now I know that it doesn't always follow such a linear process, and not every project will follow all of these steps exactly. Or, there may be different methods of research involved. Basically... real life is always a bit more challenging than what you'd read in a textbook ... or see in a YT video :)
*UX/UI Design Process in 6 steps*
*1. Understand the problem*
Meet with the client/stakeholders, understand business goals and have a clear understanding on what you're really trying to achieve with the project. This could be done with questionnaires/surveys/interviews etc. As designers, we help solve problems and so it's key to build a solid understanding of what we're trying to solve here.
*2. Research*
Learn everything you can about the problem and the users that are going to be involved. A great way to do this is to sit down with these people, observe them, interviews etc. We want to understand where our users are coming from and build as much context as possible so we can empathise with them and design a solution that's best going to meet their needs. Who are our users? What are they trying to achieve? What is the best way for them to solve this problem? What will they look for in a solution? What do/don't they care about? Some of this can be captured in a persona and their are other artifacts that can help capture and communicate this.
*3. Planning*
Synthesise all the learnings you have so far from exploring the problem and from research and start to identify trends to see if there's anything that sticks out. Start to think about how we can balance business goals and user needs - both are crucial and one without the other will lead to a failed design. We can also start thinking about some of the below:
- Start with IA (information architecture) - this is the hierarchy of information/content in your product/service. How do we best display the info we want to maximise business return and user experience?
- User flow/Workflow - how the user interacts and goes from point A to point B in the system. How do we make this as easy and relevant as possible?
- Sketching/wireframe - *rough* sketches to display what things could look like when coming together. The focus here is on the flow still, and not on the way a design will look. Using pen and paper is great and other tools such as Balsamiq/Axure also works. These wireframes should be tested to maximise learning and understand what works and what doesn't. Any new findings from prototype testing should be taken away and reflected in designs as appropriate.
*4. UI/Visual Design*
First we think about big picture visuals, this includes: colour palette, typography, style tiles, mood board, common element design (repeated elements), style guide. We want to set a creative direction and nail down a look and feel or vibe of the product. Having these outputs to share will help us get feedback from stakeholders/users to make sure we're on the right track. Once we have some feedback on our initial work, we can begin working on high-fidelity designs which will be reflective of the final product (with iterations as required).
*5. Development*
Some designers may be responsible for front-end dev work, but otherwise we should prepare the designs so that they can exported and we can hand over all the key info to a developer so they can get started on building out the high-fidelity designs. There may or may not be more design work that arises during this phase.
*6. Testing/Quality Assurance*
So, we started with a problem, explored some ways to solve this, planned how we would go about this, developed a lo-fi prototype and tested it, iterated it with learnings as much as needed, converted the designs into high-fi designs once settled on a prototype, and finally built this out. Now it's time to test the developed designs on actual devices. Depending on the context, designs should be tested on all relevant devices/browsers/platforms etc. Our aim here is to ensure the product has been fully built out and that it behaves in the way we intended it to.
*Summary:* The above is the process outlined in the video. It's important to remember that people have different processes and that different projects will require different things, but this is a great way to learn about the high-level overall end-to-end design process. After reviewing different processes and methods, you may want to find your own way of working.
I really loved the way you explain.
I saw a lot of videos but none better than this
Thanks for the comment! Glad you found it helpful.
That video is what I've been searching for long time. Thank you for sharing!
So glad you found it helpful! Thanks for watching.
agreed, thank you so much!
Hi Christine, I am a Digital Design student and found your video very helpful. Thank you for posting it.
Thanks for watching, Aline!
You did it in a very simple but effective way! I am a UX designer and really impressed the way you described it. It was really easy to Digest and newcomers should watch this once...
Thank you!
Very clear, nice speech. Basic but very understandable, so like for you.
Thanks so much!
Wonderful video! You explained so much within a short time in a very elaborate way. I have watched a significant number of videos with the hope of understanding UX and UI design better and your video is at the top of my list without a doubt!!!!!!!!
Thanks so much!
All of those are great tips and process,great video!
I'd like to point out that most of the time some of the problems had to do with accessibility and very focused on enhancing the user experience
Thanks for the comment!
This made something I’ve heard so many times even easier to understand. Thank you!
Glad you found this helpful!
I didnt think it was possible to go through the product design process in under 8 minutes. Great job with a super quick but comprehensive overview! Of course I'd add object-oriented UX to the mix (under IA and through to UX with a call-to-action inventory). :)
Thanks for the nice comment, Sophia! I haven't heard the term of OOUX before, but I read your A List Apart article and it makes a ton of sense! Thank you for sharing.
@@DesignGal Hahaha, not many people have heard of it because I am about the only one shouting about it from the rooftops. Glad it makes sense to you and thanks for looking it up....Love what you are doing here! Let me know if you ever want to collaborate. If you are open to doing an interview, I recently started a podcast: the UX Hustle...I would love to have you on to geek out about UX career path stuffs.
@@SophiaVUX I'd love to talk about the podcast with you! Super cool. Email me at heydesigngal@gmail.com :)
Finally a video that shows a in-depth view! Could you do a video on how a beginner should speak and develop a learning relationship with a mentor? Thanks for your tips and vids ;)
So glad you found this helpful! I am actually about to do a whole series on getting started, so stay tuned! :)
Yes, looking forward to that video
Thanks Design gal for this awesome video on the overview of the UX/UI work flow. Some much of information in short span and was to the point.
Thanks for watching!
Perfect Explanation of design process.
Just loved the way you represented all the design process in such a brief. Thank you so much for the video :) It is quite helpful for the revision of the whole design process.
I'm so glad you found this helpful!
That was an awesome video ...now i've just knew the difference between UI and UX...Thank you.. i wanna support you.
Thanks!
Amazing, really enjoyed your video. Explanation was clear and easily understood. Thank you :)
Thank you for the comment, Phillip!
Hi..thank you so much for sharing your knowledge. It is clean, clear and you hit the nail on the head!! Keep posting!
Thank you!
Thank you so much for the video! I'm new to the field and i've picked up some invaluable information! Subscribed!!
Thanks so much for subscribing!
nicely explained all important points in a short time... liked it..
Thanks for watching, Krishnan!
you have to add UI/UX Design Process point by point at vdo description too
Awesome explanation!
Thanks for the comment!
Wow such great information. I also came from a visual design background and doing freelance ux work
Thanks for the comment, Chris! How is the UX work going for you?
Thanks, you provide a relevant, succinct, actionable perspective here, especially considering how dated the upload is. 15 months ago? Was TH-cam even around back then?
Just my personal take on 1. "Understand the problem" - I avoid surveys and questionnaire's like the plague now. It depends on how deep into understanding problems your business needs to go to deliver the results you promise ( high volume of clients vs. high quality of clients models), but surveys never worked for us no matter how hard we tried - Interactive Chat Bots, Audio recording, Video recording, Breaking them up to avoid survey exhaustion...
It always seems like work the client isn't interested in doing, and thus their work doesn't have much value. At least if it's a live interview, which they probably don't really want to do either, you can push them for thoughtful effort, explain the importance, and clarify answers on the spot. Also, interviews don't give them the same definitive feeling that they're doing some of the work for you.
It just became clear to us that of the 10%-20% who even took the surveys seriously, none of them completely understood the depth of questions and concepts we needed to give them a real competitive difference. This decreased efficiency because it took so much longer to clarify problems in piecemeal fashion later in the process.
Again, depends on your biz model of course. If you're finishing 10 projects a week with a small staff you won't have time for much real-time communication, and you're probably at a price point a client shouldn't expect the world.
Design Gal, You're awesome!!
A ton of useful information compressed into under 8 minutes. (What compression algorithm did you use?)
Thanks, David!
Really helpful video!!
Glad this helped you!
Great explanation for someone like me trying to get a better grasp on UX/UI/VISUAL DESIGN! Looking to add more of these comprehensive projects to my portfolio. Thanks!! Keep em coming!
Awesome! And thank you :)
I know this is late, but Lets sayyy I got a degree in Product or industrial design in college, And maybe I end up not liking product design, will it be an easy transition to UI design?
I think you could definitely transition, but you may have to learn specific design skills for UI / visual design. You would actually have a good background to get into UX as well. All kinds of design are about solving problems, so if you can think like a designer, you can use that design thinking in other design areas!
Hi Christine, thanks for such a cool video! Do you use any user canvases or persona templates?
Hi! There are plenty of freebies online for things like this. I would search on Dribbble, Behance, or google Sketch or Figma templates and you will find a ton!
Geeking out. This is so good!
Thank you very much! This was very helpful.
So glad you found it helpful, Mushrif!
Thank you for sharing! Im new to UX and it was a great introduction :)
So glad you found this helpful, Joyce!
How can I start as UX/UI designer i have idea about web designing and now I want to curreer in UX designer
Hi there, I have a whole video series on getting started in UX. Here is a good one to start with! th-cam.com/video/gHyAvO3M0yg/w-d-xo.html
Thx dear, now finally I understand the process
So glad! Thanks for watching :)
You don't understand shit after watching this type of video. It touches the surface but doesn't give you any guide. This type of video is so general that it is in fact meaningless.
Lovely video! Look forward to more :D
Thanks!
Good video, thanks
perfectly explained!!!!
Thanks, Viraj!
THANK YOU for making this video. It gives a clear overview of the UXD process :)
You are very welcome! Glad you found it helpful 👍
A very accurate break down of the design process, this is exactly how we do at work.
One question or two :) Do you always have time to conduct survey/research to draft the persona/empathy map, especially when you are working on a new feature on a very well-developed product? If no, how do you make sure the personsa is not too 'imaginary'?
Hello! If you have a well-developed product, you or your company should hopefully have a really good idea of who your typical user is that would inform the persona. It never hurts to continue to do research to uncover new insights about them or possibly discover more persona types. As far as if you have time to do this research really depends on the company and if they are willing to invest in the time. Hope that helps!
I am your 400th subscriber 😁 nice video
Oh my goodness that is crazy! Thanks for subscribing :)
nice info!!!
Thanks, Sunil!
Really great
Thank you, Abishek!
very helpful. Thank you. Liked and subscribed!
So great to hear Alan! Thanks so much for the subscribe :)
Hi thank you for sharing your design knowledge through TH-cam.
I’m enrolled in a graphic design certificate program and also self learning on different topics. I want to develop specialization and a portfolio around branding. Now I’m taking courses that focus more on traditional/ print medium. I haven’t taken courses on digital design.
Am I in disadvantage by not learning about digital design?
Do you think it is necessary to learn about them?
Thank you
Hello! If you want to focus on branding, digital design is not directly applicable. However, digital design is where the industry has been going for a while and because of that, you really should learn about digital design if you can. Even with branding, clients will expect you be able to know how to apply branding to digital mediums (websites, social media, etc.) so it's good to know some basics. If nothing else, it will make you more competitive compared to someone who does not have any education in digital design. Hope that helps, and good luck!
Design Gal thank you
Is it important to make information architecture
Definitely!
hi christine, As i am new to UI/UX and i want to pursue my carrier in ui/ux so from where can i start could you please help me???
Hi there! You are in luck because I am about to start a whole series on getting started in UI/UX. I will be posting a video in the next few days about where to start. Definitely subscribe and stay tuned!
Yeahh Thank you. Are you on Linkedin ????
Zeplin is great, but the CSS it generates from designs is pretty much unuseable, or requires heavy editing. It should only be used for reference to pull out specific box-shadows, etc, not for copy+paste coding.
I kind of agree with you there, Tim. Unfortunately, I haven't found any app that generates production-ready code, but it at least gives you specs easily! Thanks for the comment.
Thanks
Great content!
Thanks so much, Diandra! I appreciate the comment :)
Noted
i am thinking about entering UX design field.
I'm having trouble finding a UX/UI job. Maybe there are skills I'm missing. Or my portfolio is garbage. I'm not sure.
Sorry to hear! Have you gotten any feedback on your portfolio?
@@DesignGal No. I'm working on updating it with new projects. I'm not exactly sure what I am supposed to add so I'm adding coding projects. I coded my own portfolio though.
elastic-portfolio.netlify.app/index.html
Its good to encapsulate users in form of age?
Hi Krista! I think it depends on what you are designing for. If age is a key indicator that can tell you something specifically helpful about a user, then by all means. Otherwise, try to find another category that will help you better understand your users depending on your goals. Hope that helps!
Fell in love with you after this video
Thank you!
You're welcome, Mia!
At what point does copywriting come into the process?
Hi Melissa! Ideally, copywriting or content strategy is part of the process as early as possible because you want the design to support the content rather than shoving the content into a design that may not work. I will say that this rarely happens and content gathering is one of the most difficult things to do for some reason! But like I said, ideally you would want to know what you are working with early in the process, in the planning or wireframing stage if possible. Hope that helps!
Yes, thank you! And thanks for your videos. :)
Heyy christine nice video...
I am 26 years old from india, i want to start ui design as a career so i want to know how can i get started?
Or is it late to start now regarding the age?
Hi Karan! I am about to do a whole series on getting started in design, so be sure to check those videos out soon! It is definitely not too late to start. You can start at any age! Thanks for watching :)
Thank You So Much for useful information.
Also You are so gorgeous I wish I find girl like You in my life, lots of love 🎉
Hy, you are cute and thank you. I am a developer and trying to transition into UI/Ux you helped me get started.
That's so awesome to hear! Thanks for watching :)
It's a lot but excellent.
Thank you! Yes... the process is lengthy! haha.
LIKE!
can you imagine ui/ux designer 60 years old ?
We will be designing directly from our brains or something 😂
Hi Christine!
Liked the way you have explained but I was a bit distracted as you are really attractive!
Don't wanna sound cheesy though!
Next time use some demonstration and visual cues. Would increase your views
Hey Ashish, thank you for the comment! I am still learning how to shoot and edit video but eventually I hope to incorporate some demonstrations in my videos. Thanks so much for watching and the suggestion!
Why are you doing a presentation on UX if you know nothing about it?????????
After watching your presentation, this sounds like good UX. I mispoke. This is great. :)
Hahah why thank you. This is a very old video and at the time I was mostly self-taught and hadn't yet had a purely UX job, so I wanted to make that caveat in the beginning! Now, I can confidently say I'm a UXer :)
@@DesignGal Ya, sounds like you were then too. Would you say you changed your process a lot now from what you did 3 years ago?
@@UXSpecialist It hasn't changed from what this video outlines, but now I know that it doesn't always follow such a linear process, and not every project will follow all of these steps exactly. Or, there may be different methods of research involved. Basically... real life is always a bit more challenging than what you'd read in a textbook ... or see in a YT video :)
@@DesignGal Love it. :)
Nice Video, Thanks