Wireframing

An early step in the design process where rough sketches or diagrams are created to visualize the basic structure and arrangement of content on a page or screen. Wireframes help to plan functionality and usability before detailed design elements are added.