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
Introdução
05
A amostra: identificação dos casos de estudo
08
A amostra: metodologia, compilação e tratamento de dados
18
A amostra: identificação de blocos estruturais e elementos
67
A amostra: análise cruzada de dados
81
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 & Cotler1 para a definição nuclear do
processo de redesign de um website.
O website do IST foi reformulado em 2009, segundo Bruno
Monteiro2, 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 Bonsiepe3: 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.
4
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.
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 Universidades 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
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ção6
6
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
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
Abreviatura
URL
País
Tipo
Língua
Outras línguas
Critério para a selecção
Aalto University
AALTO
www.aalto.fi/
Finlândia
Universidade
Finlandês
Inglês, Sueco
Membro do CLUSTER
Boston University
BU
www.bu.edu/
E.U.A.
Universidade
Inglês
Boas práticas
Carnegie Mellon University
CMU
www.cmu.edu/
E.U.A.
Universidade
Inglês
Parceiro Internacional IST
The Cooper Union
COOPER
cooper.edu/
E.U.A.
Universidade
Inglês
Boas práticas
École Polytechnique Fédérale de Lausanne
EPFL
www.epfl.ch/
Suiça
Universidade
Inglês
Francês
Membro do CLUSTER
Eindhoven University of Technology
TU/e
www.tue.nl/
Holanda
Universidade
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
Universidade
Inglês
Francês, Espanhol
Membro do CLUSTER
Karlsruhe Institute of Technology
KIT
www.kit.edu/
Alemanha
Universidade
Alemão
Inglês
Membro do CLUSTER
Katholieke Universiteit Leuven
KU Leuven
www.kuleuven.be/
Bélgica
Universidade
Holandês
Inglês
Membro do CLUSTER
Kungliga Tekniska högskolan
KTH
www.kth.se/
Suécia
Universidade
Sueco
Inglês
Membro do CLUSTER
Massachusetts Institute of Technology
MIT
web.mit.edu/
E.U.A
Universidade
Inglês
Technische Universität Darmstadt
TU Darmstadt
www.tu-darmstadt.de/
Alemanha
Universidade
Alemão
Trinity College Dublin
TCD
www.tcd.ie/
Irlanda
Universidade
Inglês
Universitat Politècnica de Catalunya
UPC / Barcelona Tech
www.upc.edu/
Espanha
Universidade
Catalão
The University of Texas at Austin
UT Austin
www.utexas.edu/
E.U.A
Universidade
Inglês
7
Parceiro Internacional IST
Inglês
Membro do CLUSTER
Membro do CLUSTER
Espanhol, Inglês, Chinês
Membro do CLUSTER
Parceiro Internacional IST
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
Boston University
Carnegie Mellon University
About Aalto University
For alumni
News & Events
For prospective students
Studies
For partners
Research
For media
Cooperation
For visitors
Services
For international staff
Admissions
Sim
Alumni
Academics
Students
Research
Faculty
Global
Staff
Campus Life
Parents
About
Giving
Academics
Não
Prospective Students
Research
Current Students
Student Life
Faculty & Staff
Athletics
Alumni
About Us
Parents & Family
Sim, interna
Sim, google
Corporate Visitors
The Cooper Union
École Polytechnique Fédérale de Lausanne
Academics
Sim
Students
Admissions
Parents
About Cooper Union
Alumni
Give to Cooper
Continuing Education
You Are
Sim
Prospective students
By School
Students
About EPFL
Researchers
Sim, interna
Sim, interna
Staff
Business
Media
Teaching
Alumni
Eindhoven University of Technology
Education
Sim
Não
Sim, google
Não
Não
Sim, interna
Research
Innovation
University
Escola Superior de Artes e Design
Escola
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
Não
Não
Sim, interna
Sim
Students
Sim, google
Courses
Research
International
Business
Student life
Karlsruhe Institute of Technology
KIT
Visiting
Studying
Research
Cooperating
Funding
Katholieke Universiteit Leuven
Education
Research
PhD and postdocs
Admissions
Staff
Living in Leuven
Alumni
About KU Leuven
Careers
Industry and Society
Mobility
Kungliga Tekniska högskolan
Studies
Sim
Prospective students
Student at KTH
Enrolled students
Research
Alumni
Co-operation
Business partners
Organisation
Job applicants
About Kth
Visitors
Sim, google
Media
KTH Staff
Massachusetts Institute of Technology
About
Não (já desdobrado)
Admissions
Education
Research
Community
Life@MIT
Initiatives
Impact
11
Não
Sim, google
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
Não
Prospective Students
Sim, google
The University
Get to know us
Studying at the TU
Research
Career Building
Staying in Touch
Trinity College Dublin
TDC Home
Faculties & Schools
Current Students
Courses
Academics
Research
Alumni & Friends
Services
Visitors
Contact
A–Z
Universitat Politècnica de Catalunya
The UPC
Sim (já desdobrado)
Não
Não
Students
Sim, interna
Learning
Research
Community
The University of Texas at Austin
About UT
Academics
Faculty
Athletics
Staff
Campus Life
Alumni & Friends
Community Life
Community Engagement
Research
12
Sim, google
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
Legenda:
Blocos
Estruturais
Cabeçalho
Corpo
Rodapé
16
Pesquisa
Logotipo
Navegação principal
Navegação por perfil
Banner principal
Eventos
Notícias
17
Legenda:
Elementos
de conteúdo
A amostra: identificação
de blocos estruturais
e elementos
Aalto
University
Abreviatura
AALTO
URL
www.aalto.fi/
País
Finlândia
Tipo
Universidade
Língua pré-definida
Finlandês
Línguas alternativas
Inglês, Sueco
Critério para a selecção
Membro do CLUSTER
19
Aalto
University
Abreviatura
AALTO
URL
www.aalto.fi/
País
Finlândia
Tipo
Universidade
Língua pré-definida
Finlandês
Línguas alternativas
Inglês, Sueco
Critério para a selecção
Membro do CLUSTER
20
Aalto
University
Abreviatura
AALTO
URL
www.aalto.fi/
País
Finlândia
Tipo
Universidade
Língua pré-definida
Finlandês
Línguas alternativas
Inglês, Sueco
Critério para a selecção
Membro do CLUSTER
21
Boston
University
Abreviatura
BU
URL
www.bu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
22
Boston
University
Abreviatura
BU
URL
www.bu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
23
Boston
University
Abreviatura
BU
URL
www.bu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
24
Carnegie
Mellon
University
Abreviatura
CMU
URL
www.cmu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
25
Carnegie
Mellon
University
Abreviatura
CMU
URL
www.cmu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
26
Carnegie
Mellon
University
Abreviatura
CMU
URL
www.cmu.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
27
The Cooper
Union
Abreviatura
COOPER
URL
cooper.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
28
The Cooper
Union
Abreviatura
COOPER
URL
cooper.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
29
The Cooper
Union
Abreviatura
COOPER
URL
cooper.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Boas práticas
30
École
Polytechnique
Fédérale de
Lausanne
Abreviatura
EPFL
URL
www.epfl.ch/
País
Suiça
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês
Critério para a selecção
Membro do CLUSTER
31
École
Polytechnique
Fédérale de
Lausanne
Abreviatura
EPFL
URL
www.epfl.ch/
País
Suiça
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês
Critério para a selecção
Membro do CLUSTER
32
École
Polytechnique
Fédérale de
Lausanne
Abreviatura
EPFL
URL
www.epfl.ch/
País
Suiça
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês
Critério para a selecção
Membro do CLUSTER
33
Eindhoven
University of
Technology
Abreviatura
TU/e
URL
www.tue.nl/
País
Holanda
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
34
Eindhoven
University of
Technology
Abreviatura
TU/e
URL
www.tue.nl/
País
Holanda
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
35
Eindhoven
University of
Technology
Abreviatura
TU/e
URL
www.tue.nl/
País
Holanda
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
36
Escola Superior
de Artes e
Design
Abreviatura
ESAD
URL
www.esad.pt/
País
Portugal
Tipo
Escola
Língua pré-definida
Português
Línguas alternativas
Inglês
Critério para a selecção
Boas práticas
37
Escola Superior
de Artes e
Design
Abreviatura
ESAD
URL
www.esad.pt/
País
Portugal
Tipo
Escola
Língua pré-definida
Português
Línguas alternativas
Inglês
Critério para a selecção
Boas práticas
38
Escola Superior
de Artes e
Design
Abreviatura
ESAD
URL
www.esad.pt/
País
Portugal
Tipo
Escola
Língua pré-definida
Português
Línguas alternativas
Inglês
Critério para a selecção
Boas práticas
39
Grenoble
Institute of
Technology
Abreviatura
Grenoble INP
URL
www.grenoble-inp.fr/
País
França
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês, Espanhol
Critério para a selecção
Membro do CLUSTER
40
Grenoble
Institute of
Technology
Abreviatura
Grenoble INP
URL
www.grenoble-inp.fr/
País
França
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês, Espanhol
Critério para a selecção
Membro do CLUSTER
41
Grenoble
Institute of
Technology
Abreviatura
Grenoble INP
URL
www.grenoble-inp.fr/
País
França
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Francês, Espanhol
Critério para a selecção
Membro do CLUSTER
42
Karlsruhe
Institute of
Technology
Abreviatura
KIT
URL
www.kit.edu/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
43
Karlsruhe
Institute of
Technology
Abreviatura
KIT
URL
www.kit.edu/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
44
Karlsruhe
Institute of
Technology
Abreviatura
KIT
URL
www.kit.edu/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
45
Katholieke
Universiteit
Leuven
Abreviatura
KU Leuven
URL
www.kuleuven.be/
País
Bélgica
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
46
Katholieke
Universiteit
Leuven
Abreviatura
KU Leuven
URL
www.kuleuven.be/
País
Bélgica
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
47
Katholieke
Universiteit
Leuven
Abreviatura
KU Leuven
URL
www.kuleuven.be/
País
Bélgica
Tipo
Universidade
Língua pré-definida
Holandês
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
48
KTH Royal
Institute of
Technology
Abreviatura
KTH
URL
www.kth.se/
País
Suécia
Tipo
Universidade
Língua pré-definida
Sueco
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
49
KTH Royal
Institute of
Technology
Abreviatura
KTH
URL
www.kth.se/
País
Suécia
Tipo
Universidade
Língua pré-definida
Sueco
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
50
KTH Royal
Institute of
Technology
Abreviatura
KTH
URL
www.kth.se/
País
Suécia
Tipo
Universidade
Língua pré-definida
Sueco
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
51
Massachusetts
Institute of
Technology
Abreviatura
MIT
URL
web.mit.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
52
Massachusetts
Institute of
Technology
Abreviatura
MIT
URL
web.mit.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
53
Massachusetts
Institute of
Technology
Abreviatura
MIT
URL
web.mit.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
54
Technische
Universität
Darmstadt
Abreviatura
TU Darmstadt
URL
www.tu-darmstadt.de/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
55
Technische
Universität
Darmstadt
Abreviatura
TU Darmstadt
URL
www.tu-darmstadt.de/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
56
Technische
Universität
Darmstadt
Abreviatura
TU Darmstadt
URL
www.tu-darmstadt.de/
País
Alemanha
Tipo
Universidade
Língua pré-definida
Alemão
Línguas alternativas
Inglês
Critério para a selecção
Membro do CLUSTER
57
Trinity College
Dublin
Abreviatura
TCD
URL
www.tcd.ie/
País
Irlanda
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Membro do CLUSTER
58
Trinity College
Dublin
Abreviatura
TCD
URL
www.tcd.ie/
País
Irlanda
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Membro do CLUSTER
59
Trinity College
Dublin
Abreviatura
TCD
URL
www.tcd.ie/
País
Irlanda
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Membro do CLUSTER
60
Universitat
Politècnica de
Catalunya
Abreviatura
UPC / Barcelona Tech
URL
www.upc.edu/
País
Espanha
Tipo
Universidade
Língua pré-definida
Catalão
Línguas alternativas
Espanhol, Inglês, Chinês
Critério para a selecção
Membro do CLUSTER
61
Universitat
Politècnica de
Catalunya
Abreviatura
UPC / Barcelona Tech
URL
www.upc.edu/
País
Espanha
Tipo
Universidade
Língua pré-definida
Catalão
Línguas alternativas
Espanhol, Inglês, Chinês
Critério para a selecção
Membro do CLUSTER
62
Universitat
Politècnica de
Catalunya
Abreviatura
UPC / Barcelona Tech
URL
www.upc.edu/
País
Espanha
Tipo
Universidade
Língua pré-definida
Catalão
Línguas alternativas
Espanhol, Inglês, Chinês
Critério para a selecção
Membro do CLUSTER
63
The University
of Texas at
Austin
Abreviatura
UT Austin
URL
www.utexas.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
64
The University
of Texas at
Austin
Abreviatura
UT Austin
URL
www.utexas.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
Parceiro Internacional IST
65
The University
of Texas at
Austin
Abreviatura
UT Austin
URL
www.utexas.edu/
País
Estados Unidos da América
Tipo
Universidade
Língua pré-definida
Inglês
Línguas alternativas
Nenhuma
Critério para a selecção
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).
Abreviatura
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).
URL
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.).
Língua pré-definida
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 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.
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
Intranet / Login
Por padrão existe uma caixa ou link para autenticação.
Redes sociais
Por padrão são disponibilizados links para o perfil da
instituição nas diversas redes sociais.
Data de actualização
Apesar de não poder ser considerado um padrão, é um
factor que poderá conferir maior credibilidade à instituição,
recomendando-se a inclusão desta informação no rodapé.
Contacto listado
Disponibilizar a morada e contactos institucionais no rodapé
é um padrão na amostra, recomendado-se por isso a sua
inclusão.
Mapa do site
Pode ser considerado um padrão, no entanto foram
observados casos que oferecem uma opção que de alguma
forma se afigura como uma evolução do conceito: integrar o
mapa na navegação principal, desdobrado ou desdobrável,
tornando o mesmo uma meta-navegação.
Versão Mobilie
Apenas num caso se oferecia uma opção semelhante mas
proprietária: uma aplicação para iPad.
Responsive / Adaptive layout
Na amostra, não foi possível encontrar nenhum caso que
integrasse um layout “adaptive” ou “responsive”.
Blocos estruturais
Por padrão existe uma relação proporcional quanto à
dimensão dos vários blocos, sendo usual que o bloco do
corpo se estenda bastante para além das dobras dos
764/800/960px.
Elementos
Todos os elementos analisados (Logotipo, navegação
principal, navegação por perfil, banner principal, caixa de
pesquisa, notícias e/ou eventos) são considerados padrão.
Nalguns foi possivel estabelecer também um padrão claro
quando ao seu posicionamento no contexto do website,
noutros é apenas possivel especular localizações.
83
Notas
Para persecução da corrente análise, propõe-se uma
investigação posterior mais aprofundada às categorias dos
perfis e navegação principal—sobretudo às que desdobram.
Medir a incidência de outros elementos, sobretudo de
conteúdo a constar nos diversos blocos estruturais (semi-)
fixos, nomeadamente cabeçalho e rodapé, seria uma mais
valia para as fases seguintes.
84
the task of the designer is
to give visual access to the
subtle and the difficult
Edward Tufte
The visual display of quantitative information