Sumrio

rvore Organizacional do Site2rvore Organizacional Completa3Guidelines Identificadas no Site da FATEC-SO4Guidelines Sugeridas para o Site da FATEC-SO7

rvore Organizacional do Site

A seguir, apresentaremos a rvore organizacional do site da FATEC-SO (http:// http://www.fatecsorocaba.edu.br/), obtida por meio da ferramenta gratuita Website Extractor. A rvore apresenta os skins, scripts, imagens e tantos outros arquivos que formam o site.

Figura 1: Site da FATEC-SO desmembrado em rvore organizacional.

Eis a rvore completa que, pde ser montada a partir dos downloads de arquivos realizados pelo programa, obtendo inclusive informaes detalhadas dos recursos do site:

rvore Organizacional Completa do Site da Fatec-SO:

Figura 2: rvore Organizacional do site FATEC-SO completa.

Guidelines Identificadas no Site da FATEC-SOGuideline 1Utilizar cores de acordo com o logo principal FATEC / ETEC, no caso, o vermelho, o preto, o branco e cinza.

ExemploA aba principal de botes possui fonte branca e fundo vermelho.

Guideline 2Exibir notcias de destaques em uma exibio de loop, seguindo a formatao padro de textos no decorrer do resto do site

ExemploNa aba Notcias, h notcias de coisas novas na faculdade com fonte vermelha e fundo branco. Essas notcias ficam subindo e voltando embaixo, rodando constantemente em flash.

Guideline 3Exibir as atualizaes no centro com ttulo em destaque vermelho e uma breve descrio embaixo do mesmo.

ExemploNo centro, h as informaes principais, como vestibular, intercmbio cultural, etc.

Guideline 4Utilizar links externos, ou pop-ups, para a maioria das informaes/notcias

ExemploAo clicarmos no boto Vestibular, aberto uma nova aba/janela do navegador com o site www.vestibularfatec.com.br

Guideline 5Exibir o calendrio do ms atual com a data do dia atual em destaque, utilizando fonte vermelha.

ExemploEmbaixo da aba Notcias h o calendrio em destaque, com uma aba exclusiva s para o mesmo.

Guideline 6Destacar uma aba de botes contendo links que o levam ao site do Centro Paula Souza e outros (a minoria) lugares do mesmo site.

ExemploOs botes/links Clipping, Vestibular, a pesquisa, o clima, etc, abrem sites especficos para eles (tempoagora.com.br, vestibularfatec.com.br, centropaulasouza.sp.gov.br)

Guideline 7Exibir, no canto direito superior, abaixo dos botes, uma caixa para digitar uma pesquisa qualquer no Google.

ExemploNa aba Pesquisar, qualquer coisa que digitemos exibido resultado do Google.

Guideline 8Exibir botes ilustrativos, abaixo do calendrio, que levam sites externos de comunidades da FATEC-SO

ExemploEmbaixo do calendrio, h links para o blog da FATEC, facebook da FATEC, vestibular, site da VIARAPIDA, twitter da FATEC e o Google Maps da FATEC-SO.

Guideline 9Exibir no canto esquerdo, um conjunto de botes, separados por assunto, contendo os principais assuntos de diretoria e alunos.

ExemploNo canto esquerdo, temos as sesses de Menu Principal, Diretoria Acadmica e Diretoria Administrativa.

Guideline 10Utilizar linguagem voltada usurios mais avanados/intermedirios.

ExemploH links com nomes de Clipping, MSDNAA e Softwares Educacionais.

Guideline 11Exibir, em constante movimento horizontal, links para todos os cursos que a faculdade oferece.

ExemploBem abaixo no final do site, h, em flash, todos os cursos da FATEC-SO, que so exibidos da direita para a esquerda em velocidade mdia.

Guideline 12Exibir, abaixo do grupo de botes esquerdo, o clima do dia atual, contendo informaes de temperatura.

ExemploAbaixo da aba Diretoria Administrativa, h informaes do tempo, de acordo com o site TEMPOAGORA.

Guideline 13Organizar o Corpo Docente em ordem alfabtica, independente da rea de atuao ou curso que mestra.

ExemploO Corpo Docente exibido dentro do link Corpo Docente em ordem alfabtica, independente do curso ou grade.

Guideline 14Exibir apenas a carga horria e breve descrio dos cursos que so exibidos para clicar na home Page.

ExemploA informao de Anlise e Desenvolvimento de Sistemas especfica o curso e detalha a carga horria (2880 horas), mas no exibe as matrias.

Guideline 15Utilizar uma simples interface para enviar e-mails faculdade.

ExemploO envio de e-mail para contato simples e de fcil utilizao. apresentado os campos para inserir o Nome, o E-mail, o Assunto e a Mensagem.

Guideline 16Evitar ao mximo o uso de fotos para destacar notcias, quadros e afins.

ExemploEm lugar algum utilizado fotos para exibir as mensagens. H apenas fotos na sesso de fotos do prdio (algumas, apenas).

Guideline 17Separar o contedo dos ttulos em subttulos que abrem, quando h, mais informaes especficas.

ExemploNa aba Menu Principal, temos o subttulo Institucional que no abre mais informaes ao lado especficas. J o subttulo Coordenadorias exibe, ao ficarmos com o ponteiro do mouse em cima, outros subttulos ao lado direito com os cursos levando, ento, a cada coordenadoria especfica.

Guideline 18Utilizar imagens em formato .png e .pdf para informar sobre matrculas, notas de alunos, estgios, e afins.

ExemploAo clicarmos na sesso Calendrio Escolar aberto um .pdf para download, onde o mesmo contm as informaes especficas.

Guideline 19Tratar os erros de manuteno de site e erros de login na mesma pgina, no centro, sem detalhes e/ou sons de alerta.

ExemploAo clicarmos no link Informaes da sesso Programa de Formao Pedaggica, somos levados uma mensagem de manuteno no mesmo site, no centro, com a mesma formatao do restante do site.

Guidelines Sugeridas para o Site da FATEC-SO

Guideline 1Manter o site atualizado constantemente

ExemploSempre exibir notcias e demais informaes atuais.

JustificativaMuitas das informaes disponveis so antigas a ponto de no serem mais de interesse. Alm do fato de a parte inferior do site exibir: 2011 em pleno Dez/2012

Guideline 2Exibir som de alerta de erro e fontes alternativas em tratamento de erros de logins e afins.

ExemploQuando ocorrer alguma informao invlida em login ou em lugar de acesso, emitir um som suave de erro p/ alert-lo.

JustificativaNo h sons ou detalhes especiais para o tratamento de erros.

Guideline 3Alinhar-se uma linguagem de programao

ExemploSeguir um padro de linguagem de programao de acordo com a especializao dos que o mantm.

JustificativaDe acordo com a rvore organizacional, h vrias linguagens sendo utilizadas, como flash, css, html, clipping, asp, etc.

Guideline 4No utilizar recursos que no so de interesse do pblico alvo do site.

ExemploInformaes de clima e esportes em um site acadmico

JustificativaH informaes de clima, esportes e calendrio, irrelevantes e poluindo a tela.

Guideline 5Utilizar/manter as ferramentas que gerenciam o site atualizadas.

ExemploQualquer clique de link/boto deve levar algum lugar de acordo com o esperado.

JustificativaH programao antiga sem atualizao e muitos dos links no levam a lugar algum.

Guideline 6Manter o visual limpo e de fcil entendimento.

ExemploNo deixar uma massa de textos e informaes em conjunto.

JustificativaH muita informao com prioridade igual s demais, ou seja, tudo est no mesmo tamanho de fonte e formatao.

Guideline 7Utilizar imagens para destacar notcias e assuntos relacionados.

ExemploUtilizar uma imagem nas notcias de programao, dos prdios, vestibulares, etc.

JustificativaNo h imagens/fotos para destacar os assuntos do site.

Guideline 8Organizar o Corpo Docente tanto por ordem alfabtica quanto por curso ou rea de atuao.

ExemploDeixar o Corpo Docente mais fcil e com maior comodidade partir da organizao por rea de atuao e/ou curso.

JustificativaO Corpo Docente est organizado apenas por ordem alfabtica.

Guideline 9Organizar os e-mails que so enviados, repass-los e garantir atendimento todos.

ExemploAo enviar um e-mail, o mesmo deve ser recebido numa caixa de e-mail especfica para o site.

JustificativaMuitos, quase todos, os e-mail enviados no so respondidos ou justificados.

Guideline 10Organizar por sesses e, assim, exibir novas telas do site para informaes especficas.

ExemploAo clicar em algum link, deve-se abrir uma tela com o assunto especfico com uma formatao aceitvel e no fechada.

JustificativaH vrias informaes jogadas numa mesma tela, dificultando o entendimento e, portanto, compreenso do que gostaria.

Guideline 11Links alternativos devem aparecer no canto inferior direito, a fim de manter a organizao.

ExemploOs links do facebook, blog e twitter devem ser colocados no canto inferior direito com tamanho pequeno/mdio para no ocupar as outras funes importantes do site.

JustificativaO blog, facebook, twitter da FATEC-SO no so de extremo interesse para terem o destaque que possuem no site.

Guideline 12Organizar os textos e descries dos temas com formataes e fontes mais expressivas.

ExemploDefinir uma fonte para textos, outra para notcias, botes, links e afins e, alm das formataes, claro.

JustificativaTodos os textos e descries esto no mesmo padro e sempre em massa. Dificulta a leitura e acarreta desinteresse.

Guideline 13Manter atualizado e disponvel os direitos do site na informao inferior do site.

ExemploOs direitos do site devem estar disponveis na informao inferior do site, a fim de manter a organizao e padro de Direitos do Site com os demais sites.

JustificativaH o link Legislao, porm de difcil entendimento.

Guideline 14Manter uma linguagem de escrita de fcil entendimento e acesso.

ExemploEvitar linguagens de informtica e/ou assuntou especficos, como Clipping, Softwares, MSDNAA.

JustificativaMuitas das informaes disponveis so voltadas usurios, no mnimo, intermedirios em informtica e/ou outros assuntos mais especficos.

Guideline 15Manter diferencial de cores de acordo com as abas, botes e afins.

ExemploAs abas de botes devem ter cores de tons leves, destacando a fonte. As abas devem conter uma fonte diferente, a fim de diferenciar os contedos.

JustificativaTudo no site est em vermelho e branco. No h diferenas entre recursos.

5