- ✓User experience (UX) design focuses on the overall experience of using a product, encompassing how intuitive, efficient and satisfying it is to use, while user interface (UI) design focuses on the specific visual and interactive elements that the user interacts with.
- ✓The user-centred design process, which involves researching user needs, creating and testing prototypes, and iterating based on feedback before building the final product, consistently produces better outcomes than designing based on assumptions.
- ✓Accessibility is not an optional enhancement: it is a legal requirement in many contexts under legislation such as the Equality Act 2010, and designing for accessibility from the start is far more efficient than retrofitting it after the fact.
- ✓Wireframes and mockups are low-fidelity design artefacts that allow teams to explore and test interface concepts quickly and cheaply before committing to development, saving significant time and rework later in the project.
- ✓Design systems and component libraries, collections of reusable interface elements with consistent styling and behaviour, are now standard tools in professional application development: they improve consistency, speed up development and make it easier to maintain a coherent user experience across a product.
Listen to the full episode inside the course. Enrol to access all 80 episodes, plus assignments, tutor support and Student Finance funding.
Start learning →Alex: Hello and welcome back. Today Sam and I are looking at user interface and user experience design. Sam, this is an area where there's still sometimes an assumption that developers don't need to understand design, but that's changing, isn't it?
Sam: Significantly. In a large organisation with dedicated UX and design teams, a developer might work entirely from specifications provided by others. But in smaller organisations, and increasingly in modern cross-functional teams, developers need to understand and contribute to design thinking rather than just implementing pixel-perfect specifications. And even when working with a dedicated design team, understanding the principles helps you have better conversations and make better implementation decisions.
Alex: Let's start with the distinction between UX and UI. People use the terms almost interchangeably but they're different.
Sam: UX, user experience, refers to the overall experience of using a product: how easy it is to accomplish your goals, how it feels to interact with it, how it handles errors and edge cases, whether it creates frustration or confidence. It's about the whole journey, not just the visual appearance. UI, user interface, refers to the specific visual and interactive elements: the buttons, menus, forms, layouts and typography that users interact with directly. Good UI contributes to good UX, but UX is the broader concept.
Alex: What are the core principles of good interface design?
Sam: Several fundamental principles. Clarity: users should be able to understand what each interface element does without having to guess or experiment. Consistency: similar elements should behave in the same way throughout the application, which reduces the cognitive load of learning to use it. Feedback: the interface should acknowledge user actions promptly, confirming that a form has been submitted or an action has succeeded rather than leaving the user uncertain. Error prevention and recovery: well-designed interfaces make it hard to make errors and easy to recover when errors do occur. And accessibility: the interface should be usable by people with a range of abilities, including visual impairments, motor limitations and cognitive differences.
Alex: And the user-centred design process?
Sam: Good design starts with research: understanding who the users are, what they're trying to accomplish, what their context is and what frustrates them about existing solutions. This informs the creation of user personas and user journey maps that represent the range of users and use cases. Then wireframes and mockups translate the design thinking into concrete interface concepts that can be evaluated and tested. Testing with real users, even in a rough prototype form, reveals mismatches between what designers assumed users would understand and what they actually understand. And the cycle repeats: research, design, prototype, test, iterate.
Alex: What tools are used in professional UI and UX work?
Sam: Figma has become the dominant tool for interface design and prototyping, enabling collaborative design work and the creation of interactive prototypes that can be tested with users before any code is written. Miro and similar tools are used for the earlier stages of user research and journey mapping. And for implementation, CSS frameworks like Tailwind and component libraries like Material UI and Ant Design provide building blocks that embody established design patterns and accessibility standards.
Alex: Really valuable cross-disciplinary knowledge. Thanks, Sam.