Matteo Galliani, CAD Product Owner, Beta 80 group - The fine art of CAD UX design

1. Beta 80 Group
The fine art of
CAD UX design
Matteo Galliani – Product manager
Riga, October 6th, 2021

2. 2
Beta 80 Group_ECM_
• Modern UX / UI design in theory
• Tools of the trade
• Mixing process knowledge and UX
• Some examples
Agenda

3. 3
Beta 80 Group_ECM_
Looking at interface requirements

4. 4
Beta 80 Group_ECM_
Looking at interface requirements
A CAD’s interface is a complex
environment that has to be
• Comprehensive (display all useful data)
• Flexible (adapting to process)
• Responsive (changing shape)
• Focused (logic display of data)
• Accessible (be used in long shifts)

5. 5
Beta 80 Group_ECM_
Design thinking
Design Thinking is an iterative process in which we seek to understand the user, challenge assumptions, and redefine
problems to identify alternative strategies and solutions that might not be instantly apparent with our initial level of
understanding.
(Interaction design foundation)

6. 6
Beta 80 Group_ECM_
Design thinking

7. 7
Beta 80 Group_ECM_
From theory to practice
Design thinking describes our methodology
Upon which we applied our technology

8. 8
Beta 80 Group_ECM_
Development framework
We found in Microsoft Fluent UI an environment where to fulfill the paradigms of a CAD interface, which must be
Comprehensive (display all useful data)
Flexible (adapting to process)
Responsive (changing shape)
Focused (logic display of data)
Accessible (be used in long shifts)

9. 9
Beta 80 Group_ECM_
From guidelines

10. 10
Beta 80 Group_ECM_
To implementation
Navigation pane Content
Command bar

11. 11
Beta 80 Group_ECM_
Following examples
Example: Predictive text entry
Provides suggestions as users type, such as when entering
data or performing queries.

12. 12
Beta 80 Group_ECM_
Applying experience
Tab subdivision of geographical data, by source Tab subdivision of incident description parameters

13. 13
Beta 80 Group_ECM_
Applying experience
Selection of the most appropriate representation of icons/text for commands

14. Examples of PSAPs UX
personalisation

15. 15
Beta 80 Group_ECM_
One application, many interfaces
112 Call taking interface: focus on incident localization and qualification

16. 16
Beta 80 Group_ECM_
One application, many interfaces
Fire brigades interface: focus on phone interview and incident qualification

17. 17
Beta 80 Group_ECM_
One application, many interfaces
Coast guard: focus on maritime geolocation and custom incident description

18. 18
Beta 80 Group_ECM_
One application, many interfaces

19. THANK
YOU
Matteo Galliani
For questions and insights:
+39 335 304838
matteo.galliani@beta80group.it
@b80publicsafety
Beta 80 Group
Beta 80 Group
www.beta80group.it