How to properly test hierarchy and order of the toolbar?



  • We are improving our toolbar in our web app. We are planning a tree test or similar to test the tools out.

    A bit stuck on how to properly test the hierarchy and order of it. Any available methods or strategies?

    Any best practices from Adobe, Figma, or google doc?

    enter image description here



  • It looks like you may want to set up a https://www.nngroup.com/articles/card-sorting-definition/ if you intend to test the various groupings and subgroups for your tool bar. So what you should do is put together the entire list of features and functions, as well as the existing categories and groupings for comparison.

    There are different types of card sorts you can perform as well as different tools that you can use, so I suggest reading up more about the method and see if it is something effective for the questions that you want to answer from the research.

    In terms of best practice, I think there isn't any specific consensus on the grouping but there are obviously some general conventions that you can follow if it is from a similar type of application (e.g. Microsoft vs. Apple, web app vs. desktop app).




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2