Design & Collaboration

Collaborative brainstorming

For brainstorming and collaboration work (virtual and/or in person)

  • Miro - 74.04% of question respondents
  • FigJam - 18.32%
  • Figma - 17.55%
  • Mural - 15.26%
  • Google Docs - 9.16%
  • Whiteboards - 7.63%
  • Whimsical - 3.81%
  • InVision - 3.05%
  • Stickie notes - 3.05%
  • Google Slides - 2.29%
63.9% of participants answered this question.

Diagramming and mapping

Creating diagrams and maps (workflows, journey maps, entity diagrams, etc.)

  • Miro - 72% of question respondents
  • Figma - 29.6%
  • FigJam - 16.8%
  • Mural - 12%
  • Whimsical - 6.4%
  • Lucid - 4%
  • Sketch - 4%
  • Microsoft Powerpoint - 3.2%
  • InVision - 2.4%
  • Google Slides - 2.4%
60.98% of participants answered this question.

Participatory design

An approach to design that invites all stakeholders (e.g. customers, employees, partners, citizens, consumers) into the design process as a means of better understanding, meeting, and sometimes preempting their needs.

Source: Olga Elizarova & Kimberly Dowd, “Participatory Design in Practice”

  • Miro - 60.67% of question respondents
  • Figma - 30.33%
  • Mural - 11.23%
  • FigJam - 10.11%
  • Zoom - 5.61%
  • InVision - 4.49%
  • Whiteboards - 4.49%
  • Microsoft Powerpoint - 3.37%
  • Pen & paper - 3.37%
  • Maze - 3.37%
43.41% of participants answered this question.

Wireframing

Process where designers draw overviews of interactive products to establish the structure and flow of possible design solutions. A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model.

Source: Lucid Content Team, “Wireframes vs mockups: Determining the right level of fidelity for your project”

  • Figma - 83.47% of question respondents
  • Miro - 16.52%
  • Sketch - 9.56%
  • InVision - 4.34%
  • Adobe XD - 4.34%
  • Axure - 4.34%
  • Whimsical - 4.34%
  • Balsamiq - 3.47%
  • Pen & paper - 3.47%
  • Mural - 2.6%
56.1% of participants answered this question.

Mockups

Static wireframe that includes more stylistic and visual UI details to present a realistic model of what the final page or application will look like. A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model.

Source: Lucid Content Team, “Wireframes vs mockups: Determining the right level of fidelity for your project”

  • Figma - 84.25% of question respondents
  • Sketch - 10.18%
  • Miro - 8.33%
  • InVision - 5.55%
  • Adobe XD - 5.55%
  • Axure - 3.7%
  • Maze - 1.85%
  • Lucid - 0.92%
  • Adobe CC - 0.92%
  • Zeplin - 0.92%
52.68% of participants answered this question.

Prototyping

A simulation or sample version of a final product, which UX teams use for testing before launch.

Source: UXPin, “What Is a Prototype: A Guide to Functional UX”

  • Figma - 83.76% of question respondents
  • InVision - 9.4%
  • Axure - 7.69%
  • Sketch - 7.69%
  • Adobe XD - 6.83%
  • Miro - 4.27%
  • Custom coded - 3.41%
  • Maze - 1.7%
  • Framer - 1.7%
  • JavaScript - 0.85%
57.07% of participants answered this question.