Leetcode Web Redesign Concept

A Study In UI #005 Leetcode Web Redesign Concept

Separate Visual Hierarchy from Document Hierarchy

"A lot of the time, section titles act more like labels than headings — they are supportive content, they shouldn’t be stealing all the attention."

A Leetcode Web Redesign Concept used to demonstrate the practice of separating visual hierarchy from document hierarchy. A lot the times, headings should only be served as labels to certain content without attracting too much visual highlights. It is important to reorganize the visual hierarchy and rethink about the priority of contents instead of simply following the text hierarchy.

-

Thanks @Steve Schoger and Adam Wathan for demystifying the concept of building hierarchy in their book Refactoring UI