ATIVIDADE 1 - ADSIS - IMERSÃO PROFISSIONAL: PROJETO DE INTERFACE - 51_2026

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 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.

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:

1. a) Cabeçalho (logo, menu ou navegação principal).

1. b) Área de conteúdo principal.

1. c) Elementos de interação (botões, links, campos de busca, formulários etc.).

1. d) Rodapé ou área de informações complementares.

1. 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:

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 Mediador.