A wireframe é um desenho de linha em preto e branco que é usado no desenho web em estágio inicial para fornecer aos interessados uma representação visual do layout de uma página web e da arquitetura de informação. Wireframes podem ser pensados como ferramentas de resolução de problemas; eles ajudam membros da equipe de design priorizam a colocação de conteúdo em uma página e identificam experiência do usuário (UX) problemas logo no início. > A estrutura, que foi inspirada pelo uso de manequins de arame no mundo da moda, serve como um esqueleto para o design da página.<
Wireframes normalmente usam caixas de vários tamanhos para representar elementos de a página web e os seguintes elementos são normalmente incluídos: header e footer, campo de pesquisa, rasto de migalhas de pão, navegação no site, conteúdo corporal e botões de partilha. Unlike a page mock-up, que é um protótipo mais detalhado que tipicamente inclui logotipos, cores, imagens, escolhas de tipo e cópia, um wireframe's skeletal abordagem encoraja os membros da equipe de design a experimentar a colocação de componentes da página e rapidamente fazer mudanças sem exigir muito tempo ou esforço.