No video :(

6 Advanced UI Design Tips (Deep-dive)

Подписаться 182 тыс.

Просмотров 82 тыс.

50% 1

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)
👉 thedesignershi...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignershi...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesigne...
Sign up to my newsletter for exclusive content:
👉 mizko.net/news...
Follow me on IG (Daily updates):
👉 / themizko
===
Level up with me:
Become a legendary designer: thedesignershi...
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 103

@lisawilson624 Год назад

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.

@Mizko Год назад

Awesome!! Thank you Lisa, I'm so happy to hear :)

@Mizko Год назад

@@marziyeh5571 Everything can be found on my education platform - thedesignership.com

@Zayd.ouni1 Год назад

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.

@michellezhu1559 Год назад

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!

@jameshskim Год назад

Good to see you back! Love the intro, very creative way to hook the viewer into the video haha

@Mizko Год назад

Great to see you pop by James! Hope you’ve been well and thanks :)

@muhammadbacar6051 Год назад

5 minutes in and I can say that those really good tips. Can't believe that this is actually free !

@Mizko Год назад

🙏 Thank you. Pinned because this comment made me feel good.

@muhammadbacar6051 Год назад

@@Mizko Glad to know ! Anyways keep up the good work 💪🏾

@tlock8085 Год назад

Facts I love the video free game

@ogundejiabiola3080 Год назад

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.

@Mizko Год назад

Awesome! Happy to know this helped :)

@allencabo Год назад

Back with a bang! Awesome video, these are all helpful tips!

@Mizko Год назад

Ha! Thank you Allen!! Appreciate it :)

@lalitbarai Год назад

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.

@annele8776 Год назад

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 ^^

@Mizko Год назад

Thank you Anne! Really happy to hear you enjoyed it 👌

@tayirnull1567 Год назад

Seems like copywriting is really important in UX. Thanks for the video!

@Mizko Год назад

I personally think copywriting is an important skill to have as a Product & UX designer. It really does shape an experience 🙏

@Tameika Год назад

If you can work with a ux copywriter it is gold ✨✨

@JohnMwarabu-tt9ud Год назад

Very infromative, always ready to learn here.

@Mizko Год назад

🙏

@samirfarid5539 Год назад

Very Informative & Practical as usual, Thanks Mizko! I had this situation of last tip this very morning 😂😂😂😂

@Mizko Год назад

Ha, timing was perfect!

@Allyourneedsmet Год назад

My man always delivering useful bits

@martinas607 Год назад

really great, thx!

@DumbassPen Год назад

very grateful for these banger tips

@ameenoahmad Год назад

This was wonderful

@RLNDcaST Год назад

Mizko great video as always. Modal variations was crazy. And your design system looks cool🤙🏼

@Mizko Год назад

Thank you so much Rolands :) Appreciate it!

@Tameika Год назад

Great examples. Thank ya!

@chiyahuang5534 Год назад

Thank you Mizko ! This is super helpful ! I am going to share this to all my friends 😀

@ahruf Год назад

Amazing video ✨✨✨ Can you make a video on how to properly connect the design system to a new project? Thank you!!! ✨

@LivingInColumbiaTennessee Год назад

Thanks as always for great content for designers. I appreciate the things you do and they always add value to my daily projects

@Mizko Год назад

Thank you so much Brian. I really appreciate the comment and hearing this! Means a lot.

@Mizko Год назад

Thank you so much Brian!! Means a lot

@viniciusbissoli_ Год назад

As always very informative, thank you for that

@Mizko Год назад

Thanks Vinicius!

@Mizko Год назад

Thank you!! Appreciating everyone’s comments

@amir_ullah Год назад

Amazing tips here 💪

@alexala2121 Год назад

Can I say I LOVE U? This is big value... I mean even UX writting? So great, thank you

@franzcharbellsa Год назад

Can't wait to see what the new course Is about!!

@Mizko Год назад

Thank you! It’s about Practical user research and strategy :)

@DioArsya Год назад

dang it, slots are really amazing

@luisPBonilla Год назад

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.

@mdashiqulislam6373 Год назад

Really helpful thanks brother

@aydemironur35 Год назад

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.

@dbcruz Год назад

Nice Tips.... also noticed that someone has been hitting the Gym yeah!

@kdme Год назад

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

@mohammadakbarhossain1105 Год назад

A fantastic video with deep insights. Applause 👏👏

@Mizko Год назад

🙏

@farshadamirshoghi9323 Год назад

Awesome video ! thank you Mizko

@Mizko Год назад

🙏 appreciate the comment! Glad you enjoyed

@hanvu6034 Год назад

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?

@codekaze Год назад

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!

@Mizko Год назад

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!

@adityachatterjee8839 Месяц назад

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

@user-dv3ls9si9f Год назад

Magnificent 🤩🤩

@shanomac Год назад

This was just fantastic. Super insightful. Thanks so much for sharing!

@fernwehtwl Год назад

i miss the black friday deal sigh. So i will wait for this year to buy your courses.

@chetanmishra5481 Год назад

I just loved it

@Mizko Год назад

Thank you!! Glad you enjoyed it

@rkdaryna8044 Год назад

Was that a swiftie reference at the beginning

@user-tp2nc9so4u Год назад

Thanks

@Mizko Год назад

🙏

@justnoobody4585 Год назад

thank you for this

@afrojaaktar2210 Год назад

Awesome!

@Mizko Год назад

Thank you 🙏

@harikishan8852 Год назад

Great knowledge bombs Michael :D

@Mizko Год назад

Thanks Hari!!

@Hermans86 Год назад

Great input, especially your last tip! Tired of clients requesting silly and subjective feedback 😅

@user-dv3ls9si9f Год назад

I expect to saw your design system 😂 and how to make it your own way a to z 💛

@danielle4644 Год назад

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?

@Intmain02 Год назад

Really informative

@Mizko Год назад

Thanks!

@roguegoblin2407 Год назад

great ui kit publicity

@dave_dj1658 Год назад

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?

@gdkgsirItsoyxuemrzktxitzi Год назад

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 :)

@philboehm Год назад

@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! ;)

@cocobiotics Год назад

Missed the black friday promo :( When is the next promo?

@GuerillaRadio848 Год назад

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?

@loganselk9183 Год назад

where did the kit come from? You must have already downloaded it prior..

@user-yp4ly7tf7s Год назад

hey Mizko, does the coupon still working for your master Figma class!

@Mizko Год назад

Sorry, it has expired!

@DavidQuan Год назад

❤

@njengathegeek Год назад

The beginning😅,

@Mizko Год назад

😂

@MaxWeir Год назад

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.

@Mizko Год назад

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!

@hussainawardhawala7348 11 месяцев назад

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.

@MangoFlamingo 11 месяцев назад

6:00 the more you tell to the user the error the more likely you may be hacked

@sebabatsolethabo6864 Год назад

in terms of features like displaying a favourite order or suggesting other restaurants, is that a role for a ui/ux designer also?

@sathishpandiyan25 Год назад

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?