proposta de redesign dos sites de pós graduação da ufpa

Proposta de redesign dos sites de Pós-Graduação da UFPA

Visão Geral

Objetivo: Desenvolver um template para padronizar os sites dos Programas de Pós-graduação da UFPA.Metodologia: Realização de levantamento de 41 sites de Programas de Pós-graduação da UFPA que estão em funcionamento.Fonte: Site da PROPESP

Exemplos de Sites

Pós-graduação em Comunicação.

Pós-graduação em Genética e Biologia Molecular.

Pós-graduação em Biologia Ambiental.

Pós-graduação em Educação.

Pós-graduação em Saúde Animal na Amazônia.

Problemas encontrados

● Falta de padrão;● Perda de percepção;● Fontes e cores de difícil leitura;● Dificuldade de navegação em celulares e

tablets.

Identificação de pontos em comum

Principais pontos

Através da análise dos 41 sites de ós-graduação da UFPA, identificamos a presença de pontos em comum que se mostram fundamentais na elaboração da proposta de layout padrão. Os mesmos serão listados a seguir:

Principais pontos● Apresentação● Regulamentos● Agenda/Eventos● Notícias● Coordenação● Corpo Docente● Discentes● Disciplinas● Áreas de Pesquisa

Principais pontos● Projetos de Pesquisa● Grupos de Pesquisa● Processo Seletivo● Teses/Dissertações● Produção Científica● Laboratórios● Secretaria● Documentos/Downloads● Contato/Fale Conosco

Outros elementosBanners e Links externos

Template sugerido

A partir desta definição, sugere-se como exemplo inicial o seguinte template desenvolvido utilizando a versão mais recente do Joomla e com layout que se adapta às telas de computadores, celulares e tablets:

Exemplo do template padrão.

Exemplo de layout responsivo.

Vantagens

● Utiliza Joomla 3:o Mais moderno e seguro.o Utilizado pelo CTIC.

● Responsivo:o Se adequa a vários tamanhos de tela.

● Customizável:o Suporte a vários layouts.

Melhoria no layout do site da PROPESP

Principais pontos

● Site atual:Verificou-se que o site atual da PROPESP ainda não possui um layout responsivo.

● Proposta:Utilização de um template responsivo, que se adequa a vários tamanhos de tela.