Sitemaps & Wireframes
When people talk about design, they often mean visual elements. However, it is important to understand that designing an experience also means constructing one.This is where two equally important but different components of website design are crucial: Sitemaps and Wireframes.
A Sitemap lays out the hierarchy of pages and content on a website. It shows how relatively important pages are to each other and how often they are updated, providing information to users and search engines. They are also part of construction that a user doesn’t necessarily see. Some sites have site indexes, which offer an A-Z access to specific content on the site that is seen.
There are two types of sitemaps: XML and HTML.
A wireframe is often compared to a blueprint; It serves as a visual guide for the framework of a website, focusing on information design, navigation design, and interface design. The layout-focus of a wireframe supports the commercial and creative goals of a site, both of which create the user experience (UX) and user interface (UI). There are two types of wireframes: Low fidelity and High Fidelity.
Low fidelity wireframes are closer to a sketch and easy to produce, and are often used by project teams for concept-design. Symbolic content, filler language, and shapes are often used.
High fidelity wireframes are more detailed, documenting the final envisioned design of a webpage. There are software products available for this level of detail and design.