Redesigning the DTITool

Redesigning the DTITool

Nikolay ChupriyanovGlenn VeugenTin de ZeeuwBiyong Zhang

USI 2011

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

What is Diffusion Tensor Imaging?

What is Diffusion Tensor Imaging?

DTI is a magnetic resonance imaging (MRI) method

What is Diffusion Tensor Imaging?

Measures tissue such as white matter or muscle fibers

DTI is a magnetic resonance imaging (MRI) method

The DTITool

Visualization tool for DTI data

Explore DTI data

Quantify DTI data

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Initial research

Getting acquainted with Diffusion Tensor Imaging– Interviews with doctors and researchers

Seeing how DTITool is used– Observation of experts using DTITool– Heuristic evaluation

List with issues and feature requests– From 2 researchers and MMC Veldhoven

Early sketches and ideas

Initial conclusions

There are many potential users

DTITool is great for visualizing data

Initial conclusions

The UI is unintuitive and cumbersome to the user

DTITool is not being applied in the medical field

Use case for testing

Visualizing tracked fibers

Explore MRI data

Draw Regions of Interest

Explore MRI data

Track and visualize fibers

Explore MRI data

Draw regions of Interest

Track and visualize fibers

Draw regions of Interest

Explore MRI data

Export visualizations

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

1st user tests

9 expert users participated

Scenario based on initial research

4 Medical imaging background

2 With DTITool experience

3 HCI background

Old video

Results

User # T1 T2.1 T2.2 T2.3 T2.4 T3 T4 T5 T6

1 fail pass pass fail pass fail fail fail pass

2 No record pass fail fail fail pass pass pass fail

3 pass pass pass fail pass pass pass pass fail

4 pass pass pass fail pass fail fail fail fail

5 pass pass pass pass pass fail fail fail fail

6 pass pass pass pass pass fail pass pass pass

7 pass pass pass pass pass pass fail fail pass

8 pass pass pass pass pass pass pass pass pass

9 pass pass pass pass pass pass pass pass pass

88% 100% 88% 55% 88% 55% 55% 55% 55%

Lack of feedback in viewports

No clear cues

Not always clear how to zoom

Right panel is cluttered

ROI drawing not straight-forward

Poor representation of available plugins

“Dropdown sucks”

Unclear where to draw ROI

Interface text is not intuitive

“If I only save fibers, I lose the background information of the planes”

Doesn’t really know what to save

“Tool seemed to be clean and simple, but it’s this kind of simplicity that hides the complexity”

• Composed scenario based on initial research• Processed results by means of affinity diagram

Game storming

Improve the basic package

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

2nd user tests

Prototyping time!

Validating prototypes heuristically

Testing round with users7 users

New and “recycled” users

Results of prototype testing

User T1 T2 T3.1 T3.2 T3.3 T3.4 T3.5 T4 T5 T6 T7 T8 T9

#1 pass pass pass fail pass No record No record fail pass pass pass pass pass

#2 pass pass pass pass pass pass fail fail pass pass pass pass pass

#3 pass pass pass pass pass pass fail fail pass pass pass pass pass

#4 pass pass pass pass pass pass fail fail pass pass pass pass pass

#5 pass pass pass pass pass pass No record fail fail fail pass pass fail

#6 pass pass pass pass pass No record No record pass pass pass pass pass pass

#7 pass pass pass pass pass pass pass pass pass pass pass pass pass

100% 100% 100% 85% 100% 100% 25% 28% 85% 85% 100% 100% 85%

Comparison between tests

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Tooltips & help

How it wasPlug-in list navigation

How it was

How it was

The new right panel

• Hick’s law in play

• Supports the standard workflow

Viewport manipulation and control

How we redesigned it and why

ROI drawing and editing

How it was

• Also: ask for video by Tin

How we redesigned it and why

Fiber tracking and visualisation

Project management

Exporting images

How it was

How we redesigned it and why

Final result

High-fidelity interactive prototype

Sketches and ideas that have not been implemented in hi-fi

prototype

An accompanying specification document explaining the design

changes and rationale

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

What have we learned

Go to users early and often

Sketch a lotThe more you sketch and throw away –

the better

Thank you for your attention