É a primeira etapa do processo de design antes de entrar em mais detalhes sobre cores, fontes, imagens etc

Prévia do material em texto

(44) 99162-8928 
 Está SEM TEMPO ou com DIFICULDADE de realizar o seu trabalho 
 acadêmico? 
 Entre em contato conosco agora mesmo! Iremos te ajudar nessa 
 jornada acadêmica 
 (44) 99162-8928 
 ATIVIDADE 1 - ADSIS - IMERSÃO PROFISSIONAL: PROJETO DE INTERFACE - 
 51_2026 
 Um wireframe é um diagrama visual que esboça a estrutura de uma tela de um site 
 ou de aplicativo. Às vezes conhecido como protótipo de tela ou app, o wireframe 
 demonstra como os elementos se relacionam entre si e como são estruturados. O 
 Wireframing, ou seja, o ato de criar wireframes, é um processo que busca criar uma 
unicesumar
 visão geral de uma tela. Designers de User Experience (UX) geralmente o utilizam 
 para mapear o design e o layout de seu trabalho sem entrar em muitos detalhes. É a 
 primeira etapa do processo de design antes de entrar em mais detalhes sobre cores, 
 fontes, imagens etc. 
 Geralmente, os wireframes contêm os seguintes elementos: 
 Estrutura da página. 
 Um wireframe delineia a estrutura de uma página ou aplicativo. Ela ajuda os 
 designers a descobrir onde certos elementos devem ficar e ter uma ideia de como 
 será o design. 
 Arquitetura da informação. 
 Dentro da estrutura, os designers também precisam planejar onde os elementos da 
 página ficarão. Os designers podem organizar onde esses elementos devem ir 
 dentro da estrutura de uma página. 
 Fluxo do usuário (User Flow). 
 Os designers de UX precisam considerar como os usuários navegarão na página. É 
 aqui que a criação de wireframe pode ajudar. A criação de um wireframe te força a 
 considerar o conteúdo da página a partir da perspectiva do usuário. Como resultado, 
 é provável que eles criem uma página ou aplicativo que seja de fácil utilização. 
 Funcionalidade. 
 Os desenvolvedores utilizam um wireframe para visualizar a funcionalidade de um 
 aplicativo antes de passar para as fases de design técnico. Eles podem ver como 
 querem que a página ou app funcione e que recursos precisam para fazer isso 
 acontecer. 
unicesumar
 Fonte: https://miro.com/pt/wireframe/o-que-e-wireframe/. Acesso em: 9 fev. 2026. 
 Pautando-se nas informações apresentadas, selecione um aplicativo instalado em 
 seu celular e elabore o wireframe de duas telas, utilizando papel e caneta para 
 representar a estrutura e os elementos principais da interface. O wireframe deve 
 conter, no mínimo: 
 a) Cabeçalho (logo, menu ou navegação principal). 
 b) Área de conteúdo principal. 
 c) Elementos de interação (botões, links, campos de busca, formulários etc.). 
 d) Rodapé ou área de informações complementares. 
 e) Indicação textual dos elementos (exemplo: “Menu”, “Banner”, “Botão”, “Lista de 
 Produtos”). 
 Importante: não utilizar cores, imagens detalhadas ou estilização visual. Use apenas 
 formas simples (retângulos, linhas e textos curtos). 
 O estudante deverá anexar um arquivo contendo: 
 1) O Nome do Aplicativo. 
 2) Um print com as telas escolhidas. 
 3) Uma foto legível do wireframe criado. 
 IMPORTANTE: 
unicesumar
 1. Acesse o link do vídeo que o professor da disciplina gravou com orientações para 
 ajudá-lo nesse processo de criação e desenvolvimento. O acesso deverá ser 
 realizado em: MATERIAL DA DISCIPLINA. 
 2. Responda à atividade seguindo como roteiro os tópicos elencados anteriormente. 
 3. A entrega deve ser feita exclusivamente por meio do formulário de entrega da 
 atividade disponível no material da disciplina. Envie em formato doc, docx ou pdf. 
 4. Antes de enviar sua atividade, certifique-se de que respondeu a todas as 
 perguntas e realize uma cuidadosa correção ortográfica. 
 5. Após o envio, não são permitas alterações ou modificações. Logo, você tem 
 apenas uma chance de enviar o arquivo corretamente. Revise bem antes de enviar! 
 6. Lembre-se que evidências de cópias de materiais, incluindo de outros 
 acadêmicos, sem devidas referências serão inquestionavelmente zeradas. As 
 citações e referências, mesmo que do livro da disciplina, devem ser realizadas 
 conforme normas da Instituição de Ensino. 
 7. Não são permitidas correções parciais no decorrer do módulo, ou seja, o famoso: 
 “professor, veja se minha atividade está correta?”. Isso invalida seu processo 
 avaliativo. Lembre-se que a interpretação da atividade também faz parte da 
 avaliação. 
 8. Procure sanar suas dúvidas junto à mediação em tempo hábil sobre o conteúdo 
 exigido na atividade, de modo que consiga realizar sua participação. 
 9. Atenção ao prazo de entrega, evite envio de atividade em cima do prazo. Você 
 pode ter algum problema com internet, computador, software etc. e os prazos não 
 serão flexibilizados, mesmo em caso de comprovação. 
 Bons estudos! 
 Em caso de dúvidas, encaminhar mensagem ao seu Professor Mediado 
unicesumar