Skip to content

Latest commit

 

History

History
74 lines (37 loc) · 4.85 KB

File metadata and controls

74 lines (37 loc) · 4.85 KB

Projeto de Interface

O projeto de interface está organizado em 6 páginas: Homepage, Quem Somos, Legislação, Redes de Apoio, Depoimentos e Denúncia. O conteúdo foi organizado de modo a incentivar, facilitar e priorizar o ato de fazer a denúncia. Em todas as páginas acessadas pelo usuário, há botões que redirecionam o usuário para a homepage ou mesmo em algumas páginas, a possibilidade de ser redirecionado para uma página externa.

User Flow

UserFlow

Wireframes

Homepage

A experiência do usuário se inicia na homepage. Nela, ele poderá visualizar o layout da página e também acessar todas as seções do site (quem somos, denúncia, depoimentos, redes de apoio e legislação) através dos botões do menu de navegação ou dos cards ao longo da página. Além disso, há também o rodapé, com informações para contato com os desenvolvedores e as logos das instituições por trás do projeto.

Wireframe Homepage

Quem Somos

Através da homepage, no menu de navegação é possível acessar a opção "Quem Somos" que leverá o usuário até a página de identificação do projeto. Na página é possível conhecer aspectos importantes como missão, história, integrantes e iniciativas implementadas.

Wireframe Homepage

Legislação

A partir da Homepage, utilizando o menu de navegação, o usuário irá clicar no botão "Legislação" para acessar a página que contém informações legais sobre a violência contra a mulher. Ao acessar a página, será exibido ao usuário informações sobre os cinco tipo de violência: física, moral, patrimonial, psicológica e sexual:

Wireframe Legislação

Percorrendo a página também estará disponível resumo das leis vigentes referentes ao tema. Ao final, estará disponível o botão "Ler na íntegra" onde, ao clicar, abrirá uma nova aba no navegador direcionando para o site do governo onde estará disponível a versão completa da lei:

Wireframe Legislação

Depoimentos

Ao clicar no botão da homepage "Ver mais depoimentos", o usuário será redirecionado para a página "Depoimentos", onde poderá ler todos os depoimentos já registrados no site, conforme RF-005. Nesta página "Depoimentos", há o botão "Cadastrar relato".

Wireframe Depoimentos

Ao clicar no botão "Cadastrar relato", o usuário será redirecionado para uma página com o formulário de cadastro de depoimentos e dois botões: "Publicar" e "Cancelar". Se o usuário clicar no botão "Cancelar", retornará para a página "Depoimentos".

Wireframe Depoimentos

Caso o usuário tenha clicado no botão "Publicar" na página anterior, abrirá uma caixa de diálogo com a mensagem "Depoimento publicado com sucesso!" e o botão "OK". Desta forma, será atendido o RF-004.

Wireframe Depoimentos

Denúncia

A partir da homepage, é possível clicar no card “Faça sua denúncia” ou no botão “Denuncie” na barra de navegação para acessar a página “Faça sua denúncia”. Nesta página, há dois botões: “Minas Gerais: denúncia online” e “Minas Gerais: denúncia presencial/telefone”. Ao clicar no primeiro botão, a usuária será redirecionada para o link externo da Delegacia Virtual da Polícia Civil de Minas Gerais.

Wireframes Denúncia

Ao clicar no segundo botão, a usuária será direcionada para a página “Minas Gerais: denúncia presencial / telefone” na qual será apresentada uma lista suspensa para selecionar a cidade desejada. Após selecionar a cidade, serão exibidas na mesma página as delegacias da cidade, endereços, telefones e sites.

Wireframes Denúncia

Redes de Apoio

Na homepage há a opção para clicar no botão "Redes de Apoio", ao clicar nesta opção, o usuário será levado a página onde consta já no início uma apresentação sobre o tema. Logo abaixo, há tópicos com resumos explicando cada um dos serviços oferecidos, estando disponibilizado também links relacionados para cada serviço, ao clicar nesse link, o usuário será redirecionado para páginas externas de instituições como casas de apoio, escritórios jurídicos, apoio psicológico, entre outros serviços oferecidos, sendo possível fazer essa busca através de um filtro (campo de pesquisa) no início da página.

Wireframe_Redes de Apoio


Especificação do Projeto | Template Padrão