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

Поділитися
Вставка
  • Опубліковано 3 лис 2024

КОМЕНТАРІ • 464

  • @salmank3131
    @salmank3131 Рік тому +242

    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  Рік тому +14

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

    • @kolmaxik
      @kolmaxik Рік тому +2

      @@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 Рік тому

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

  • @charliedowd3285
    @charliedowd3285 Рік тому +661

    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 Рік тому +92

      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 Рік тому +5

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

    • @venomsn4kee
      @venomsn4kee Рік тому +15

      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.

  • @rxmimartinez
    @rxmimartinez Рік тому +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 ❤

  • @pepa007
    @pepa007 Рік тому +183

    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 Рік тому +48

      _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 11 місяців тому

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

  • @adamdude
    @adamdude Рік тому +64

    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.

    • @jay_wright_thats_right
      @jay_wright_thats_right 4 місяці тому +3

      That's after being hired. You must be hired first.

  • @felipedeamaral
    @felipedeamaral 11 місяців тому

    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

  • @elizabethsophiawilliams2525
    @elizabethsophiawilliams2525 Рік тому +6

    Top notch content, Michal! Please keep making vids! You’re my favorite UXD Mentor on UA-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 :-)

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

  • @tarinig9972
    @tarinig9972 9 місяців тому

    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!

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

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

  • @JuvA31
    @JuvA31 Рік тому +16

    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.

    • @Videosuser
      @Videosuser 4 місяці тому

      These are important issues, but not the theme of this specific video.

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

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

  • @shivam_pandya.
    @shivam_pandya. Рік тому +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..

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

  • @notme_-.-
    @notme_-.- 10 місяців тому

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

  • @davidostrowski679
    @davidostrowski679 Рік тому

    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!

  • @theartofcarny
    @theartofcarny Рік тому +1

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

  • @yojanselcuevas9829
    @yojanselcuevas9829 Рік тому +1

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

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

  • @wareswaricz6948
    @wareswaricz6948 Рік тому +3

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

  • @justingolden21
    @justingolden21 Рік тому +3

    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.

  • @aanshuk
    @aanshuk Рік тому +10

    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.

  • @adhd_coach_nic
    @adhd_coach_nic 7 місяців тому

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

    • @MalewiczHype
      @MalewiczHype  7 місяців тому +1

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

    • @adhd_coach_nic
      @adhd_coach_nic 7 місяців тому

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

  • @aparna12242
    @aparna12242 Рік тому +52

    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  Рік тому +10

      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.

  • @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! 🙌

  • @al1gned
    @al1gned Рік тому +3

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

    • @MalewiczHype
      @MalewiczHype  Рік тому

      good to hear! which level are you now?

  • @Deoye
    @Deoye 6 місяців тому

    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  6 місяців тому

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

  • @JourneyerSagar
    @JourneyerSagar Рік тому

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

  • @OctagonalSquare
    @OctagonalSquare Рік тому +1

    As a developer, I’d like to say that the idea of being “unhireable” at anything below 4 is very untrue. Maybe if you’re only looking at Fortune 500 companies and positions making $500K a year, but for your average dev, you can get hired at 3, with them expecting you to improve while you’re there. Heck, I got hired as a web dev with no actual web development experience at all. Literally hadn’t touched HTML, CSS, or JavaScript. There isn’t some magical line of “yeah you’re not worth hiring until you’re here”, because then no one would get hired right out of college

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

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

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

    • @m4xxxxxxxx-d7i
      @m4xxxxxxxx-d7i Рік тому +1

      You are on level 1 my man

    • @bettmo7494
      @bettmo7494 Рік тому +1

      @@m4xxxxxxxx-d7i 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 Рік тому

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

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

  • @avira9
    @avira9 Рік тому +3

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

  • @cataphilus
    @cataphilus Рік тому

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

  • @Edrea
    @Edrea Рік тому +15

    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 😜

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

  • @Dr.Kananga
    @Dr.Kananga Рік тому

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

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

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

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

  • @isthatsharanya
    @isthatsharanya Рік тому

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

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

  • @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).

  • @kirillsukhomlin3036
    @kirillsukhomlin3036 6 місяців тому

    I had hard times telling the difference between 5 and 4, but when you switched to 3, the contrast became really stark.
    I’m not a designer, but web-developer though.

    • @MalewiczHype
      @MalewiczHype  6 місяців тому

      The difference isn't that big but it is there

  • @likely-out
    @likely-out 10 місяців тому

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

  • @digitalcatto
    @digitalcatto Рік тому

    Can't wait for those challenges!! 😻

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

  • @iconCinematics
    @iconCinematics Рік тому

    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!

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

  • @issamabuaqlien
    @issamabuaqlien Рік тому

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

  • @macaroon147
    @macaroon147 Рік тому

    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

  • @DeevMaybe
    @DeevMaybe Рік тому

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

  • @SVSXXVW
    @SVSXXVW Рік тому +1

    Swear to God, level one triggered some type of anxiety in me when i saw it.

  • @hekkahyphy
    @hekkahyphy Рік тому

    This one was free ladies and gentlemen
    Much appreciated!!

  • @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 UA-cam en los próximos meses. Estoy en mi camino a España en este momento :-)

    • @alexalviraluna1418
      @alexalviraluna1418 Рік тому

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

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

  • @danielfraser353
    @danielfraser353 Рік тому

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

  • @yamnawasim3439
    @yamnawasim3439 6 місяців тому

    Sadly on level 1- great I found this channel!

    • @MalewiczHype
      @MalewiczHype  6 місяців тому

      Welcome aboard! Level 1 is good because knowing the difference will allow you to quickly move up :)

  • @ambuj.k
    @ambuj.k Рік тому

    Great Video and I love it! But If you had taken the reverse level approach, going from 1 to 5, People could also discover what is wrong with their designs but also what they can do to make it better.

  • @MrBrainTucker1079
    @MrBrainTucker1079 Рік тому

    Hm. Correct me if I'm wrong but speaking in Layman's terms - the difference between a great, user-friendly design and a bad one is in the consistency of the design. So the more you stick to the repetition of the spacing of the elements, fonts, you can essentially design without thinking. Having a design system comes to mind having all the fonts, colors, sizes, and spaces provided.
    Of course, there are other things like color matching, typography, visual hierarchy, cognitive overload yada yada yada but nailing down the consistency seems to be the key to having great designs.

    • @TruthAndLoyalty
      @TruthAndLoyalty Рік тому

      You can tell when people mention these things that they're coming from the design heavy side rather than development heavy, because you get most of this for free in development. When you develop you aren't just dragging and placing things wherever you want. You're defining the sizes, margins, padding, etc. with numbers that are reused. I'm never going to manually add different margin dimensions or border radiuses on everything just for the hell of it. And with newer preprocessors, they can be reusable variables. This doesn't always work out for everything. There are some standard applied styling rules that mess things up; there are design kits with quirks you might be forced to use; offset icons; line heights that need tweaking to anchor; etc... but consistency in that respect is the easiest part imo.
      Most design problems can be easily cleared up just by knowing what not to do. Contrast issues, for instance. It's extremely easy to identify.
      The last and hardest leg is relative. You know you need white space, but how much is appropriate in each case? You know you need visual hierarchy, but what exactly are you going to use to establish it? Which fonts will work best in these scenarios and what should their proportions be? What about the artistic elements of design? Most importantly, are we effectively communicating to the user. In fact, many things cannot be optimized without trial and error. We can use principles to get most of the way, but it becomes subjective really quickly and user testing is the only way to know if a design is more effective than another.

  • @mustansirhasam4993
    @mustansirhasam4993 Рік тому

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

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

  • @RiverReeves23
    @RiverReeves23 Рік тому

    That was really helpful. Thanks man.

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

  • @stevedesigner8069
    @stevedesigner8069 Рік тому

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

  • @charcamilleri
    @charcamilleri Рік тому

    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  Рік тому

      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 Рік тому

      @@MalewiczHype awsome thanks, will DM you 😊

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

  • @md.rahimuddin5057
    @md.rahimuddin5057 Рік тому

    thanks, sir. You're awesome

  • @suniljadhav1889
    @suniljadhav1889 Рік тому

    Really great and Imp points covered..Thanx

  • @coleboyce
    @coleboyce Рік тому +1

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

  • @cmilkau
    @cmilkau Рік тому

    Stage 5 looks nice, but it still has one serious flaw from a practical perspective: it wastes space like crazy. If this would be on a phone, particularly the button fonts are already pretty small. Look how much space the text and images/icons actually take up. I'd say it's no more than 10% of screenspace. And that huge greeting actually doesn't count.
    Of course, that's not going to stop anyone from hiring you, because there are few organizations who care about practical UX in the applications they order. Some care about looks, some care about functionality, noone cares about ergonomics. But you should care, if you care about your users at all.

  • @jiajun5984
    @jiajun5984 Рік тому

    Although I am not a design at all, this video makes me so anxious...

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

  • @ForeverSlick
    @ForeverSlick 11 місяців тому +1

    If that is your definition of Level 5, then I'm Jony Ive.

    • @MalewiczHype
      @MalewiczHype  11 місяців тому

      Congrats Sir Jony!
      It's a definition of level 5 for JUNIOR designers.
      There are higher level than that - obviously.

  • @thedanksoul
    @thedanksoul Рік тому

    me not even wanting my career to be in the IT area
    THIS IS PERFECT FOR ME

  • @Zumito
    @Zumito Рік тому +2

    8:35 the page for the homework made by my mates:

  • @jayadevanc9100
    @jayadevanc9100 10 місяців тому +1

    thank you for the relevant instructions sir

    • @MalewiczHype
      @MalewiczHype  10 місяців тому

      You are welcome, new episode of this just dropped!

  • @tekiero
    @tekiero Рік тому +1

    Level 1 - this is my product manager's level of design 😄

  • @suhendro18
    @suhendro18 Рік тому

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

  •  Рік тому +2

    Level 5: There seems to be multiple differences difference between the “Read report” and the “Join meeting” button in terms of corner radius and typography. Maybe not a great example to point out super precise UI design…not to mention accessibility. White text on green base might not be good enogh…

    • @cp3onmtv963
      @cp3onmtv963 Рік тому

      Lol sounds like you were itching to find a problem…

  • @lexahnure1
    @lexahnure1 Рік тому

    To be precise, corner radius of top card and bottom cards are equal, but corner radius of top button and bottom buttons are different.

  • @Amin-er9lk
    @Amin-er9lk Рік тому

    please do more of this videos
    very systematic and great

  • @nyme2349
    @nyme2349 Рік тому

    Level 1 really reminds me of old internet times (like 2013), it's kinda nostalgic

    • @MalewiczHype
      @MalewiczHype  Рік тому

      for me old internet is more like 1996 😂

  • @SamUrtonDesign
    @SamUrtonDesign Рік тому +1

    And after all your hard work, adjusting pixel by pixel, you can hand of your beautiful level 5 design to the front end engineers - and it then becomes a level 1 design.

    • @MalewiczHype
      @MalewiczHype  Рік тому

      Haha sometimes! But the thing is that designers work doesn't end with handing off the design. Doing Quality Assurance every step of the way is also part of the job description :-)

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

  • @fikria1514
    @fikria1514 Рік тому

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

  • @janlamprecht9229
    @janlamprecht9229 Рік тому

    I have a newly found respect for UI designers.

  • @stevebob240
    @stevebob240 Рік тому

    This is helpful, but as a junior web developer making websites from scratch with pure CSS this is scary. I'm interested in design but development is my strong suit. I appreciate your explanations!

    • @MalewiczHype
      @MalewiczHype  Рік тому

      No worries, the more you do it the easier it gets!

  • @AmodeusR
    @AmodeusR Рік тому

    Next time you do something similar I think it would be better to start from the worst level to the best, so we can go through what was getting better and even guess what could get better instead of going from the best to the worst.

  • @souravdey7964
    @souravdey7964 Рік тому +1

    I am excited for the free challenge 😍

    • @MalewiczHype
      @MalewiczHype  Рік тому

      We will def. need a few weeks still, but I am hoping for a rather quick release ;)

    • @souravdey7964
      @souravdey7964 Рік тому +1

      @@MalewiczHype I desperately need that mate.

  • @melleedunn
    @melleedunn Рік тому

    Great advice, thank you!

  • @TheBClark88
    @TheBClark88 Рік тому

    I appreciate people putting content out there (more than I will ever do) and don’t like being negative, but the UA-cam design culture is bizarre. I’ve been a designer, and then design director for 12 years, and know dozens of other designers, directors, devs and general creatives. Nobody talks like this. There are no ‘levels’ and design out of context gets you nowhere. The example design is clean enough but is mostly basic design literacy. Following the guidelines in here is fine if you are a graduate or junior but it definitely isn’t going to get you head hunted or hired.

  • @bjmgraphics617
    @bjmgraphics617 Рік тому +1

    It seem that if an employer has the knowledge of what a good UI design is might actually take a look at your portfolio. With that said, just how many pieces of work must you have and do you actually need to think of everything that ought to go into an app meaning all the features and functionality or simply show a believable finished product with awesome looking layout?
    I’m from a printing publishing background who never designed an app on the job but designed layouts for print. How can I word my skills and experience so that it captures the imagination of an employer?

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

  • @keyjeyelpi
    @keyjeyelpi Рік тому

    The problem with this is that the data used to design it are ideal. Take "Melissa McMillan" and make her "Melissa McMillan-Lawrence Ph.D" and you'll find your layout not working as it should. What actually lands you the job isn't the skills on making minute details perfect (though this shouldn't mean that you shouldn't pursuit becoming better), but how flexible you can design something that'll be used in the real world.

  • @gustafcederborg9744
    @gustafcederborg9744 Рік тому

    Thank you , means alot!

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