Faysal AzizUI and UX Essentials
Design web, mobile and connected-device interfaces for developer handoff
Why this course
Understand the distinction between user interfaces and the wider user experience, then apply design principles to guided web, mobile and connected-device examples. Follow the design lifecycle from project definition and wireframes through responsive content and developer handoff.
Learning outcomes
- Distinguish UI and UX and apply introductory design principles.
- Prepare web page and mobile app interface designs for realistic project briefs.
- Consider navigation, content, authentication flows and responsive behaviour.
- Recognise connected-device interface limitations and prepare designs for coding and deployment.
Prerequisites
Basic file-handling skills, a suitable computer and internet access. Use the prepared design/prototyping tool; an existing Adobe XD environment can demonstrate concepts, but XD is in maintenance mode and is not assumed to be freely available to every new learner. Prior design experience is not required.
5 modules
01Module 1 — Foundations and design lifecycle6 topics
- Theory
- Exploration
- Software
- Workspace
- Prerequisites
- Design lifecycle
Consider clear, predictable navigation and usable controls across different devices.
02Module 2 — Web interfaces5 topics
- Project outline
- Inner pages
- Content adaptation
- Responsiveness
- Navigation
03Module 3 — Mobile app interfaces6 topics
- Wireframing
- Native elements
- Navigation
- Authentication
- Content
- Flexibility
04Module 4 — Connected-device interfaces2 topics
- Design limitations of IoT interfaces.
- Appropriate use of interface capabilities within device constraints.
05Module 5 — Handoff and release lifecycle3 topics
- Work with developers and prepare the design for implementation.
- Review changes during development.
- Understand the design contribution to application deployment.
A programme built around your team.
Share your training goals and requirements.