Quando você pensa em ferramentas que você pode usar para criar páginas da Web, você provavelmente pensa em coisas como o Kompozer ou o Guia do Firebug Amador para personalizar o design do site com o guia do FireBug para personalizar o design do site com o FireBug Leia mais. No entanto, e se eu lhe dissesse que uma ferramenta que pode realmente impulsionar sua criatividade quando se trata de formular um layout de web design é um mapa mental?
Nós cobrimos muitas ferramentas de mapeamento mental aqui no MUO. Nancy testou o Thoughtboxes Thoughtboxes: o mapeamento mental atende à sua lista de afazeres Thoughtboxes: o mapeamento mental atende à lista de afazeres Leia mais, e Jeffry cobriu as ferramentas Mindmapping para o Mac MindMapping: 3 software simples de mapeamento de ideias para o Mac MindMapping: 3 mapeamento simples de ideias Software para Mac Leia mais. Eu acho que o meu aplicativo mindmapping favorito de todos eles é o projeto de código aberto FreeMind.
O FreeMind é um daqueles maravilhosamente simples de usar, mas intricadamente tão complexo quanto você precisa ser quando realmente precisa ser. Essa é a beleza disso. Então, para pessoas que são particularmente criativas, um aplicativo como o FreeMind literalmente libera sua mente para explorar em qualquer direção que você queira ir. Quando você está tentando fazer algo tão abstrato e complexo quanto projetar o fluxo e a função de um site, esse é o tipo de flexibilidade que você precisa.
Aqui na MUO, procuramos ajudar os leitores a “fazer uso de” aplicativos de maneiras que você pode não ter considerado antes. Tenho certeza de que alguns de vocês usaram ferramentas de mapeamento mental para esse propósito - afinal, essa é uma multidão inteligente. Mas, para aqueles de vocês que nunca consideraram o uso de uma ferramenta de mapeamento mental para projetar seu novo site, deixe-me levá-lo a um passeio pelo jardim de design da FreeMind.
Criando um site com o FreeMind
Em sua forma mais simples, eu acho que se torna muito óbvio muito rápido exatamente porque uma ferramenta de mapeamento mental como o FreeMind é ideal para web design. Em apenas alguns minutos, usando apenas a opção "New Child Node" no FreeMind, eu gerava um mapa de nível superior do meu blog.
Como você pode ver, o FreeMind permite que você inicie a partir de uma página principal - ela não precisa ser a página principal do seu site, poderia ser qualquer página inicial - e depois rastrear o caminho dos links através do seu novo site.
Neste exemplo, projetei uma página principal com seis links de navegação para as seis principais subseções do meu site. Eu provavelmente também deveria ter adicionado uma página de “recursos” ou “artigos”, já que esse é o ponto principal de um blog. Mas essa é a beleza de um mapa mental - você pode ajustá-lo e alterá-lo para se adequar a qualquer ideia de design que surja em sua cabeça ao longo do caminho.
É claro que, quando você começa a criar seu site e tem páginas reais para mostrar, você pode adicionar hiperlinks para essas páginas diretamente do seu mapa mental. Então, como você está criando o seu site baseado no seu plano FreeMind, você pode literalmente acompanhar tudo desde o próprio plano.
Deseja verificar a página de contato que você editou há algum tempo? Não se preocupe em abrir o seu navegador e digitar o URL, basta clicar no link do FreeMind e você está lá.
Você pode ver o URL do link passando o mouse sobre o nó - ele aparece na barra de status inferior.
Criar hyperlinks torna mais conveniente chegar às páginas que você está projetando, o que certamente tornará o processo de design da Web mais eficiente. O mapa mental do seu site pode servir como seu hub central - o roteiro de design da Web - do qual você pode trabalhar para concluir todo o seu projeto de design.
Outro recurso muito legal do FreeMind é a capacidade de adicionar imagens aos nós. Basta clicar em Inserir - Imagem no menu, ou clique no nó e pressione Alt-K. Basta navegar até o arquivo de imagem que você deseja usar. É muito mais fácil se você dimensionar a imagem para que ela seja o tamanho da miniatura - caso contrário, você precisará ajustar a visualização de código HTML no FreeMind depois de importar a imagem.
Clique na imagem e aparece uma ferramenta de edição que permite adicionar uma pequena legenda abaixo da imagem. Você pode usar isso para adicionar um pouco de pizzaz ao seu mapa mental de web design. Eu usei para mostrar as imagens dos escritores, e o próprio nó representa sua página de perfil no site.
Se você não se importar com o tamanho do seu mapa, você pode até inserir instantâneos de visualização das páginas, imagens que você acha que representam o propósito da página ou qualquer outro uso para imagens de nós que você possa criar. Eu, pessoalmente, gosto de usar imagens no meu mapa mental de web design, porque ele dá mais personalidade e oferece uma pequena amostra do conteúdo da página para qualquer pessoa que esteja visualizando o mapa pela primeira vez.
Outro recurso muito legal do FreeMind que se encaixa perfeitamente no conjunto de ferramentas de design da Web é a ferramenta de gerenciamento de tempo que é incorporada ao FreeMind. Você pode chegar lá acessando “Ferramentas” e depois “Mostrar Calendário”. Isto irá abrir uma grande janela de “Gerenciamento de Tempo” do calendário.
Você pode aplicar datas aos nós clicando em “Anexar data aos nós selecionados”. Essa é uma maneira legal de fazer o controle de versão em suas páginas, por data / hora marcando o nó com a data em que essa página específica foi criada ou atualizada.
A data escolhida será anexada ao final do texto do nó.
Melhor ainda, por que não configurar um agendamento para que, quando seu site estiver concluído, você receba um lembrete quando for a hora de atualizar uma página no site. Essa é uma maneira legal de planejar sistematicamente um cronograma de atualização de um site, agendando atualizações de páginas específicas ao longo do tempo, para que a atualização de um site não se torne uma tarefa avassaladora e caótica.
Para fazer isso, basta selecionar o nó, ir para o calendário do Gerenciamento de Tempo, escolher a data em que deseja atualizar a página e clicar em “Lembrar-me nesta data”.
Um pequeno ícone de um relógio aparecerá nesse nó. Isso indica que há um alarme associado a ele e você receberá uma notificação pop-up no seu computador quando for a hora de atualizar essa página. Nunca pensei que você estaria usando uma ferramenta de mapeamento mental para gerenciamento de projetos de web design, não é?
Além disso, se você quiser ver toda a programação de atualizações, listada por página, vá até Ferramentas e selecione "Mostrar lista de agendador de horário".
Você obterá um relatório completo de todas as páginas agendadas, quando agendou (as criou) e a data em que essa determinada página deverá ser atualizada em seguida.
O único local onde esse sistema pode falhar é se você atualizar a página e esquecer de voltar e atualizar o nó com uma nova hora e data de atualização. Portanto, tente criar o hábito e mantenha todo o sistema de atualização de página funcionando sem problemas.
Ah, e há um último recurso importante que eu quase esqueci. Isso é realmente muito importante se você tende a ser um daqueles programadores que perde a noção de onde você armazena seus arquivos de projeto.
FreeMind tem a capacidade de hiperlink para arquivos no seu PC, assim você pode usar esse recurso para vincular os nós da página para o código real que está salvo no seu computador. Você apenas vai a “Inserção”, escolhe “Hiperlink (Seletor de Arquivos)” e então simplesmente navega até o arquivo que você deseja vincular.
O link do arquivo para esse nó aparece como uma seta vermelha. Sempre que você quiser fazer algumas mudanças de código, basta clicar no link do arquivo, e ele irá abri-lo instantaneamente para você - não há necessidade de ir ao redor tentando encontrá-lo. Apenas lembre-se de onde você salvou para que você possa fazer o upload das alterações para o seu servidor web.
Como você pode ver, usar uma ferramenta de mapeamento mental como o FreeMind não apenas ajuda a projetar o layout e o fluxo do seu site, mas também pode ajudá-lo a gerenciar todo o seu projeto de web design do início ao fim.
Quais ferramentas você usa para gerenciar seus projetos de web design? Você consideraria experimentar o FreeMind? Você tem outras idéias criativas para usar uma ferramenta de mapeamento mental como parte de um projeto de web design? Compartilhe seus pensamentos na seção de comentários abaixo.