Fluxograma de navegação do Revolução Etc

Estou programando um redesign do meu site. Sim, novamente. O objetivo principal de eu ter criado este site foi por puro experimentalismo e para documentá-los. Por isso eu sempre estou fazendo testes por aqui, e muitas vezes eles nem sempre são perceptíveis visualmente. Quantos de você sabem por exemplo que meu site é um dos pouquíssimos (senão único) em application/xhtml+xml? A diferença é que o site cresceu tanto e eu nunca esperava estar beirando na casa dos 5000 assinantes de feeds e certos experimentalismos acabam gerando muita conversa. Mas seja paciente, please!

E o melhor que eu posso fazer é continuar meus experimentalismos. Por isso, vou escrever uma série de textos narrando passo a passo meus procedimentos para o redesign do meu próprio site. Espero que goste! Veja abaixo como ficou o fluxograma!

Fluxograma de navegação

Fluxograma na veia!

O primeiro passo é, adivinhe se puder, o fluxograma! Desde que comecei a fazer fluxograma de qualquer coisa que vou desenvolver e planejar, ele é sempre um dos primeiros passos! Eu sempre começo pelo inventário de conteúdo, mas como é um redesign , o conteúdo está basicamente pronto, pouca coisa vai mudar. Para fazer este fluxograma eu utilizei o diagrama de Garrett (você pode ler mais sobre ele no Instituto de Arquitetura da Informação, no site do Nandico e no site do Walmar, um vocabulário visual, ou seja, um conjunto de símbolos usado para descrever o fluxo da experiência do usuário em um site. Ele tem o objetivo de ser simples e de ajudar os envolvidos no projeto a ter uma visão geral do que precisa ser feito.

Landing pages

Vou comentar algumas características que tenho certeza que você iria me perguntar de qualquer forma. A primeira delas é a “landing page”, que trata-se da página de um artigo alterada por programação (um plugin do WordPress chamado Landing sites) quando o usuário chega até o meu site vindo de algum mecanismo de busca. A url dessa página é exatamente a mesma se você acessá-la de dentro do meu site, ou de qualquer outro lugar que não seja um mecanismo de busca. Como ela realmente é diferente em alguns trechos, ou seja, existem elementos que a torna diferente, eu a representei como tendo uma origem distinta para justificar sua representação. Alguém aqui já representou isso em um fluxograma? O que acham?

Outra consideração, é a página de erro 404 que todos costumam se esquecer dela. Eu também quis representar a origem com que o usuário chega até ela (sempre por uma url inexistente) para justificar sua representação. Você pode perceber que um blog é realmente simples, mas sentar para planejá-lo é muito interessante. Não só um blog, mas qualquer site por menor que ele seja, procure representar visualmente usando o diagrama de Garrett para ver se você realmente sabe de todos os detalhes que tem pela frente. Críticas e sugestões?