Análise de concorrência do website público do Instituto Superior Técnico. Núcleo de Multimédia e E-learning Direcção de Serviços de Informática

Documentos relacionados
Bússola Eleitoral Portugal

Identidade Digital Padrão de Governo

REFORMULAÇÃO SITE ARCA BRASIL

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA

Plano E-commerce Guia de início rápido. Plano E-commerce. Guia de início rápido

MÓDULO MULTIMÉDIA PROFESSOR: RICARDO RODRIGUES. MAIL: URL:

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Guia de criação de layout de Loja Virtual

ARTIGO TÉCNICO. Os objectivos do Projecto passam por:

ENTREVISTA Coordenador do MBA do Norte quer. multiplicar parcerias internacionais

Manual de Administração Intranet BNI

Mestrado em Sistemas Integrados de Gestão (Qualidade, Ambiente e Segurança)

Relatório de Análise de um Sítio Web - UPTEC -

Maximize sua Participação na Bienal do Livro de São Paulo com as Ferramentas de Merchandising

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Soluções de Gestão Integradas SENDYS ERP. Otimize a Gestão do Seu Negócio!

LeYa Educação Digital

Manual de Utilização MU /2013 ISPADIGITAL/e-Campus(Perfil utilizador - Estudante)

WEB DESIGN LAYOUT DE PÁGINA

AGRUPAMENTO DE ESCOLAS DR. GINESTAL MACHADO

CGA Directa. Manual do Utilizador. Acesso, Adesão e Lista de Subscritores

Ferramentas Web, Web 2.0 e Software Livre em EVT

Sessão de Esclarecimento. Curso de Webdesign

UNIVERSIDADE LUSÍADA DE LISBOA. Programa da Unidade Curricular PRODUÇÃO DE DESIGN MULTIMÉDIA Ano Lectivo 2014/2015

Curso de atualização Educação Integral e Integrada. Tutorial Moodle. Belo Horizonte, 2013.

Instituto Superior Técinco Gabinete de Estudos e Planeamento

A criação de um site público e dinâmico

Ferramentas Web, Web 2.0 e Software Livre em EVT

Inovação em sistemas de informação aplicada ao apoio do cliente de retalho

MANUAL DO GESTOR DE FINANÇAS

RELATÓRIO ANUAL DE ACTIVIDADES

Índice. Enquadramento do curso 3 Estrutura Programática 4. Primeiros passos com o e-best Learning 6. Actividades e Recursos 11

TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB

Procedimentos para a divulgação de eventos no site da ECUM

MINISTÉRIO DA EDUCAÇÃO

Indicadores de transferência e de abandono no ensino superior português

NCE/11/01396 Relatório preliminar da CAE - Novo ciclo de estudos

Metodologia Projectual?

REGULAMENTO CONCURSO DE IDEIAS PARA LOGÓTIPO DO INSTITUTO POLITÉCNICO DE VISEU

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

Guia-se Negócios pela Internet

ESTUDOS DE. Audiências Media Monitoring Mercado ANGOLA

Programa de Parcerias e Submissão de Propostas 2014/15

GUIA PARA O PREENCHIMENTO DOS FORMULÁRIOS ENTIDADE GESTORA ERP PORTUGAL

1 Ponto de situação sobre o a informação que a Plataforma tem disponível sobre o assunto

Sustentabilidade nas instituições financeiras Os novos horizontes da responsabilidade socioambiental

REGULAMENTO DE ACTIVIDADES BÁSICO (2º e 3º CICLOS) E SECUNDÁRIO (Válido até 31 de Maio de 2010)

ElectroControlo M01 Manual do Utilizador

ued - unidade de ensino a distância instituto politécnico de leiria BlackBoard - Moodle Guia rápido

Avaliação do Desempenho do. Pessoal Docente. Manual de Utilizador

Número de pessoas com acesso à internet passa de 120 milhões

FrontWave Engenharia e Consultadoria, S.A.

BIBLIOTECA ANACOM MANUAL DO UTILIZADOR

INSTRUÇÕES DE PREENCHIMENTO. Por favor leia atentamente este documento antes de começar o seu processo de candidatura.

Configurando Proxy. Instituto Federal de Alagoas- IFAL Departamento de Tecnologia da informação - DTI

Caracterização dos cursos de licenciatura

Grupo Alumni. CMTrain - Associação

FICHA TÉCNICA AUTORIA DESIGN IMPRESSÃO TIRAGEM ISBN DEPÓSITO LEGAL EDIÇÃO. Relatório Síntese. Rita Espanha, Patrícia Ávila, Rita Veloso Mendes

Manual do GesFiliais

Online quiz (Acréscimo de um novo fundo) Respostas correctas (63)

A sua empresa é uma Beta-Tester da Imoplataforma. Guia de Utilização

Gescom isales. Aplicação Mobile Profissional para Vendedores

Pequenas e Médias Empresas no Canadá. Pequenos Negócios Conceito e Principais instituições de Apoio aos Pequenos Negócios

Relatório de Estágio. Análise dos dados constantes na Base de Dados das Rotas do Vinho

A VISTA BACKSTAGE PRINCIPAIS OPÇÕES NO ECRÃ DE ACESSO

Ministério das Finanças Instituto de Informática. Departamento de Sistemas de Informação

Sobre o portal. Tráfego. Possibilidades de cooperação

Manual de Utilização do Sítio da Disciplina

Orientações para informação das turmas do Programa Mais Educação/Ensino Médio Inovador

PERGUNTAS FREQUENTES

Proposta de Alteração da Lei de Bases do Sistema Educativo

ARQUITETURA CORPORATIVA PARA IMPLEMENTAÇÃO DE UMA ESTRATÉGIA DE GOVERNANÇA DE TI SUSTENTÁVEL. Março 2013

Desde Mídia Kit encontrasãopaulo.

Barómetro de Conjuntura inverno 2014/15. Agências de Viagens

PROJECTO DE RESOLUÇÃO N.º 255/IX RECOMENDA AO GOVERNO A TOMADA DE MEDIDAS COM VISTA AO DESENVOLVIMENTO DO SOFTWARE LIVRE EM PORTUGAL

Manual de utilização do Moodle

A certificação de Qualidade para a Reparação Automóvel.

Abordagem Formativa Web-Based. Success does not happen by accident. It happens by Design.

. evolução do conceito. Inspecção 3. Controlo da qualidade 4. Controlo da Qualidade Aula 05. Gestão da qualidade:

- MANCATE, Manchester College of Arts and Technology (Reino Unido); - ISCD, Ilmajoki School of Crafts and Design (Finlândia);

MÓDULO MULTIMÉDIA. Text PROFESSOR: RICARDO RODRIGUES. MAIL: URL:

Estudo sobre os diplomados pelo ISCTE-IUL. Perspectiva das Entidades Empregadoras

Cinco principais qualidades dos melhores professores de Escolas de Negócios

Aplicação da Qualidade. Manual do Utilizador. Versão

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA

Conceito. As empresas como ecossistemas de relações dinâmicas

EVOLUÇÃO DO SEGURO DE SAÚDE EM PORTUGAL

A SÈTIMA. O nosso principal objectivo

Interface Pessoa Máquina

Serviço a Pedido ( On Demand ) da CA - Termos e Política de Manutenção Em vigor a partir de 1 de Setembro de 2010

Os Investigadores da Universidade de Coimbra e as plataformas

Indicadores Gerais para a Avaliação Inclusiva

AVALIAÇÃO TEMÁTICA SOBRE A COOPERAÇÃO PORTUGUESA NA ÁREA DA ESTATÍSTICA ( ) Sumário Executivo

Projecto de Lei n.º 54/X

Transcrição:

Análise de concorrência do website público do Instituto Superior Técnico Núcleo de Multimédia e E-learning Direcção de Serviços de Informática

Título Análise de concorrência do website público do Instituto Superior Técnico Análise Tiago Machado Data 17 de Julho de 2012 Edição Núcleo de Multimédia e E-learning Direcção de Serviços de Informática Instituto Superior Técnico Campus Alameda Av. Rovisco Pais, 1 1049-001 Lisboa Tel: (+351) 218 417 000 Fax: (+351) 218 499 242

03 05 08 18 67 81 Introdução A amostra: identificação dos casos de estudo A amostra: metodologia, compilação e tratamento de dados A amostra: identificação de blocos estruturais e elementos A amostra: análise cruzada de dados Conclusões

Introdução

O presente documento pretende ser um contributo sólido para a definição do projecto de redesign do website público do Instituto Superior Técnico, socorrendo-se da planificação proposta por Goto & Cotler 1 para a definição nuclear do processo de redesign de um website. O website do IST foi reformulado em 2009, segundo Bruno Monteiro 2, com o objectivo principal de reforçar a sua comunicação externa (nacional e internacional), adaptarse às novas exigências organizacionais da escola e da sua comunidade, assim como, proceder a um rejuvenescimento gráfico. A actual mudança de imagem em curso no IST, assim como o avanço galopante dos novos media, leva à urgência da reformulação total do website, numa óptica guiada pela intelectualidade uma das virtudes do design, tal como definida por Gui Bonsiepe 3 : a disponibilidade e coragem para pôr em causa as ortodoxias, convenções, tradições, e cânones acordados. Tudo deve ser posto em causa, em prol da instituição, da sua comunidade e dos seus utilizadores. Serve então, nesta fase de definição do projecto junho de 2012, para descobrir reunir informação, compreender a audiência, analisar a indústria, desenvolver requisitos funcionais e clarificar determinar objectivos gerais e preparar um briefing de comunicação todos os dados relevantes para a correcta definição e arranque do projecto. Auxiliará a criação do plano propriamente dito, a definição do orçamento ou restrições por falta deste, definição de etapas e timmings, definição da equipa do projecto e planeamento para testes com utilizadores. São analisados concorrentes directos que actuam nas áreas comuns ao IST arquitectura, engenharia, ciência e tecnologia, e indirectos áreas periféricas e/ou distantes, nacionais e/ou internacionais, por forma a tentar identificar e instruir o máximo de abordagens válidas e exequíveis ao projecto, com o intuito de o tornar um caso de estudo a nível mundial. A ambição internacional deste projecto é uma das suas principais linhas orientadoras. Nesta aldeia global somos todos vizinhos, e a competição por alunos, financiamento e prestígio não pode ser indiferente a estes factos. 1 Goto, K. Cotler, E. Web Redesign 2.0 Workflow that works. New riders, 2005. 2 Monteiro, Bruno. Relatório de usabilidade www.ist.utl.pt. 2010. 3 Bonsiepe, Gui. Some virtues of design. http://guibonsiepe.com/ pdffiles/virtues.pdf. 1998. Tradução do original por Tiago Machado. 4

A amostra: identificação dos casos de estudo

Selecção A selecção dos casos constantes nesta última categoria baseou-se numa extensa pesquisa e análise com base em rankings universitários e artigos online sobre websites de universidades, de forma rizomática e empírica. Categorias Os casos de estudo seleccionados para a presente análise de concorrência obedecem e integram uma ou mais das seguintes categorias: Membro do CLUSTER Parceiro Internacional IST Boas práticas Membros do CLUSTER O CLUSTER Consortium Linking Universities of Science and Technology for Education and Research é uma rede composta pelas mais destacadas s de Tecnologia da Europa. São naturalmente os principais concorrentes do IST nas suas áreas de intervenção principais, sendo de toda a relevância a sua análise. Parceiros Internacionais IST Os parceiros internacionais do IST são também eles concorrentes directos, com uma localização geográfica mais abrangente do que os membros do CLUSTER, e são também eles líderes nas áreas de intervenção comuns ao IST. Como o termo indica, são instituições com as quais o IST tem parcerias activas, tanto no campo da educação como investigação. Sendo a audiência do website mundial, é de todo o interesse a análise destes casos. Boas práticas As boas práticas ou os exemplos constantes desta categoria, destacam-se pela excelência da aplicação de padrões (standards) web nas soluções apresentadas ao nível do design e arquitectura de informação, design visual, usabilidade, acessibilidade, e demais componentes do projecto web. Uma boa prática é um método ou técnica que demonstrou, de forma consistente, resultados superiores aos alcançados por outros meios, e que é usado como referência. 4 4 Wikipedia contributors, Best practice, Wikipedia, The Free Encyclopedia, http://en.wikipedia.org/w/ index.php?title=best_ practice&oldid=499247477 (acedido a 10 Julho de 2012). Tradução do original por Tiago Machado 5, 6 Wikipedia contributors, Web standards, Wikipedia, The Free Encyclopedia, http://en.wikipedia.org/w/ index.php?title=web_ standards&oldid=495274049 (acedido a 10 de Julho de 2012). Tradução do original por Tiago Machado Padrões Web são normas formais não-proprietárias e outras especificações técnicas que definem e descrevem aspectos da World Wide Web. Nos últimos anos, o termo tem sido frequentemente associado à tendência de utilizar um conjunto de boas práticas padronizadas para a construção de web sites, e uma filosofia de design e desenvolvimento web que inclui esses métodos. 5 É também importante referir que os padrões web não são um conjunto de regras fixas, mas antes, um conjunto finalizado de especificações técnicas sobre tecnologias web, em constante evolução 6 6

Os casos de estudo A seguinte tabela apresenta, para além da amostra, dados que se consideram relevantes para uma correcta avaliação e interpretação dos dados. Designação oficial Língua Outras línguas Aalto University AALTO www.aalto.fi/ Finlândia Finlandês Inglês, Sueco Membro do CLUSTER Boston University BU www.bu.edu/ E.U.A. Inglês Boas práticas Carnegie Mellon University CMU www.cmu.edu/ E.U.A. Inglês Parceiro Internacional IST The Cooper Union COOPER cooper.edu/ E.U.A. Inglês Boas práticas École Polytechnique Fédérale de Lausanne EPFL www.epfl.ch/ Suiça Inglês Francês Membro do CLUSTER Eindhoven University of Technology TU/e www.tue.nl/ Holanda Holandês Inglês Membro do CLUSTER Escola Superior de Artes e Design ESAD www.esad.pt/ Portugal Escola Português Inglês Boas práticas visuais Grenoble Institute of Technology Grenoble INP www.grenoble-inp.fr/ França Inglês Francês, Espanhol Membro do CLUSTER Karlsruhe Institute of Technology KIT www.kit.edu/ Alemanha Alemão Inglês Membro do CLUSTER Katholieke Universiteit Leuven KU Leuven www.kuleuven.be/ Bélgica Holandês Inglês Membro do CLUSTER Kungliga Tekniska högskolan KTH www.kth.se/ Suécia Sueco Inglês Membro do CLUSTER Massachusetts Institute of Technology MIT web.mit.edu/ E.U.A Inglês Parceiro Internacional IST Technische Universität Darmstadt TU Darmstadt www.tu-darmstadt.de/ Alemanha Alemão Inglês Membro do CLUSTER Trinity College Dublin TCD www.tcd.ie/ Irlanda Inglês Membro do CLUSTER Universitat Politècnica de Catalunya UPC / Barcelona Tech www.upc.edu/ Espanha Catalão Espanhol, Inglês, Chinês Membro do CLUSTER The University of Texas at Austin UT Austin www.utexas.edu/ E.U.A Inglês Parceiro Internacional IST 7

A amostra: metodologia, compilação e tratamento de dados

Metodologia Para a presente análise, e após a selecção da amostra para o estudo, foi conduzida uma recolha, compilação e tratamento de dados que visou identificar, estratificar e evidenciar dados para uma análise posterior. Visto toda a amostra possuir uma versão em inglês e o âmbito do projecto ser internacional, foi essa a versão analisada em todos os casos. Procurou-se, numa primeira instância, recolher uma captura de ecrã de cada website, identificando a dobra (com as 3 medidas em altura mais comuns entre a audiência do website), para que se possa ter uma noção rápida e precisa da quantidade e tipo de informação disponivel após carregamento do website. A escolha da resolução para as capturas de ecrã foi feita após análise das estatísticas do website do IST no serviço Analytics providenciado pelo Google, que se encontra implementado no website e recolhe dados dos utilizadores desde 22 de Novembro de 2005. Os dados analisados são referentes ao mês de Junho de 2012 (representados na imagem ao lado). Cerca de 77,5% dos utilizadores que acedem ao website público do IST têm um resolução igual ou superior em largura a 1280px. Quanto à resolução em altura, foram identificadas as três medidas mínimas mais comuns entre a audiência: 768px com uma fatia de 97,11%, 800px com 49,64% e 960px com 17,55%. A identificação das várias alturas, antevê já um previsível aumento das mesmas entre a audiência, com a progressiva e acelerada susbstituição dos parques informáticos, fomentada por um mercado de software cada vez mais exigente em relação às potencialidades técnicas das máquinas. Numa segunda instância, foram identificados os blocos estruturais de cada website, divididos por cabeçalho, corpo e rodapé. Essa identificação passou por, com recurso à captura de ecrã inicial, desenhar quadrados representativos da largura e altura dos mesmos, mantendo sempre o mesmo ponto de referência (o website), e separando-os por cores: o cabeçalho a azul, o corpo a verde e o rodapé a vermelho. Numa terceira instância foram identificados os blocos de conteúdo que se consideraram essenciais numa página deste âmbito. Essa consideração foi feita com recurso a uma base empírica, instruída por toda a fase de pesquisa, identificação e selecção da amostra. À semelhança da instância anterior, desenharam-se quadrados representativos da dimensão dos vários blocos de conteúdo indentificados em cada website, separando-os por cores, e mantendo o mesmo ponto de referência. Nas páginas seguintes são apresentadas tabelas, legendas e outras indicações relevantes para a interpretação dos dados, disponibilizados no capítulo seguinte. 9

Os casos de estudo As tabelas seguintes apresentam dados que se consideram relevantes para uma correcta avaliação e interpretação das amostras. Designação oficial Navegação principal Navegação principal desdobra? Navegação por perfis Campo de pesquisa Aalto University Home Não For the Aalto community Sim, google About Aalto University News & Events Studies Research Cooperation Services For alumni For prospective students For partners For media For visitors For international staff Boston University Admissions Sim Alumni Sim, interna Academics Research Global Campus Life About Students Faculty Staff Parents Giving Carnegie Mellon University Academics Não Prospective Students Sim, google Research Student Life Athletics About Us Current Students Faculty & Staff Alumni Parents & Family Corporate Visitors The Cooper Union Academics Sim Students Sim, interna Admissions About Cooper Union Give to Cooper Parents Alumni Continuing Education École Polytechnique Fédérale de Lausanne You Are Sim Prospective students Sim, interna By School About EPFL Students Researchers Staff Business Media Teaching Alumni Eindhoven University of Technology Education Sim Não Sim, google Research Innovation University Escola Superior de Artes e Design Escola Não Não Sim, interna Cursos Eventos Notícias Internacional Loja 10

Designação oficial Navegação principal Navegação principal desdobra? Navegação por perfis Campo de pesquisa Grenoble Institute of Technology Presentation Não Não Sim, interna Courses Research International Business Student life Karlsruhe Institute of Technology KIT Não Não Sim, interna Visiting Studying Research Cooperating Funding Katholieke Universiteit Leuven Education Sim Students Sim, google Research Admissions Living in Leuven About KU Leuven PhD and postdocs Staff Alumni Careers Industry and Society Kungliga Tekniska högskolan Studies Sim Prospective students Sim, google Mobility Student at KTH Research Co-operation Organisation About Kth Enrolled students Alumni Business partners Job applicants Visitors Media KTH Staff Massachusetts Institute of Technology About Não (já desdobrado) Não Sim, google Admissions Education Research Community Life@MIT Initiatives Impact 11

Designação oficial Navegação principal Navegação principal desdobra? Navegação por perfis Campo de pesquisa Technische Universität Darmstadt Home Sim Não Sim, google The University Get to know us Studying at the TU Research Career Building Staying in Touch Trinity College Dublin TDC Home Não Prospective Students Sim, google Faculties & Schools Courses Research Services Current Students Academics Alumni & Friends Visitors Contact A Z Universitat Politècnica de Catalunya The UPC Sim (já desdobrado) Não Sim, interna Learning Research Community The University of Texas at Austin About UT Não Students Sim, google Academics Athletics Campus Life Faculty Staff Alumni & Friends Community Life Community Engagement Research 12

Designação oficial Navegação rápida no cabeçalho Navegação rápida no corpo Destaques principais banners Notícias e/ou eventos Intranet / Login Aalto University Sim Não Sim, vários, renovaveis Sim, ambos, estáticos Não Boston University Não Não Sim, um, estático Sim, ambos, renováveis Não Carnegie Mellon University Sim Sim Sim, um, estático Sim, ambos, estáticos Não The Cooper Union Sim, navegação por perfis Sim Sim, vários, dinâmicos Sim, ambos, estáticos Não École Polytechnique Fédérale de Lausanne Não Sim Sim, um, estático Sim, ambos, estáticos Não Eindhoven University of Technology Sim Sim Sim, vários, dinâmicos Sim, ambos, estáticos Sim Escola Superior de Artes e Design Não Não Sim, vários, renovaveis Sim, ambos, estáticos Sim Grenoble Institute of Technology Não Sim Não Não Sim Karlsruhe Institute of Technology Sim Sim Sim, vários, dinâmicos Sim, ambos, estáticos Sim Katholieke Universiteit Leuven Sim Sim Sim, vários, dinâmicos Sim, ambos, estáticos Sim Kungliga Tekniska högskolan Não Sim, navegação por perfis Sim, um, estático Sim, ambos, estáticos Sim Massachusetts Institute of Technology Não Não Sim, um, estático Sim, ambos, estáticos Não Technische Universität Darmstadt Não Sim Sim, um, estático Sim, notícias, estáticas Sim Trinity College Dublin Não Sim Sim, um, estático Sim, ambos, estáticos Sim Universitat Politècnica de Catalunya Sim Sim Sim, um, estático Sim, notícias, estáticas Sim The University of Texas at Austin Sim Sim Sim, vários, dinâmicos Sim, ambos, estáticos Não 13

Designação oficial Redes sociais Data de actualização Contacto listado Mapa do site Versão Mobile Responsive / Adaptive layout Aalto University Sim Sim Sim Sim Não Não Boston University Sim Não Não Não Sim Não Carnegie Mellon University Sim Não Sim Sim Não Não The Cooper Union Sim Não Sim Sim Não Não École Polytechnique Fédérale de Lausanne Sim Não Não Não Sim Não Eindhoven University of Technology Sim Não Não Sim Não Não Escola Superior de Artes e Design Sim Não Não Não Não Não Grenoble Institute of Technology Sim Não Sim Não Não Não Karlsruhe Institute of Technology Sim Não Não Sim Não Não Katholieke Universiteit Leuven Sim Sim Não Não Não Não Kungliga Tekniska högskolan Sim Não Sim Não Não Não Massachusetts Institute of Technology Sim Não Sim Não Não Não Technische Universität Darmstadt Sim Não Não Sim Não Não Trinity College Dublin Sim Sim Sim Não Não Não Universitat Politècnica de Catalunya Sim Não Sim Sim Não Não The University of Texas at Austin Sim Não Sim Não iphone App Não 14

Legenda: Dobras 768px 800px 960px 15

Cabeçalho Legenda: Blocos Estruturais Corpo Rodapé 16

Logotipo Navegação principal Navegação por perfil Pesquisa Legenda: Elementos de conteúdo Banner principal Eventos Notícias 17

A amostra: identificação de blocos estruturais e elementos

Aalto University AALTO www.aalto.fi/ Finlândia Finlandês Inglês, Sueco Membro do CLUSTER 19

Aalto University AALTO www.aalto.fi/ Finlândia Finlandês Inglês, Sueco Membro do CLUSTER 20

Aalto University AALTO www.aalto.fi/ Finlândia Finlandês Inglês, Sueco Membro do CLUSTER 21

Boston University BU www.bu.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 22

Boston University BU www.bu.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 23

Boston University BU www.bu.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 24

Carnegie Mellon University CMU www.cmu.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 25

Carnegie Mellon University CMU www.cmu.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 26

Carnegie Mellon University CMU www.cmu.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 27

The Cooper Union COOPER cooper.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 28

The Cooper Union COOPER cooper.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 29

The Cooper Union COOPER cooper.edu/ Estados Unidos da América Inglês Nenhuma Boas práticas 30

École Polytechnique Fédérale de Lausanne EPFL www.epfl.ch/ Suiça Inglês Francês Membro do CLUSTER 31

École Polytechnique Fédérale de Lausanne EPFL www.epfl.ch/ Suiça Inglês Francês Membro do CLUSTER 32

École Polytechnique Fédérale de Lausanne EPFL www.epfl.ch/ Suiça Inglês Francês Membro do CLUSTER 33

Eindhoven University of Technology TU/e www.tue.nl/ Holanda Holandês Inglês Membro do CLUSTER 34

Eindhoven University of Technology TU/e www.tue.nl/ Holanda Holandês Inglês Membro do CLUSTER 35

Eindhoven University of Technology TU/e www.tue.nl/ Holanda Holandês Inglês Membro do CLUSTER 36

Escola Superior de Artes e Design ESAD www.esad.pt/ Portugal Escola Português Inglês Boas práticas 37

Escola Superior de Artes e Design ESAD www.esad.pt/ Portugal Escola Português Inglês Boas práticas 38

Escola Superior de Artes e Design ESAD www.esad.pt/ Portugal Escola Português Inglês Boas práticas 39

Grenoble Institute of Technology Grenoble INP www.grenoble-inp.fr/ França Inglês Francês, Espanhol Membro do CLUSTER 40

Grenoble Institute of Technology Grenoble INP www.grenoble-inp.fr/ França Inglês Francês, Espanhol Membro do CLUSTER 41

Grenoble Institute of Technology Grenoble INP www.grenoble-inp.fr/ França Inglês Francês, Espanhol Membro do CLUSTER 42

Karlsruhe Institute of Technology KIT www.kit.edu/ Alemanha Alemão Inglês Membro do CLUSTER 43

Karlsruhe Institute of Technology KIT www.kit.edu/ Alemanha Alemão Inglês Membro do CLUSTER 44

Karlsruhe Institute of Technology KIT www.kit.edu/ Alemanha Alemão Inglês Membro do CLUSTER 45

Katholieke Universiteit Leuven KU Leuven www.kuleuven.be/ Bélgica Holandês Inglês Membro do CLUSTER 46

Katholieke Universiteit Leuven KU Leuven www.kuleuven.be/ Bélgica Holandês Inglês Membro do CLUSTER 47

Katholieke Universiteit Leuven KU Leuven www.kuleuven.be/ Bélgica Holandês Inglês Membro do CLUSTER 48

KTH Royal Institute of Technology KTH www.kth.se/ Suécia Sueco Inglês Membro do CLUSTER 49

KTH Royal Institute of Technology KTH www.kth.se/ Suécia Sueco Inglês Membro do CLUSTER 50

KTH Royal Institute of Technology KTH www.kth.se/ Suécia Sueco Inglês Membro do CLUSTER 51

Massachusetts Institute of Technology MIT web.mit.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 52

Massachusetts Institute of Technology MIT web.mit.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 53

Massachusetts Institute of Technology MIT web.mit.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 54

Technische Universität Darmstadt TU Darmstadt www.tu-darmstadt.de/ Alemanha Alemão Inglês Membro do CLUSTER 55

Technische Universität Darmstadt TU Darmstadt www.tu-darmstadt.de/ Alemanha Alemão Inglês Membro do CLUSTER 56

Technische Universität Darmstadt TU Darmstadt www.tu-darmstadt.de/ Alemanha Alemão Inglês Membro do CLUSTER 57

Trinity College Dublin TCD www.tcd.ie/ Irlanda Inglês Nenhuma Membro do CLUSTER 58

Trinity College Dublin TCD www.tcd.ie/ Irlanda Inglês Nenhuma Membro do CLUSTER 59

Trinity College Dublin TCD www.tcd.ie/ Irlanda Inglês Nenhuma Membro do CLUSTER 60

Universitat Politècnica de Catalunya UPC / Barcelona Tech www.upc.edu/ Espanha Catalão Espanhol, Inglês, Chinês Membro do CLUSTER 61

Universitat Politècnica de Catalunya UPC / Barcelona Tech www.upc.edu/ Espanha Catalão Espanhol, Inglês, Chinês Membro do CLUSTER 62

Universitat Politècnica de Catalunya UPC / Barcelona Tech www.upc.edu/ Espanha Catalão Espanhol, Inglês, Chinês Membro do CLUSTER 63

The University of Texas at Austin UT Austin www.utexas.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 64

The University of Texas at Austin UT Austin www.utexas.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 65

The University of Texas at Austin UT Austin www.utexas.edu/ Estados Unidos da América Inglês Nenhuma Parceiro Internacional IST 66

A amostra: análise cruzada de dados

Sobreposição de blocos estruturais Considerações Observa-se, numa primeira análise, uma relação bastante directa entre os vários blocos estruturais no que concerne à sua dimensão. Assim, os websites tendencialmente mais curtos em altura, têm os seus vários blocos estruturais condensados ao máximo, reduzindo também a quantidade de informação disponível. Pelo contrário, os websites mais longos apresentam também blocos estruturais mais altos, relativamente proporcionados. Os casos considerados boas práticas, eram um intermédio de ambas as situações descritas. 68

Sobreposição de blocos estruturais: cabeçalho Considerações Em todos os exemplos está sempre totalmente visivel acima de todas as dobras, sendo que a sua altura varia consideravelmente consoante o exemplo analisado. 69

Sobreposição de blocos estruturais: corpo Considerações É o elemento mais variável em termos de altura, estando em casos residuais completamente visivel acima da dobra dos 768px, mas na generalidade deles prolonga-se para além desta. 70

Sobreposição de blocos estruturais: rodapé Considerações Apenas em dois exemplos se encontra completamente visivel acima da dobra dos 800px, em todos os outros se encontra abaixo da mesma. O elemento é também ele substancialmente variável no que concerne à altura. Quanto maior é a altura dada ao corpo, maior será a probabilidade do rodapé ser também consideravelmente alto. 71

Sobreposição de elementos Considerações Na generalidade dos websites, os elementos mais relevantes encontramse todos acima da dobra dos 768px. Apenas num caso se observa uma má prática (campo de pesquisa muito abaixo das dobras de referência, no rodapé). Também outros exemplos apresentam as notícias e/ou eventos parcial ou completamente abaixo da dobra dos 768px/800px, considerando-se uma prática aceitável, tendo em conta que a generalidade dos exemplos em questão dispõem de outras áreas de conteúdo e destaque acima dessas dobras que podem ser usados para evidenciar notícias e eventos específicos. 72

Sobreposição de elementos: logotipo Incidência 16/16 Considerações Elemento sempre localizado no cabeçalho, regra geral do lado esquerdo. O tamanho e formato é relativamente variável, mas facilmente se consegue estabelecer um padrão quanto à sua dimensão e proporção face aos restantes elementos. 73

Sobreposição de elementos: navegação principal Incidência 16/16 Considerações O padrão da amostra localiza este elemento no cabeçalho, com uma configuração horizontal, havendo no entanto uma percentagem residual de configurações horizontais e/ou localizadas no corpo. O quanto à dimensão, o padrão da largura será um meio caminho entre a largura total do conteúdo e metade deste. Como seria expectável, nenhum dos exemplos apresenta este elemento após a dobra dos 768px. 74

Sobreposição de elementos: navegação por perfil Incidência 7/16 Considerações Este elemento foi encontrado em sete dos exemplos, numa amostra de catorze. Pode, por arredondamento, ser considerado um padrão. Observaram-se formas hibridas deste (não mencionadas e inventariadas), estando dissimuladas na navegação principal, ou algures em navegações rápidas ou pequenos destaques no corpo do website. Situa-se, por padrão, no cabeçalho, mas pode também ser encontrado no corpo, mas nucna após as dobras. 75

Sobreposição de elementos: pesquisa Incidência 16/16 Considerações Por observação directa, conclui-se rapidamente que este elemento é um dos mais assiduos quanto à sua existência e localização. Apenas quatro exemplos fogem ao padrão, um deles de forma bastante inesperada, completamente abaixo de todas as dobras mencionadas. 76

Sobreposição de elementos: banner principal Incidência 15/16 Considerações Deve ser considerado um padrão, tanto na existência como na localização, sempre acima da dobra dos 800px e 960px (ou a morder a de 768px), nuns casos integra o cabeçalho, noutros o corpo. As dimensões são extremamente variáveis, sendo que se pode estabelecer um padrão quanto à sua largura, que será o equivalente à largura do corpo. 77

Sobreposição de elementos: notícias Incidência 10/16 Considerações O bloco de notícias é um padrão na amostra, sendo a sua localização e dimensão variáveis. Contudo, consegue-se estabelecer um padrão por observação directa: início do bloco localizado acima da dobra mínima dos 768px, entre o extremo esquerdo e o centro, com uma largura que não ultrapassará metade da largura do corpo. 78

Sobreposição de elementos: eventos Incidência 8/16 Considerações A par das notícias, pode também ser considerado um padrão. A sua localização é relativamente homegénea, mas no entanto as suas dimensões diferem de forma relevante na amostra. O seu nível de incidência é inferior ao das notícias, talvez pela fronteira ténue entre ambas as classificações. Dois exemplos encontram-se completamente abaixo da dobra dos 768px, e apenas um abaixo da de 960px. 79

Sobreposição de elementos: notícias e eventos Incidência 5/16 Considerações Apesar de não estar presente em metade da amostra, foi consistentemente encontrada em websites. Esta classificação, de certa forma consegue resolver um problema constante dos conteúdos momentos em que existe uma escassez ou abundância de um tipo ou de outro, que dificultam a manutenção destes blocos de forma homogénea. É também de destacar, o facto de ter sido encontrada em exemplos maioritariamente pertencentes a uma amostra seleccionada não só mas também pela implementação de boas práticas. No que se refere à localização, em dois exemplos encontrava-se completamente acima da dobra dos 768px, noutros dois começava antes dos 768px e acabava perto dos 900px, e em apenas um se encontrava completamente abaixo da dobra dos 800px. A amostra disponível não permite estabelecer um padrão em relação à dimensão ou orientação. 80

Conclusões

Designação oficial A designação oficial constante na presente análise foi retirada da versão inglesa de cada website. A generalidade da amostra utiliza uma tradução do seu nome oficial para inglês no website, apesar de existirem casos em que a designação é mantida na língua materna (estão obviamente excluídas desta premissa os websites de países em que a língua inglesa é a língua materna). O padrão, segundo a amostra, é a utilização do acrónimo da designação oficial (na língua materna). Existem casos pontuais em que é utilizada apenas uma palavra, como na Aalto University (Aalto) ou na The Cooper Union (Cooper). O url da generalidade da amostra utiliza o subdomínio www. Apenas num caso o domínio oficial não tem qualquer subdomínio. Apesar de não ser um padrão na amostra, não existe nenhuma razão concreta para a utilização do subdomínio www. Recomenda-se a não utilização de subdomínio e a criação de um redirect do subdomínio www para a raiz do domínio. O padrão para o nome do domínio na amostra é composto pela abreviatura da instituição. Quanto à sigla da categoria ou país no domínio, esta depende em larga escala do país em que a mesma se localiza. Nos E.U.A. toda a amostra recorre única e exclusivamente à categoria educação (.edu). Já nos outros casos, ou recorrem também à categoria (.edu) ou ao país (.fi,.de,.se, etc.). Navegação principal Não é possível estabelecer um padrão quanto à tipologia dos links oferecidos, mas no entanto é possível estimar uma média de 6-7 opções na navegação. Navegação principal desdobra? Na generalidade sim, e existem casos pontuais híbridos em que já se encontra desdobrada (e é possível voltar a dobrar), ou que visualmente podem ser comparadas a uma navegação desdobrada. Navegação por perfil É possível estabelecer um padrão afirmativo com base na amostra, e possivelmente tipologias. Alunos, Alumni e Funcionários são opções recorrentes em quase todos os casos que contemplavam este tipo de navegação. Um facto notado, é o de que a generalidade das universidades não faz distinção entre funcionários docentes e não docentes na navegação por perfil. Campo de pesquisa Toda a amostra disponibiliza um campo de pesquisa, por padrão localizado no canto superior direito, integrado no cabeçalho. Navegação rápida no cabeçalho É possível definir um padrão quanto à existência, mas não quanto à tipologia dos conteúdos disponibilizados. O padrão é receber o utilizador no domínio predefinido com a língua materna do país em que a instituição se encontra. No entanto, foram encontrados casos pontuais em que o utilizador era recebido na língua inglesa apesar de não ser essa a língua materna. Outras línguas Nenhum dos países em que o inglês é a língua nativa oferece outras alternativas. Em todos os outros casos é oferecido o inglês, quando esta não é já a língua predefinida. Existem casos pontuais em que o espanhol, francês ou chinês são oferecidos. Navegação rápida no corpo É possível definir um padrão quanto à existência, mas não quanto à tipologia dos conteúdos disponibilizados. Destaques principais (banners) O padrão na amostra será a existência de apenas um banner. No entanto foi possível encontrar um numero razoável em que existia multiplicidade (com mais de uma opção). Ainda assim, não é possível definir um padrão quanto ao modelo de interacção (mudança dinâmica temporizada ou, em opção, renovável mediante interacção do utilizador). Notícias e/ou eventos O padrão será a existência de ambas as tipologias, disponibilizadas num formato estático, no qual não é possível modificar o número ou opções disponibilizadas. 82