I am absolutely sure that thanks to you and this channel I have become designer number 5. You taught me that design is the smallest possible details and together these small details create the product and what the user sees. You didn't teach me a tool... You taught me design! Thank you Sir ❤✏
Oh wow! I never thought of changing the person's eyes before, this looks so much unique. I don't think I'd catch that smudge either, but other than that, I do think I'm at lv5, besides those graphic edits. Thank you so much!
Awesome! Some gfx edits really do add that small push to a slightly better experience. In customer facing stuff we usually recolor eyes, sometimes clothes too.
@@MalewiczHype For real! I was used to change the color of the clothes and or the background as well, but the eyes were really a neat catch! I'll keep my eyes on that xD By the way, I just finished my portfolio design, and I so thankful to you, because you and your videos are helping me a lot since I started in UI/UX. Now, I'm pretty confident that I can get a job in this field =) Hope so!
i have been practicing and read articles now i am in level 5 thanks budy so make a video what skills we should master ux or ui although we have multiple years of expeience in design
what would you do with shipping address in level 5 ? would you scroll the form or make it bigger? should button be pinned or go move the bottom of the scroll?
UX/UI Designer with a couple of years here, - let me attempt to solve this. Chances are that users who are entering a different shipping address have already filled most of the form, so the content above that line becomes more irrelevant, but the Main Action of finishing the process still stays just as important. We could: Make the window bigger, but that will create problems down the line for various device sizes or might not be possible - who knows, there could be constraints! We could also: Turn the menu into a scroll and autoscroll down, while keeping the button exactly where it is. This creates the mild discomfort that you might not be able see your info instantly anymore and, within this context, also makes the scrollbar a bit iffy to place. Keeping that in mind, we might hide unnecessary info behind a toggle instead, thus only creating the scrollbar scenario at niche times... or split this into 2 different actions that are more bite-sized. Enter and check your name, press continue, - now you have a new canvas just for the address. From experience I'd gravitate toward splitting it while showing a nice and functional progress indicator if the form get's more complicated. Once they have configured their data, ask if they want to save it to have a 1-button-buy later. I'd say the Level 6 UX Designer would start this problem with the question of why a checkout form is nested inside of a modal with a big picture like that :))) Usual checkout patterns begin in the product page, where we want to ask if they want to add to basket or check out instantly, leading you to either a whole page for checkout or a basket screen that invoke a bit more privacy and security. Ohh this get's me all curious and now I want to test a design like in the video on users to see what they say hahaha
There are multiple options here - I think I mentioned in the video it's worth deploying a level 5 with something like hotjar and seeing what works and what doesn't - then iterate :)
Loving the content thank you so much michal.. btw do you have any tips or resource that could benefit us as ui/ux designers for gfx or making pictures/graphics pop?
I don't think I like the eye color change. Looks unnatural and is distracting. The person in the photo isn't what you want people to pay attention to. You want them to look at the product being sold, and then to checkout. Another detail I don't like is that the text on the clothing item looks like a watermark, rather than part of the clothing. Watermarks ruin images.
I am absolutely sure that thanks to you and this channel I have become designer number 5. You taught me that design is the smallest possible details and together these small details create the product and what the user sees. You didn't teach me a tool... You taught me design! Thank you Sir ❤✏
I am super happy to hear that! Making level 5 designers is my main goal here :)
Please make more of these. Absolutely love this approach to learning. Thanks for making it!
Oh wow! I never thought of changing the person's eyes before, this looks so much unique. I don't think I'd catch that smudge either, but other than that, I do think I'm at lv5, besides those graphic edits. Thank you so much!
Awesome! Some gfx edits really do add that small push to a slightly better experience. In customer facing stuff we usually recolor eyes, sometimes clothes too.
@@MalewiczHype For real! I was used to change the color of the clothes and or the background as well, but the eyes were really a neat catch! I'll keep my eyes on that xD
By the way, I just finished my portfolio design, and I so thankful to you, because you and your videos are helping me a lot since I started in UI/UX. Now, I'm pretty confident that I can get a job in this field =) Hope so!
Fingers crossed! Keep going and you'll do fine! :)
Loved the video, especially the ending part of user one's reaction, kudos to your effort, and best wishes 💗💗💗
Thank you so much 😁 He's a very talented actor :)
User number one's reaction at the end is very funny 😂😂 enjoyable and useful video.. Thank u 🙏✨
he’s still recovering from the trauma
Damn, good to know that blue looks sick. Need to get checked.
Totally! :D
i have been practicing and read articles now i am in level 5 thanks budy so make a video what skills we should master ux or ui although we have multiple years of expeience in design
I was surprised to find myself at level 5. I was shying away from applying for jobs but now I feel less insecure about my work.
Awesome! Keep at it then! :)
Loved the video, definitely learned a few things I didn't even know I needed to know.
I'm glad! There's of course a lot of these but some only come out in a specific scenario. That's why I keep doing this series.
Where do you get those scores for "good" and "bad"? Are they contrast scores, and is there a website to get them?
amazing and informative as usual, thank you ♥
Thats a very unusual check out form haha. Sort of a mix between a product page and a checkout form.
what would you do with shipping address in level 5 ? would you scroll the form or make it bigger? should button be pinned or go move the bottom of the scroll?
UX/UI Designer with a couple of years here, - let me attempt to solve this. Chances are that users who are entering a different shipping address have already filled most of the form, so the content above that line becomes more irrelevant, but the Main Action of finishing the process still stays just as important. We could: Make the window bigger, but that will create problems down the line for various device sizes or might not be possible - who knows, there could be constraints! We could also: Turn the menu into a scroll and autoscroll down, while keeping the button exactly where it is. This creates the mild discomfort that you might not be able see your info instantly anymore and, within this context, also makes the scrollbar a bit iffy to place. Keeping that in mind, we might hide unnecessary info behind a toggle instead, thus only creating the scrollbar scenario at niche times... or split this into 2 different actions that are more bite-sized. Enter and check your name, press continue, - now you have a new canvas just for the address.
From experience I'd gravitate toward splitting it while showing a nice and functional progress indicator if the form get's more complicated.
Once they have configured their data, ask if they want to save it to have a 1-button-buy later.
I'd say the Level 6 UX Designer would start this problem with the question of why a checkout form is nested inside of a modal with a big picture like that :)))
Usual checkout patterns begin in the product page, where we want to ask if they want to add to basket or check out instantly, leading you to either a whole page for checkout or a basket screen that invoke a bit more privacy and security.
Ohh this get's me all curious and now I want to test a design like in the video on users to see what they say hahaha
@@シズ-i9x thank you for such detailed answer! not all heroes wear capes ;)
Why is the price styled the same as the main button? I don't think it's clickable.
It’s to form a mental connection with the buying process.
@@MalewiczHype How about just using a bold blue font without the box?
There are multiple options here - I think I mentioned in the video it's worth deploying a level 5 with something like hotjar and seeing what works and what doesn't - then iterate :)
ooh and another little teaser for a mini course coming soon!
Yes, already recorded part 1 and doing part 2 soon :)
Loving the content thank you so much michal.. btw do you have any tips or resource that could benefit us as ui/ux designers for gfx or making pictures/graphics pop?
There are no specific high level tips - it's mostly based on a specific example
Muito obrigado pela aula. Esclarecedora.
Happy to hear!
Level 5 is sick! The design looks so buttoned up 😭
Thanks. Outside of the obvious there’s a lot of little things there that all add up.
@@MalewiczHype Thank you for drawing out attention to some of them! I appreciate little details and know their value as a designer and retoucher.
Thanks
Hello are you Polish by any chance?
Anyway, can I become a hirable product (UX/UI) designer in 1 year of self teaching?
Great video
Learning From This!
What's the best thing you learned?
Thank you
More to come! :)
Thank you for this video!
Next one in July
Watching!!
Welcome!
everything below 4 is just pure comedy
You'd be surprised how many of level 2 and 3 actually exist and are coded.
Poor user 1, I can feel his pain😢
he’s still recovering
photoshopping Eyes Brown to Blue is Bizarre and not best practice IMO
But learned alot!
I don't think I like the eye color change. Looks unnatural and is distracting. The person in the photo isn't what you want people to pay attention to. You want them to look at the product being sold, and then to checkout.
Another detail I don't like is that the text on the clothing item looks like a watermark, rather than part of the clothing. Watermarks ruin images.
hate to be a hater here but even the last version wouldnt even make for a good dribbble shot
I agree, the photo looks OK but the form design is in my opinion not appealing at all. The input borders aren’t even rounded😭