UX Design Process Explained (in 17 Minutes)
Вставка
- Опубліковано 10 лют 2021
- My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉thedesignership.com/products/...
Sign up to my newsletter for exclusive content:
mizko.net/newsletter
Follow me on IG (Daily updates):
/ themizko
===
🔗 Links
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko
Level up with all my design courses and resources: thedesignership.com - Навчання та стиль
I'm a simple man. I see a new Mizko video I click.
Great explanation! Helped clear up a lot of things for me.
Haha! Thanks heaps. Glad you found this useful and appreciate the support 🔥
Absolutely loved this! I always see videos and instagram posts focused on UI and business, but never something cohesive yet in depth on the process for beginners
🙏🏼 glad you found this useful Bianca!
I love how you broke down the ux process and its beautiful
Like your channel is just so good, your all your videos teach something new and arent redundant or repetitive, straight to the point. Thank you so much for this!
Good video but you’ve missed one critical step. It’s best to run customer testing session to validate your flows, architecture, concepts and key features as early as possible. Doing this with low-fi mock-ups and clickable prototypes helps you learn if your new UX works BEFORE you create hi-fi designs or start writing code. Really good video though with good explanation of designing in the real world 👌🏻.
+1 ! I was going to add a comment about user testing early and often. That said, the video does a great job overall of concisely connecting the UX dots that can otherwise be overwhelming.
I agree. There's many different approaches to how we ship features. I actually work with a very Lean UX methodology and framework internally at my agency.
Yes, I agree. But in the real-world, do you have enough time to do so much testing early on? Where do you find users to test those sketches? I am kind of embarrassed to test on others, only my partner and close friends but their opinions seem really biased.
@@Mizko Lean UX can still include user interview to get qualitative user data. #magicnumberoffive
Mostly I disagree but also I'll say it depends on the company and or the project. He's already spoken to customers in his process when he conducted user surveys.
It's really hard to present a potential customer or end user with a sketch or even a low fidelity wireframe (that has no words or content) and ask their opinion.
YOU’RE AMAZING YOU’RE AMAZING YOU’RE AMAZING!!!!! This is some top tier info. Thank you so much
THIS!!!! I'm coming to this field with quite a bit of experience but I didn't even know that what I've been doing was UX. So I've found it hard to focus while in bootcamps and classes because they drag along with a lot of repetition. But THIS... THIS is what I needed to know... what are the key phases of the process.... period... quick, simple and to the point. This was very validating and affirming. You just gained a new subscriber.
I loved the way you broke down this process into digestible pieces. I feel like this best covers the fundamentals I've either underutilized or skipped when jumping back and forth between UX and front-end development
Thanks John! appreciate it
WOW! This video is a masterpiece. You've explained everything so clearly! Thanks for making this. :)
Thank you Pranavi :) Really appreciate the support.
Thank you! Going to add some steps to my process!
Good point about copywriting! The right wording makes such a difference to usability as well.
There's so much value in this video!
Thank you Obed! Glad you got value out of it.
Wow! I didn’t even know that there were distinct steps! Thanks for the very clear breakdown!!
Thanks Jaidyn! 🔥 haha there’s an entirely new world in UX design. It gets pretty scientific
I am amazed on how well structured and informative the video is, and am unable to grasp why so few likes! I am on the verge of transitioning carrers from a graphic designer to a UI/UX design, because I am really into marketing and have a 16 yeara of a carrer as a graphic designer. Just need a change. Your video is really helpful to get what should I be doing and focusing on in order to transition. Thank you! :)
Awesome video, Mizko, thank you! I did the mistake of rushing through the discovery stage and jumped into wireframing in Figma. You hit the point of doing your research and planning before actual hands-on prototyping :D
Also, could you do an in-depth video of desk research? It would be great to learn more about what UX designers should be looking into and where exactly to get metrics for competitive research, data analysis etc. Thank you again!
Always curious to get other designers' takes on the process. 👍
One reaction to a comment near the end about cutting corners; it's true that many clients will want/try to cut corners, and there are often some steps that can shortened, but personally, if a client wants to mortally wound the UX with too much blood letting, I'll usually let them complete it without me, or if I can foresee the issue, not even take projects that don't treat UX seriously. If all they want is high fidelity wireframes day one so their programmers can get started, I'm not their guy, and happy to leave that gem of a client for the next designer 🤷🏻♂️😈
Mizko you're a genius, thank you so much, just about to graduate and UX is what I dream of doing, and this has helped me so much when working through my case study's for my portfolio.
awesome video! thank you!
great video! i’m a product design student and wish they explained the process so clear like this
Thank you Mira :) Glad you found this useful.
Learn how to Conduct a User Interview for UX Designers (in 10 Minutes) 👉ua-cam.com/video/KZ6jj_EZUgM/v-deo.html
or learn how to create THE PERFECT responsive grid layout in Figma 👉ua-cam.com/video/_w-iYiEXrl0/v-deo.html
Yours truly,
Mizko
Finally!!! A brilliantly structured video that offers clarity to what always felt like a very ambiguous subject.
Can’t thank you enough for holding our hands and guiding us through.
SMASHED!!!
By the way, I thought there were 6 steps. Where is “Structure”?
Thank you Hugh! I'm going to be making a new video about this. Explaining it in more practically.
So much intelligence and wisdom bundled inside this young punk!
Thank you so much Sir Mizko
Thank you!! Great content!
Thank your
Hey, Michael good to see you on UA-cam. This is a great video! I added this video for our new UX team member onboarding process document and asked them to must subscribe to your channel .
Questions.
1. Sitemap VS IA.
I'm working at an enterprise company. Generally, IA is usually done at the initial 'Planning' phases of the project with many stakeholders (Business stakeholder, Solution architecture, Platform or Product owner) to organise and structure all relevant entities. Also, it helps business defining project scope, budgeting and resourcing. Once we have done the IA then we create a sitemap (based on user & business needs, data analytics and research such as card sorting). So I thought IA is more Planning stage and Sitemap is Conceptualise stage. What's your thought?
2. Early-stage testing
I think we should test wireframe with users to validate our solutions before jumping into the 'Design' stage.
3. Structure stage
There is 'Structure' stage between 'Conceptualise' and 'Design' Stage in your process diagram. However, I couldn't find the 'Structure' stage. in detail.
By the way, Thanks again for the great video!
Awesome!
Amazing video.
New to ux and new sub to this channel. Great content and depth in this video!
Thanks Will!
Thank you so much for this amazing video! This video provides the most information regarding the UX process that I've seen so far.
I noticed one small thing when writing my notes. Step 4 Structure is missing. What goes within structure? I would think information architecture.
UX design in a nutshell. Thanks for the video
phenomenal!!
Thank you!
I use Balsamiq mockups for wire-framing. Also studying copy-writing on Udemy, which is a huge skill set in itself and very challenging but will help me overall as a designer.
Great vid as always!! 👍
Thank you! Oh awesome. Check out whimsical for wireframing it's a cloud based tool
Thanks a lot brother for explaining the terms and the flow of UX UI. Im currently having 3 years of experience but not enough exposure and opportunity. Please help me out with any kind of project you are working on. Im not having a job right now and I can give my full time to collaborate with you taking nothing. Just giving whatever I have in terms of skills.
Great explanation! You hit on such key components of UX. 👍👍
Thanks AJ! Got your LinkedIn connection too. Grateful to hear you're finding value in the videos.
@@Mizko Thank you 🙌
I chose to aggressively smash the like button.
Love all the content you made, I was taking notes while watching. But did we miss the “struture” step that you mentioned in the intro section? You jumped from Conceptualize to Design around 8:50.
Thank you for breaking the steps into small understandable pieces !! I also like how you wear a shirt with Mizko name on it. I just want to quickly confirm, so we have the scope and scoping framework first Before we have the problem space and then Problem statements, then once we have problem statement we choose appropriate research techniques such as survey /interview etc to validate our problem statements? Cause I get confused whether we do research first, or we have the problem statement first? Or we have the scope first or it doesnt matter which one as all of them in the research phase? Thank you
Learnt lot of things 🔥✌️
Thanks Ashwin! Means a lot. Thank you fo the support.
Thank you Mizko! Really amazing video! I'm currently reading Hooked! 🔥🔥🔥
Great to hear Gonzalo! I read Hooked nearly 6 years ago and it's been my all time favourite. Highly recommended to everyone who's looking for a new design book.
I am also reading Hooked! Another book that is a must-read is Design of Everday Things! But first, have to finished Hooked lol
@@simplyaizhan yeah!
Wow great video, the books you shared are they available online to download
Good video! Is there a reason why you wait until the last stage before testing it with users? I've learned that it's easier to test assumptions early in the process... Which is also backed by the book Lean Startup as I remember it. Would be great to get your input on this.
Thank you
Cool video!
Thank you Strahil!
What tools do you work with for all the parts of the design process described?
well said.
Hi Mizko, you explained things so clearly and I was impressed by your presentation. But as for me, I'm working as a product designer, this process is not totally exact. I think this proceess will be applied well in designing something like a web, or small app, when you work alone and your role is to decide the whole architecture of the site. When it comes to digital product, like a webapp or a big mobile app with so many features inside of it, the architecture isn't usually decided by yourself. As for my case, my role is design just some features of the site. I have to sketch, define the flow of the feature, but not the whole architecture.
@Mizko
How do i get those books you recommended?
Hey thts a awesome video.
In the diagram u shown structure as on of the stage, but u not spoken anything about tht
Love the video Mizko. Very informative. Is it me or was the "structure" step missing?
gtgjvg3hgrtil
when the A/B test should be done? when developers finish the app? or in the prototype?
Do we need to set kpi and business outcome or kpi and business outcome are already been setup by the owner or stake holder and we are just going to work with it????
Loved the 6 part UX process! Do you have any tips to improve on user research? 🙏
Great question. Definitely expect to see more videos where we do deep dives into each section of the UX process ✨
Can anyone tell what fonts are used for each section?
Big title (e.g. Planning) + text
🙏😊
The video was a great one but you forgot to leave the links to the books in the discription
Great video, thanks for all the effort for helping "Dummies" like me to learn...but just have to say that all the stock videos of "people in meetings" are HILARIOUS! Those actors need some work... LOL
Thank you for this great video!! :) I just have one question, aren’t one suppose to ideate ideas before creating user flows?
Thank you Linda! The UX process is not strict. You can dive into whichever part you want. That's what happens in the real world.
I just realised structure, 4th step (from all the 6 steps that you outlined in the beginning) is missing in this video.
UX Design still a viable carrer in 2022? For someone whos just starting his bachelor?
Great Content Mizko! Do you think Design Sprint can replace the entire UX Design Process you listed in 0:31? They seen similar
Hey Vincent - Design Sprints are very useful. Definitely replaceable of the traditional UX design process. I follow the Lean UX and Lean Startup methodologies however to help beginners understand the UX Design process - I had to structure it in this flow.
Hi, This is a design thinking finaly ? Right ?
What about the structure phase? :P
You left out Structure in this video?
Hi Mizko
This video is great and i thank you for that.
But, the thing we really need is to show each step with a case real or not.
So, do you have a course explaining in detail all the steps please ?
Thanks
Since my launch of the Figma Masterclass recently, I am now working hard on my UX course! It’s jam packed and highly practical :) coming in early 2022
@@Mizko Oh that's so great.... I'm eager to see it. When could it be live approximatively please ?
Where is the "structure Phase"?
closed captioning for this video is glitching horribly. i tried resetting it and compared to another video from someone else and it translates fine on other videos. this one isn't translating correctly- so frustrating!
you didn't explain the 4th step structure
Where are personas?
Where do we find copy writing text for the website or mobile app ? any resources
There's a lot of great resources out there. Google 'Microcopy' and you'll find what you are looking for
Sir, you missed structure in the process or did I miss something !!!!!!!!!!!!!!!!!!!!!!!!
we want eng subtitles
s
You can turn on captions for all my videos.
@@Mizko it's available in Korean sub . we need eng .I hope you would do something about this
in real life? no.