Skip to content

Commit d16adc3

Browse files
committed
Add design history post for capturing breast features
1 parent afe21e4 commit d16adc3

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

app/posts/manage-breast-screening/2025/07/2025-07-17-medical-annotation-tool-for-capturing-breast-features.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,9 @@
22
title: Designing a medical annotation tool for capturing breast features
33
description: How we're designing a new medical annotation tool to enable users to capture features
44
date: 2025-07-17
5+
tags:
6+
- beta
7+
- breast screening
58
---
69

710
We’re designing a way for radiographers to record breast features on a diagram, so that this information can later be used by radiologists during image-reading. Breast features include things like scars, moles and warts which can affect the appearances on the mammogram.
@@ -20,7 +23,6 @@ Paper offers pros and cons: while drawing on paper offers an easy way for radiog
2023
NBSS uses a grid on a diagram to create annotations, which is a step towards structured data. However, users have told us about various issues with recording on the grid. Some areas of the grid where a mark needs to be recorded – such as immediately left or right or above for below the nipple – can’t be selected, so NBSS’s annotation tool doesn’t allow users a necessary level of accuracy.
2124

2225

23-
2426
## Starting with the wisdom of the team
2527

2628
We kicked off this work with a sketching workshop to access the wisdom, context and experience within this space.
@@ -47,20 +49,20 @@ The prototype allows users to click on a diagram to add a mark. The mark shows u
4749

4850
This is what the user sees when no features have been added.
4951

50-
![Screenshot of breast features component](bf-1.png)
52+
![Screenshot of breast features component with no features added](bf-1.png)
5153

5254
## Adding a feature
5355

5456
When a location has been selected, the user will see a popover asking what the feature is. They can select mole, wart, breast reduction scar, other scar, or other feature. We are very likely to iterate this list as we try to prioritise the most common types of features, while also allowing enough flexibility for customisation.
5557

56-
![Screenshot of breast features component](bf-2.png)
58+
![Screenshot of breast features componen with a popover open](bf-2.png)
5759

5860

5961
## Features added, key shown
6062

6163
The diagram below shows two features added to the diagram, with the locations displayed next to them.
6264

63-
![Screenshot of breast features component](bf-3.png)
65+
![Screenshot of breast features component with two features added: a mole in the right upper outer, and a wart in the left lower central](bf-3.png)
6466

6567
# Mini GIF demo
6668

0 commit comments

Comments
 (0)