Filosofia e princípios de conceção do site¶
Quisemos conceber um site ao mesmo tempo moderno, alegre, acessível e fácil de usar, em coerência com a identidade da nossa tradição. Somos uma tradição de budismo moderno e o nosso caminho é um caminho alegre. O design do site deve portanto transmitir esta identidade logo ao primeiro olhar: não se trata apenas de apresentar informações, mas de fazer sentir a atmosfera dos nossos centros e dar vontade de os descobrir.
O site foi também pensado para responder com eficácia às necessidades de dois tipos de visitantes: as pessoas que descobrem o centro pela primeira vez e as que já o frequentam regularmente. Para um novo visitante, o site deve permitir perceber depressa quem somos, o que propomos, a quem se destinam as nossas atividades e que atmosfera pode encontrar no centro. Para uma pessoa habitual, que já conhece o centro e vem procurar uma informação precisa, deve, pelo contrário, permitir chegar de forma rápida e simples àquilo de que precisa: um horário, um evento, uma aula, o horário semanal, as informações práticas, etc.
Toda a conceção do site assenta portanto neste equilíbrio: dar a descobrir e dar vontade aos novos visitantes, permitindo ao mesmo tempo aos visitantes habituais encontrar depressa a informação que procuram.
Para ver de uma só vez como a página inicial está construída, eis um exemplo de página inteira com base no centro de Brighton. Cada secção é detalhada mais abaixo.
Ver toda a página inicial de uma só vez
Uma identidade visual moderna e alegre¶
O laranja foi escolhido como cor principal do site. É uma cor associada à sabedoria e à nossa tradição, mas permite também criar uma identidade visual calorosa e dinâmica.
O tom escolhido é suficientemente profundo para garantir um bom contraste com o branco, o que contribui para uma boa legibilidade e para respeitar o melhor possível os princípios de acessibilidade da Web. É um compromisso entre acessibilidade e estética.
À volta desta cor principal, definimos uma paleta composta também por azuis, violetas e verdes.
Esta paleta constitui um quadro comum, deixando ao mesmo tempo uma certa liberdade aos centros. Um centro como o de Brighton, por exemplo, escolheu o azul como cor principal para se distinguir de outro centro que já usava o laranja. O essencial é ficar dentro da paleta definida, para manter uma coerência visual com o conjunto dos sites que usam este sistema.
Onde agir
As cores do site explica o princípio da paleta; o ecrã Cores e a tarefa Mudar as cores do site mostram como a configurar.
Uma interface simples e imediatamente identificável¶
O cabeçalho do site foi concebido de propósito de forma muito sóbria. O logótipo do centro aparece no canto superior esquerdo, a branco sobre fundo laranja. No canto superior direito, o botão do menu fica sempre no mesmo sítio.
Escolhemos acompanhar o tradicional pictograma «hambúrguer» da palavra «Menu». Esta escolha reforça a compreensão da função do botão e contribui para tornar a navegação mais acessível a todos os públicos.
O menu mantém o mesmo princípio e o mesmo lugar, tanto no computador como no telemóvel. O visitante encontra assim sempre as mesmas referências, seja qual for o aparelho usado. Esta continuidade torna a utilização do site mais homogénea, simples e intuitiva.
Onde agir
O menu do site explica como o menu é construído; o ecrã Menu do site e a tarefa Editar o menu mostram como o modificar.
Imagens pensadas para funcionar em todo o lado¶
Para facilitar a paginação e garantir uma apresentação homogénea em todo o site, escolhemos também uniformizar o formato das imagens principais.
O formato das imagens: 1050 × 400 píxeis
As imagens usadas no topo da página inicial, das páginas de conteúdo, das páginas de eventos e em diferentes espaços do site são preparadas no formato 1050 × 400 píxeis.
Este formato panorâmico permite valorizar suficientemente a imagem, deixando aparecer depressa as primeiras informações que estão por baixo.
Esta escolha é especialmente interessante tanto no telemóvel como no computador: a imagem continua visível e atrativa sem ocupar o ecrã todo, o que permite ao visitante chegar depressa ao conteúdo.
O uso de um formato fixo simplifica também muito a criação gráfica. Em vez de ter de gerir imagens mostradas em largura total ou em ecrã inteiro, com restrições de enquadramento diferentes conforme os aparelhos, basta preparar corretamente a imagem uma única vez.
Depois de enquadrada, pode ser usada de forma fiável nos diferentes sítios do site: imagens principais, próximos eventos, miniaturas e artigos do blogue. Isto permite obter uma apresentação coerente, tornando ao mesmo tempo a gestão diária do site muito mais simples, sem exigir competências avançadas de design gráfico.
A imagem de início: criar uma primeira impressão positiva¶
A imagem situada no topo da página inicial tem um papel especial. Destina-se antes de mais às pessoas que descobrem o site pela primeira vez.
O seu objetivo não é portanto apenas ilustrar o centro. Deve provocar uma primeira impressão positiva e imediata:
«Olha, isto aqui parece simpático!»
Esta impressão deve ser criada ao mesmo tempo pelo design e pela mensagem transmitida pela imagem. A escolha do visual, do texto e da composição deve dar uma ideia da atmosfera do centro ainda antes de o visitante começar a consultar as diferentes atividades propostas.
Este primeiro apelo é também a ocasião de mostrar o que caracteriza a nossa abordagem. Somos uma tradição de budismo moderna e alegre, e os nossos centros podem transmitir esta dimensão logo ao primeiro olhar. O humor, a leveza e mensagens vivas podem portanto ter todo o seu lugar nestes visuais.
O objetivo é mostrar uma realidade que os visitantes podem encontrar nos nossos centros: lugares acolhedores, vivos, calorosos e acessíveis. Uma pessoa que ainda não conhece a nossa tradição deve poder pensar de imediato:
«Talvez seja um lugar para mim.»
Para facilitar a criação destes visuais, foi desenvolvido um módulo específico que permite compor de forma muito simples uma imagem de início com uma imagem, um texto e um ou vários ícones. O módulo permite também ajustar a apresentação e ver diretamente o resultado no telemóvel.
É possível criar várias imagens de início, que poderão depois ser mostradas de forma aleatória. Uma pessoa que volte ao site pode assim descobrir um apelo diferente, o que dá uma impressão de novidade e permite dar vida à página inicial.
Pode ser interessante, por exemplo, criar uma dezena de imagens ao longo de alguns meses ou de um ano, conforme o tempo que o centro queira dedicar a esta animação. Este trabalho não é portanto apenas decorativo: este primeiro apelo é uma das primeiras ocasiões de criar uma ligação com uma pessoa que descobre o centro.
Ver uma imagem antes de a publicar
O site escolhe ao acaso entre as imagens de início publicadas; uma imagem em rascunho nunca é mostrada aos visitantes. Para avaliar uma nova imagem em condições reais antes de a publicar, usa o botão Ver na página inicial do ecrã de edição: só tu vês então a página inicial com essa imagem.
Onde agir
O ecrã Imagem de início mostra como compor uma imagem.
Uma página inicial que orienta naturalmente os visitantes¶
Depois deste primeiro apelo, um título apresenta de forma muito simples as atividades propostas pelo centro e lembra que estão abertas a todos.
Logo abaixo, uma zona de escolha permite ao visitante orientar-se depressa para os principais conteúdos da página inicial. Pode propor, nomeadamente, entradas para as aulas de meditação, os eventos do fim de semana, as modalidades de assinatura e, em quarto lugar, o acesso à agenda do centro.
Esta última entrada é especialmente importante, porque o calendário faz muitas vezes parte das informações procuradas em primeiro lugar pelas pessoas que já conhecem o centro ou querem simplesmente saber o que lá se passa.
Quando o visitante seleciona um destes elementos, é levado diretamente para a parte correspondente da página inicial. Descobre então uma apresentação curta da atividade, e depois pode aceder à página que lhe é dedicada para obter mais informações.
Esta organização permite portanto descobrir as atividades do centro sem ter de passar sempre por um menu. A página inicial torna-se um verdadeiro percurso de descoberta: cada um pode ir diretamente ao que lhe interessa, ou simplesmente fazer deslizar a página e descobrir aos poucos o conjunto das propostas.
Uma página inicial pensada também para o SEO¶
Esta organização tem também um interesse importante para o referenciamento natural (SEO).
A página inicial contém conteúdos dedicados às diferentes atividades do centro, com os termos e expressões que correspondem às pesquisas que os internautas podem fazer. Cada apresentação pode depois remeter para uma página mais completa dedicada à atividade em causa.
A página inicial torna-se assim um ponto de partida para os outros conteúdos do site e cria uma rede de ligações internas coerente.
A mesma estrutura responde portanto a vários objetivos: torna a navegação mais intuitiva para os visitantes, enriquece a página inicial com conteúdos úteis e facilita a descoberta das outras páginas do site pelos motores de pesquisa.
Mostrar de imediato a vida do centro¶
Logo a seguir à zona de escolha, uma secção apresenta os eventos previstos para os próximos dias. O visitante pode assim saber de imediato o que se passa hoje e nos dias seguintes, sem precisar de abrir a agenda.
O resto da página permite depois descobrir naturalmente outras informações sobre o centro, simplesmente fazendo deslizar o ecrã (as modalidades de assinatura mensal, por exemplo).
Onde agir
Esta secção é um bloco «Próximos eventos»: ver o ecrã Blocos «Próximos eventos» e a tarefa Mostrar os próximos eventos numa página.
Pôr os professores em primeiro plano¶
Um carrossel permite também apresentar os professores e mostrar de imediato os rostos das pessoas que transmitem os ensinamentos.
Na página inicial, a ordem de apresentação é de propósito aleatória. A cada visita, os professores podem assim aparecer numa ordem diferente, o que torna a apresentação mais dinâmica e permite destacar regularmente professores diferentes.
A página dedicada aos professores adota uma organização diferente. O professor residente é apresentado em primeiro lugar e com uma fotografia maior. Os outros professores são depois apresentados pela ordem escolhida pelo EPC.
Onde agir
Na página dos professores, a ordem é a da lista dos professores na administração: ver o ecrã Professores.
Dar uma visão imediata do horário¶
Mais abaixo na página inicial, o horário semanal das aulas de meditação permite ver num relance a organização das aulas ao longo da semana.
Permite distinguir os diferentes momentos do dia, nomeadamente as aulas da manhã, da hora de almoço e da noite. O visitante pode assim perceber muito depressa quando têm lugar as diferentes sessões.
Se for preciso, um segundo calendário permite também apresentar as aulas organizadas nos anexos.
Esta apresentação dá uma visão muito concreta da vida do centro e permite encontrar depressa um horário que corresponda à disponibilidade de cada um.
Onde agir
O ecrã Horário semanal e a tarefa Atualizar o horário semanal.
O rodapé: informar e ligar os sites¶
O rodapé, presente em todas as páginas do site, não é apenas uma zona técnica. Pode também servir de espaço de informação, de fidelização e de ligação em rede.
As avaliações do Google estão lá integradas, para apresentar uma seleção de comentários realmente deixados pelos visitantes. Esta presença traz uma dimensão humana ao site e permite mostrar diretamente as experiências partilhadas pelas pessoas que frequentam o centro.
Esta zona propõe também um botão que permite aos visitantes deixarem eles próprios uma avaliação.
O rodapé pode, além disso, dar acesso à inscrição na newsletter e propor recursos complementares, como e-books gratuitos ou podcasts.
Por fim, este espaço é um sítio especialmente interessante para criar ligações para os outros centros Kadampa do país. O ideal seria que os diferentes sites adotassem a mesma lógica e remetessem uns para os outros.
Isto criaria uma verdadeira rede entre os sites, útil ao mesmo tempo para os visitantes que querem descobrir outro centro e para a estrutura global da rede. Uma ligação para o centro nacional pode também ser integrada nesta lógica.
Onde agir
O rodapé é um modelo de paginação: ver o ecrã Modelos. Para ocultar ou destacar uma avaliação do Google: ver o ecrã Avaliações do Google.
Uma conceção que reúne estética, simplicidade e eficácia¶
O conjunto destas escolhas responde, afinal, a uma mesma lógica: criar um site que seja agradável de ver, simples de usar e representativo da identidade dos centros, sendo ao mesmo tempo fácil de fazer evoluir e de administrar.
O visitante deve poder perceber de imediato onde está, o que é proposto, quando têm lugar as atividades e como ir mais longe. Pode escolher consultar diretamente uma informação precisa ou simplesmente deixar-se guiar fazendo deslizar a página.
Paralelamente, a estrutura do site permite desenvolver um conteúdo rico, criar ligações coerentes entre as diferentes páginas e entre os diferentes sites, e reforçar progressivamente o referenciamento natural.
O design não está portanto separado da ergonomia, do conteúdo ou do SEO: todos estes elementos foram pensados em conjunto para criar a experiência de um site ao mesmo tempo moderno, alegre, acessível, fluido e eficaz.