Amateur vs Pro UI Design | with examples

Code: JESSE
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:

🏆 //////////// Join my free member's community to get access to perks:
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma

🖥️ ////////// I Prototype Magic in ProtoPie

🖥️ ////////// I Build websites in Framer

📅 ////////// I run my life with Notion

[humairanaeempasha]

Would really appreciate if you'd show your version next to the version being critiqued. Good content! 👍🏽

[Loggerr]

We'll need a part 2 of this. Its super useful to see! Good stuff Jesse!!

[Amrdys]

I really do think that the Dashboard design at 10:40 is way better than the one at 11:20. Talking from both UI design and Front-end development perspectives.

[joselitosibayan]

As a graphic designer trying to transition into the UX industry, I think these senior-level interfaces wouldn't be possible without understanding research. Design isn't only about design—it's also knowing what the users actually need. Thanks for putting out such educational content!

[GoddessofWarr]

I agree we need a part 2 !! This is so interesting !

[steffm.]

somewhere there's a video called "Amateur vs Pro Sound Mixing" using this as the worst case

[alyzak.]

You should definitely make this a series! Super helpful in training my eye. Thank you 💕💕

[ogunsolajulius]

This is so good and helpful Jesse, we`ll need a part 2. Thanks for all you do 😊

[cyberhrc]

On last example, i do agree that colors 'might' be better but at the same time we cannot ignore that some clients DEMANDS usage of 'their' colors [ purpose of branding etc ] in the design. Setting good color itself is always required but on showed examples, last one is 'too perfect' with usage of photos that perfectly matches design while the previous one had more ' real life ' photos. I am personally tired of 'blue' for business, money, and corporate stigma. Colors should have purpose for a user and for a client as the same value [ tho that is hardest part ] :) Overall good video, keep it up !

[JoseGomez-tozu]

Nice video, thanks! It'd be helpful if you provide more context about what criteria you're using to judge a UI as a junior or senior. Just mentioning colors, hierarchy, etc., can be interpreted very subjectively

[tetsi]

Sorry, but the Dashboard @11:20 has all kinds of serious issues that scream "lack of attention to detail". The "Cash flow" legend is superfluous (the text is in the boxes above the numbers!) and also wrong - it shows outflow as black while its box is purple. It's not obvious at first glance that the date "pills" underneath the numbers are a time slider (i guess) and why the eff is "Apr 22" following "Apr 21" when "6 months" is selected in the filter? Similar for the "Profit and loss" thing. Superfluous legend. Why is there a $80000 above the graph? What is the scale of the graph? Why is the graph starting before Nov 20? Is the graph axis just misaligned? Why is the axis ending in March and not April (or May?) like the one on the left? Why don't the numbers match up? Is outflow 2000 or 12000 in the 6 month period shown? There is a typo in "fiscal year" in the net income section. Also why is there a (?) behind fiscal year? The thing shown there is logically a table. Why is it not formatted as a table? On the right side "Payable & Owing" has also a typo "1.30 days overdue" should probably be 1-30. The" 31-60" is missing the "days" and has a capitalized "Overdue". Why the heck is there a "hire bookkeeper" tab on the top (that's an action) next to the "overview", "transactions", "reports" tab? All in all this dashboard is rather bad not only content wise but also from a design perspective. Sorry.

[ladyxlittlemonster]

bro, really, lower the volume of your intro, it is so annoying

[YoungGrizzly]

I think you made great points and some I didn’t agree with but were extremely useful. More importantly this video reinforced why I don’t do front end design. There is just so much that gets scrutinized that I would consider adequate.

[jaymehta]

Really good insights. In general, if I am not wrong, keeping the background white really opens up your options to play around with different colors, contrasts and shadowing etc. I am not a fan of dark background but in a few instances I have seen people pull off good dashboards even with the dark backgrounds.

[grafartist]

Does this mean you'll bring back the rework series? I can see that being super beneficial for someone who is junior level like myself. I'm currently doing the course and I'll be honest, I thought some of those designs were good until you offered insight into what makes them appear less than senior level, so it would be cool to see you make edits in real time to do a before and after comparison.

[clairefreshney]

At 5:46 the tertiary call to action doesn't differentiate from the input text. I would argue that creating learning behaviours for user is not super easy. Also this screen doesn't have great spacing between the input field boxes - almost like they are repelling... I always say to my designers - they are friends not enemies!!!

[pedrosantos]

Very good video. But I really have a question. I'm a developer, but I like to study UI/UX. In the dashboard at minute 11:18, for example, it's very pretty, that's undeniable, but it doesn't seem like a good idea to be executed. Those rounded edges and that displaced footer menu, I really have no idea how to execute this to preserve these aspects. The browser, as far as I know, doesn't support this. But if anyone knows, I'd love to see an example of this execution. Because design is supposed to be beautiful and disruptive, but it has to be executable in code.

[tictac_oe]

Loved this one Jesse! We need more of these

[raquelgarcialeyva]

Wow, Your 👀keen eye for detail is incredible; it really helps me pinpoint the issues in some of my designs. This video has been very helpful to me.

[domvial]

On the sign-up screens, the primary CTA state should be displayed as disabled since the mandatory info is not entered yet.

Also, on that last map screen, should be “Satellite”, not “Sattelite” 😉