Autodesk CFD is a professional yet easy-to-use computational fluid dynamics (CFD) tool for engineers; in other words, an approachable fluid flow & heat transfer simulation tool.
It is designed to embrace the belief that simulating product and architectural performance virtually, early, and often in the design cycle will result in cheaper and better performing real-world designs, with a faster time to market.
I have been the UX Design lead for Autodesk’s computational fluid dynamics (CFD) apps since 2011, supporting the following releases:
- Autodesk Simulation CFD 2012
- Autodesk Simulation CFD 2013
- Autodesk Simulation CFD 2014
- Autodesk Simulation CFD 2015
- Autodesk CFD 2016
- Autodesk CFD 2017
In this role I have owned user experience and product design, supporting a majority of new development. Responsibilities include:
- User research
- Product design strategy, planning, & facilitation
- UI, interaction design, and prototyping
- Visual Design
- Front-end development
- Usability testing
- Design evangelism and cultural evolution
Prior to this work at Autodesk, I was involved in the design, testing, and release of eight consecutive on-time quarterly releases of CFdesign simulation software.
An example of a large scale UI redesign follows.
This full UI redesign, from a menu/toolbar navigation paradigm to ribbon UI, represents a wide span of responsibilities.
In addition to aligning better with the overall Autodesk brand, our hypothesis was that a well-considered ribbon UI would:
- Increase usability across all user types (e.g. daily and infrequent)
- Increase learnability & discoverability for new and infrequent users (most common persona)
- Increase familiarity, and thus ease of adoption, for existing Autodesk customers who could benefit from adding simulation to their design workflows
Classic menu/toolbar navigation paradigm, Simulation CFD 2013
Before undertaking a large-scale UI redesign, we had to ask ourselves a number of questions and choose the appropriate methods.
- How are users interacting with our product or similar products? What is working? What isn’t?
- How often are commands used? In what order?
- What are the workflows and dataflows in a typical organization?
- Do we have an accurate model of our users (i.e. personas)?
- What are the big usability issues with the product?
- Who are the stakeholders? What are the business goals?
Workflows and dataflows
UI component architecture
UI and Interaction Design
I started low fidelity, exploring broad concepts.
Sketches of different ribbon alternatives
Based on card sorting and stakeholder reviews, I began wireframing the more promising patterns. These were reviewed with internal experts.
Wireframes and Information Architecture
The next step was to create a prototype that could be rapidly tested and updated in an iterative fashion. I was able to work directly with the front-end code to create and modify the prototype, and this would feed directly into the production implementation.
Prototyping in Blend and Visual Studio
Prototyping interactions and evaluating visuals
Prototyping responsiveness and resize interactions
While a company-wide visual design language existed, I was responsible for icons and layout in our product.
Visual design iteration
Early usability testing was conducted with internal experts. The WPF framework allowed us to make changes almost immediately when issues were identified.
As we neared beta we tested the more stable designs with users, eventually arriving at the final design (colored context panels not shown). For this design, every test case performed better than the previous menu/toolbar version in terms of task time; overall satisfaction and system usability scores were also higher.
Finally, nothing is as satisfying as positive user feedback:
I’ve used a lot of software since entering the product research field. Some were not too difficult to figure out, while others did require a bit of study to get running. Autodesk Simulation CFD 2013 is one of the easiest I’ve encountered.
Anyone fresh into a new piece of software can feel a bit out of sorts, but CFD is laid out in my favorite manner: a progressive ribbon. By this I mean a ribbon layout that works from left to right in the general order that parallels the standard workflows expected.
The interesting thing to note here is that I never studied how to manipulate planes in CFD. I just followed my instincts, and the tools were there. Nice job usability.
John Evans, designandmotion.com
This particular project serves as a broad example of my approach and skillset. I have designed a majority of the new and redesigned features in the versions listed above, so am happy to answer additional questions. For a list of what’s new in each release, see the Autodesk Knowledge Network: