Hoje, pela manhã e noite, ministrei uma palestra na Faculdade Marista Recife sobre a importância da Arquitetura de Informação. Vocês podem ver a apresentação abaixo.
No último sábado, Robson Santos apresentou um modelo de navegação, encontrado no site do evento Embaixada Pernambucana, no estilo “folder”. Já falei bastante no post anterior sobre o uso do Scroll, mas não cheguei a falar deste exemplo, até porque… quem lembrava dele?
Sobre este sistema de navegação, há mais de um ano, alguns alunos do Curso de Web Design na Faculdade Marista daqui de Recife desenvolveram uma solução que tratava do calendário de um evento e esta, apresentava uma interface semelhante a aquel do site da Embaixada e houve uma divisão regular das opiniões.
Um relato engraçado foi feito por Diego Mascarenhas, onde o mesmo afirmou que “quando li “Navegação tipo folder” eu fiquei imaginando umas pastas a lá Windows Explorer. Pra mim isso é uma navegação tipo “classificados de domingo”.” E, realmente, foi uma ótima ressalta (risos).
Sobre a experiência, no site, pude perceber que existia navegação horizontal devido ao scroll 360 graus do mac e, mesmo assim, não é de fácil percepção, pelo motivo de aparecer os dias 19, 20 e 21 de agosto.
Apresentando interfaces deste estilo e mais amigáveis, temos como exemplo os sites do InterCon e do nDesign 2007 onde ambas utilizam a navegação horizontal e só.
Semana passada, no blog Smashing Magazine, falaram sobre o assunto e pode ser visto clicando aqui. Foram apresentados apenas sites e interfaces estrangeiros, entre elas o PicLens e o Plurk ambos com uma boa usabilidade, embora o segundo com a observação que a navegação horizontal funciona não só no arrastar/soltar e scroll do appple mighty mouse, mas também com scroll vertical dos mouses mais comuns.
É claro que podemos inovar e prover de uma estética do estilo mostrado neste post. Mas até que ponto seria ideal “inovar”? O cuidado com a palavra Inovar não é em vão. Talvez uma simples mudança de organização do conteúdo, mesmo usando o scroll horizontal, mas sem espaços em brancos nos dias em que têm-se menos eventos, tornaria esta experiência bem mais confortável.
O novo portal de notícias da Secretaria de Defesa Social de Pernambuco (SDS) está no ar!
O objetivo deste portal é colocar a disposição dos cidadãos e, também, dos profissionais de segurança, mais informações, permitindo maior dinamismo na comunicação e aumento significativo na quantidade de informações publicadas.
Outra grande conquista, além da proposta de concentrador de notícias sobre segurança, seria a primeira amostra dos resultados gerados a partir do Curso de “Padrões de Desenvolvimento e Aplicação de Acessibilidade para os Portais do Governo do Estado de Pernambuco”, dado por mim aos desenvolvedores da Facilit Tecnologia e ATI nos dias 9 e 10 de julho. O resultado desta parceria já pode ser visto neste site, embora algumas adaptações ainda estejam pendentes na ferramenta Communis Evolution.
Uma pesquisa aplicada ao portal do Estado demostra uma taxa de visitantes fiéis de pouco mais de 60% e, junto às palavras do coordenador da Área de Portais web do Governo do Estado Antônio Oliveira, este novo site da SDS “vai atrair os usuários a entrar quase que diariamente”. Esta base de pesquisa e trabalho também irá servir para as novas propostas da Página Institucional, Portal do Cidadão e Agência de Notícias do Estado de Pernambuco.
O trabalho foi árduo. Reuniões com equipe de desenvolvimento, com gestores da Agencia Estadual de Tecnologia da Informação (ATI), responsáveis da SDS e também o Secretário Servilho Paiva. Parabéns a toda a equipe da Facilit e ATI.
Responsáveis pelo desenvolvimento do Projeto:
- Antônio Oliveira (coordenador do Portais web do Governo)
- João de Freitas (Arquiteto de Informação e Atendimento)
- Gabriel Ferraz (Designer/Web Designer)
- Bruno Basto (Front-end)
- Gabriel Casanova (Java Developer)
- Marcelluz Tavarez (Java Developer)
- Rodrigo Pacheco (Java Developer)
Aos que vivem no mundo de Marketing de busca online , foi lançado o novo Google Analytics.
A ferramenta conta com novos recursos para os fascinados em Web Analítica. Como vantagens, podemos atribuir valores a cada elemento da página. Links, textos e imagens tem suas descrições, valor agregado para o levantamento de dados e ainda podem ser seguidas de funções junto com CSS.
Achei um pouco “sacal” a implementação das tags de teste, embora, com a usabilidade e os novos recursos, possa fazer toda parte chata valer a pena. Estou testando esta nova versão aqui no blog! Para meus amigos, aqui vai o link para assistir a seis vídeos explicando as novas funcionalidades desta ferramenta tão importante na Web.
Este fim de semana, li um post bem interessante escrito por Lígia Fascioni. Nele, tenta-se explicar a seguinte pergunta: “…como não se perder nos encantos da estética deixando de lado a funcionalidade do objeto?”. Então ela apresenta ” As sete leis do design funcional” escrito por Dustin M. Wax.
“Penso que tudo o que a gente fizer nesse mundo deve contar com o máximo do nosso talento para ficar lindo. Mas também tem que servir para aquilo que foi feito, senão, para que gastar tanta energia?A questão é que servir, nesse caso, pode ter um monte de significados. A função de um objeto pode ser principalmente provocar sensações e sentimentos, como uma escultura ou um toy-art, por exemplo. Mas cadeiras também devem ser lindas e precisam funcionar como suporte para quem quer sentar. E como não se perder nos encantos da estética deixando de lado a funcionalidade do objeto?
… Então, o negócio é o seguinte: se você quer criar uma coisa que realmente funcione, não deixe de se fazer essas perguntas antes de dar o trabalho por terminado.”
Vale a pena conferir!
A Arquiteta da Informação Paola Sales, a pouco, acabou de realizar uma pesquisa sobre o panorama do desenvolvimento nos sites institucionais na Itália. Nesta, três sites foram analisados sobre a visão da usabilidade, arquitetura de informação, acessibilidade e redação.
Esta monografia desenvolvida por Paola ficou muito boa, aborda temas importantes e é focado em sites existentes de uma forma bastante didática. Dessa forma, é possível observar a importância de assuntos como heurísticas e utilização dos breadcrumbs durante a navegação em um site.
No trabalho, é possível verificar que a Itália está um pouco atrasada em comunicação digital e necessita implementar grande parte dos temas citados na pesquisa. Grandes portais não seguem boas práticas indicadas por estudos de usabilidade.
Mais uma vez gostaria de parabenizar nossa amiga Paola pelo trabalho realizado.
Link direto para download: (paolasales_TFC.pdf, 4,04 MB)
Indico esta leitura para todos os interessados da área.
Com o objetivo de ser um dos maiores portais do segmento esportivo do Brasil. Com certeza aproveitou-se o momento início das olimpíadas de Pequim, o novo site da ESPN Brasil foi criado pela equipe da AgênciaClick e traz novos conceitos de navegação.
Tem se falado muito sobre o tamanho da caixa de busca, embora, com certeza, tenha seu objetivo. Quando achei a busca, comecei a rir. Já havia visto buscas gigantes em outros sites, embora dava pra perceber que era uma busca… neste exemplo está mais para um banner mesmo.
“…é possível buscar informações por tags relacionadas ao seu time. (Vasco ou Cruz de Malta, Flamengo ou Mengão, São Paulo ou Tricolor, Corinthians ou Timão). Claro que esse novo conceito de navegação é muito mais fácil para as pessoas que usam a internet com certa frequência. Usuários iniciantes terão certa dificuldade no início, mas acredito que será muito melhor depois que se acostumarem.” (falou Rogério Pereira em seu blog)
Outra coisa bem legal: no final de cada página aparece com fotos e nomes a partir do sua última pequisa, páginas relacionadas… Pesquisando por “Sport”, ao invés de assuntos relacionados, aparece em na “teia” copa do brasil, campeonato pernambucano… e outros… todos levando para outra “subhome” relacionada a cada campeonato.
Quanto ao conceito desta busca, achei bem legal… Você por, intimidade com o google, espera uma listagem com páginas e mais páginas de links… e neste caso você já vai diretamente ao seu conteúdo. Mágica? (risos)
Creio que até a Globo poderia usar este conceito de busca. Neste caso, cada time já tem sua página e nela uma listagem das últimas notícias… por que ao buscar Sport Recife, já não ir diretamente para a página de notícias sobre o este time?
Parabéns à equipe da AgênciaClick!
Existem diversos mitos sobre os perfis e ações dos usuários da web. Um deles fala que “Ninguém rola a página”. Nielsen, desde 2004, já considerava o scroll um fator contra a usabilidade e com o passar do tempo começou a “mudar” alguns de seus conceitos, “Scrolling Now Allowed” (Changes in Web Usability Since 1994). Embora no decorrer deste alertbox possa ser encontrado: “Scrolling still reduces usability” onde, para ele, a mera exibição ou não da barra de rolagem tem impacto na usabilidade, ao visitar seu site (useit.com), podemos pensar que ele é adepto do “faça o que eu digo mas não faça o que eu faço”, pois existe um “scrollzão” estampado no lado direito do browser.
Então vamos levar à nossa realidade e atribuir esta pergunta:
Será mesmo que NINGUÉM rola a página?
Por alguma vez, seu gerente já comentou que seu design ou seu modelo de arquitetura está com um scroll grande? E os clientes? Já devem ter faltados argumentos para explicar que o conteúdo pode e deve estar visível mesmo contendo uma rolagem na página. Nielsen, no seu livro Usabilidade na Web, revela que, em suas pesquisas, os usuários que rolavam a tela eram cerca de 23% na primeira visitação da Homepage. Nesta mesma pesquisa, comprova que nas páginas internas o percentual de usuários que rolaram a tela cresceu de forma significativa. Uma outra pesquisa, desta vez realizada pelo Click Tail Blog, revela que, em cerca de 80.000 page views de centenas de sites diferentes, 91% porcento das páginas são longas o suficiente para conter scroll; dessas, 76% foi deslocado um pouco da rolagem e em 22% delas, a rolagem foi efetuada até o rodapé do site.
E por que ainda não é ideal usar o scroll?
Quem disse que não é? O fato é que devemos saber a ocasião ideal para seu “surgimento”. Em um trabalho da Jared Spool (www.uie.com/) é revelado que os usuários não se importam em fazer rolagem da página para encontrar o conteúdo que procuram, mas que eles deixam de fazê-la quando elementos horizontais da página sugerem que não há mais nada para se ver abaixo. Para exemplificar, mostro o portal globo.com, onde o título das categorias Notícias, Esportes e Entretenimento são exibidos na primeira tela do site (ou primeira dobra do jornal).
Imagine este portal, ou até mesmo o G1, adequando-se a filosofia “no-scroll”… Impraticável! mesmo atribuindo os conceitos Bruno Rodrigues da utilização de Chamada, Conteúdo Genérico, Conteúdo Expandido e Conteúdo Restrito, para dividir o “tipo” e “aprofundamento” do conteúdo para o leitor.
Outra boa tática para influenciar o usuário a rolar a tela seria o uso de imagem no corte da tela. Desde que esta seja de conteúdo, o usuário, se interessado, irá rolar para ver qual a informação passada por ela e assim verificaria todo resto do texto. Embora, para os dois últimos exemplos, deve-se ter muito cuidado com a resolução de tela utilizada pelo usuário e, principalmente, com a nova tendência do mobile e suas mais diversas resoluções (tema pelo qual devo dar continuidade com meu amigo Tiago Franklin, mestrando em artes (arte e tecnologia) e pesquisador das tecnologias móveis).
Nem dá para acreditar! Depois de tantas madrugadas em claro… ontem a noite defendi minha monografia!
É isso mesmo, depois de tantas madrugadas em claro estudando e desenvolvendo minha monografia sobre Padrões de Desenvolvimento e Aplicação de Acessibilidade para os Portais do Governo de Pernambuco apresentei ontem na Faculdade e ESTOU FORMADO !!! 
Fiquem Atentos, pois assim que fizer os últimos ajustes estarei publicando meu trabalho!!!
AhHh!! Não posso deixar de agradecer a força de todos meus amigos e familiares!!!
Abração para todos!!
João de Freitas Neto
Bem, muitos já sabem quais os requisitos básicos para a implementação de acessibilidade nos sites e podem achar relativamente simples. Agora imaginem os recursos necessários para fazer uma adaptação nos sites já existentes. Desenvolver do zero ou aproveitar o que já existe? De fato deve ser feita uma análise para identificar pontos de retrabalho relacionado às formas e quantidade de conteúdo.
Seria óbvio dizer que, nos sites simples, iremos desenvolvê-los completamente, “ do zero”… E para os grandes portais? Muito trabalho pela frente.
No site acessibilidadelegal.com.br é possível encontrar a tradução das diretrizes irlandesas de acessibilidade para desenvolver websites acessíveis. Nestas diretrizes existem divisões de implementação: prioridades 1, 2 e 3. Vamos falar um pouco sobre a prioridade 1 ou de nível básico de acessibilidade.
Recentemente, fiz uma pesquisa para saber até que ponto poderia ser atendido e aplicável o desenvolvimento dos portais do Governo de Pernambuco com acessibilidade. Usamos uma ferramenta baseada em portlets e esta, pela grande diversidade de funcionalidades já desenvolvidas, teria que sofrer alterações. A princípio, foram selecionadas diretrizes não só da prioridade 1. Então, fez-se um resumo do que seria “aplicável” neste primeiro momento. Abaixo está a listagem dos requisitos a serem implementados.
Alguns desses requisitos, em muitos casos, ficam sobre responsabilidade do cliente, que são: Fornecer uma descrição auditiva das informações visuais nas apresentações multimídia e Utilizar a linguagem apropriada mais clara e simples.
Uma facilidade encontrada nas ferramentas de gestão de conteúdo pra web são as templates. Elas, são as grandes responsáveis pela facilidade de implementação e mudanças futuras nos layouts mantendo o conteúdo. Os requisitos citados podem e devem ser implementados nestas templates tornando assim o sites mais dinâmicos e, o principal, acessíveis.
|
