Which term indicates the logical organization of elements to create a user-friendly layout?

The term that indicates the logical organization of elements to create a user-friendly layout is visual hierarchy. Visual hierarchy refers to the arrangement and presentation of elements on a page in a way that guides the viewer's attention and helps them understand the content more effectively. This is achieved through the use of size, color, contrast, spacing, and alignment among other design principles.

By prioritizing certain elements over others, visual hierarchy allows users to quickly identify the most important information and navigate the interface with ease. This is crucial in interactive design because a well-structured layout improves usability and enhances the overall user experience, making it easier for users to complete tasks or find information.

The other terms do not relate to the organization of elements in the same way. Utility generally refers to the usefulness of a design or feature. Associative might involve connections or relationships between elements but does not specifically denote an organizational framework. Inline usually refers to styles or elements that are positioned within the flow of the surrounding text and does not address overall layout structure.