Componentes da interface web
Calendários online (de eventos)
Calendários de eventos na web são interfaces que indicam dias, semanas ou meses do ano e assinalam datas específicas para a realização de eventos. São utilizados por pessoas ou instituições que precisam registrar e/ou divulgar as datas de atividades realizadas ou a realizar.
■ Interfaces de calendários online são comuns em sites de museus, centros culturais, galerias e instituições com intensa programação de eventos, e em sites - como os das companhias aéreas - em que o usuário dá entrada de data de começo e final de uma atividade.
■ Priorizam a localização de informações a partir de datas definidas, e partem do princípio que o usuário seleciona a data do evento para saber a atividade relacionada, ou seja, não seleciona a atividade para conhecer o momento em que se realiza.
Recomendações para o projeto de calendários online:
◊ Prover opções de navegação alternativas à interface do calendário. Desta maneira, o usuário pode encontrar o evento do seu interesse através de listas organizadas por assuntos ou em ordem cronológica, se preferir não usar o calendário. ► Exemplo
As listas de itens facilitam muito a navegação de pessoas com deficiência, que não ficam confortáveis com a disposição tabulada dos elementos dos calendários convencionais e a necessidade de deslocamento entre cada item para encontrar o que procuram.
No caso da programação de eventos, os mais recentes, ou atuais, devem ficar localizados no alto. E os eventos em continuidade (exposições em cartaz por longo tempo) podem ficar localizados mais abaixo, ordenados de acordo com a importância do evento.
◊ Adaptar o calendário ao conteúdo a ser divulgado. O reaproveitamento de interfaces criadas para atender a necessidades diferentes das do projeto em execução pode dificultar o atendimento das expectativas dos usuários. ► Exemplo
◊ Adaptar o calendário às condições de acesso dos usuários. Embora seja muito difícil atender a todas as configurações de browsers e dispositivos existentes, é importante garantir as condições de acesso da maioria dos usuários com o mínimo esforço possível. ► Exemplo
◊ Apresentar um formato original e atraente. A consistência no alinhamento dos elementos, no uso de tipologias e estilos, bem como nas cores dos elementos reforça a confiança dos usuários nas informações publicadas.
-> O usuário deve encontrar sempre as mesmas cores na seleção do dia atual, por exemplo. Ou, nos calendários de companhias aéreas, os dias de partida e de chegada devem estar assinalados de modo uniforme.
As cores que selecionam os elementos devem mostrar bom contraste em relação aos outros itens, para aumentar a sua visibilidade. ► Exemplo
◊ Mostrar uma tela sem elementos demais, muitas cores, ou fundos saturados, para não dificultar a localização dos itens e a sua seleção.
A publicação de anúncios nas proximidades do calendário também dificulta a discriminação dos elementos do calendário.
◊ Diferenciar claramente a cor dos links visitados dos não visitados, para facilitar a navegação entre eventos que acontecem em diferentes datas. Esta recomendação vale para a configuração de links na web de maneira geral, mas neste caso a proximidade entre os elementos faz com que a diferença de cor seja especialmente útil para a identificação das ações realizadas.
◊ Atualizar a interface automaticamente quando novos eventos forem acrescentados. Valorizar as informações mais atuais, ou as que irão acontecer em futuro mais próximo, normalmente as que mais interessam aos usuários.
◊ Em caso de provimento de horários de serviços, estes devem se adaptar ao fuso horário do usuário. Este item é especialmente importante para o agendamento de viagens e compromissos, na medida em que nem sempre o usuário sabe a localização do sistema que gera a informação.
◊ Oferecer ao usuário a opção de envio de email para lembrá-lo do evento/ compromisso. Para cada evento, o usuário provê seu email e um lembrete com o dia e a hora são enviados para a sua caixa postal. ► Exemplo
◊ Facilitar o compartilhamento com sites de comunidades e de atividades relacionadas.
◊ Permitir a personalização da interface, no caso desta funcionalidade realmente contribuir para enriquecer a experiência dos usuários.
◊ Permitir que pessoas com deficiência e acesso por browsers especiais cheguem ao calendário em modo texto sem passar pela tabela com links.
Assuntos relacionados
► Acessibilidade : abrangência das soluções
► Navegação : Onde estou?
► Navegação : Onde estive?
► Navegação: Onde posso ir e como chegar?
Mais informação sobre o assunto:
► Bad usability calendar 2008, PDF,1.8MB (BadUsability, acesso em 13.4.2008)
► Bad usability calendar 2007, PDF,1.2MB (BadUsability, acesso em 13.4.2008)