LumaKimura.net [ Blog ]

Enfim, depois de vários dias acertando pequenos detalhes do novo layout acho que finalmente posso parar para falar um pouco a respeito. Pois é, uma nova mudança já e de novo! Mas eu prometo que vou sossegar por um período mais longo desta vez, novas alterações não serão tão bruscas e deverão ser feitas neste mesmo layout por algum tempo.

Minha intenção agora não era exatamente mudar a cara do blog, mas ajeitar a estrutura dele. O layout anterior atendia bem a minha vontade de deixar o visual do blog o mais limpo possível, mas eu senti que a navegação sem a barra lateral ficou mais difícil, sem contar que o menu que eu estava utilizando, baseado em eventos mouseover, prejudicavam a acessibilidade. A princípio pensei em manter o corpo principal do blog do jeito que estava e colocar todas as opções do menu na parte de baixo, mas ainda assim não fiquei satisfeita pelo fato de ter que descer toda a barra de rolagem para chegar aos tópicos. Então, o que fiz foi dividir o conteúdo da barra em dois menus: o principal na lateral e um secundário lá em baixo. Também reduzi o número de posts na página principal para deixar o carregamento inicial mais leve.

Aproveitei a mudança para implementar algumas idéias antigas que tinha para o blog, tentar melhorar um pouquinho a acessibilidade, instalar alguns plugins e acrescentar algumas páginas internas:

Menus com conteúdo mais dinâmico

As opções dos menus agora estão um pouco mais dinâmicas. Antigamente eu utilizava um menu fixo, todas as opções - perfil, arquivos, categorias, páginas internas, blogs que leio, links externos, anúncios, buttons - apareciam em todas as páginas, em uma única coluna que ficava gigante. Agora os links mudam conforme a página que estiver sendo acessada. Por exemplo, no meu perfil mostro páginas internas pessoais, meus links pela net, links de blogs e sites que visito com mais frequência. Na página de filmes mostro links e anúncios relacionados a filmes, cinema e curtas, posts relacionados ao assunto e assim por diante.

A idéia é filtrar um pouco o conteúdo, mostrar só aquilo que é mais pertinente ao que está sendo lido ao invés de jogar uma coluna gigantesca tão abarrotada de informações que no final das contas acaba sendo ignorada. Aquela velha premissa: excesso de informação mais confunde do que ajuda.

Decidir o que mostrar em cada página não foi muito fácil, por enquanto estou utilizando apenas uma “lógica pessoal”, mas com o tempo, as verificações periódicas de acessos e o feedback dos visitantes vou tentando melhorar isso.

Links para Social Bookmarks

Sabe aqueles links para adicionar o post a serviços como Digg, StumbleUpon, Rec6 e outros parecidos? Vocês costumam utilizar?

Eu coloquei aqui porque me acostumei a usá-los quando estão disponíveis nos blogs que visito. Acho que para os que utilizam serviços deste tipo ter o link à mão diretamente no post que está sendo lido facilita bastante, além do que acho legal compartilhar o que encontramos de interessante por aí. Não que eu acredite que alguma coisa do que eu posto aqui realmente tenha cacife para merecer ser compartilhado, a maior parte é mesmo post pessoal, mas vou tentar a experiência e ver no que dá. Ah, para facilitar a trabalheira de incluir links para tantos serviços diferentes estou utilizando o plugin Social Bookmarks, mas fiz algumas alterações para mostrar os links onde e do jeito que eu queria.

Tags

Embora ainda não estivesse mostrando publicamente eu já estou “tagueando” meus posts há algum tempo. No início fiquei em dúvida entre o popular Ultimate Tag Warrior e o novato, mas bem recomendado Simple Tagging, instalei os dois para uma fase de testes e acabei optando pelo último, pela facilidade de gerenciamento e customização.

Uma parte dos posts antigos ainda precisa ser “tagueada” mas o plugin já está habilitado, por conta disso também já está disponível a tag cloud do blog e os links para os posts relacionados.

Gravatar e PersonRank

Mais dois plugins que já estavam instalados no blog mas só ativei agora, para tornar a parte de comentários um pouco mais atrativa: o Gravatar, que adiciona um avatar aos comentários daqueles que têm um cadastrado no site e o PersonRank que mostra um ranking baseado na porcentagem de comentários feitos pelos visitantes no blog em relação ao número total de comentários.

Acredito que ambos sejam conhecidos da maioria, em todo caso não tem nenhum segredo, para saber mais é só dar uma espiadinha nos links.

Página de Plugins

Ainda falando em plugins, criei uma nova página interna com a listagem dos plugins que estou utilizando aqui no LK.net. Não sei até que ponto uma lista deste tipo é interessante para os visitantes do blog, mas mais uma vez me baseei em experiência própria: são informações que eu procuro em um blog que acho interessante, então achei uma boa colocar aqui também.

Acessibilidade

Estou procurando, pouco a pouco, melhorar a acessibilidade blog. Não dá para dizer que seja um trabalho de adequação simples, especialmente quando ainda estou pegando o jeito da coisa, tenho muuuito o que aprender, existe um volume considerável de posts antigos que precisam ser revisados e um grande número de tópicos a serem observados. Mas acredito que valha a pena e vendo os resultados penso estar no caminho certo.

Ferramentas de verificação automatizadas também têm sido bastante úteis para encontrar aqueles detalhes que passaram despercebidos ou erros de digitação que possam causar erros. Segundo o DaSilva por exemplo, já consigo uma avaliação razoável - acessível o suficiente para poder figurar no Diretório de Sites Acessíveis, com algumas ressalvas sobre as quais estou trabalhando agora. De qualquer forma este tipo de ferramenta, para mim, é apenas um auxílio, ainda penso que nada substitui a avaliação humana e o que conta mesmo é a opinião dos visitantes e o feedback.

As principais adequações feitas nesta versão até agora:

• Links relativos para acesso rápido ao conteúdo e aos menus para diminuir o número de “tabs” necessários para se chegar ao ponto de interesse do visitante. Troquei os ícones da versão anterior por links em texto simples para uma melhor identificação.
• Versões alternativas e/ou avisos explicativos para os scripts utilizados no blog, para navegação sem suporte a javascript.
• Alternativa textual para todas as imagens e revisão dos links (sendo ainda implementada em revisão de posts antigos).
• Uso de cores um pouco mais contrastantes no texto e cores de fundo compatíveis para quando imagens de background não forem carregadas.
• Folhas de estilos alternativas para impressão e acesso por dispositivos móveis.
• Estrutura otimizada para acesso por leitores de tela e navegadores textuais.
• Definição de teclas de atalho para os principais pontos de acesso no corpo da página.
• Especificação do idioma principal do blog no cabeçalho da página e em palavras estrangeiras utilizadas no corpo do texto, indicativos para o idioma-alvo para os links externos.

Concluindo…

… o post, porque o trabalho não deve parar nunca!

Ainda há muito o que fazer, muita coisa que quero mudar e alguns bugs a consertar. Conto com o feedback de vocês para me ajudar a deixar a casa em ordem!