13 UI/UX Design Tips To RADICALLY IMPROVE Your Designs

[@chrysostomosploumakis296]

You just summarized perfectly EVERY Design Principle that's being taught by dozens of books and subjects (seminars etc.). What an immense value this video has ! Simply AMAZING !

[@bigakizzle420]

Every time you release a video, my website gets better. Thank you and keep em coming!

[@WPTuts]

Now, that's what I like to hear. :)

[@smartslix4238]

Great stuff! 8 points grid video. Excited about it!

[@WPTuts]

The 8-Point Grid is a great way to easily scale your design and create a sense of design consistency. Combine it with EMS or REMS and you can scale so easily, it's crazy. :)

[@Who.Said.Photography]

WOW - super-duper informative, keeped my attention the whole time. Video save to my favourites. 👍👍 Please keep them coming.

[@WPTuts]

Awesome to hear you enjoyed the video and got value form it - there will be a new video coming each week on UI/UX. ;)

[@brrrbeep]

Great video, Paul, thanks. Some good practical advice there!

[@wakajak8634]

This has been surprisingly useful for my videogame UI/UX. Thank you

[@WPTuts]

Awesome to hear. The techniques are certainly not limited to web design. 🤘🏻

[@Pedant_Patrol]

Dude, this was awesome! Thanks for the insights.

[@WPTuts]

My pleasure. Happy to hear that you found the video useful. :)

[@wpglob-wordpresstutorials]

Very useful and excellently combined tips. Thanks for sharing, Paul!!

[@frits1463]

This is so helpful. There's no use to in building websites if you don't follow these simple rules I think. Thank you!

[@MarioGZito]

I loved this video. Super helpful and educational. Thank you for sharing this essential knowledge!

[@benjaminmartin6882]

Incredible!! The amount of great information in this video is incredible!! Thanks greatly!!!

[@WPTuts]

Thanks Benjamin; it's great to hear you got a lot of value from the video. :) There are new UI/UX videos coming each week.

[@pelangos]

Thanks! Just implemented the 8 point spacing on my site and it does look a lot better. Yay!

[@WPTuts]

Awesome! Great to hear that it's already making an impact. :)

[@kevinroberts3789]

Super useful! Excellent summary and illustration of basic design principles. I'll be recommending this video.

[@TheAdminBar]

8pt for life Paul!

[@WPTuts]

Good to heaer you like the 8-Point System... so useful once you start using it.

[@mariajackson8923]

Excellent video. Very thorough.

[@WPTuts]

Thank you Maria. :)

[@peritussolution8169]

I love the video, so detailed and gave UI/UX tips in a glance

[@susangemayel-tapper3794]

Thanks Paul, great advice as always!

[@newtrinohair]

This was so helpful and has had such an impact on my design! Thank you so much

[@ezk10003]

Great video, simple rules, no buzzwords, solid advice!

[@WPTuts]

Buzzwords just confuse people for no reason - I come from the school of KISS :)

[@ezk10003]

@@WPTuts 100% agree, I think they need to reinvent the wheel every couple of years to sell things to people.

[@Atulwebdesigner]

Fully value-packed video from start to finish. Very informative on how to make great designs. Thanks for sharing Paul.

[@nerdoteam]

That was super helpful 🤩 thanks man 🥰👏👏👏

[@JoseRamirez-hd4ir]

Hello Paul, you are a gran master in explaining complex things!!! Thank you so much for teaching us, how to be better web designers!!

[@stevestapelberg9163]

Wow ! Thank you for this Paul. Looking forward to implementing these. Another easy to follow tutorial. Much appreciated.

[@DaveKariuki]

These are all great tips to learn and be reminded of. The way you explain these UI/UX principles in an easy-to-understand way is really impressive.

[@WPTuts]

Thank you David. I do try to explain the concepts in a clear and easy to understand way where possible. :)

[@MatusHorecny]

Great video for beginners, easy to understand descripiton with nice coherent examples, even though I would consider all mentioned tips to be UI, not UX.

[@WPTuts]

Surely the UI will affect the UX? A bad UI makes for a bad UX and vice versa. 😉

[@elevateyourcreativeness]

Absolutely a very well put together video tut Paul! People need to understand that by using consistent fonts as you illustrated, this helps reduce the cumulative shift on a page, which will reflect in better scoring from the Google gods when performing any speed testing! Particularly on mobile devices!

[@WPTuts]

It's like the gift that keeps on giving. lol Glad you enjoyed the video Greg - many more on UI/UX to come. :)

[@elevateyourcreativeness]

@@WPTuts when you were discussing rules of 8, will you cover using Clamp Functions or ensuring correct deliverability of fonts on all device sizes? I’m trying to wrap my head around that function!

[@MarioSarto]

Hi Paul! Your style of explaining things is undoubtedly one of the best to be found here on KZbin. Part of the reason I'm particularly excited about your announcements of new videos regarding GeneratePress/GenerateBlocks and UX/UI. I've been writing websites for twenty years and (very!) much of what you say in your videos I can agree with a 100%. I hope to see many more of your videos.

[@christian-k]

Paul, this video pulls so many important things together. Very well explained - every web developer should watch it in order to broaden his/her design skills.

[@WPTuts]

Thank you Christian - it's always good to know the 'rules' so you can break them when needed to great effect.

[@KaiBuskirk]

Thank you ! Great Job!

[@paulmitchell2005]

Excellent presentation. I learned a lot and was reminded of a few things I had forgotten. Keep up the good work!

[@jimroberts1248]

A lot of great points. I raced back to my websites to check them out.

[@WPTuts]

Nice! I hope you found some of the points raised useful and something you can implement moving forward. :)

[@tomimdawodu6808]

Hey could you do a KZbin video on how to come up with great compositions and layouts to design content in UI design ? Basically on how to structure/layout content and images and elements for the design in way that beautiful and also interesting ? Like what are the best spots on a page to place content past the hero section ? How to compose and structure content in a way that's pleasing to the eye and still functional and easy for the user?

[@davidwalls2304]

Paul, great video! I'm developing a few new websites but now need to go back and "enhance" the designs based on this video. Excellent recommendations that will take things to the next level!

[@WPTuts]

Great to hear that you're already finding value in this video and the topic in general - I have so much more content to come to hopefully help everyone who watches add those little refinements that make a huge difference overall. :)

[@markjszymanski]

Great stuff! Never heard of the 8 point system. Kinda funny how Elementor uses 20 px for the default spacing in sections. I guess they don't know about it either lol

[@WPTuts]

Maybe their maths isn't too good.. lol

[@DNC70]

@@WPTuts Indeed! Do you recommend changing the content width from 1140 to something that is more compatible with the 8pt grid? 1136 or 1144 are the closest I think (my maths isn't too good either!). Or is there a way to get the 1140 width working with an 8 point grid that I've missed?!

[@tomimdawodu6808]

Helpful and great video btw

[@pwsitkowski]

Great video! That is what I really needed and even didn't know about it..;-)

[@adewoletemitope2423]

Thank you for this, I really gain from it

[@WPTuts]

Great to hear that Adewole. :)

[@nick8292]

Great vid. Subbed

[@jimhowkings1974]

great vid. thanks mate

[@katedemoore8617]

Hi Paul. Great Tutorial as usual. However, I think you might have thrown in a bit on choosing Type and Type pairing and proofreading is important. Do it more than once. And the Number One Rule in UI/UX Design: KNOW YOUR AUDIENCE. Cheers!

[@mentor_prince]

Nice job! 👍 I'm gonna have to pin this video. It's really useful not online for web developers but also for graphic designers. Can you please do more videos on the 8-point grid? 🙏 Thanks

[@WPTuts]

I do plan on some more detail on the 8 point system as it's super useful for sure. :)

[@mehdimoradi603]

Great like always, may you introduce some sources to get some ideas of standard ui designs?

[@WPTuts]

I'm already planning a video on my top design inspiration resources - keep an eye out for it over the next few weeks. :)

[@mehdimoradi603]

@@WPTuts 😍 im waiting... U just make our life easier

[@WPTuts]

@@mehdimoradi603 that's my aim. :)

[@BryanPhilips]

Would you use the 8-point grid system for fonts & line-height? PS: this is an amazing video, thanks for putting all the great ideas into the one place.

[@heavylog1c]

But what line height should I use for headings? 1.5em looks too much for me.

[@AsitAithal]

Brilliant.

[@mariberceritah8925]

Hi sir, I really appreciate your work, if you want to make a video about ecoomers with a (mobile user interface) using the crocoblock family from logging in to the thanks page, warm greetings 🙏

[@YuccaEvergreen]

... Those posters though...

[@roppor2194]

When’re link to description this video

[@WPTuts]

Which link are you referring to?

[@advanced-developers]

Good

[@peritussolution8169]

I love the video, so detailed and gave UI/UX tips in a glance