Proposta de redesign dos sites de pós graduação da ufpa
-
Upload
juliano-padilha -
Category
Technology
-
view
42 -
download
2
Transcript of 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.