• Content hierarchy

    Definition Content Hierarchy refers to the arrangement of information in a way that establishes importance and guides user navigation. It helps users easily identify what is most relevant on a page or within a digital product. What is it In the context of navigation and Information Architecture, content hierarchy determines how content is structured, prioritized,…

  • Skeleton screens

    Definition Skeleton Screens are low-fidelity Loading Indicators designed to improve user experiences by displaying a simplified layout of content before it’s fully loaded. They serve as a placeholder, giving users a visual clue that content is on its way. What is it In Interaction Design, skeleton screens are crucial for managing user expectations during content…

  • Design tokens for color

    Definition Design Tokens for color are a set of standardized values that represent a Color Palette in Design Systems. They serve as the foundation for maintaining consistent color usage across digital products. What is it Design tokens for color are specific variables that encapsulate color values, such as hex codes, RGB, or HSL values. In…

  • Progress bars

    Definition A progress bar is a visual indicator that shows the completion status of an ongoing process. It enhances the user experience by providing feedback during tasks like file uploads, downloads, or multi-step forms. What is it In Interaction Design, a progress bar represents the progression of a task, giving users a clear sense of…

  • Color system explained

    Definition A Color System is a structured approach to selecting and applying colors in design, especially in digital interfaces. It encompasses palettes, principles, and practical applications to create visually cohesive and effective user experiences. What is it In the context of Visual Design, a color system refers to the methods and rules for using color…