Ui and UX - 15 principles in 20 minutes

[@StefanMischook]

Please comment if you have questions, if you have content suggestions ... and even if you have criticisms. One exception, Ruby devs are barred from criticisms.

[@d.g.567]

I appreciate the addressing and creating awareness of the topic of UX to the dev community. As I am UX Expert for almost two decades across all business sizes, I would like to make some corrections on your explanation with all due to respect. 1. Serif fonts are not what are „flowery“. You are referring to script fonts here. Serif fonts are actually even better for paragraph texts since the letters „rest“ better on the (invisible) line of the text, due to little „feet“ at the bottom of the font which are called serifs. These function as visual guides for the eye when reading. However, it now the trend to have sans serif fonts due to the trend of minimalism and visual simplicity. Serif fonts were mostly common during the printing age for a lot of text where humans would spend a lot more time reading text, compared to today. 2. UI is subdomain of UX in general. Also UI consists of the „how it works“ as well. However, since the domain UX grew so much the past years (and still growing) we could make the distinction of UI and IxD (Interaction Design). UX is more the holistic topic of every user touchpoint across product, services and business channels. This could be the app, the integration in the backend which is not visually present to the user, but can be perceived in a different manner. One common example of this would be the concept of Continuity (doing something on one device and seamlessly continue on another one). This so called „holistic“ experience is nowadays called „service design“ or customer experience design, since the realm of UX is getting even more complex effecting every touchpoint of a user or customer with the business. Besides that everything mentioned is on point and good introduction to perhaps developers with less UX affinity. As mentioned before, creating awareness is highly appreciated because this is one of the key business success drivers nowadays. Always enjoying tuning in to your videos as a professional Designer who can also code. Thank you, sir.

[@silversolver7809]

Most useful Site dev book I read was 'Don't make me think' by Steve Krug, over 20 years ago. Nailed the 'Cognitive Load reduction' that Stef mentioned a few times.

[@lucisetumbrae]

Love the ordering of the three criteria. It seems a lot of the focus in practice is reversed as 3,2,1. Lots of beautiful sites that are confusing to navigate and ultimately have little content.

[@ujjalmukherjee1208]

Very well explained with Simplified examples 👌👌👌

[@HuzaifaKhan-jr1jp]

Really useful tips uncle Stef, you're great.

[@StefanMischook]

Thanks! 😃

[@persianman72]

A good practice for selecting the best colors is to check the "contrast ratio" of the background and text.

[@arthurmiller9103]

Great insights from a great teacher/trainer/mentor.🖖

[@StefanMischook]

I appreciate that!

[@KristianTBV]

Thanks for a video on UX I’m currently studying to be a UXE or UX engineer.

[@abarrios7007]

Excelent explanation!!!

[@StefanMischook]

Glad it was helpful!

[@wouterdegruijl4303]

Comment for the algorithm, great list of principles.

[@StefanMischook]

Appreciate it.

[@muffinman1]

Great ancient wisdom here uncle Stef, agree that better UX is more desirable most of the time than fancy UI but crap UX. I work in bioinformatics and we have examples of both situations so this really made sense to me.

[@xr3kTx]

About to start CS50W after the final project this is awesome and useful thanks

[@StefanMischook]

Great to hear!

[@jim5526]

Well done. Thank you

[@shattereddnb3268]

If you don´t have spining skulls with flames background, did you even try?

[@ricnyc2759]

Will UI be the "visual" prompt for AI to make webpages?

[@StefanMischook]

Try it.

[@ComputerProgramming-ig9kn]

I want to know, what can be some good ways to structure code, and files, when building web apps? like in php.

[@StefanMischook]

Continually simplify.

[@lukasneuschl]

Remember when Microsoft tried to use horizontal navigation in WIndows 8 Metro (If I remember the name correctly)? These days its laughably bad UX.

[@StefanMischook]

Yes ... you are right.