Are You At Least at Level 4 of UI?
ฝัง
- เผยแพร่เมื่อ 30 พ.ค. 2024
- When it comes to UX/UI design we already established that there are five levels of skill.
Well sort of.
There is an extra skill level above 5 too. It's not expected for beginners to all fully grasp this level, but knowing it exists and the WHY of it is beneficial.
Especially since most of the actual UI on level 6 looks like a level 5.
Where lies the difference? How to level up your UI design no matter which level you're on? Well, keep watching!
Want me to explore more examples of annotations and logic in UI design? make sure to subscribe and leave a comment :)
--------------------------------
🔥 Learn UI for free with daily UI Challenges:
hype4.academy
✅ Discount on the WEB courses that help you stand out:
hype4academy.gumroad.com/l/we...
hype4academy.gumroad.com/l/la...
🚨 BORING UI Course BESTSELLER (10,000 students)
hype4academy.gumroad.com/l/bo...
00:00 Five levels of UI design skill
00:45 Level 1
02:06 Level 2
03:06 Level 3
04:56 Level 4
06:06 Level 5
08:01 Before progressing
08:24 Above Level 5
10:31 What is Design?
#ux #uidesign #design
At level 6 the UI designer turns into a UX designer 😄
Partially, in this case it's just common sense applied and annotations to show the UI makes sense :)
AAAHAHAHAHAHAHAHAAAAA
So true 😁 😁
@@MalewiczHype HAGHAGSGA
So good to see that Level 6 touches on the 'art' of doing research before or at least in tandem with interface design. To some designers this comes to them as a 'natural' thing to do, but others need to be nudged in that direction. In my UX/UI courses I always mention Malewicz as the other outer end of the spectrum, compared to scholars from institutions like NNG. But it turns out, this spectrum is a loop, and the ends seem to touch each other... 😊
Level 6 was UX. When we understand the needs of the user, we create better designs. helpful video
Thanks! It's just the basics of UX, enough for a UI designer to be great at UI basically and a lot of that comes from logic that sadly many "pretty shots" out there lack :)
Fun fact: Here in Taiwan Level 2 is all you need for you to get a job at most major corporations, and we barely have anyone close to Level 5. The design industry is horribly miss-developed, so sad.
That is sad to hear but in that case go reach level 5 and wow the entire country :)
@@MalewiczHype Working on it! Already started my own agency, bringing modern design to my homeland 🥳
Now that's something I always love to hear!
Yeah the app that our school is using to provide us grades and stuff is designed really terribly. FYI it’s in the top 5 universities.
This is so helpful to see - recently I looked back at a lot of my own projects and realized how boring I thought they were now. Because in the beginning, I wasn't really thinking about user needs or solving problems. I was more focused on trying to get things looking good and well spaced etc. It takes time and studying other products before you really start to think about those things (in my humble experience at least)!
Yes, that takes time and sometimes you end up with a slightly "worse" looking project (as 5 is "visually" nicer than 6) but the whole value is on showing them together and writing nice visual annotations on the WHY :-)
As someone who's stuck designing an app right now this is a great video! It all starting to make sense to me.
I really love the way how you explain and give different perspectives not only in your courses but also in your videos✌️
I have a goal of getting people beyond just "figma pixel pushing" which sadly is the most common narrative - it's still pretty simple stuff though, just logic :)
Really enjoyed the way you explained things so clearly with great visual examples.
Glad it was helpful! This series is all about showing slow but steady progression :)
I did not see that coming. It's truly next-level and one of the best approaches to a standout portfolio 💥
A lot of that I already shared in my courses but wanted to at least give this glimpse on youtube as well :)
The way you explained..woah..🙌🏻 thanks a lot!!
Hope that helps! Which level are you on?
That LEVEL 6 is at another level >> user-centric, functional and beautiful 🤩 design, all in one! ☝🏼
It could've of course been more beautiful visually but I left it like this on purpose to show that a slight step back in visuals with two steps forward in functionality is always a win :)
Thank you for a free video, Malewicz! Clear, straight to the point with examples and problems, and then how to solve :D
Anytime! Which level are you on?
@@MalewiczHype I'm at... Lvl 0! Just bought your course to become Lvl 1!
Always a great start then! :)
Awesome video! Love the improved light set up 🔥
Still learning lighting, but it does get better a little every time.
Was waiting for it, thanks for sharing, and have an awesome day, Michal 🥰😍💓💞
You too! Hope more people go to level 6 after this :)
Nicely explained.Thanks sir🎉
Awesome video Michal❤
Thanks! Which level are you on?
When you said "f**k it" and bleeped it out I laughed so hard :D. I really didn't expect it.
My level is between 4 and 5. Maybe more on the 4 side. I get from 1 to 3 interviews per week, but I face another challenge which are long hiring processes and take home assignment tasks.
Here is an idea - would you care about making a video on how to tackle home assignment tasks given by interviewers and not get scammed into giving your work for free?
I am truly interested in your perspective on:
When it's worth to do home assignments? (for instance I usually skip them if company has 100+ applicants because they get 2 times more experienced applicants than I am)
When a task is a red flag?
Any known or worth a shot ways or methods to bypass them somehow?(once I told hiring managers that I already have some experience and not really into it so they just did portfolio review with me instead of giving me tasks but these are hard to get and maybe there is more to know?)
How much time would you recommend spending on these tasks?
Perhaps you know some good framework to do task assignments similar to your portfolio course with a sandwitch pdf that would lead to high hiring rates and would require minimum effort? I would pay for that. :D
I also noticed that you can do perfect home assignment, better than anyone else and still not get a job (learned that from seeing how my company hires other candidates).
Any help around that topic would be amazing. It's something that lots of juniors and higher level designers complain about.
I'm analysing some of these take home assignments now, but will be a while before I get any valuable insights to share - these take a lot of time sadly
@@MalewiczHype thats understandable. I also noticed some patterns in my interviews that nobody even reads my case studies anymore. They just glance over my homepage they invite me to interview, compliment my homepage, ask a few questions about my past work and then give me take home assignments. And it's like every single company. Like 5 in a row. I'm starting to think it's actually less work to just make some dribble worthy thumbnails of your past projects with a brief description of project outcomes under each and just brace for home assignments. Ive heard of a guy who lands jobs without any portfolio, because why? You're still gonna get a task so less work for him. Maybe its the new way 🤔
Yes, they're kind of skipping most of it, sometimes looking at case study headings and checking boxes
the Intro animation was so cool.
Hoping to reach level 6 one day ✊🏻.
All comes with practice! :)
Great vid. Thanks
love your content!
It is so well explained and I was surprised to find that I am on maybe lvl 1 or 2 but thanks to you now I can reach lvl 6
Go for it! You can reach it faster with our free daily ui practice on the platform too :)
Im not a designer, im a frontend dev but i like videos like this.. and well i do like big cards in bank apps lol
Thank you for the explanation and escalation of the Levels! Personally, I prefer Level 5 in this case over Level 6. Additionally, the blue primary color does not complement the current button design. Furthermore, I believe there is room for improvement in reducing the excessive focus on the option (:), even up to Level 7.
I did level 6 like that on purpose - it was easy to make it also prettier, but I wanted to show the exact difference - that sometimes it doesn't matter if something looks nicer if it WORKS better. So that's on purpose. And as for buttons and colors - this is actually an accent color that exists in notifications as well and even-weight buttons are a great way to show even weighted options.
Still there's of course room for improvement always, the point is not to show the best possible design, but rather what the industry would accept as "good enough to get hired"
I personally don't understand why there is no minus in front of the transactions. Since they are not color coded, how are you supposed to know instantly which of them are outgoing or incoming?
Good catch - this can be solved by differentiating the incoming ones, as all of these are just outgoing.
I love this video, and even more the into was cool
Great to hear!
I simply don't understand why this channel doesn't have over a million subscribers, huh!
I don't chase the numbers. Less subscribers is better when they're all awesome :)
Hmm, I'd like to believe I'm at level 4 but not quite sure yet. One thing I reflect in pretty much all my designs is going for the 'boring' even after scouring Dribbble for inspiration and seeing ample glassmorphism, mesh gradients, gradient buttons, etc. all over the place because I try to keep mine minimal, clean, simple stupid with form follows function.
But eish, no job yet sadly. Currently I'm in the process of scouring for internships that's also required for my final year in college. 😅
This channel is always useful.
Thank you! Which level are you on?
@@MalewiczHype I would say level 5
Great! Congrats, this is a place where it's a lot easier to succeed in design
I was laughing half way through
Dude’s putting levels on his design process of a stocks app ☠️
Thx man! Now I know that to be a lvl 6 designer I shouldn’t put a credit card in a stock app’s home page 👍🏽
Out of this world advice! Who would’ve thought to design UI’s based on what the user wants to see and do? 🤯🤯🤯🤯
you'd be surprised.
Firstly the new and improved lighting is amazing 😎 secondly, the journey from 5 to 6 is what every person should aim for, less chaos and more "order" is what makes it stand out 😄 thanks for this in-depth tutorial and your mindset 🫡
The main idea is that level 6 can "visually" be less pretty than 5 but the functionality can be way better. And in that case it's still better than 5 :)
Great video, thanks
Thanks! Did you determine your current level? Which one is it? :)
Love this series !
I'm a developer but comparing different levels really helps to understand where to improve
Awesome! I've been thinking for a while about a series on design for developers (slightly more angled towards the useful stuff for devs)
@@MalewiczHype The only thing I have to say about this idea is "Go for it ! * 10^9" 🎉🎉🎉
Developers also need to make mock-ups for their projects (portfolio, apps, dashboards, etc...), maybe not as thought-through as a designer would create though
However, it's always good to know the basics to avoid creating rainbow-colored websites/apps 😋 And so far, your mock-up comparison video really help me towards this goal
Im not a designer but a fullstack dev,
Its funny how i just do it simple and clean, consistent spacing icons and fonts, because its simpler to program and it results in an better design 😂
Honest critique on myself.I am currently at level 3 transitioning to level 4, Im currently still in college and learning a lot as I keep practicing. This videos help me a lot as well.
That's a good place to be, fingers crossed so that you reach 4 and 5 soon :)
@@MalewiczHype Thank you so much!
I believe Lvl 6 also has some obvious flaws.
- Inconsistency on border radius/ general shapes & appeal.
- The profile pic radius is inconsistent with the stock brand imagery. Decide for a style limit variations on it (e.g. tab bar vs buttons)
- The "More" Button gets too much attention compared to the primary buttons, whereas the details-button on the Transactions Card looses prominence.
- The welcome message with the emoji adds little value and instead draws attention. Keep it simple, remove it.
- The Tab Bar Accent color is inconsistent, the activity marker adds no benefit, and instead bloats the area.
- The floating tab bar is a typical dribbble style, but a) developers will hate you for it, and b) the fog-style 'shadow' just adds more mess to the overall colorful and busy design.
Is there a setting for Hierarchy strips in Figma? The Course I took was very Basic [Though you probably already know that from my Daily Challenge uploads. They never mentioned Hierarchy or Auto Layout. I'll be taking your courses on them.
No, this is a method that I created myself so there are no plugins or design tool settings to do it automatically - I do it manually :)
@@MalewiczHype Thanks.
Actually, I think the background pic if the cards can be replaced because it gives way too much visual noise, what do you think, Malewicz?
The background graphic is a reflection of the real cards so it differs depending on what kind of a card you have - that's why I went with a "busy" one to show that in some cases it will be busier there. My real cards are completely different, one is just white with black text and the other very colorful with gradients. So for the sake of a prettier UI it could've been made simpler of course, but it could've also be made more complex and an extra annotation about just that part on the cards!
I'm designing a wallet app for pre paid debit cards right now. This gonna help me a lot, thanks!
I learn too much! New sub!, tomorrow i will check and change my designs😅.
Welcome!
I think it would be good if our main action button can be on bottom side so that users can use Or click faster to send Or receive money
Hello Michal! It's always a pleasure to watch your videos, and I personally love this Level Playlist/Guide HAHAHA! It's such a nice way to find where I'm at. By the way, is there a way to contact u and have your feedback? I think that I'm at level 4 or maybe 3 and a half? :p But would be so nice if you could feedback me, since I really wanna start applying for jobs soon.
Hi! We will have level evaluation on our platform soon as part of the PRO plan - available to everyone once a month to see their current level :)
@@MalewiczHype That's good to hear! I notice that your platform also give "discounts" for some countries; will this one have this discount too? I'm from Brazil, so paying in dollars end up being really expensive =/ (ur work do deserve it tho, I just don't have the budget HAHAHAH)
I believe Brazil has some kind of a lower price model. We are keeping our prices extremely low at those initial stages as well to allow as many people as possible to experience the platform - as we also give daily feedback to people there :)
@@MalewiczHype Thank you so much! I appreciate that, and yes, Brazil does has a lower price!
i thought i was at level 1 or 2 but I am at level 5 surprisingly 😁
Good for you! Although I also noticed a lot of people at level 3 say they're at level 5 so make sure to double check :-)
my head hurts just by looking at the first one
I think there should be level 7, 6 doesn't feel the best to me but coming to level 6 is big achievement 🎉
It's actually still level 5 with a bit of UX added. And it can always be improved, that's the point of design ;)
As a developer, i can tell you that level 5 is a nightmare to code.
As a designer who can code I can tell you it's quite easy even with nudge values because of baseline (non bounding box) alignment :)
i like level 5 considerably more than 6. level 6 felt like a jumbled mess.
Visually that's on purpose to let people see that beautiful UI is not enough
I guess I am 4 or 5, but definitely have a level 6 mindset 😅
That is an awesome level to be then! Congrats! :)
Level 4 with a normal looking bottom bar would be the best
Why? The card stack is still pretty useless and taking up a lot of unnecessary space.
The 14 users clearly reflect that for our designs to be level 6, the UI must be excellent and also adapted to the needs of our users. I guess we are talking about being able to be very well balanced in Product Design.
14 is a random number here because obviously for a portfolio project you will likely have just a handful of answers and they can also be wrong. But what matters here is taking SOME answers and applying them alongside logic into a UI - that makes ie better. But it's not yet product design , this is just UI design with logic and ux basics.
How about Level 0? (Clients ideas) 🤓
Clients can bring you down to level 0 (or even -1) yes, the best way out is to fire those clients :)
Damn I need to work harder on my projects... Even with my current situation and understanding of what I learned from you, I'm not getting anything 😂 no work no money.
It takes a while, don't worry. Took me over 10 years to get good clients ;)
@@MalewiczHype i just hope something good will happen, as rightnow companies just want to hire experienced people, and nothings wrong but nowadays competition is tuff
Start freelancing then and make your own experience :)
@@MalewiczHype haha you are right about that. Currently developing analysis and improvement skills into ux. Hope that works to find solutions and developments for clients
Someone bought a vision pro
Good catch! I was wondering if someone would notice that ;)
Level 6 reminds me of a saying that goes something like this: 'Embrace practicality, and beauty will naturally ensue'.
There's a certain level of beauty over which all that matters is that practicality ;)
wow wow amazing video, needed this
need someone who will teach me web design from scratch to my first job. I pay 1 thousand dollars
My web courses you can get for 90, no need for a thousand :-)
Buttons are too big and one can be primary action i.e. Send ... or vice versa!
They're just the right size (52h) and in the case of equal-use buttons they don't need to have a primary, it's not "confirm and cancel" :)
@@MalewiczHype I think 52px is too big for such a screen space, also one filled and one border button might work better. Contextual menu is useless too!
@@MalewiczHype one more. The graph doesn't helo but an active balance info will.
The size of the buttons depends heavily on how often they're used. In banking apps we worked on (esp. geared towards b2b customers) all our tests have proven bigger buttons provide less anxiety to the users.
@@MalewiczHype Maybe...
im level 4 right now lol
wow what an awesome video and the host is so handsome, truly dreamy! ;-)))))))))
But for real, thank you!!
That example comment is likely some of my insecurities talking ;)
Level 1 was done by somebody that has never needed to code the design 😂
Haha that's likely! ;)
It always comes down to one thing - less.
but better
I feel like the send/receive buttons are off both for levels 5 and 6. They are all primary buttons (since they use the blue accent color), but you'd usually want only one primary button, with others secondary/greyed out. If you have a number of similarly expected user decisions, use neutral colors for these buttons (like Revolut does, it has a similar screen). This splash of blue in the middle, with three different actions depicted as primary actions, is a bit disturbing on a visual level.
Also, the vertical padding is too big, and the rounding is a bit much & not consistent with Notifications button in the upper right corner.
The primary/secondary buttons are only when the buttons are and end-point of a flow (like save and cancel) - there can be equal "weight" buttons in an interface if they have equal weights.
As for the rounding it actually is calculated on the object size - larger objects have slightly larger rounding, same with the bottom navigation bar and this can also work.
But the idea here isn't to please everyone - obviously people perceive UI through their own lens and that's ok - it's more about showing the differences between the levels. :)
Sometimes your voice sounds like Jordan Peterson :))
That's probably me getting old 👴🏻
科學的盡頭是玄學
設計的盡頭是哲學
let me know if you need an translation i’m lazy rn
To be a lvl 6 designer you have to make compromises. You need to develop in many levels at the same time to arrive at the right design decisions that are good for the business and at the same time for the users, but above all, the business. Great video as always! 🫡
Thanks! It actually still is a level 5 because the level 6 is more of a mystical thing just to make it easier to understand but in reality it's level 5 with extra UX thinking added :)
@@MalewiczHype lvl 6 is just be unicorn designer 🤣🦄