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

1. Redesigning the DTITool
Nikolay Chupriyanov
Glenn Veugen
Tin de Zeeuw
Biyong Zhang
USI 2011

2. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

3. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

4. What is Diffusion Tensor Imaging?

5. What is Diffusion Tensor Imaging?
DTI is a magnetic resonance imaging (MRI) method

6. What is Diffusion Tensor Imaging?
DTI is a magnetic resonance imaging (MRI) method
Measures tissue such as white matter or muscle
fibers

7. The DTITool
Visualization tool for DTI
data
Explore DTI
data
Quantify DTI
data

8. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

9. 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

10. Early sketches and ideas

11. Initial conclusions
DTITool is great for visualizing data
There are many potential
users

12. Initial conclusions
DTITool is not being applied in the medical field
The UI is unintuitive and cumbersome to the
user

13. Use case for testing
Visualizing tracked
fibers

14. Explore MRI
data

15. Explore MRI data
Draw Regions of
Interest

16. Explore MRI data
Draw regions of Interest
Track and visualize
fibers

17. Explore MRI
data
Draw regions of
Interest
Track and visualize
fibers
Export
visualizations

18. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

19. 1st user tests
Scenario based on initial research
9 expert users
participated
 4 Medical imaging
background
 2 With DTITool experience
 3 HCI background

20. Old video

21. 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%

22. Lack of feedback in viewports
Interface text is not intuitive
Doesn’t really know what to save
“Dropdown sucks”
No clear cues
ROI drawing not straight-forward
“Tool seemed to be clean and simple, but it’s this kind of simplicity that hides the compl
Poor representation of available plugin
Not always clear how to zoom
Right panel is “If I only save fibers, I lose the background information of the planes
cluttered to draw ROI
Unclear where

23. • Composed scenario based on initial research
• Processed results by means of affinity diagram
Game storming

24. Improve the basic package

25. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

26. 2nd user tests
Prototyping
time!
Validating prototypes
heuristically
Testing round with
7 users
users
New and “recycled” users

27. 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%

28. Comparison between tests

29. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

30. Tooltips & help

32. How it was
Plug-in list navigation

33. How it was

34. How it was

35. The new right panel
• Hick’s law in play
• Supports the standard
workflow

36. Viewport manipulation and control

38. How we redesigned it and why

39. ROI drawing and editing

40. How it was
• Also: ask for video by Tin

41. How we redesigned it and why

42. Fiber tracking and visualisation

47. Project management

49. Exporting images

50. How it was

51. How we redesigned it and why

52. Final result
High-fidelity interactive
prototype
An accompanying specification document
explaining the design changes and
rationale
Sketches and ideas that have not
been implemented in hi-fi prototype

53. DTI and DTITool
Initial research
1st user tests
2nd user tests
Final designs
Retrospective

54. What have we learned

55. Go to users early and often

56. Sketch a lot
The more you sketch and throw away – the
better

59. Thank you for your attention