5 levels of UI skill. Only 4+ gets you hired.

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2022
  • After reviewing literally hundreds of UX/UI portfolios I started to notice some patterns. There are five distinct UI levels, or skill levels and only being above 4 will result in getting a UI design job.
    Watch the video to find out which skill level are you and what to focus on to progress to the next level faster. Of course it's all in the details! Become a great UX/UI designer, whether you use Figma, Sketch, Adobe XD or any other tool, it's not just the tutorials, but rather the right approach - focusing on the right things and the right learning sources.
    🚨 This is based on my own experiences with over a 1000 junior designers and their portfolios, tracking which ones later got an industry job and which ones didn't.
    ☝️ IMPORTANT: The screens shown as these examples are only focusing on LOOKS, not the UX because the product doesn't exist. If someone tells you recruiters will analyse the UX and how it makes sense of a fake, made-up product in a junior portfolio then sorry - 90% of the time ONLY UI matters.
    When you get your first job you'll get wireframes and instructions to deliver the proper structure.
    This is just to show UI-skill differences.
    So...
    Yes, I believe you can be a level five designer. Do you?
    🚨 🚨 🚨 The platform is live at hype4.academy
    ☝️ Watch next and be awesome!
    Step by Step portfolio guide: • Make Your UX/UI Portfo...
    🏆 Master design with me
    ✅ Check out the boring UI Course: gum.co/boringui
    ✅ Create an amazing case study: gum.co/uicasestudy
    ✅ 3000 people improved their skills: gum.co/uicourse
    ✅ Learn WebDesign from the best: gum.co/webdesigncourse
    ✅ Best book about UI (5000 sold): gum.co/uibook
    ✅ Learn UX cheap and easy: gum.co/guidetoux
    🎉 See all my books & courses hype4.academy
    🐦 My Twitter: / michalmalewicz
    👨🏻‍💻 About me
    I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️
    #portfolio #ux #design

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

  • @salmank3131
    @salmank3131 ปีที่แล้ว +237

    The best and relevant instructor for UI globally and that is Michal. I Haven't seen such a good and systematic approach for UI design than Michal's. I have all of the hype4 courses just because I have seen myself designing better and better in just 2 months.

    • @MalewiczHype
      @MalewiczHype  ปีที่แล้ว +13

      wow thank you!!! super happy to hear that ❤️

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

      @@MalewiczHype Design principles are just a mental model that is corrected through learning thus your “level” improves.

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

      @@MalewiczHype you are so full of shit sitting at my new job watching UI design guides, I've only done the intro year of media design so next to adobe CS5.5 and some logo's I made and a few AMV videos I had nothing to show for it still got the job this guy elitist views are not how the world works people don't be discouraged the job is as easy as it looks

    • @diatm1506
      @diatm1506 11 หลายเดือนก่อน

      @@MalewiczHype I can pay with bitcoin Boring UI Course? sanctions((

  • @charliedowd3285
    @charliedowd3285 ปีที่แล้ว +601

    I'm just gonna jump in here real quick as someone who contended for years with UX gatekeeping and rookies giving 'expert' advice: *you can get hired for anything at any level* you don't need to be 'level 5' to be considered. Keep practicing and don't let the clickbait get you down.

    • @DrieStone
      @DrieStone ปีที่แล้ว +86

      Yeah, I'm going to call bullshit on this video.
      In my experience, unless you're looking to be hired for high-profile, front-facing work, the people interviewing you will not be UX experts and wouldn't know the difference between the subtlety of 1-5. They want a good solid worker who can either follow design patterns, or they can help establish them. Looking at a few prototypes doesn't mean shit.
      More important is showing that you have a solid understanding of UI design principals. Show that you can advocate for the user, and show a solid work history.

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

      Thank you! These videos started popping up in my feed and I can't till my eyes far enough to the back of my head..

    • @venomsnakessidepiece
      @venomsnakessidepiece ปีที่แล้ว +12

      Yes but they do have eyes. And things always look better when they’re better.

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

      @@clarkcant Hi, Clark. Please where is the best place to start?

    • @OctagonalSquare
      @OctagonalSquare ปีที่แล้ว +13

      My thoughts exactly. Now, his point about recruiters may be valid, as if your UI skill are lacking, you are less likely to be sought out, but that’s not the same as hire-ability.
      I got hired with no UI experience for my first job, never even touched HTML and CSS in my entire computer science degree. But they hired me and I learned how to make things in the first couple months and was in charge of a whole revamp for one of their apps in less than a year. It’s really not that big of a deal.

  • @pepa007
    @pepa007 ปีที่แล้ว +174

    Stage 6 suggestions 😊: the optical alignment seems to be incorrect. Everything seems to be aligned on the left to single vertical line. However you want to shift the headings ~2px to the right and maybe the circles ~1px to the left to compensate. To simplify this rule, when you left-align a rectangle and a circle, the rectangle will *feel* more to the left than the circle. Same applies to rounded rectangles, etc.
    Also dark shapes generally *feel* bigger than the light ones. You may want to add 1px border to the light cards, maybe make the plus button 2px smaller in diameter, etc.
    “Awaiting” buttons seems odd - it’s not clear whether it’s a button (is it clickable? What is the action? What state it’s in?). Also the layering of blues might not be giving enough contrast to pass AAA - just guessing.
    The book icon is super ugly, looks cheap, sorry.
    The gradients are too brutal, a bit more subtle approach would help. Overall, there’s more work to be done with the gradients, highlights, shading, background, etc.
    Watching this on phone screen, so I don’t really see all the details, hence I might be wrong about some of the stuff I mentioned. Just my two cents what I see from quick glimpse.
    Great video though, love this explanation of which detail matter!! 👏👍

    • @kosnk
      @kosnk ปีที่แล้ว +44

      _since we're making up levels any way, here are some questions for other levels:_
      Stage 7: where do we want to drive main user's attention? We not only need to tune this down, we need to highlight important parts. (and why does the bell notification and teammates icons have the same • near them?). Do we display the "Good morning, Angelina" just to show off that we know user's name?
      Stage 8: do we really need those menu and bell buttons atop, where it's hard to reach for mobile phone users? Can't we fit our main actions in the 5 buttons row in the bottom? wouldn't having two menus confuse users? and btw, with all the hand-picked spacings... how will the app scale on different devices? Is horizontal schedule layout actually comfortable for seeing a schedule on a vertical oriented screen?
      Stage 9: is our accessibility fine, especially around contrast of those dates in the cards?
      [...]
      Stage 13: is this a website or a mobile app? do we plan a website counterpart to it? what tools do we use to create the app?
      [...]
      Stage 17: actually, what problem does our app solve and who will be our users? Do we really need to manage the "teammates" list on the home page? Or even have it in the first place? How often and when will users open our app?
      [...]
      Stage 1: oh, I forgot to ask: does our company have a style guide? :D
      [...]
      Stage 23: do we need a design at all? are we even ready to make educated decisions on questions above? why don't we just draft these designs in power point and just hire 5 more people in the marketing department instead?

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

      @@kosnk Bro I thought you wouldn't stop ever 😅

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

      These tips were really useful

    • @gauravjaikish
      @gauravjaikish 6 หลายเดือนก่อน

      Really on point I was ... I hate it when people use random 3D icons in UI doesn't make sense

  • @johnanthony9923
    @johnanthony9923 ปีที่แล้ว +158

    As someone with decades of experience as both a hiring manager and job seeker, I can tell say, definitely, most recruiters and HR staff will *never* look at your portfolio. They're searching for keywords on your resume. Period. I can also say with a high level of confidence that many hiring managers have no idea what good a UI is. Obviously, if you're joining a team of UI/UX designers, the hiring manager will (sometimes) understand WHY one design is better than another. But even many of them seem to lack a real understanding of the differences between a good user experience and just a nice looking design.

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

      What kind of keywords

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

      Hey, I appreciate your insight, would you mind sharing the keywords you/HR would look for. Thank you!

    • @sneakykickz
      @sneakykickz ปีที่แล้ว +13

      Guys, just keywords from current job description such as for example data driven decisions, user research, mobile apps etc.

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

      So true🤷🏾‍♂️🤣

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

      True. I was once rejected in a Web Designer job because the hiring manager doesn’t know the difference between Web Designer and Web Developer.

  • @rominamartinez1905
    @rominamartinez1905 ปีที่แล้ว +16

    This video is amazing. I’m not an UI designer, but this is important in every kind of design. I can tell that this is one of the most important skills recruiters are looking for. All of this attention to detail is what’s gonna get you hired. You need to pay close attention and understand the importance of clean work, and why it’s so important in tight deadlines also. When you unlock that, you grow faster and you design faster too. Thank you so much for telling the nitty gritty of design, I hope it inspires many new designers to challenge themselves. I am gonna show this video to the great designers in my team also, haha.
    Greetings from Argentina ❤

  • @adamdude
    @adamdude ปีที่แล้ว +56

    At some point, it's not about your UI design skills. It's about how you communicate with others.
    Are you a reliable team member?
    Do you provide context to any questions or problems you need help with?
    Do you anticipate upcoming questions from your coworkers and strive to answer them before they become issues?
    Do you take feedback effectively and incorporate it into your designs?
    Are you willing to help others with their problems?
    All of these are not UI problems. These are skills that a lot of people who don't get hired seem to be rusty in.

    • @t.l.c7481
      @t.l.c7481 ปีที่แล้ว +1

      At the heart of this we should be collaborators.

  • @JericoStanley
    @JericoStanley ปีที่แล้ว +6

    You're one of the best UI Instructor that I know. Thanks alot Michal! I'm a fresh graduate of Computer Science but I shift my focus towards designing. You're one of those people who offered straightforward information and they're very easy to follow through! Thanks alot man

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

    I just started learning UI design and this is an eye-opener. I will be able to progress much faster with these tips. Thank you for the clear graphics to explain each point!

  • @elizabethsophiawilliams2525
    @elizabethsophiawilliams2525 ปีที่แล้ว +6

    Top notch content, Michal! Please keep making vids! You’re my favorite UXD Mentor on TH-cam- practical, no BS, engaging with real-life examples

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

      Thank you! That means a lot, especially since youtube algo is currently undermining me quite a lot (hiding the videos). Commenting and watching the video from start to finish helps with that and luckily a small army here is fighting that algo battle with me :-)

  • @JuvA31
    @JuvA31 ปีที่แล้ว +13

    You should mention accessibility, color ratio contrast, button size, etc. This is where you'll see that as a designer, you are not only doing assets for Dribbble, but deeply thinking about your users. One layer you should mention is also how you collaborate with your peers. How is the dev hand-off? How is the communication with the stakeholders? Do you feel comfortable sharing a work in progress? How do you document your work? The list is long.

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

    This video was so helpful! I've just started my journey in UI/UX design and your videos always leave me with such valuable information. I bought your UX book yesterday and I'm so glad that I did! 🙌

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

    I do appreciate for the detailed feedbacklike example analysis. This işs how a feedback supposed to be, you show what's wrong, how it is supposed to be etc. Thanks again.

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

    This is one of my favorite videos you've made. Super helpful, thank you!

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

    Thanks for doing this, Michal. It's going to be super helpful, and also, thanks for sharing this awesome piece. 🤗

  • @rosab6259
    @rosab6259 ปีที่แล้ว +29

    I just wanted to say thank you for creating top notch quality content for both paid and free. You are really making a huge difference in the design world 🙏❤ Looking forward to your new courses!

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

      thank you so much, making a difference is exactly my goal!

  • @aanshuk
    @aanshuk ปีที่แล้ว +9

    This really breaks down just how much work / attention to detail you need to have for your projects. Even though it looks simple or "not important" it makes a huge world of difference for someone looking to hire.

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

    Awesome video! I think this video does well going over the parts of an interface, but there's certainty a huge amount of effort that goes into planning the UI layout to begin with, so in your example, deciding to put menu on the top left and alerts on the top right, bottom icon navigation, and splitting the UI into a greeting, a CTA, teammates, and appointment cards, the order, how the previews look and what content they display, and the overall navigation and app/site layout.

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

    This is brilliant, I'm going through websites daily to find new inspiration for designs (I'm a dev, if I see something, I know how to make it, but can't come up with completely new designs). I never noticed those good designs are based on multiples of x as shown at 3:11
    I just went through all components of my website and fixed it accordingly. Had been close most times but also found some way off. Looks way better now, thanks for sharing this information!

  • @tarinig9972
    @tarinig9972 4 หลายเดือนก่อน

    As someone who is a newbie in UI/UX designer, this is super helpful. These small things matter a lot! Thank you for the video!

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

    Excellent vid that explains every single small details of that, I'm gonna put those in practice

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

    this is really good video. thanks for the advice and motivation. I lost it yesterday, but now I get it again

  • @shivam_pandya.
    @shivam_pandya. 7 หลายเดือนก่อน +1

    I have recently started learning Ux, like 2-3 months back. I'm totally exhausted..doing it continuously for 10hours to someday 15hours. But Im happy after seeing your comparison that my work is not gone wasted. By your scaling system I'm at between 3rd to 4th stage. I have done many reworks already while continuing learning new rules and understanding designs..

  • @wrdj3094
    @wrdj3094 ปีที่แล้ว +10

    I've taken many courses. Michal's focus on the basics that seem to be untouched in other courses. He has helped me level up as a designer.

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

      I see your progress and I’m super proud, you’re doing great! 🤗

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

      @@MalewiczHype thank you!

  • @notme_-.-
    @notme_-.- 4 หลายเดือนก่อน

    Great video! Helps a lot. I would also add that proficiency in design systems is a huge asset for UI designers.

  • @aparna5532
    @aparna5532 ปีที่แล้ว +50

    To be very honest, the stage 4 design looked THE BEST to me. The laws and rules may not necessarily always produce the most pleasing interfaces; not ALWAYS so please do not get too stuck to them. Sometimes, intuition and overall appeal simply works (even if it does not follow all the rules by the book)
    (FYI, I'm a Ui/Ux designer)

    • @MalewiczHype
      @MalewiczHype  ปีที่แล้ว +9

      Fair enough, stage 4 is roughly the stage I noticed people get a job from - and I really talked to nearly 1000 designers in 2021-2022

    • @TruthAndLoyalty
      @TruthAndLoyalty ปีที่แล้ว +16

      I would say stage 4 and 5 are pretty much on equal footing. There are things I like better about both. Perfect multiples are nice in theory, but perception doesn't work like that.

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

      Level 4 has inconsistent roundings, fonts, and colors and worse readability due to smaller subheadings. Also, the 5 level had some contrast and readability problems as well. And some of the roundings could be visually adjusted too, it's not always worth it thus you should create some specifications in the design system for that instance, which is going to make it harder to consistently replicate it.

    • @starogre
      @starogre ปีที่แล้ว +6

      Ew no. Stage 4 White text on Green buttons, you can barely read them. And the header text lines are too close to each other. I wish people stopped using White text on bright color buttons.

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

      The thing is every stage 5 designer will actually cringe at that stage 4 design. With experience, you will immediately see it feels “off”, and then you just know where to look at the usual suspects. The difference is all about balance and rhythm. It requires a lot of understanding of typography, color theory, optical alignment, etc. etc. to be able to pinpoint and fix these “invisible” issues.

  • @Dr.Kananga
    @Dr.Kananga ปีที่แล้ว

    Thanks for the information, even subtle details make the difference.

  • @natalie-taylor
    @natalie-taylor ปีที่แล้ว +3

    💥🔥 what a great vid - it's executed/illustrated so well!
    Really showcases ur teaching style ~ ~ ~ filling in the gaps like a level 5 😜

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

      To be fair that project was more like a 4.9 but I made it in like 20 minutes so there's that ;-)
      I am experimenting with some new methods this year - surely soon "creative people" will copy them on Instagram, but I'm happy when what I do helps people :-)

  • @Edrea
    @Edrea ปีที่แล้ว +14

    Good video! But I did notice that on the stage 5 design, there's still a different card design on the third card off screen 😜

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

    Thank you so much for the guide! It's been a huge help.

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

    I think I am almost 4 still need some work but thank you for making me realize how can i improve, such underrated channel.

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

    Love how you compared each level! This was cool. Would love to see more vids like this for sites and apps.

    • @MalewiczHype
      @MalewiczHype  หลายเดือนก่อน +1

      There's already 5 or 6 more in this series on the channel :)

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

      Oh do you have a playlist? Love the channel@@MalewiczHype

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

    Amazing video, Michal!!
    I've been waiting for this video, totally worth it! Happy to know about the UI challenges, I got one of your courses, I'll be joining the challenges pretty soon.
    I always wondered if recruiters do like to see Dribbble style UI designs in the applicants portfolios. Many Dribbble concepts are not too realistic because they are either not viable in terms of development or they have concepts that are not based on research and sometimes not even practical for real life users.
    I wanted to know, would it be best to design UIs based on what is in the market today showing decisions based on research and therefore risking to be too common and not setting apart from some other designers, or letting creativity flow, doing some nice but coherent animations, designs to grab attention and risking to look like it was made with visual appeal as priority if the recruiter expects the design to be more realistic, based on research and testing?
    Do most recruiters expect the normal designs (with UI design best practices still being implemented) more invested on usability and research or a "wow dribbble like" design that shows more skills and creativity on the design side? What are your thoughts on that?

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

    The video that will force me to subscribe!
    Amazing Content!

  • @felipedeamaral
    @felipedeamaral 5 หลายเดือนก่อน

    GREAT!
    Probably around 4+ in terms of web design. Getting into details, that's where I'm at.
    I think this may help people skim the content:
    0:00 - Intro
    0:06 - The Importance of Level Five UI Design
    1:36 - Level Five - The Principals of Good UI Design
    3:53 - Level Four - No Problem Finding a Job
    6:03 - Level Three - Good, But Not Enough
    7:19 - Level Two - Some Work to Do
    8:22 - Level One - Everything is Wrong
    8:56 - Best Learning Resources to Help
    9:09 - Comparison of Levels
    9:20 - Hidden Level Six!
    9:32 - The importance of animations in design
    9:53 - How to Reach Level Five in UI Design
    10:42 - Closing Remarks

  • @JourneyerSagar
    @JourneyerSagar 8 หลายเดือนก่อน

    Frankly speaking, this video shows the right way of improving design skills. And the right way a mentor should explain things!

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

    Wow, great content! Thank you for the insightful instruction.

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

    Can't wait for those challenges!! 😻

  • @Deoye
    @Deoye 20 วันที่ผ่านมา

    This is so inspiring i must say. It drove in me some energy to move on and improve as a beginner. Thank you so much

    • @MalewiczHype
      @MalewiczHype  20 วันที่ผ่านมา

      Glad to hear! I made this into a series and there's more episodes now

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

    Excellent analysis Michal, a few days ago I bought one of your video courses and I'm learning a lot

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

      Great to hear! Which one did you get?

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

      @@MalewiczHype How to create a case study

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

      Oh that's a popular one - people who took it have it a lot easier :)

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

    So many value on this vidéo OMG THANKS YOU A LOT !!!

  • @davidostrowski679
    @davidostrowski679 11 หลายเดือนก่อน

    Incredible! I just finished the Google UX Course and am on a 6-month UI self-learning journey. This video was of incredible use to me, thank you! There are so many points from the 4 version which I identified myself so I feel good! Thank Christ I'm not at level 1! I'm somewhere between 2 & 3 I'd say! Onwards and upwards!

    • @MalewiczHype
      @MalewiczHype  11 หลายเดือนก่อน

      Glad it was helpful!

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

    That was really helpful. Thanks man.

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

    Can't wait for the recreation challenge! Hope it comes out soon!

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

    That is a really important things on right examples. Thanks a lot. Now I'm confident I think in right way

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

      Great! Confidence is a good thing to have :)

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

    Love your videos so much gonna start my journey soon and this brings me so much inspiration and hope truly thank you.

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

      Awesome to hear this! Make sure to start with UI! :)

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

    This is exactly the type of content that gets me curious:))

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

      good to hear! which level are you now?

  • @KerevDesign
    @KerevDesign ปีที่แล้ว +24

    I really appreciate your dedication of making designs below level 4, it is extremely difficult to make design worse on purpose with high design experience :)

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

      It's actually quite fun!

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

      No it's pretty easy, you just have to create a design with eyes close !

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

      Especially without just making them obviously intentionally bac

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

      @@OctagonalSquare Exactly, I did my best to try to do it, and I'm telling you it's hard to after xx years in design :D

  • @md.rahimuddin5057
    @md.rahimuddin5057 ปีที่แล้ว

    thanks, sir. You're awesome

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

    Thanks Michal like always! Good job, good content, good courses. Can't Wait for "Boring UI Course"! That will be gamechanger for me! Becouse already im working about design systems :)

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

      Thanks! Of course the boring course is just a starting point to a design system, part 2 (possibly) of it will dive more in depth. This one is more about making the components in a consistent, beautiful and reusable way :)

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

    Love your videos - Thanks for everything you do for the design community.
    The text on the top right of 'Upcoming appointments' in the level 5 version doesn't look like it has enough contrast, could just be the video quality though...
    Keep up the great work Michal!

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

      Yeah YT compresses quite a lot out of the images and changes the color profile 🤷

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

    I was about to ask about microinteractions when you mentioned the hidden level 6, but then again I work in the industry for 4 ish years now so I guess this isn't necessarily targeted at me. But I appreciate the challenges just to get into different designs.

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

    Great video! Realized I'm somewhere between level 4-5, probably a level 4.3

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

    I haven't gotten a stable job yet but the reach outs and engagements got better when I got better with my visual game.

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

    Great advice, thank you!

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

    All the video taught me is recruiters are missing the forest for the trees. All stages of the UI is just merely a copy of Facebook UI, and the only differences between each is MINOR things. As a video game designer who has to make UI, it's what people actually do with the UI that is important, not alignment or whatever. There are some terrible looking UI that people play with more than sleek UI, and that is much more important. The closest any of that was touched on was the color choices in stage 5.

  • @likely-out
    @likely-out 4 หลายเดือนก่อน

    You are adorable!
    One time I saw a project level 1 on behance. Its crazy to imagine but i s-a-w. 😳

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

    Really great and Imp points covered..Thanx

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

    Thank you , means alot!

  • @Amin-er9lk
    @Amin-er9lk ปีที่แล้ว

    please do more of this videos
    very systematic and great

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

    I would make the Level 5 + icon green. it's blue, the same color as card backgrounds. The actions, tabs, CTA's - are all green, except the + button. If a secondary style is needed for info heirarchy, perhaps outlined green, white middle.

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

    I just started UI Design and level 5 was already obvious to me. I guess I'll make a great UI Designer. Even more motivated now

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

    Hola!! Este año empecé a estudiar UX/UI, he comprado todos tus cursos y han sido la mejor inversión de mi vida... espero con ansias el nuevo y un curso de animaciones para ese Nivel 6. Thanks !!

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

      ¡Gracias! Quiero agregar muchos mini-cursos (gratuitos) a TH-cam en los próximos meses. Estoy en mi camino a España en este momento :-)

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

      @@MalewiczHype Super!!! 😃😃 Estaré pendiente.. Gracias!!

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

    I actually found design number 2 the best. The green actually helps in a predominant blue design and gives it a tiny bit of life.

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

      You are on level 1 my man

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

      @@maulikpankhania859 i’d say level zero. I dont do UX design not artistic enough. But still like watching cool designs. But thats more of a personal preference, everything just enda up looking boring and the same.

    • @jeffinjoseph8916
      @jeffinjoseph8916 10 หลายเดือนก่อน

      @@bettmo7494 yes everything kind of looking the same part is so true, its like nothing has a soul anymore. Like the designs in the early days of the web were god awful, and made you want to pluck your eyes out, but they had something which is lacking in todays designs, which is character and a soul

  • @512Squared
    @512Squared ปีที่แล้ว

    Read report and Join meeting buttons DID have different corner radiuses. Funny, I was just noticing it as you mentioned the need for consistency. And this was level 5 too.

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

    Thank you for valuable content.
    In 3:52 there is a screen showing incosistency in corner radius in "the same green boxes". Was it done by purpose?

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

    Amazing video!

  • @charcamilleri
    @charcamilleri 11 หลายเดือนก่อน

    I was struggling to stay motivated in my career change journey, but I felt the spark again after watching your course. Thanks a lot! ❤
    I like the content and love the direct way you say things. It's a breath of fresh air and what keeps me hooked.
    I wanted to take a go at the weekly challenges you mentioned. Could you tell me where I may find them?

    • @MalewiczHype
      @MalewiczHype  11 หลายเดือนก่อน

      Are you in our slack community yet? If not, you need to email me or DM on Twitter. That's step one - we share the beta of the platform through the community only for now (it will be open in 1-2 weeks to everyone)

    • @charcamilleri
      @charcamilleri 11 หลายเดือนก่อน

      @@MalewiczHype awsome thanks, will DM you 😊

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

    This one was free ladies and gentlemen
    Much appreciated!!

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

    This is awesome. My sister just finished a bootcamp and her UI is so far off from mine and i couldn't pinpoint why. She's probably around a 1 or 2 because they don't teach UI in those schools. It seems like I'm between a 4 and a 5 after 6 years of trial and error and copying design. The first design thing I was ever taught was spacing and grids for magazine layout design and I think learning and mastering that skill can 10x your UI skills. Thanks!

  • @BG.Dumitrescu
    @BG.Dumitrescu ปีที่แล้ว

    Hi, I want to say THANK YOU for posting these videos, it helps me a lot.
    Now, I don’t know if this good or bad to be honest but I am a beginner in UI design and level 5 is just common sense to me, this is how a job should be done using your normal human instincts and space orientation capabilities.

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

      That is awesome! If you already have an eye for design it means it will be faster to learn! Congrats!

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

    First time watching you and I have learnt alot

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

    Hi Michal really appreciate your method of explaining things in details. But how can I check my spacing is proper or not between the elements and texts just like you showed in every screens. I really want to follow the spacing systems as you showed.

  • @jayadevanc9100
    @jayadevanc9100 5 หลายเดือนก่อน +1

    thank you for the relevant instructions sir

    • @MalewiczHype
      @MalewiczHype  5 หลายเดือนก่อน

      You are welcome, new episode of this just dropped!

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

    wow! it;s a good one! Thanks!:)

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

    #1 is exactly the one I always see on LinkedIn. I always try to believe that the purpose is to ask for advice. However, the more I see those posts, the more I believe the intention is to “show off” their so-called good UI.
    I eventually had no choice but to quit those “UX groups” in order to avoid seeing those posts again.

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

    Great video ❤

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

    UI/UX is not just about design but the communication between developer and user.
    It can be likened to what makes the perfect car.... Perfect form/function with perfect engineering.
    It is simple.
    The "next level" of UX/UI is being able to creatively integrate an approved design with the technical UML database fields that allow developers to understand and easily/quickly implement the backend.

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

    Level 5 looks nice, but there are other things to consider as well. For example, the icons contrast seems lower then 4.51:1 ratio, same with the text on 'Upcoming appointments' cards.
    From the UX side - what is the purpose of that hamburger on the top left? All the menu items are already in bottom row, the top left corner is the most difficult corner to reach with your thumb.
    What is the purpose of 'Good morning Angelica' ? It takes up lots of screen space without giving much value

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

      There are and I think I mentioned that - it's not really about UX because UX of a fake, pretend, portfolio project is not important. When people see a "nice UI" they can hire you and then give you some wireframes for their real products so everything makes sense from the UX perspective :-)

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

    your video is really valueable for everyone who want to be a great UI Designer, thanks a lot Michal

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

    Great teaching. Looking forward to the new challenges. Also, what tool is good for showing animation? I'm finding Figma to be frustrating for adding animation to a prototype.

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

      Oh duh. You have a whole class on it. AH-MAZING th-cam.com/video/f3KwBAA8XJA/w-d-xo.html

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

      im having the same issue with Figma

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

    Maybe the fastest way to improve design skills is to have immediate feedback upon every single piece of work you do? I believe to every word you say because I started watching your channel after doing every possible course/tutorial/book on internet. You are truly the best in this game.

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

      Not only that, but immediate *good* feedback. There are many places to get feedback on designs, but not many places from a perspective of a level 5 designer

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

      ​@@andrewd8026 I agree absolutely! I was once in a facebook group from some skillshare course on graphic design where beginners posted and gave responses to each other. The course lacked many information which I learned from other places so not only that they didn't know what they don't know they also didn't have proper feedback.
      This video is the truth and probably means that without mentor it will be extremely difficult to get a job as a entirely self thaught designer (me first as an example).

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

    at least I can get to level 4, and now I know what mistakes I often make, thank you 😆

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

    This is amazing

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

    It's a lot of work to get into, but _dear god_ is UI/UX a good path to strive for. Alongside product rendering, it's among **THE** most in-demand skillsets you can have as a digital artist, and is comparatively easier to break into than, for example, asset modeling.

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

    Stage 5 just has a little more breathing space horizontally, that's basically it. Other differences are some lighter-weight icons and an accessibility bar on the home icon. The black text on green button is wrong and seems like the creator did it because it passes wcag 2.2, but in 3.0 this wouldn't pass. White on green, like in stage 4, is the correct choice here. It's all about the text luminosity.

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

    In Level 5, is there a way to make the Awaiting button look more disabled? Especially if it were on a white background. I think to me, the only thing giving it away is the closeness to the card background color, and the copy "Awaiting" itself. But to me, if it said anything else, and were on a white background, it would not look disabled. I think i would instead make it white with a slight outline, and then the text inside it gray.

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

    Great video but I have one concern: mathematical precision isn't always how the human eye interprets layout. A small square icon will look closer to an object than a circular icon on the other side of the object. Sometimes font kerning and colours may need to be slightly adjusted to give the appearance of consistency. Surely a little subjective correction is needed from time to time, correct?

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

    100k views? Wow congratz

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

    Amazing and really helpful video. I am definitely going to subscribe 😅

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

    Quick question: At 3:00 those purple boxes that you use to show the spacing in-between elements. Is that a tool inside of figma that allows you to do that, or is that a library?

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

      it’s custom made (my own library)

  • @Terkel_Halepa
    @Terkel_Halepa 11 หลายเดือนก่อน

    Great and creative video!!!

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

    This video is so well done. Thank you for taking the time to create this 11 minute brain dump masterclass.

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

    I feel like I'm somewhere between level 4 and level 5 based on that example. The only things most of my new designs lack to level 5 are calculated spacing and probably some accessibility. But I just design as a hobby and don't turn it into an actual product so it's not that much of a problem

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

    Could you create a tutorial for spacing? Or if you have could you link it please, this was very valuable, really appreciate the video

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

    I need to leave a comment here.
    This is the best 🤩

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

    Gaaaaaaadamn this video is super helpful - thanks so much!!!

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

    Really looking fwd. to the design challenge.
    I love to replicate designs...😍🔥

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

      That's a great way to learn and I can't wait to launch it :)

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

    What program/software do you use for video editing?

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

    Excellent video, thank you. Also good to know we're at level 5. In QA we're literally measuring the different spaces between elements with a plastic ruler and checking this against the size of the spacer in the design. It takes hours and hours to check the product and I don't think the client notices--yet this is what you need to do at level 5.
    We use rulers as it's super easy to check long ecreens. Many times you can eyeball it but the ruler never lies!

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

    I enjoyed this video.