module 3: ui design principles

Module 3 of the BTEC Tech Award in DIT

Why are some apps just... nice to use? It's all about design principles. We'll explore how colour, fonts, layout, and even empty space (whitespace) are used to create UIs that feel intuitive, grab your attention, and are easy to understand.

lesson 3.1 - colour

Stop the rainbow mess! Learn how professional UI designers use a limited range of colours and house styles to create accessible, high-contrast interfaces. It is time to learn why the 'Cancel' button is always red.

lesson 3.2 - font style & size

Stop the font-pocalypse! Learn how to pick the perfect Google Fonts and sizes to make your UI readable, accessible, and professional. Feet or no feet? That is the question.

lesson 3.3 - language

Lesson 3.3 for BTEC DIT Component 1. We explore how words shape design! From jargon-busting to user-centred microcopy, learn why what you say on screen matters just as much as how it looks.

lesson 3.4 - amount of information & whitespace

Clutter kills apps! A fun, practical lesson on using White Space to save your UI designs. Less really is more. Ideal for BTEC DIT Component 1.

lesson 3.5 - layout (consistency, placement, grouping)

Squint your way to a better UI! Learn how Consistency, Placement, and Grouping turn messy screens into professional masterpieces. Warning: May cause excessive blinking.

lesson 3.6 - layout components (navigational & input)

Radio buttons or checkboxes? Don't make your users rage-click! We explore the essential layout components for BTEC DIT to make your interfaces smooth, smart, and mistake-free.