UK Inhaler Group 'How to use your inhalers' project

The UK Inhaler group commissioned Asthma UK to create a video series of instructions on how to use inhalers. As these videos would be numerous, an organizational and finding tool was necessary to aid in the discovery of the right information by a demographic with low health literacy. Additionally, information regarding consumption of health information was discovered and used to inform the content produced.

Additonally, I have analyzed the launched system and have made recommendations for it’s improvement.


There are hundreds of inhalers prescribed for individuals with asthma and other respiratory conditions. Providing a page with all the videos of all the inhalers available would not allow users to easily find their specific inhaler. As the sole UX Designer at Asthma UK I was tasked with creating a UI that would allow inhaler users to find the video of their inhaler quickly and easily, as well as provide a location for them to watch the video on the Asthma UK ecosystem. 

The Asthma UK website had a 'How to Use Your Inhalers' Page, which was popular amount it's userbase, but it did not provide the best experience and the selection of videos was outdated.








Research and Analysis of current User Behaviour

Initial research for the project was done using a True Intent study on the current 'Using Your Inhalers' page. This survey used the Hotjar survey tool as an alternative to a true intent study tool, and it was displayed to the user when they scrolled halfway down the page - to try and capture their opinions and actions midway through their task. 

Results showed that the majority of survey respondents (which we then extrapolated to be representative of the visitors of the page) were visiting to find personal health advice, and how to use their inhalers properly. Additionally, a large number of participants were health care professionals looking for videos to show their patients. This was a user group that Asthma UK was previously not focused on, and encouraged us to reach out to health care professionals more during our video creation, as well as take a deeper look into the analytics to determine the percentage of visitors to this page who were, in fact, healthcare professionals instead of patients.


Design a system which easily allows individuals with asthma, and health care professionals to watch a video on how to use an inhaler. As there are many inhalers, also allow them to easily find said video for their specific inhaler type.


As discovered in the research phase, it came to our attention that healthcare professionals were an audience for these videos. Additionally, parents of children with asthma were also a significant audience. Largely though the audience was individuals with asthma, either newly diagnosed or those who have recently been prescribed a new medication. The current page was visited about 50/50 split desktop and mobile. This information came from internal Asthma UK data of the asthma demographics within the UK, as well as Google analytics.


The main competitors for this content piece were actually part of the UK Inhaler Group so they would not be providing competition. Other sites on the internet may provide similar content, but Asthma UK has the advantage of being a licensed charity and being well respected in the UK, which random Youtube channels would not have.

Design Process and Solution

Using the Asthma UK style guidelines, previous knowledge on the behaviour of the Asthma UK audience based on input from the content, digital and nursing teams, as well as the knowledge gathered through research a set of wireframes and a user flow was created, and reiterated upon 6x with input from the content team involved with the project.

The flow was as follows:

  1. User searches for inhaler technique
    [Directed to AUK from Google]

  2. User watches introductory video

  3. User selects inhaler

  4. User watches video
    [Play instructional video]

  5. User is prompted to watch more
    [Instructional video 2] {instructional video 3]

  6. User is directed to other areas of site if possible.

These wireframes were then turned into a interactive prototype in Axure for testing and presented to a group of 5 users, each recruited for their relationship to asthma and for features such as their relationship to Asthma UK, their tech savviness, and propensity to use the internet for health advice.

User testing took place at the Asthma UK offices and were prepared for and conducted by myself. Each session lasted 1 hour and provided insight into both the user behaviour on their health advice searching behaviour, current Asthma UK website, and the prototype for the new inhaler videos. Users were recruited based on their diagnosis of asthma, as well as propensity to use the internet to find information regarding their health. These individuals were all from within the London area, and were a wide age range, income range, health literacy range, and range of severity of asthma.

Important findings that informed the designs:

  • Participants preferred method for referring and recognising their inhalers was by colour and shape, so strong visuals of the inhalers and their available colours would be absolutely necessary - additionally being able to search by colour would allow them to filter quickly.

  • Participants would also be willing to check for the proper name of their inhaler if needed, as they recognised the importance of knowing how to use their inhalers properly, but it would be secondary to colour and shape. Also, this was self proclaimed, rather than behaviourally discovered.

  • Content on the video page was hardly interacted with and the main goal on this page was watching the video, so additional written content on this page would be left unconsumed. Also, videos would need to be short, punchy and to the point or it would not be focused on.

  • Google was a key factor in individuals finding their preferred health information, and they knew which sources they trusted (i.e. the NHS) and which they did not (i.e. most American sources). Participants were unlikely to navigate through the Asthma UK website to find the videos, and SEO would be a key factor in determining if they found the videos or not.

Additional insight into the behaviour of individuals when looking for information online was gathered and presented to the organisation alongside the UKIG findings.

Post testing, the wireframes were annotated, and were sent to the organization's development and design agency - alongside agile user stories and requiredments created in collaboration with the project managers and analytics team at Asthma UK.

Final designs were presented to myself, and the content team, then returned with minor visual feedback. Additionally, the nurse and content team worked on the taxonomy for the inhalers that listed each inhaler type, it's name and available colours. The adwords, SEO and analytics team was collaborated with to ensure that the pages would be quickly and easily findable through Google. UI designs and development were provided by an external agency, which I was a key stakeholder in the relationship with during development.

User Feedback

Post launch feedback was collected using the Asthma UK reader's panel (who mainly focus on feedback on the video content), and through and interstitial satisfaction survey on the web page. I was not involved with this process as I had left the organization at this time.


The launched tool can be found here:

Search functionality is not automatic. Autofill text when clicked still requires an additional click on the search button (which is only an icon) to action the search. I would suggest reducing the number of clicks necessary.

Terms within the system seem to be thorough and succinct. I am not privy to the back end information but I am hoping that Asthma UK is collecting the search data as suggested to make improvements during the life of the tool.

Videos are uploaded on Vimeo rather than Youtube as suggested. This will limit their reach, and the Vimeo player has less functionality than the Youtube player. Introduction to the video is 37 seconds long, which I worry may not be quick enough to ensure that individuals are watching the entire video, and they are not able to get to the information they need (the actual inhaler technique) immediately.

Video transcripts are not time aligned as suggested. They have just been copy-pasted onto the page.