UX to view and search through large set of hierarchical data

1. What is hierarchy in UX design?
2. Why is visual hierarchy important in UX design?
3. How do we display hierarchical relationship in data?

What is hierarchy in UX design?

Definition: The visual hierarchy of a 2D display (webpage, graphic, print, etc.) refers to the organization of the design elements on the page so that the eye is guided to consume each design element in the order of intended importance. Visual hierarchy can be created using: Color and contrast. Scale.

Why is visual hierarchy important in UX design?

Visual Hierarchy is used to rank design elements and influence in the order you want your users to view them. By using principles like contrast, scale, balance and, more, you can help establish each element in its rightful place and help the most important elements stand out.

How do we display hierarchical relationship in data?

Adjacency List is a design method for implementing hierarchical data. It's achieved by storing the ID of the related record on the desired record. You add one column to your table, and set it as a foreign key to the same table's primary key.