User experience (UX) and design

All digital product design must be responsive design methods and use common design patterns.

Using responsive design, following common design patterns and style guidance for digital content, and making sure the product is accessible means it will be simpler, clearer and faster for all users. It will also be available on the platforms and devices that users choose.

Consistent design that is responsive to different devices helps you to save time and money by re-using something that already exists that follows better practice, and is based on data and user research. This means you can concentrate on the unique things your product needs to do.

Responsive design ensures that users can interact with your product regardless of their device size or type, and browser or device processing power. The product should follow mobile-first design principles, consider users on slow internet connections or with limited download data, work well for both mouse and touch devices, and use front-end technology that works well regardless of device processing power.

When developing digital products, you should:

• follow the guidance in AITSL's Visual Style guide
• use a front-end user interface (UI) framework that is consistent with other AITSL applications, such as Materialize CSS
• test that the application interface is responsive and accessible on different devices
• talk to the Brand, Comms and Digital team before and during your project to ensure you get advice on how to deliver outcomes that meet all these requirements.