Atividade Estrutura de Dados

[pic 1]

Faculdade de Tecnologia de Sorocaba

Tecnologia em Análise e Desenvolvimento de Sistemas

INTERAÇÃO HUMANO-COMPUTADOR: CONSTRUÇÃO DE GUIDELINES- HOMEPAGE FATEC-SO

ATIVIDADE 9

Prof.º Sergio Moraes

Disciplina: Interação Humano-Computador

Rafael Pinheiro Troiano                                 

   Vinicius Mariano de Souza                                

                                                     Nilo Alan de Camargo Iturra          

Sorocaba

Maio/2019

SUMÁRIO

1.        INTRODUÇÃO        2

2.        DESCRIÇÃO GERAL DO SITE DA FATEC SOROCABA        3

3.        GUIDELINES NO SITE DA FATEC        3

4.        SUGESTÃO DE GUIDELINES        4

1. INTRODUÇÃO

Neste trabalho será feita uma análise e descrição do site da Fatec Sorocaba e, a partir disso, serão apresentados os guidelines que o compõe, alguns positivos, alguns negativos e, ao final, serão propostos guidelines para o aprimoramento da página da Fatec, que peca em diversos aspectos, como não possuir responsividade para dispositivos móveis e não contar com diretivas de UX – User Experience, que melhora a interação do usuário com uma interface.

1. DESCRIÇÃO GERAL DO SITE DA FATEC SOROCABA

O site da Fatec Sorocaba segue um modelo de site empresarial. Na parte superior da home page (ou index), há uma barra vermelha com o escrito “Fatec Sorocaba”, seguido, à direita, de menus de cor branca, os quais têm todo o conteúdo necessário para navegar-se no site, como “A Fatec”, “Cursos”, “Vestibular”, “Diretoria Acadêmica”, “Diretoria Administrativa”, “Biblioteca” e “Alunos”. Abaixo dessa barra vermelha, há uma barra cinza, de menor espessura, mas de mesmo tamanho, com o nome completo da instituição de ensino (Faculdade de Tecnologia José Crespo Gonzales). Imediatamente abaixo dessa barra cinza, há duas DIVs: a div da esquerda funciona como um slide de informações importantes, como divulgação de vestibular, cadastro de formandos e eventos que estão ocorrendo na Fatec, como a semana da reciclagem, que está acontecendo agora, em maio de 2019. A div da direita possui todas as notícias da instituição, como programas de bolsas, etapas do vestibular, comunicados da direção, eventos no campus, etc. Abaixo dessas duas DIVs, há outras 9 divs de mesmo tamanho, cada uma com o link e nome de um curso da Fatec, mas falta uma div para o curso de “Manufatura Avançada”. Logo abaixo, há os eventos previstos, que estão para acontecer, e links com programas e parceria com empresas, como por exemplo, DreamSpark, ciência sem fronteiras (que não deveria mais estar ali, uma vez que acabou), concursos públicos, SIGA, etc. Abaixo disso, há uma DIV grande e cinza com os links contidos nos menus da barra vermelha de cima, e embaixo, uma barra vermelha com o copyright da Fatec Sorocaba.

1. GUIDELINES NO SITE DA FATEC

1 – Separação simétrica de cursos: todos os cursos da Fatec, exceto o de manufatura avançada, encontram-se separados em DIVs do mesmo tamanho na home page, passando ao usuário uma sensação de simetria e facilidade para navegar nesses links.

2 – Slides duram o mesmo tempo: na DIV que mostra uma apresentação de slide com as notícias mais importantes, como vestibular, eventos que estão acontecendo, cadastro de formandos, etc, todos eles têm a mesma duração, de 10 segundos, transmitindo ao usuário uma sensação de organização.

3 – Evento dos menus da barra vermelha superior é o “mouse passing”: ao passar o mouse nos menus da barra vermelha, com exceção de “vestibular” e “biblioteca”, são exibidos numa div os links principais que há na página desses menus, como por exemplo, ao passar o mouse em “cursos”, aparece “análise e desenvolvimento de sistemas, eletrônica automotiva, etc”, um embaixo do outro.

4 – Abertura de arquivos PDFs em uma nova guia: todos os arquivos PDFs, geralmente divulgação de listas de matrículas, ao serem clicados, são abertos em uma nova guia para melhor facilidade.

...