Wireframe é a representação crua de uma interface, feita pra falar de estrutura e função, e não de estilo. Ele usa caixa, linha e texto de marcação pra mostrar onde vai cada conteúdo, navegação e botão, ainda sem cor, tipografia ou imagem final.
Essa crueza é proposital, porque mantém a conversa no que importa naquela fase: se o layout faz sentido, se o fluxo é lógico e se o conteúdo certo está no lugar certo. Assim, ninguém desvia pra escolha de fonte ou paleta cedo demais. E vale lembrar que um erro estrutural pego no wireframe custa muito menos do que pego depois, já no visual ou no código.
A fidelidade, por sua vez, varia. Na baixa, são só caixa e linha, algo rápido e descartável, bom pra gerar e jogar fora ideia. Na média, entram rótulo real e navegação aproximada, que é o nível da maioria das revisões. E na alta, ele fica detalhado e às vezes interativo, perto de um mockup, mas ainda sem o visual final.