6 Advanced UI Design Tips (Deep-dive)

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ย. 2024

ความคิดเห็น • 103

  • @lisawilson624
    @lisawilson624 ปีที่แล้ว +18

    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
      @Mizko  ปีที่แล้ว +1

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

    • @Mizko
      @Mizko  ปีที่แล้ว

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

  • @Zayd.ouni1
    @Zayd.ouni1 ปีที่แล้ว +11

    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.

  • @muhammadbacar6051
    @muhammadbacar6051 ปีที่แล้ว +17

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

    • @Mizko
      @Mizko  ปีที่แล้ว +4

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

    • @muhammadbacar6051
      @muhammadbacar6051 ปีที่แล้ว

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

    • @tlock8085
      @tlock8085 ปีที่แล้ว +1

      Facts I love the video free game

  • @michellezhu1559
    @michellezhu1559 ปีที่แล้ว +1

    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!

  • @ogundejiabiola3080
    @ogundejiabiola3080 ปีที่แล้ว +5

    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
      @Mizko  ปีที่แล้ว

      Awesome! Happy to know this helped :)

  • @tayirnull1567
    @tayirnull1567 ปีที่แล้ว +7

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

    • @Mizko
      @Mizko  ปีที่แล้ว +5

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

    • @Tameika
      @Tameika ปีที่แล้ว

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

  • @jameshskim
    @jameshskim ปีที่แล้ว +3

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

    • @Mizko
      @Mizko  ปีที่แล้ว

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

  • @dbcruz
    @dbcruz ปีที่แล้ว +1

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

  • @annele8776
    @annele8776 ปีที่แล้ว +3

    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
      @Mizko  ปีที่แล้ว

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

  • @samirfarid5539
    @samirfarid5539 ปีที่แล้ว +2

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

    • @Mizko
      @Mizko  ปีที่แล้ว +1

      Ha, timing was perfect!

  • @lalitbarai
    @lalitbarai ปีที่แล้ว +1

    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.

  • @ahruf
    @ahruf ปีที่แล้ว +1

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

  • @JohnMwarabu-tt9ud
    @JohnMwarabu-tt9ud ปีที่แล้ว +2

    Very infromative, always ready to learn here.

    • @Mizko
      @Mizko  ปีที่แล้ว

      🙏

  • @allencabo
    @allencabo ปีที่แล้ว +1

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

    • @Mizko
      @Mizko  ปีที่แล้ว

      Ha! Thank you Allen!! Appreciate it :)

  • @aydemironur35
    @aydemironur35 ปีที่แล้ว +1

    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.

  • @kdme
    @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

  • @Allyourneedsmet
    @Allyourneedsmet ปีที่แล้ว +1

    My man always delivering useful bits

  • @RLNDcaST
    @RLNDcaST ปีที่แล้ว +1

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

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thank you so much Rolands :) Appreciate it!

  • @LivingInColumbiaTennessee
    @LivingInColumbiaTennessee ปีที่แล้ว +2

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

    • @Mizko
      @Mizko  ปีที่แล้ว

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

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thank you so much Brian!! Means a lot

  • @chiyahuang5534
    @chiyahuang5534 ปีที่แล้ว +1

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

  • @DioArsya
    @DioArsya ปีที่แล้ว

    dang it, slots are really amazing

  • @alexala2121
    @alexala2121 ปีที่แล้ว

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

  • @martinas607
    @martinas607 ปีที่แล้ว +1

    really great, thx!

  • @Tameika
    @Tameika ปีที่แล้ว +1

    Great examples. Thank ya!

  • @hanvu6034
    @hanvu6034 ปีที่แล้ว +1

    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?

  • @DumbassPen
    @DumbassPen ปีที่แล้ว

    very grateful for these banger tips

  • @luisPBonilla
    @luisPBonilla ปีที่แล้ว +2

    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.

  • @ameenoahmad
    @ameenoahmad ปีที่แล้ว +1

    This was wonderful

  • @adityachatterjee8839
    @adityachatterjee8839 2 หลายเดือนก่อน

    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

  • @franzcharbellsa
    @franzcharbellsa ปีที่แล้ว +1

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

    • @Mizko
      @Mizko  ปีที่แล้ว

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

  • @codekaze
    @codekaze ปีที่แล้ว +1

    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
      @Mizko  ปีที่แล้ว +1

      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!

  • @viniciusbissoli_
    @viniciusbissoli_ ปีที่แล้ว +1

    As always very informative, thank you for that

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thanks Vinicius!

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thank you!! Appreciating everyone’s comments

  • @mdashiqulislam6373
    @mdashiqulislam6373 ปีที่แล้ว

    Really helpful thanks brother

  • @mohammadakbarhossain1105
    @mohammadakbarhossain1105 ปีที่แล้ว +1

    A fantastic video with deep insights. Applause 👏👏

    • @Mizko
      @Mizko  ปีที่แล้ว

      🙏

  • @fernwehtwl
    @fernwehtwl ปีที่แล้ว

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

  • @amir_ullah
    @amir_ullah ปีที่แล้ว

    Amazing tips here 💪

  • @farshadamirshoghi9323
    @farshadamirshoghi9323 ปีที่แล้ว +1

    Awesome video !
    thank you Mizko

    • @Mizko
      @Mizko  ปีที่แล้ว

      🙏 appreciate the comment! Glad you enjoyed

  • @shanomac
    @shanomac ปีที่แล้ว

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

  • @Hermans86
    @Hermans86 ปีที่แล้ว

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

  • @danielle4644
    @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?

  • @justnoobody4585
    @justnoobody4585 ปีที่แล้ว

    thank you for this

  • @chetanmishra5481
    @chetanmishra5481 ปีที่แล้ว +1

    I just loved it

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thank you!! Glad you enjoyed it

  • @harikishan8852
    @harikishan8852 ปีที่แล้ว +1

    Great knowledge bombs Michael :D

    • @Mizko
      @Mizko  ปีที่แล้ว

      Thanks Hari!!

  • @user-tp2nc9so4u
    @user-tp2nc9so4u ปีที่แล้ว +1

    Thanks

    • @Mizko
      @Mizko  ปีที่แล้ว

      🙏

  • @user-dv3ls9si9f
    @user-dv3ls9si9f ปีที่แล้ว

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

  • @rkdaryna8044
    @rkdaryna8044 ปีที่แล้ว +1

    Was that a swiftie reference at the beginning

  • @user-dv3ls9si9f
    @user-dv3ls9si9f ปีที่แล้ว

    Magnificent 🤩🤩

  • @dave_dj1658
    @dave_dj1658 ปีที่แล้ว +1

    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?

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

  • @roguegoblin2407
    @roguegoblin2407 ปีที่แล้ว

    great ui kit publicity

  • @gdkgsirItsoyxuemrzktxitzi
    @gdkgsirItsoyxuemrzktxitzi ปีที่แล้ว +1

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

  • @afrojaaktar2210
    @afrojaaktar2210 ปีที่แล้ว +1

    Awesome!

    • @Mizko
      @Mizko  ปีที่แล้ว +2

      Thank you 🙏

  • @Intmain02
    @Intmain02 ปีที่แล้ว +1

    Really informative

    • @Mizko
      @Mizko  ปีที่แล้ว +1

      Thanks!

  • @GuerillaRadio848
    @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?

  • @cocobiotics
    @cocobiotics ปีที่แล้ว

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

  • @MaxWeir
    @MaxWeir ปีที่แล้ว +1

    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
      @Mizko  ปีที่แล้ว +3

      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
    @hussainawardhawala7348 ปีที่แล้ว

    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.

  • @loganselk9183
    @loganselk9183 ปีที่แล้ว

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

  • @sebabatsolethabo6864
    @sebabatsolethabo6864 ปีที่แล้ว

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

  • @MangoFlamingo
    @MangoFlamingo ปีที่แล้ว

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

  • @user-yp4ly7tf7s
    @user-yp4ly7tf7s ปีที่แล้ว +1

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

    • @Mizko
      @Mizko  ปีที่แล้ว

      Sorry, it has expired!

  • @DavidQuan
    @DavidQuan ปีที่แล้ว +1

  • @njengathegeek
    @njengathegeek ปีที่แล้ว +4

    The beginning😅,

    • @Mizko
      @Mizko  ปีที่แล้ว +1

      😂

  • @sathishpandiyan25
    @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?

  • @canersanli
    @canersanli ปีที่แล้ว +1

    How long will the discount last? I'd like to buy it when I got my salary in a few days 😄

    • @Mizko
      @Mizko  ปีที่แล้ว

      I was going to turn off the promo today, but I’ll probably leave it on until Friday this week

    • @canersanli
      @canersanli ปีที่แล้ว +1

      @@Mizko that would be awesome! Probably, I’m gonna buy it tomorrow.

    • @canersanli
      @canersanli ปีที่แล้ว

      ​@@Mizko I've just bought the course and can't wait to dive in!

  • @MemeFunnyV
    @MemeFunnyV ปีที่แล้ว

    If everyone uses Uber eat, who needs to write a new food delivery app?

  • @fwanknmt
    @fwanknmt ปีที่แล้ว

    “Boughted”, just sayin

  • @shadil8452
    @shadil8452 ปีที่แล้ว

    These thoughts are actually new to me. Thanks 🤍

  • @abhishekdc937
    @abhishekdc937 ปีที่แล้ว

    I missed the sale!!😢
    Will there be a Christmas sale..
    I really want to enrol for Figma master class!🥹