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... 😊
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 :)
Question, if Level 6 is UX, does that mean that UI creates the app, and then a UX designer will redo the app that it works with the user or does the UX designer do the research and then, give feedback to the UI designer, so they can make the changes?
@@G20Storm The UX designer conducts research and provides feedback to the UI designer, who then makes the necessary changes to ensure the app works well for users.
@@rijaslyan6376 Interesting, so would you say that a UX Designer also work on design, or does a UX designer spend less time designing or no time at all.
@@G20Storm UX designers are also working as UI designers. Most of the time, the UI and UX are the same person, but if you have no interest in design, you can only be an UX. but UX designers are also familiar with designing software and designing trends. But the UX is more important than the UI, so remember, if you work with a team, you will work with the designer, developer, and more. This can lead to a more specialized and efficient design process, with each team member contributing their expertise in a specific area.
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 :-)
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 :)
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 🤔
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 :)
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.
I love that you started at a much lower level than the average, I feel like that’s a bit of psychology making the viewer feel like “oh, I’m not actually that bad, maybe I can actually reach this super Grandmaster title.” I personally found the video as a suggestion after looking for some tips on mobile UI design since I’m not used to it and I find that most apps and websites have their own twist to that. And I felt like, as a programmer, even I could easily get to level 6. I personally think I am somewhere in the beginnings of level 4, as I don’t really need to excel at this but I want to improve and I don’t do as much research and put much thought into the whole spacing, hierarchy, and color scheme stuff, which I think I should. And I found this video much more helpful than the ones I found at first. So I appreciate that a lot!
Thank you soo much..i really liked that you explained that why annotations are importance..i usually felt boring doing this last step cause I thought they well, people could notice that I removed and replaced stuff but honestly, even I myself tend to forget afterwords why I did a step that I did and then when explaining NY designs verbally, I felt to go blank. Thank you soo much
As a fresher and self-taught UI/UX designer, I am glad to know that I am level 5 and 6 depending on the timeframe of the project. Amidst looking for a job and facing so many rejections daily, this gives me hope.
@@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
I have done smth similar. I'm currently building finance tracking app. I have added analytics with charts, monthly spendings, annual, etc with budget limit, monthly comparisons, division into categories, payment methods etc.
Just recently took up UI/UX. I'm looking for similar people on the same journey, I don't know alot of people in the space and I'm always looking to connect.
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.
I'm sorry but thats literally one of the simplest UIs to code. If you find it nightmare to code, I cant imagine how you will find screens that are actually complex and animation heavy.
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 :)
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. 😅
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?
I don't really do UI design but I'd put a minus (-) in front of money that I spent to make it more obvious I didnt receive it, and then make money that I receive have a + and make it be green. I'd also separate the "..." button a bit from the send and receive buttons by ...idk... removing its background maybe and then maybe make the date have consistent widths by padding days and months with zeroes, because that's probably what most people are used to and can read more easily
I feel like levels 1-3 all had almost the exact same issues. Too many fonts, poor spacing, poor colors, etc. The video could have just used one example for these issues instead of 3 and wasting time on the same topic.
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.
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"
Great video. Do you have a checklist of what makes a good design? I.e. "is there uniform spacing around distinct elements?" or "is the main feature accessible on the home/main screen?"
level 7 : The Button height is very bigger than those UI's level 8 : More hieght on the Bottom navbar level 9 : hieght without the UI level 10 : h without the word hight level 11 : ...... #Goodjob #I_am_finally_hired_at_this_unkown_company
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.
Yup my thoughts exactly, still many things to be improved on level 6. Although as a developer, the floating navbar isnt that hard to code, but its hard to get it looking visually correct, and none of the choices are ideal. Adding fog effect might not go well with the rest of design. Having a hard edge might feel jarring. Making content go behind navbar will make it look cluttered.
The issue I am having is that since I am trying to keep my app simple and release it as an MVP I don't actually have many elements to put on the main page, it's essentially just a search bar and a nav to the settings. How do you fill the white space or is it even a red flag that I have excess white space in the first place?
I'm coming from a graphic design background, and I'm told, some UI and UX designers don't know how to do Graphic Design, I'm still confused over who does designs like the ones above. UX or UI... Anyways now to my questions, the little icon logos, are those also created by the UI/UX designer or are those also implemented from somewhere? What about those Apple Logos and Spotify logos? The Send and Recieve Logos? Who creates those? I feel like having to create those logos with severely slow down my design process, as once I get into logo design, I take my time with them. LOL
As someone who can't call himself a designer i prefer the 2nd version of lvl 6 (also i would like to se lvl 5 in the style of minimalistic 6 except for the cards) but i would still change some things in it
In my opinion, Level 5 had a balanced form and function. And Level 6 had more function than form, might as well just display an excel sheet if it's all about infographics.
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!
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 😂
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? 🤯🤯🤯🤯
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.
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.
@@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 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!
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.
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. :)
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.
@@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
@@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
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 :)
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 :)
Question, if Level 6 is UX, does that mean that UI creates the app, and then a UX designer will redo the app that it works with the user or does the UX designer do the research and then, give feedback to the UI designer, so they can make the changes?
@@G20Storm The UX designer conducts research and provides feedback to the UI designer, who then makes the necessary changes to ensure the app works well for users.
@@rijaslyan6376 Interesting, so would you say that a UX Designer also work on design, or does a UX designer spend less time designing or no time at all.
@@G20Storm UX designers are also working as UI designers. Most of the time, the UI and UX are the same person, but if you have no interest in design, you can only be an UX. but UX designers are also familiar with designing software and designing trends. But the UX is more important than the UI, so remember, if you work with a team, you will work with the designer, developer, and more. This can lead to a more specialized and efficient design process, with each team member contributing their expertise in a specific area.
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 :-)
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 :)
As someone who's stuck designing an app right now this is a great video! It all starting to make sense to me.
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 :)
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
Said f**k it and straight up f**ked up the design actually.
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 :)
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.
@@chelinchan24 proud of you mate 😊
the Intro animation was so cool.
Hoping to reach level 6 one day ✊🏻.
All comes with practice! :)
"This is design, and note just pushing pixels!" Well you got me there. subcribed.
Welcome!
I love that you started at a much lower level than the average, I feel like that’s a bit of psychology making the viewer feel like “oh, I’m not actually that bad, maybe I can actually reach this super Grandmaster title.” I personally found the video as a suggestion after looking for some tips on mobile UI design since I’m not used to it and I find that most apps and websites have their own twist to that. And I felt like, as a programmer, even I could easily get to level 6. I personally think I am somewhere in the beginnings of level 4, as I don’t really need to excel at this but I want to improve and I don’t do as much research and put much thought into the whole spacing, hierarchy, and color scheme stuff, which I think I should. And I found this video much more helpful than the ones I found at first. So I appreciate that a lot!
Was waiting for it, thanks for sharing, and have an awesome day, Michal 🥰😍💓💞
You too! Hope more people go to level 6 after this :)
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 :)
This was pretty awesome. Thank you for 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 :)
The way you explained..woah..🙌🏻 thanks a lot!!
Hope that helps! Which level are you on?
Thank you soo much..i really liked that you explained that why annotations are importance..i usually felt boring doing this last step cause I thought they well, people could notice that I removed and replaced stuff but honestly, even I myself tend to forget afterwords why I did a step that I did and then when explaining NY designs verbally, I felt to go blank. Thank you soo much
Awesome video! Love the improved light set up 🔥
Still learning lighting, but it does get better a little every time.
As a fresher and self-taught UI/UX designer, I am glad to know that I am level 5 and 6 depending on the timeframe of the project. Amidst looking for a job and facing so many rejections daily, this gives me hope.
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
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 :)
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! :)
I have done smth similar. I'm currently building finance tracking app. I have added analytics with charts, monthly spendings, annual, etc with budget limit, monthly comparisons, division into categories, payment methods etc.
good job
Just recently took up UI/UX. I'm looking for similar people on the same journey, I don't know alot of people in the space and I'm always looking to connect.
What about button hierarchy ?
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!
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
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'm sorry but thats literally one of the simplest UIs to code. If you find it nightmare to code, I cant imagine how you will find screens that are actually complex and animation heavy.
Junior developer, you mean.
even for junior front end developer it's really easy to code, once you have the UI made it isn't really difficult at all to recreate this one
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 :)
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. 😅
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 don't really do UI design but I'd put a minus (-) in front of money that I spent to make it more obvious I didnt receive it, and then make money that I receive have a + and make it be green. I'd also separate the "..." button a bit from the send and receive buttons by ...idk... removing its background maybe
and then maybe make the date have consistent widths by padding days and months with zeroes, because that's probably what most people are used to and can read more easily
I feel like levels 1-3 all had almost the exact same issues. Too many fonts, poor spacing, poor colors, etc. The video could have just used one example for these issues instead of 3 and wasting time on the same topic.
What program do you use to create UI? These look amazing!
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.
Nicely explained.Thanks sir🎉
nice video with great value 😍 , where can i get your book (Ducking Designers guide to UI ??????????????)
I'm designing a wallet app for pre paid debit cards right now. This gonna help me a lot, thanks!
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"
Great video. Do you have a checklist of what makes a good design? I.e. "is there uniform spacing around distinct elements?" or "is the main feature accessible on the home/main screen?"
no because if they tells you that, they will not have a content to shame people on youtube such as bullies
At level 6, why do some of the support texts ("Card payment", Date, etc) have a lower contrast than the others? Isn't it clickable or what?
level 7 : The Button height is very bigger than those UI's
level 8 : More hieght on the Bottom navbar
level 9 : hieght without the UI
level 10 : h without the word hight
level 11 : ......
#Goodjob
#I_am_finally_hired_at_this_unkown_company
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.
Yup my thoughts exactly, still many things to be improved on level 6. Although as a developer, the floating navbar isnt that hard to code, but its hard to get it looking visually correct, and none of the choices are ideal. Adding fog effect might not go well with the rest of design. Having a hard edge might feel jarring. Making content go behind navbar will make it look cluttered.
The issue I am having is that since I am trying to keep my app simple and release it as an MVP I don't actually have many elements to put on the main page, it's essentially just a search bar and a nav to the settings. How do you fill the white space or is it even a red flag that I have excess white space in the first place?
I'm coming from a graphic design background, and I'm told, some UI and UX designers don't know how to do Graphic Design, I'm still confused over who does designs like the ones above. UX or UI... Anyways now to my questions, the little icon logos, are those also created by the UI/UX designer or are those also implemented from somewhere? What about those Apple Logos and Spotify logos? The Send and Recieve Logos? Who creates those? I feel like having to create those logos with severely slow down my design process, as once I get into logo design, I take my time with them. LOL
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
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.
Awesome video Michal❤
Thanks! Which level are you on?
As someone who can't call himself a designer i prefer the 2nd version of lvl 6 (also i would like to se lvl 5 in the style of minimalistic 6 except for the cards) but i would still change some things in it
I'm probably a level 5 which I think is great with only being less than a year into web development
In my opinion, Level 5 had a balanced form and function. And Level 6 had more function than form, might as well just display an excel sheet if it's all about infographics.
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!
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 😂
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 :)
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
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.
Great video, thanks
Thanks! Did you determine your current level? Which one is it? :)
love your content!
I love this video, and even more the into was cool
Great to hear!
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 ;)
I guess I am 4 or 5, but definitely have a level 6 mindset 😅
That is an awesome level to be then! Congrats! :)
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
Great vid. Thanks
I learn too much! New sub!, tomorrow i will check and change my designs😅.
Welcome!
Do you do ui designs for a fee?
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.
I was waiting for level 7 where the silly cartoonish waving hand would be finally removed. Never happened.
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!
thanks
voice is very great.
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...
Level 1000: Adding Gray and AMOLED Dark Mode
I Think level 4 Design is better then level 5 what you think ?
my head hurts just by looking at the first one
Noob was the most clean
just fix color and font text and w
I think that I am between 3 and 4 level😀
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. :)
Someone bought a vision pro
Good catch! I was wondering if someone would notice that ;)
Level 1 was done by somebody that has never needed to code the design 😂
Haha that's likely! ;)
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 :-)
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
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 :-)
Level 0 is backend programmers.
probably
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 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 ;)
It always comes down to one thing - less.
but better
❤
科學的盡頭是玄學
設計的盡頭是哲學
let me know if you need an translation i’m lazy rn
im level 4 right now lol
Sometimes your voice sounds like Jordan Peterson :))
That's probably me getting old 👴🏻
Yanlış anlama, bunlar tasarımcı olamaz.
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 🤣🦄