I love your videos. I just bought your course, ui kit, and wireframes and just from glancing I can tell I'm going to improve greatly. Thank you so much for putting these helpful videos together.
This is by far the most advanced product design video on the internet. Please keep sharing similar content, I believe that a lot of experienced designers will benefit from it as I did. Thank you so much for your effort.
Oh this is so much more than UI tips! Loving the first tip about considering different users and the way you told the story. The last tip about getting feedback was useful!
The first part where you explained about the different types of user, that is something which I think is very very very useful. These types of videos really help us to deep dive into a problem & understand it from the core. Thank you for sharing this knowledge with the community.
This is premium Thanks for all you do for the community I am currently working on a landing page design and I feel stucked, thanks for this because I get to cover major scenarios.
Thanks for sharing the UI feedback template. Great tip, we always get excited about our work and never think about the reviewers context when sending over our designs. This is definitely going to help them be more constructive! And less frustrating for us designers ^^
Ty Mizko! Like always you are the best! I figured a possible improvement for error message. At 8:53, also chancing color of 2 words "tecnical issue" to red wouldn't be good? We could save users to read whole text, it could be a time saver.
Thank you! Really happy to hear that you've been around from the start. The first year was really me learning how to edit videos 😂 But now that I've gotten my flow, I'm going to start introducing many new topics including Freelancing, Webflow, User Research and so much more!
Hey Mizko nice tip about considering different user roles, as a developer too I am thinking how to effectively implement this, remember that design is followed by development. In this case might as well track app usage by device or use collected order data to optimize the flow. I do like the idea of have a favorite restaurant, which I would like to have because I do order from 3-6 restaurants no more.
The Slot idea makes sense at the first glance BUT - You need to create additional components for each scenario, even for the text so you can call them from the instance swap window. - You can't put anything inside of it except components. That might make overriding a little harder because you will need to create a component first - Putting two buttons as one single component feels awkward. Since its easier to keep each button style separated in different variants. That's why I won't use this approach.
Absolutely love the slots - I added something similar in a design system but it definitely wasn’t executed as well as this! Will that be added to Shipfaster by chance?
Example 2- For a fist time user, dont you feel reassurance is more important? Maybe a reassuring message along with 2 call to action buttons- try agan and contact customer care
So actually advance UI types not some generic and basic UI tips. Fucking finally! Too many designer creators pushing tips that are really basic. Not that there is a problem with the fundamentals but if there are 5 videos about the same topic appearing its gets annoying
@7:23 I think you should name the exit button CLOSE and not CANCEL. It’s an error popup, aka info popup, there’s no user action to cancel. The error itself is the (forced) cancel of the action. (PS: Thanks for your great videos that make us think! ;)
This is a great video, thanks for sharing! One thing that I’m not sure on is with the error modal the “try again” button being red suggests to me that clicking it will trigger a destructive action such as a delete, so potentially changing it to the default button colour would make more sense?
So I’m a teacher who’s leaving the profession and I’ve been seriously studying instructional design but haven’t felt that it’s my complete cup of tea. I’ve read a little and watched vids about UX/UI and after watching your vid am so interested in learning more about this field. It definitely seems to align more with my thinking and understanding of human behavior. What are your thoughts?
Great video and I like the feedback approach, what's your method for dealing with a PM who want's something visually added that is not agreed upon within the design team? We have a situation where a request is to have icons next to ever main navigation link the the site header, we all think this is not ideal and sites don't tend to ever do this, plus it somewhat creates a distraction. As its come from the top we are finding it hard to push back on this.
Hey Max, this is a great question and I might even make a video around this. Now I'm not sure if you are referring to a top navigation or a side menu navigation. 1. If it's a side menu, I would suggest having an icon because: 1a. Side menus (on the left) have enough vertical and horizontal real-estate to allow for an icon. 1b. In a responsive context, it's also quite easy to collapse the labels to only show the icons. 1c. When you are scanning a side menu, icons and labels are stacked, so reading is not hindered. 1d. Overall, icons DO provide additional context to labels, and in a side-menu they don't compromise anything. 2. If it's a top navigation (across the top of a website), I would suggest against it: 2a. Horizontal space is limited, especially when considering responsive viewports (smaller resolutions) 2b. From a technical POV (in regards to CSS3 and markup), it's just a little more fiddly to setup. 2c. Scanning icons + labels in a horizontal manner hinders the ability to easily scan - unlike a vertical experience in a side menu. In addition, to prove a case to management you have to attend the situation by: 1. Understand the problem - Why does management want to add icons? - Do they think the navigation labels are not intuitive enough? - Do they think adding icons makes the overall design more 'modern/trendy'? - You need to get clarity on WHY management wants it... 2. Outlining the problem - Once you understand the concern, outline what problem the recommendations causes: - Less horizontal real-estate for future elements (Eg. adding a search bar etc) - Icons don't scale well on smaller devices - Showcase that no industry-leading app has icons in their top header navigation (only in side menus) 3. Support your case - What can you provide to support your case? - In the end it's always best to present your case with data or tangible results. - Can you showcase other leading websites for best practices? Even showcase design guidelines from Apple or Microsoft --- Ultimately, from the sounds of it, it seems that management doesn't have a trusted point of contact in the design team yet. Trust is only formed through someone taking initiative, delivering results and showcasing it over a period of time. I think it all starts with a first step. It could be you Max!
Hi Mizko, by any chance do you teach slots in your paid UI course? I've watched the section on Slots a few times now but can't seem to wrap my head around it.
I just started to learning UX and UI. Where does we can find the existing user kits? Do we find it in somewhere like plugins or downloading it from some websites? or we would create/design it by ourselves with different style and adds into the asset section and then using it in wherever we do wants it to be. How does we have to work?
I love your videos. I just bought your course, ui kit, and wireframes and just from glancing I can tell I'm going to improve greatly. Thank you so much for putting these helpful videos together.
Awesome!! Thank you Lisa, I'm so happy to hear :)
@@marziyeh5571 Everything can be found on my education platform - thedesignership.com
This is by far the most advanced product design video on the internet. Please keep sharing similar content, I believe that a lot of experienced designers will benefit from it as I did. Thank you so much for your effort.
Good to see you back! Love the intro, very creative way to hook the viewer into the video haha
Great to see you pop by James! Hope you’ve been well and thanks :)
Oh this is so much more than UI tips! Loving the first tip about considering different users and the way you told the story. The last tip about getting feedback was useful!
Back with a bang! Awesome video, these are all helpful tips!
Ha! Thank you Allen!! Appreciate it :)
Amazing!!! thank you so much for these ultimate design tips.
My man always delivering useful bits
5 minutes in and I can say that those really good tips. Can't believe that this is actually free !
🙏 Thank you. Pinned because this comment made me feel good.
@@Mizko Glad to know ! Anyways keep up the good work 💪🏾
Facts I love the video free game
The first part where you explained about the different types of user, that is something which I think is very very very useful. These types of videos really help us to deep dive into a problem & understand it from the core. Thank you for sharing this knowledge with the community.
Very infromative, always ready to learn here.
🙏
This is premium
Thanks for all you do for the community
I am currently working on a landing page design and I feel stucked, thanks for this because I get to cover major scenarios.
Awesome! Happy to know this helped :)
Thanks for sharing the UI feedback template. Great tip, we always get excited about our work and never think about the reviewers context when sending over our designs. This is definitely going to help them be more constructive! And less frustrating for us designers ^^
Thank you Anne! Really happy to hear you enjoyed it 👌
really great, thx!
Mizko great video as always. Modal variations was crazy. And your design system looks cool🤙🏼
Thank you so much Rolands :) Appreciate it!
This was wonderful
Great examples. Thank ya!
Thank you Mizko ! This is super helpful ! I am going to share this to all my friends 😀
Very Informative & Practical as usual, Thanks Mizko!
I had this situation of last tip this very morning 😂😂😂😂
Ha, timing was perfect!
Can I say I LOVE U? This is big value... I mean even UX writting? So great, thank you
As always very informative, thank you for that
Thanks Vinicius!
Thank you!! Appreciating everyone’s comments
Ty Mizko! Like always you are the best!
I figured a possible improvement for error message. At 8:53, also chancing color of 2 words "tecnical issue" to red wouldn't be good? We could save users to read whole text, it could be a time saver.
Can't wait to see what the new course Is about!!
Thank you! It’s about Practical user research and strategy :)
Thanks as always for great content for designers. I appreciate the things you do and they always add value to my daily projects
Thank you so much Brian. I really appreciate the comment and hearing this! Means a lot.
Thank you so much Brian!! Means a lot
Seems like copywriting is really important in UX. Thanks for the video!
I personally think copywriting is an important skill to have as a Product & UX designer. It really does shape an experience 🙏
If you can work with a ux copywriter it is gold ✨✨
Amazing video ✨✨✨
Can you make a video on how to properly connect the design system to a new project?
Thank you!!! ✨
A fantastic video with deep insights. Applause 👏👏
🙏
dang it, slots are really amazing
Amazing tips here 💪
Awesome video !
thank you Mizko
🙏 appreciate the comment! Glad you enjoyed
Thank you so much for sharing the great tips. Could you share the differences or tips to design for the IOS app and Android app?
You're the best design channel out there! I'm happy I subscribed when you had less than 10K subscribers. Best investment of my life!
Thank you! Really happy to hear that you've been around from the start. The first year was really me learning how to edit videos 😂 But now that I've gotten my flow, I'm going to start introducing many new topics including Freelancing, Webflow, User Research and so much more!
This was just fantastic. Super insightful. Thanks so much for sharing!
Really helpful thanks brother
Hey Mizko nice tip about considering different user roles, as a developer too I am thinking how to effectively implement this, remember that design is followed by development. In this case might as well track app usage by device or use collected order data to optimize the flow. I do like the idea of have a favorite restaurant, which I would like to have because I do order from 3-6 restaurants no more.
I just loved it
Thank you!! Glad you enjoyed it
Nice Tips.... also noticed that someone has been hitting the Gym yeah!
Great knowledge bombs Michael :D
Thanks Hari!!
The Slot idea makes sense at the first glance BUT
- You need to create additional components for each scenario, even for the text so you can call them from the instance swap window.
- You can't put anything inside of it except components. That might make overriding a little harder because you will need to create a component first
- Putting two buttons as one single component feels awkward. Since its easier to keep each button style separated in different variants.
That's why I won't use this approach.
Magnificent 🤩🤩
i miss the black friday deal sigh. So i will wait for this year to buy your courses.
Great input, especially your last tip! Tired of clients requesting silly and subjective feedback 😅
thank you for this
Awesome!
Thank you 🙏
Was that a swiftie reference at the beginning
Thanks
🙏
Really informative
Thanks!
Absolutely love the slots - I added something similar in a design system but it definitely wasn’t executed as well as this! Will that be added to Shipfaster by chance?
Example 2-
For a fist time user, dont you feel reassurance is more important? Maybe a reassuring message along with 2 call to action buttons- try agan and contact customer care
So actually advance UI types not some generic and basic UI tips. Fucking finally! Too many designer creators pushing tips that are really basic. Not that there is a problem with the fundamentals but if there are 5 videos about the same topic appearing its gets annoying
Missed the black friday promo :( When is the next promo?
@7:23 I think you should name the exit button CLOSE and not CANCEL. It’s an error popup, aka info popup, there’s no user action to cancel. The error itself is the (forced) cancel of the action.
(PS: Thanks for your great videos that make us think! ;)
This is a great video, thanks for sharing! One thing that I’m not sure on is with the error modal the “try again” button being red suggests to me that clicking it will trigger a destructive action such as a delete, so potentially changing it to the default button colour would make more sense?
I expect to saw your design system 😂 and how to make it your own way a to z 💛
So I’m a teacher who’s leaving the profession and I’ve been seriously studying instructional design but haven’t felt that it’s my complete cup of tea. I’ve read a little and watched vids about UX/UI and after watching your vid am so interested in learning more about this field. It definitely seems to align more with my thinking and understanding of human behavior.
What are your thoughts?
thank you so much for the amount of useful information and knowledge! learned a lot with you and your videos! hope we’ll work together one day :)
great ui kit publicity
hey Mizko, does the coupon still working for your master Figma class!
Sorry, it has expired!
Great video and I like the feedback approach, what's your method for dealing with a PM who want's something visually added that is not agreed upon within the design team? We have a situation where a request is to have icons next to ever main navigation link the the site header, we all think this is not ideal and sites don't tend to ever do this, plus it somewhat creates a distraction.
As its come from the top we are finding it hard to push back on this.
Hey Max, this is a great question and I might even make a video around this.
Now I'm not sure if you are referring to a top navigation or a side menu navigation.
1. If it's a side menu, I would suggest having an icon because:
1a. Side menus (on the left) have enough vertical and horizontal real-estate to allow for an icon.
1b. In a responsive context, it's also quite easy to collapse the labels to only show the icons.
1c. When you are scanning a side menu, icons and labels are stacked, so reading is not hindered.
1d. Overall, icons DO provide additional context to labels, and in a side-menu they don't compromise anything.
2. If it's a top navigation (across the top of a website), I would suggest against it:
2a. Horizontal space is limited, especially when considering responsive viewports (smaller resolutions)
2b. From a technical POV (in regards to CSS3 and markup), it's just a little more fiddly to setup.
2c. Scanning icons + labels in a horizontal manner hinders the ability to easily scan - unlike a vertical experience in a side menu.
In addition, to prove a case to management you have to attend the situation by:
1. Understand the problem - Why does management want to add icons?
- Do they think the navigation labels are not intuitive enough?
- Do they think adding icons makes the overall design more 'modern/trendy'?
- You need to get clarity on WHY management wants it...
2. Outlining the problem - Once you understand the concern, outline what problem the recommendations causes:
- Less horizontal real-estate for future elements (Eg. adding a search bar etc)
- Icons don't scale well on smaller devices
- Showcase that no industry-leading app has icons in their top header navigation (only in side menus)
3. Support your case - What can you provide to support your case?
- In the end it's always best to present your case with data or tangible results.
- Can you showcase other leading websites for best practices? Even showcase design guidelines from Apple or Microsoft
---
Ultimately, from the sounds of it, it seems that management doesn't have a trusted point of contact in the design team yet. Trust is only formed through someone taking initiative, delivering results and showcasing it over a period of time.
I think it all starts with a first step.
It could be you Max!
where did the kit come from? You must have already downloaded it prior..
❤
Hi Mizko, by any chance do you teach slots in your paid UI course? I've watched the section on Slots a few times now but can't seem to wrap my head around it.
in terms of features like displaying a favourite order or suggesting other restaurants, is that a role for a ui/ux designer also?
6:00 the more you tell to the user the error the more likely you may be hacked
How long will the discount last? I'd like to buy it when I got my salary in a few days 😄
I was going to turn off the promo today, but I’ll probably leave it on until Friday this week
@@Mizko that would be awesome! Probably, I’m gonna buy it tomorrow.
@@Mizko I've just bought the course and can't wait to dive in!
I just started to learning UX and UI.
Where does we can find the existing user kits? Do we find it in somewhere like plugins or downloading it from some websites? or we would create/design it by ourselves with different style and adds into the asset section and then using it in wherever we do wants it to be.
How does we have to work?
If everyone uses Uber eat, who needs to write a new food delivery app?
The beginning😅,
😂
“Boughted”, just sayin
These thoughts are actually new to me. Thanks 🤍
I missed the sale!!😢
Will there be a Christmas sale..
I really want to enrol for Figma master class!🥹