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.

Role

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

Autodesk CFD

Simulation CFD

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.

UI Redesign

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

Simulation CFD

Research

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?

Ethnographic research

Onsite Customer Visit

Workflows and dataflows

CFD Workflow Mapping

Personas

CFD Persona

Card sorting

Card Sorting

Strategy

Design principles

Design Principles

UI component architecture

App Layout

UI and Interaction Design

I started low fidelity, exploring broad concepts.

Sketches of different ribbon alternatives

Sketching UI Concepts

Based on card sorting and stakeholder reviews, I began wireframing the more promising patterns. These were reviewed with internal experts.

Wireframes and Information Architecture

Wireframing UI Concepts

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 UI Concepts

Prototyping interactions and evaluating visuals

Prototyping Interactions

Prototyping responsiveness and resize interactions

Prototyping Interactions

Visual Design

While a company-wide visual design language existed, I was responsible for icons and layout in our product.

Visual design iteration

Design Variations

Usability Testing

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.

Design Variations

Feedback

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

Additional work

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: