Communicate key concepts
Using illustrations in Turas is a powerful method for communicating important ideas and actions. Maintaining a consistent and unified style across different apps and sites is a powerful strategy for creating a strong and cohesive visual brand. This fosters instant recognition, building trust and credibility with our users.
It's crucial that illustrations serve the purpose of adding context and providing information, contributing to a seamless user journey. Each illustration should communicate a distinct and straightforward message.
In Turas, the focus of illustrations should be on the human experience, illustrating how users can engage with the product and derive benefits from it.
Ensure that figures and backgrounds maintain consistency throughout the app or site, aligning with the established library of illustrations created by the NES design team.
Key features of a Turas illustration:
- human-centred
- consistent
- accessible
- clear
Diversity matters
When choosing or creating illustrations for Turas it is essential to reflect the multi-ethnic and inclusive principles of NHS Scotland in accordance with the 2020 Workforce Vision.
In our Design System, inclusivity is a guiding principle, and we aim to authentically represent the diversity of individuals in the world. Our illustrations celebrate a wide range of body shapes and sizes to ensure a genuine portrayal of people. Embracing diversity not only reflects our commitment to inclusivity but also contributes to a more relatable and inclusive user experience, fostering a sense of connection for all users.
Consider colour contrast
Care should be taken to ensure maximum accessibility when using the illustration colours. This is achieved by creating a strong contrast between foreground and background elements and the use of accent colours to highlight key areas.
How to use illustrations
Illustrations should consistently convey a clear message to the user. Whether clarifying extensive text in an engaging manner or celebrating the completion of a process, illustrations serve as effective tools in communication.
Suggested uses for illustrations:
- for hero sections on homepages
- to introduce main concepts to the user on section pages
- to encourage a user to engage with a function or feature
- for loading, errors, or empty states
- for on-boarding (explaining how the product is used)
- for updates and announcements
- to indicate progress
Formats
All illustrations should be created as vector files in either AI, EPS or SVG formats.
Illustration review and approval
Illustrations not created by the NHS Education for Scotland design team should be reviewed and approved by the design team for style and content before they are used on Turas products. Additionally, any linked files must be packaged together and upon completion, all working files should be sent to the design team.
Email the design team at: design_support@nes.scot.nhs.uk