Redesigning the DTITool

59

Click here to load reader

description

The final presentation for the Design Case project of the User System Interaction program generation 2010.The DTITool is a tool for visualizing medical data. The quality of the visual

Transcript of Redesigning the DTITool

Page 1: Redesigning the DTITool

Redesigning the DTITool

Nikolay ChupriyanovGlenn VeugenTin de ZeeuwBiyong Zhang

USI 2011

Page 2: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 3: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 4: Redesigning the DTITool

What is Diffusion Tensor Imaging?

Page 5: Redesigning the DTITool

What is Diffusion Tensor Imaging?

DTI is a magnetic resonance imaging (MRI) method

Page 6: Redesigning the DTITool

What is Diffusion Tensor Imaging?

Measures tissue such as white matter or muscle fibers

DTI is a magnetic resonance imaging (MRI) method

Page 7: Redesigning the DTITool

The DTITool

Visualization tool for DTI data

Explore DTI data

Quantify DTI data

Page 8: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 9: Redesigning the DTITool

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

Page 10: Redesigning the DTITool

Early sketches and ideas

Page 11: Redesigning the DTITool

Initial conclusions

There are many potential users

DTITool is great for visualizing data

Page 12: Redesigning the DTITool

Initial conclusions

The UI is unintuitive and cumbersome to the user

DTITool is not being applied in the medical field

Page 13: Redesigning the DTITool

Use case for testing

Visualizing tracked fibers

Page 14: Redesigning the DTITool

Explore MRI data

Page 15: Redesigning the DTITool

Draw Regions of Interest

Explore MRI data

Page 16: Redesigning the DTITool

Track and visualize fibers

Explore MRI data

Draw regions of Interest

Page 17: Redesigning the DTITool

Track and visualize fibers

Draw regions of Interest

Explore MRI data

Export visualizations

Page 18: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 19: Redesigning the DTITool

1st user tests

9 expert users participated

Scenario based on initial research

4 Medical imaging background

2 With DTITool experience

3 HCI background

Page 20: Redesigning the DTITool

Old video

Page 21: Redesigning the DTITool

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%

Page 22: Redesigning the DTITool

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”

Page 23: Redesigning the DTITool

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

Game storming

Page 24: Redesigning the DTITool

Improve the basic package

Page 25: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 26: Redesigning the DTITool

2nd user tests

Prototyping time!

Validating prototypes heuristically

Testing round with users7 users

New and “recycled” users

Page 27: Redesigning the DTITool

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%

Page 28: Redesigning the DTITool

Comparison between tests

Page 29: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 30: Redesigning the DTITool

Tooltips & help

Page 31: Redesigning the DTITool
Page 32: Redesigning the DTITool

How it wasPlug-in list navigation

Page 33: Redesigning the DTITool

How it was

Page 34: Redesigning the DTITool

How it was

Page 35: Redesigning the DTITool

The new right panel

• Hick’s law in play

• Supports the standard workflow

Page 36: Redesigning the DTITool

Viewport manipulation and control

Page 37: Redesigning the DTITool
Page 38: Redesigning the DTITool

How we redesigned it and why

Page 39: Redesigning the DTITool

ROI drawing and editing

Page 40: Redesigning the DTITool

How it was

• Also: ask for video by Tin

Page 41: Redesigning the DTITool

How we redesigned it and why

Page 42: Redesigning the DTITool

Fiber tracking and visualisation

Page 43: Redesigning the DTITool
Page 44: Redesigning the DTITool
Page 45: Redesigning the DTITool
Page 46: Redesigning the DTITool
Page 47: Redesigning the DTITool

Project management

Page 48: Redesigning the DTITool
Page 49: Redesigning the DTITool

Exporting images

Page 50: Redesigning the DTITool

How it was

Page 51: Redesigning the DTITool

How we redesigned it and why

Page 52: Redesigning the DTITool

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

Page 53: Redesigning the DTITool

1st user tests

2nd user tests

Final designs

Retrospective

DTI and DTITool

Initial research

Page 54: Redesigning the DTITool

What have we learned

Page 55: Redesigning the DTITool

Go to users early and often

Page 56: Redesigning the DTITool

Sketch a lotThe more you sketch and throw away –

the better

Page 57: Redesigning the DTITool
Page 58: Redesigning the DTITool
Page 59: Redesigning the DTITool

Thank you for your attention