A hierarquia das informações em um sistema elas podem ajudar ou não o usuário a encontrar informações e serviços, e um dos primeiros passos para organizar essas informações dentro de sistema, é pensar na organização dele. Só que todas as perguntas em torno da organização do sistema à s vezes podem ser muito sufocantes, então a melhor forma de fazer isso é pegar todo o escopo que você tem de aplicativo, por exemplo, e quebrar ele pedaços de informação. Ao quebrá-los dessa forma você pode identificar o, pode identificar oportunidades de organização dentro deles. Uma das formas de quebrar as informações é por meio de wireframes. Os wireframes eles normalmente vêm durante ou depois da arquitetura de informação, e antes de uma fase de exploração mais criativa. Os wireframes também podem ser feitos de uma forma rápida, meio que Sketch, papel de rascunho. De forma resumida, todo mundo em um projeto se beneficia muito de wireframe, porque ele dá uma visualização inicial do problema que a gente está atacando. Ainda que designers, desenvolvedores e gerentes de projeto tipicamente usem dessa técnica de wireframes, ela pode ser feita por qualquer pessoa, e todo mundo, acredito eu, se beneficia disso, porque a gente está debatendo antes o que que vai ter dentro de uma aplicação, dentro de um sistema. Posso dar exemplo de uma empresa que ela está precisando consertar uma área especÃfica do aplicativo, uma área crÃtica que eles estão queimando dinheiro, por assim dizer. E claro, a empresa ela sempre vai querer essa solução o mais rápido possÃvel. Obviamente, entregar um protótipo de alta fidelidade navegável seria o ideal para todo mundo, mas à s vezes isso é um pouco caro, isso é um pouco custoso, então um wireframe entraria bem numa situação dessas, porque você conseguiria validar um pouco antes algumas ideias e não gastaria tanto tempo, não gastaria tanto do budget do projeto fazendo protótipo muito grande e gastando muito tempo nisso. Então o wireframe ele é uma alternativa mais viável quando você quer trazer as discussões mais rápido, mais cedo. Aqui estão uns exemplos de wireframes alguns projetos, e pode perceber que eles são layout simples em preto e branco, eles dão só contorno geral a respeito do tamanho, e do posicionamento e do conteúdo que vai ter na página. Ele vai identificar algumas funcionalidades, algumas áreas de conversão, e de navegação para o seu site, para o seu aplicativo, para o seu jogo, chatbot, o que seja. Normalmente, e isso é importante falar, cores, fontes ou elementos finais de design não aparecem no wireframe, porque, repetindo, ele é uma coisa que é para ser validada mais rápida. Isso na verdade de colocar cor e fontes, vai acabar distraindo quem está consumindo aquela informação do wireframe, que normalmente é alguém do seu time ou algum colaborador. Agora eu coloquei aqui uns exemplos de ferramentas que você pode fazer um wireframe. Tem o Justinmind, o Axure, o Balsamiq. Eu só dei três exemplos, mas fazer um wireframe não é nada muito complexo, não precisa sair algo perfeito, você pode fazer isso com lápis e um papel de rascunho. O ideal de você ter em mente é simplesmente que wireframe é caminho mais rápido para você validar uma ideia de novo, e que quanto maior a fidelidade, mais caro vai sair um wireframe.