6 Advanced UI Design Tips (Deep-dive)
HTML-код
- Опубликовано: 27 июн 2024
- 00:00 - Advanced UI Design Tips (Deep-dive) | Figma Design
00:25 - Consider all user roles
04:00 - [🖤] 30% OFF Black Friday Promo - Coupon: BLACK30
04:34 - Avoiding conflicting copy + messaging
07:48 - Visual reinforcement
09:56 - UI kits + design systems
14:59 - Figma design system slots
21:21 - How NOT to ask for UI design feedback
===
Zeplin provides a simple workspace for your entire team to collaborate and build your designs. Simply upload your designs from Figma, Sketch, or XD and they'll handle the rest. Zeplin saves you time preparing and explaining your designs, so you can get back to designing them.
Get started for free
👉 bit.ly/3zSGQEl
===
🖤🖤🖤 30% OFF Black Friday Promo - Coupon: BLACK30 🖤🖤🖤
My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesignership.com/produ...
Sign up to my newsletter for exclusive content:
👉 mizko.net/newsletter
Follow me on IG (Daily updates):
👉 / themizko
===
Level up with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko 
Развлечения
![Gunna - back in the a [Official Video]](http://i.ytimg.com/vi/oBrbejOHjLw/mqdefault.jpg)
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.
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!
Thank you Mizko ! This is super helpful ! I am going to share this to all my friends 😀
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.
Can I say I LOVE U? This is big value... I mean even UX writting? So great, thank you
This was just fantastic. Super insightful. Thanks so much for sharing!
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 :)
Back with a bang! Awesome video, these are all helpful tips!
Ha! Thank you Allen!! Appreciate it :)
Mizko great video as always. Modal variations was crazy. And your design system looks cool🤙🏼
Thank you so much Rolands :) Appreciate it!
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 👌
My man always delivering useful bits
Great examples. Thank ya!
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
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
very grateful for these banger tips
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.
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 :)
really great, thx!
Really helpful thanks brother
Amazing tips here 💪
This was wonderful
A fantastic video with deep insights. Applause 👏👏
🙏
Very infromative, always ready to learn here.
🙏
Very Informative & Practical as usual, Thanks Mizko!
I had this situation of last tip this very morning 😂😂😂😂
Ha, timing was perfect!
Awesome video !
thank you Mizko
🙏 appreciate the comment! Glad you enjoyed
thank you for this
dang it, slots are really amazing
Magnificent 🤩🤩
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 ✨✨
As always very informative, thank you for that
Thanks Vinicius!
Thank you!! Appreciating everyone’s comments
Amazing video ✨✨✨
Can you make a video on how to properly connect the design system to a new project?
Thank you!!! ✨
Can't wait to see what the new course Is about!!
Thank you! It’s about Practical user research and strategy :)
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?
I just loved it
Thank you!! Glad you enjoyed it
Nice Tips.... also noticed that someone has been hitting the Gym yeah!
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
Great knowledge bombs Michael :D
Thanks Hari!!
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?
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.
Awesome!
Thank you 🙏
Great input, especially your last tip! Tired of clients requesting silly and subjective feedback 😅
Really informative
Thanks!
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
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 :)
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?
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!
i miss the black friday deal sigh. So i will wait for this year to buy your courses.
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?
I expect to saw your design system 😂 and how to make it your own way a to z 💛
Thanks
🙏
great ui kit publicity
Missed the black friday promo :( When is the next promo?
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?
@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! ;)
Was that a swiftie reference at the beginning
in terms of features like displaying a favourite order or suggesting other restaurants, is that a role for a ui/ux designer also?
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..
❤
hey Mizko, does the coupon still working for your master Figma class!
Sorry, it has expired!
6:00 the more you tell to the user the error the more likely you may be hacked
The beginning😅,
😂
If everyone uses Uber eat, who needs to write a new food delivery app?
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!
“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!🥹