Crédito da foto: Stefano Bianchi – design por MasterNewMedia.org

Os blogs podem ser ferramentas de reflexão pessoal, diários de viagem ou de ferramentas para a publicação de novas revistas on-line e publicações populares com custos de manutenção muito baixos e facilidade de uso.

Mas para que um blog seja eficaz, seu design e "look and feel" não devem refletir na estética as preferências pessoais do autor, mas sim fornecer uma solução racional e bem-pensada que caracterize o site, enquanto o torna muito acessível e fácil de ler e navegar.

Projetar um blog significa parar, sentar e planejar o "look and feel", que é o mais superficial e imediatamente visível desta nova ferramenta de comunicação digital.

Mas como fazer isso?

Acabamos todos ficando acostumados a pensar que o design é um processo criativo e irracional, quando na verdade, a melhor maneira de criar um blog campeão está realmente muito pouco ligada a encontrar novas ideias criativa sendo profundamente entrelaçadas à organização de conteúdo racional e da facilidade de acesso para o mesmo.

Com que rapidez posso ver sobre o que este site é e o que de melhor posso encontrar nele?

Design Da Informação

Crédito da foto: Nathan Shredoff www.nathan.com

Desconhecidos da grande maioria, mas decisivos para quem quer fazer sua abordagem de comunicação visual eficaz, os princípios básicos de Design da Informação podem ser usados para planejar o layout de qualquer blog profissional sério, sem riscos de perder tempo.

O Design da Informação sugere olhar para o design de informação em termos de eficiência e acessibilidade (capacidade de leitura - compreensão). Tornar a informação altamente legível, acessível, navegável e de fácil compreensão é o objetivo do designer de informação que rompe radicalmente com a abordagem tradicional do design gráfico de fazer as coisas parecerem simplesmente "bem".

Elementos De Design De Um Blog

Panorama Do Layout Da Página

A coisa mais importante a se fazer nesta frente é tornar a organização visual da página do seu blog de uma maneira que melhor possa facilitar o leitor a encontrar os seguintes componentes essenciais do conteúdo:

• O nome do seu blog


• O tema do seu blog


• O nome do autor do blog - informações sobre sua pessoa


• Temas de conteúdo e temas abordados no blog


• Como entrar em contato com a redação do blog (e-mail, Skype, telefone, fax, etc.)


• Onde você está localizado no planeta Terra


• Conteúdo mais recente e o mais popular


• Caixa de pesquisa


• Caixa de inscrição para obter as notícias automaticamente via e-mail ou RSS

É importante que estes componentes não lutem entre si pela supremacia visual na sua página do blog, mas que eles estejam dispostos de uma maneira que faça com que se comportem de forma discreta, mas permitindo acesso fácil.

Cor de fundo

Nesta frente, é sempre uma boa ideia começar de uma forma humilde, moderada, concentrando seus esforços em tornar as páginas de seu blog mais simples, bem organizadas, limpas e fáceis de navegar.

Fundos que utilizam fotografias, decorações visuais ou outros elementos gráficos devem ser firmemente evitados.

Usando combinações de cores apropriadas, você também poderá encontrar algumas soluções de grande impacto, mas esteja ciente de que a maioria dos blogs populares quase sempre são escritos com texto em preto sobre fundo branco.

Lembre-se: Quanto mais limpo e legível, melhor.

Comprimento da linha

Crédito da foto: Edward Tufte – Envisioning Information. Clique na imagem para ampliá-la.

Provavelmente despercebida e nem mesmo marginalmente considerada pelos designers, aqui está uma das variáveis mais importantes para determinar a legibilidade eficaz do conteúdo em uma página: o comprimento da linha.

Depois que se ultrapassa dez ou doze palavras por linha, ler o seu conteúdo torna-se cada vez mais difícil para o leitor. Quanto maior é o comprimento da linha, mais difícil é para os olhos do leitor irem para a próxima, uma vez que chegue ao fim de uma linha de texto.

Um comprimento de linha curto parece ser bom, fácil, não intimida, e torna a leitura na tela tão boa ou melhor do que ler no papel.

Fontes - Tipos

A escolha de quais tipos de letra ou fontes serão utilizadas no novo projeto do blog devem ser impulsionada pelos fatores usabilidade e acessibilidade.

É, de fato, mais importante que todos os seus leitores possam ver corretamente as páginas do blog, tal como foram concebidas, em vez de usar fontes especiais ou tipos que uma parte significativa dos leitores da web não será capaz de ver como você tinha planejado (na maior parte porque o seu computador não tem as mesmas fontes, o navegador ou sistema operacional que você mesmo).

Para superar essas questões, é uma boa ideia começar a desenhar o seu blog utilizando fontes padrão, altamente populares e compatíveis com tais tipos de letra Arial, Verdana ou Times que são amplamente suportados por quase todos os dispositivos conectados à web.

Alinhamento

A chave para ter páginas web com um aspecto mais limpo, elegante e bem organizado é o pior pesadelo dos designers novatos. O desenho de uma página é uma arte difícil, e a menos que você tenha sido treinado para isso, seus melhores esforços sempre serão insuficientes, apenas aceitáveis.

Para evitar isso, uma abordagem simples para o design do blog é ter uma página que distribui uniformemente os pesos através dela, garantindo que todos e cada componente seja alinhado com um ou mais elementos da página. Quanto mais elementos são alinhados por margens invisíveis em comum, mais limpa e bem organizada sua página será vista.

Chunking

Chunking é uma abordagem para a formatação do texto que se esforça em "modularizar" conteúdo para o maior número possível de blocos de texto significativo. Semelhante ao que é feito na poesia, a cada conceito e ideia é dado maior espaço para ser lido e compreendido. Não há nenhuma embalagem de parágrafos em longos blocos de texto que não conhecem pausa. Se usa o mínimo possível do espaço utilizado na tela digital.

Tanto os blogs tradicionais quanto a explosão das ferramentas de mensagens como o Twitter refletem essa eficiência expressa por rajadas de informações entregues em tempo real e com a máxima facilidade de acesso.

E assim, diferentemente dos tradicionais livros e revistas que, muitas vezes publicam conteúdos de vários parágrafos em um bloco de texto intacto, sua intenção será a de separar claramente os elementos, as ideias e conceitos que fornecem uma valiosa unidade de informação.

A "lógica" por trás dessa abordagem é que a investigação mostra que os leitores on-line têm uma atenção muito reduzida e que eles não leem páginas como artigos de jornais ou livros tradicionais, mas preferem fazer a varredura rapidamente da margem esquerda do conteúdo fornecido à procura de ganchos para conteúdos interessantes que podem ou não confirmar a relevância do artigo para seus interesses específicos.

Uma regra cujo uso deve ser respeitado quando se quer conteúdo eficaz é a de nunca ir para a próxima linha após um ponto. Ou continua na mesma linha com a seguinte frase, ou deve-se deixar uma linha em branco e iniciar um novo parágrafo abaixo.

Negrito e Links

Para facilitar para os leitores a digitalização do conteúdo da página, é uma ótima ideia usar algum negrito "para destacar as primeiras três ou quatro palavras de pontos do conteúdo que são particularmente importantes".

Em contraste com os editoriais tradicionais e formatações de abordagens onde o negrito é usado no meio de frases para enfatizar os elementos de conteúdo relevante, a minha sugestão pessoal é usar negrito para realçar palavras de pontos críticos.

É bastante óbvio que esta abordagem precisa ser usada com moderação e inteligência editorial, já aplicá-lo a cada ponto seria transformá-lo em algo absolutamente inútil.

Em lugar da abordagem acima para negrito, às vezes é possível usar links, que também são muito eficazes para destacar um conjunto de palavras-chave no início dos parágrafos pertinentes ao fornecer informação alargada, de referência e apoio para o que está escrito.

Uma coisa que nunca deve ser feita é a utilização de "sublinhado" em qualquer conteúdo web, já que este estilo de formatação se tornou um padrão na comunicação com o usuário que as palavras sublinhadas são, na verdade um link. Portanto, o uso do sublinhado para fins puramente de formatação é um pecado mortal que deve ser evitado como uma doença.

Títulos e Criação de Títulos

Os títulos são sem sombra de dúvida uma das mais poderosas ferramentas que um editor on-line tem para influenciar o tráfego, a visibilidade, relevância e conversões.

Infelizmente, muito poucos editores online chegaram à compreensão de que a web é como uma biblioteca infinita de informação, que a menos que seja devidamente rotulada, será lida apenas pelo seu círculo íntimo de amigos. Para aprender a ciência da titulação basta determinar a diferença que existe entre os blogs utilizados como diários pessoais dos utilizados para a comunicação profissional.

Para aprender os fundamentos de como escrever títulos eficazes para a web, toda vez que você tiver de escrever um título para a postagem no blog, eu sugiro fortemente que siga este teste bastante simples. Use as primeiras três ou quatro palavras (não mais) de seu título para fazer uma pesquisa no Google. Se os resultados que você obtiver estiverem em sintonia com o tema que está cobrindo em seu blog, você fez um bom trabalho. Se, por outro lado, os resultados da pesquisa não têm nada a ver com o assunto que você está escrevendo, volte à estaca zero e tente novamente.

Espaçamento

O espaçamento do conteúdo é outro fator importante no aumento da legibilidade e acessibilidade do conteúdo do seu blog, ajudando-o para que pareça mais profissional. O que é importante fazer a este respeito é manter as diferentes seções de um artigo claramente separadas umas das outras. Em outras palavras, isto significa que as legendas e cabeçalhos das seções precisam sempre ser colocados em modo assimétrico, deixando mais espaço significativo acima de qualquer título da seção para que estes sejam visualmente correspondentes ao conteúdo que os segue, em vez de flutuar de forma ambígua entre duas seções separadas .

Justificar o texto

Como a maioria das ferramentas de publicação e serviços não fornecem um mecanismo confiável para guias de texto nas páginas do blog, é altamente recomendável definir uma justificação "irregular" a fim de evitar espaços não naturais e feios entre as palavras nos seus posts.

Em outras palavras, seu texto não deve ser "justificado" em ambas as margens esquerda e direita, como alguns livros e publicações fazem, mas deve deixar o lado direito do texto um pouco mais curto em cada linha.

Recomendações

A beleza e elegância de seu blog serão determinadas muito mais por opções racionais e pragmáticas de "legibilidade" , como muitos dos pontos que eu tenho aqui listados acima, que por sua busca esotérica pela "beleza criativa".

É somente através de uma atenção muito grande aos detalhes e à sensibilidade do usuário que a beleza de seu blog vai surgir espontaneamente.

Eu sei, haveria muito mais a dizer, por exemplo com relação ao uso de imagens, ou ao tamanho das fontes, mas por agora é suficiente dizer que o que falamos acima são apenas elementos de fundação sobre a qual se deve assumir o controle imediato no caminho para a efetiva criação de um blog.

Se seu objetivo é aproveitar a facilidade de utilização e potência de publicação de blogs para criar uma ferramenta profissional de comunicação na web que traga credibilidade, visibilidade e, talvez, as receitas adicionais, comece a trabalhar sobre estes princípios fundamentais até que você esteja em pleno controle deles.

Seja inteligente, seja independente, seja bom.

Mais informações

• Jakob Nielsen
  http://www.useit.com/
• Edward Tufte
  http://www.edwardtufte.com/tufte/
• Clement Mok
  http://clementmok.com/
• Karen Schriver
  http://www.informationdesign.org/special/schriver_interview.php
• Ser O Seu Próprio Patrão É A Fórmula Para O Sucesso
  http://www.masternewmedia.org/pt/publicacao_independente/robin-good/ser-o-seu-proprio-patrao-e-a-formula-para-o-sucesso-20070422.htm/

Crédito da foto: Robin Good

Um mindmap, ou mapa mental, é um diagrama usado para representar palavras, ideias, tarefas, ou outros itens que se relacionam com uma ideia ou palavra-chave.

Os mapas mentais são usados para gerar, visualizar, estruturar e classificar ideias, e como um auxiliar nos estudos, ajuda na organização, solução de problemas, tomada de decisões, e escrita. (Fonte: Wikipedia)

Tony Buzan, o primeiro a usar este método pouco convencional de visualizar ideias, diz que os mapas mentais utilizam todas as habilidades humanas corticais em seus lados esquerdo e direito, equilibram o cérebro e ainda jogam com os supostos 99% de potencial mental que não é usado, assim como a intuição.

Embora vários cientistas sugiram que tais ideias possam ser apenas jogadas de marketing, minha própria experiência é que os mapas mentais funcionam muito bem quando se trata de visualizar meus pensamentos ou fazer um brainstorm de ideias com minha equipe.

Na verdade, a verdadeira vantagem que vejo nos mapas mentais é a facilidade em visualizar ideias em um espaço virtual ilimitado, ao mesmo tempo que vai rotulando as ideias, tarefas, projetos, e as relações entre tudo isso. Estas duas características básicas, associadas com a habilidade de ver e editar o mesmo mapa em tempo real com os outros, cria uma efetiva e memorável forma de colaborar produtivamente.

Aqui abaixo, vou expôr alguns exemplos, tirados da minha própria experiência, de como os mapas mentais contribuem para simplificar meu trabalho:

• Quando preciso preparar um guia de ferramentas sobre um tópico específico, eu uso um mapa mental para agrupar todas as ferramentas que farão parte deste guia, sem me preocupar em criar uma ordem específica. Eu vou apenas adicionando aleatoriamente as ferramentas, a medida que elas aparecem na minha cabeça.
• Como você provavelmente sabe, eu ofereço a qualquer um a oportunidade de um encontro pessoal comigo durante um período de estágio aqui na MasterNewMedia. O estágio é essencialmente um período de treinamento no qual eu ensino tudo que eu aprendi durante minha formação como editor online profissional. Cada etapa durante o estágio requer metas específicas para serem atingidas e conhecimentos precisos para adquirir, mas como esses passos não são necessariamente alcançados de uma forma linear, eu uso um mapa mental para mostrar e verificar quais objetivos foram alcançados primeiro e quais ainda faltam.
• Eu estou envolvido recentemente em um interessante experimento. Pedi aos meis leitores para adicionarem qualquer ferramenta de colaboração online que eles usem ou conheçam para um mapa mental específico que eu iria compartilhar publicamente. Visualizar uma lista tão grande com essas ferramentas seria impossível em um documento comum. Então, eu criei o Mapa com as Melhores Ferramentas de Colaboração Online - 2009 , que você pode consultar com facilidade e conferir ainda novas ferramentas que são adicionadas diariamente.

Agora que já apresentei rapidamente o que são os mapas mentais, deixe-me mostrar algumas das principais vantagens do mind mapping baseado na internet, comparado com as soluções de desktop:

• Acesse os mapas mentais não importando qual computador esteja usando.
• Colabore em tempo real com outras pessoas à distância.
• Publique mapas mentais na internet para compartilhar suas ideias.
• Envolva os leitores para que participem em sessões de brainstorming.

Caso você queira testar estas ferramentas de mind mapping, eu preparei duas tabelas comparativas e uma lista com pequenos comentários sobre todos os produtos baseados na web disponíveis no mercado.

Aqui estão os critérios que eu mesmo escolhi para preparar as tabelas e escrever cada comentário:

• Colaboração em tempo real: O número de usuários que podem trabalhar ao mesmo tempo e em tempo real para auxiliar nos mapas mentais
• Publicação: compartilhamento dos mapas mentais em sites, seja usando um widget, código HTML ou outras opções
• Acesso público / privado: Restrição de acesso para permitir apenas que usuários selecionados colaborem com o mapa mental
• Personalização: Suporte para fontes de texto, notas, imagens, anexos e hyperlinks para personalizar o estilo e o aspecto do mapa mental
• Chat de texto: Chat de texto integrado para colaboração em tempo real com outras pessoas
• Acessibilidade: Disponibilidade para celulares e versões offline para acesso aos seus mapas mentais mesmo se você não estiver conectado
• Formatos de importação / exportação: Tipos de arquivo suportados para importar mapas mentais já existentes usando outra ferramenta para mapas mentais. E ainda, todas as opções de exportação para salvar seu mapa mental: outras ferramentas compatíveis para mapas mentais, documentos ou formatos de arquivo para imagem
• Histórico: Histórico cronológico de todas as revisões feitas em um mapa mental, sejam elas feitas por você ou um colaborador. Possibilidade de reverter o mapa mental para qualquer versão anterior ou editá-lo.
• Recursos gratuitos: Outras opções disponíveis de forma gratuira
• Recursos pro: Opções avançadas disponíveis apenas para as contas pagas premium

Aqui estão todos os detalhes:

Serviços Para Desenvolvimento De Mapas Mentais Baseados Na Web - Tabelas Comparativas

Ferramentas Para Mapas Mentais: Serviços Baseados Na Web

1. MindManager
   
   MindManager é o serviço baseado na web correspondente ao software Mindmanager para desktop. MindManager Web é cotado a €120 e um período gratuito de teste por 30 dias é disponibilizado. Os mapas mentais que você cria podem ser compartilhados com até 9 colaboradores, que podem ver em tempo real as mudanças que você for fazendo. Uma ferramenta para web-conferências vem integrada ao serviço, o que permite realizar chats em voz com seus colaboradores, e se você tiver um computador Windows, pode usar o chat em texto. Você pode criar tanto mapas mentais de livre acesso ou privados, mas não pode compartilhar seus mapas publicamente na internet. MindManager Web permite que você personalize a aparência de seus mapas mentais usando diferentes estilos de fonte e opções de formatação. Você ainda pode inserir notas, hyperlinks, anexos, imagens e desenhar linhas coloridas para conectar os nódulos. MindManager Web suporta a importação e exportação dos seus mapas mentais do / para o Mindomo, Mind42, Comapping e WiseMapping. O serviço pode também ser acessado através dos smartphones Windows Mobile usando o software PocketMind (€49). Para a edição offline, você deve comprar o suite do MindManager. É possível revisar o histórico. É necessário o plugin Flash para o uso do MindManager Web.
   http://www.mindjet.com/products/mindmanager/web/
   
   
   
   
   
   
2. MindMeister
   
   MindMeister é uma solução colaborativa para mind mapping baseada na internet que pode ser usada gratuitamente com funcionalidades limitadas, ou não, por 30 dias. O serviço permite que você crie um mapa mental que pode ser compartilhado com outros usuários que verão as mudanças em tempo real à medida que elas forem feitas pelos colaboradores. Seu mapa mental pode ser público ou ter compartilhamento privado. Caso defina um mapa mental para acesso público, você pode também embedá-lo em uma página da internet, colando o código de HTML necessário. MindMeister permite que você selecione diferentes estilos ao seu mapa, seja escolhendo o tamanho, cor e a formatação do seu texto. Você pode ainda adicionar imagens, hyperlinks, notas e ícones. Enquanto trabalha em um mapa, todas as mudanças são armazenadas para revisão futura e você pode voltar a qualquer momento para desfazer as mudanças feitas. Usando o MindMeister, é possível ainda adicionar texto aos seu mapas usando SMS, e-mail, widgets da web e de desktop e ainda add-on do Firefox e IE. Você pode ainda importar seus mapas do MindManager, FreeMind e arquivos TXT. Permite exportar seus mapas já finalizados nos formatos RTF, PDF, JPG, GIF e PNG, assim como arquivos do MindManager e Freemind (apenas para usuários Premium). Chat em texto não é suportado. Com a conta gratuita você pode desenhar até três mapas mentais, tem as funções básicas de importação / exportação e pode compartilhar seus trabalhos com outras pessoas. Para trabalhar com usuários ilimitados, você tem que adquirir o plano Premium (começando em $4/mês). Os planos Premium permitem que você tenha acesso às funções avançadas de importação/ exportação, trabalhar offline, anexar arquivos aos seus mapas e ainda proteger dados. Todos os mapas criados com os planos Premium são livres de anúncios.
   http://www.mindmeister.com
   
   
   
   
   
   
3. Mindomo
   
   Mindomo oferece softwares e ferramentas baseadas na web para a confecção de mapas mentais. Você pode criar mapas para acesso livre ou restrito. Os mapas livres podem ser embedados em qualquer página da internet, desde que copiando e colando o código HTML ou enviando via e-mail. Para personalizar seu mapa, você pode usar diferentes estilos de fonte e cores. Pode ainda adicionar hyperlinks, ícones, imagens, vídeos e usar linhas para conectar diferentes nodos ao seu mapa. Caso já tenha desenhado um mapa mental usando outra ferramenta como MindManager ou FreeMind, você pode importá-lo para o Mindomo. Permite também exportar seus mapas mentais para os seguintes formatos de arquivo: TXT, RTF, PDF, JPG, GIF ou PNG. Chat em texto ou revisão do histórico não é permitido. Com uma conta gratuita, você pode criar até sete mapas mentais privados e um número ilimitado de acesso público. Para ter mapas mentais privados, você deve mudar para uma conta Premium, cotada a $6/mês. A conta Premium do Mindomo também permite que você se livre dos anúncios, criptografe seus mapas e use uma ferramenta de corretor ortográfico. Para uso do Mindomo, é necessário Flash.
   http://www.mindomo.com/
   
   
   
   
   
   
4. Bubbl.us
   
   Bubbl.us é uma ferramenta gratuita para mind mapping que permite que você crie mapas mentais no seu próprio navegador. Os mapas do Bubbl.us podem ser compartilhados com usuários ilimitados, mas você não consegue criar mapas completos neste modo de compartilhamento público. Para personalizar a aparência do seu mapa mental, é possível mudar apenas a cor de fundo das bolhas (os elementos que contém o texto), mas você não pode modificar o estilo dele. Adicionar ícones, anexos, hyperlinks e imagens às suas bolhas também não é suportado. Bubbl.us permite que você publique seu mapa mental, bastando apenas que você cole o código HTML em uma página da web. Você ainda pode exportar seus mapas finalizados como imagens nos formatos JPG ou PNG ou enviá-los via email. Chat de texto e revisão de histórico não é permitido. Não é permitido trabalhar em seus mapas no modo offline ou acessá-los através de celular. Flash é necessário.
   http://www.bubbl.us/
   
   
   
   
   
   
5. Mind42
   Mind42 é um serviço gratuito, baseado na web, que permite que você crie mapas mentais que podem ser compartilhados com um número ilimitado de colaboradores. Você tem diferentes opções para estilizar seu mapa mental: pode alterar o tipo e a cor da fonte, e ainda adicionar notas, imagens, hyperlinks, ícones e anexos. Quando um mapa mental é concluído, você pode embedá-lo em uma página da web, desde que colando o código HTML ou exportando o mapa para o MindManager ou um arquivo RTF. Importar um mapa já existente de outra ferramenta para mapas mentais não é permitido. Usando o modo Birdview você pode visualizar um pequeno preview de todo o mapa caso ele não se acomode na janela do seu navegador e a parte do mapa na qual trabalha é destacada. O recurso de chat de texto não existe no serviço, mas Mind42 dá rápido acesso às suas contas do Skype e Gtalk. Você não pode escolher mapas de acesso público ou privado: todos são de acesso restrito. Trabalhar no modo offline e fazer a revisão do histórico não é permitido.
   http://www.mind42.com/
   
   
   
   
   
   
6. WiseMapping
   
   WiseMapping é uma ferramenta gratuita para mind mapping baseada na web. Você pode construir quantos mapas mentais quiser e compartilhá-los com um número ilimitado de colaboradores. Para personalizar seus mapas, você pode adicionar ícones, hyperlinks, e notas, mas não images. Você pode ainda adicionar cores aos nodos de seu mapa e alterar a aparência de seu texto (tipo de fonte, cor e tamanho). Os mapas podem ser privados ou públicos, sendo que estes últimos podem ser publicados na web. Com o código HTML, você pode embedar a imagem de seu mapa em qualquer webpage. Para exportar seu mapa, você pode escolher entre os formatos SVG, PDF, MMAP (MindManager), JPG e PNG. Para ver uma versão prévia de seu mapa, verifique o histórico para qualquer alteração que você ou seus colaboradores tenham feito, e, opcionalmente, altere o mapa para algum estado anterior. Chat em texto não é permitido. WiseMapping não oferece acesso no modo offline.
   http://www.wisemapping.com/
   
   
   
   
   
   
7. Comapping
   
   Comapping é um serviço pago para mind mapping que você pode testar por um período. O serviço possui diferentes níveis de preço, começando em $15 para uma licença de 6 meses. Usando Comapping você pode trabalhar com até 20 colaboradores que podem ver em tempo real as mudanças que fizer em um mapa compartilhado. Você ainda pode usar o chat de texto para se comunicar com os colaboradores ou realizar uma sessão de brainstorm. Seus mapas podem ser de acesso público ou privado. Os mapas públicos podem ser publicados em uma página da internet usando-se um widget. Para estilizar seu mapa mental, é possível usar diferentes cores e estilos de fonte. Você ainda pode usar ícones anexos, mas não pode adicionar imagens ou anotações. Comapping ainda permite que você faça apresentações usando seu mapa mental. Uma versão para servidores também está disponível, sob solicitação. É possível importar seus mapas do MindManager (MMAP) e exportá-los nos formatos MMAPP, RTF e HTML. A revisão de histórico não é suportado. Comapping trabalha no modo offline, desde que fazendo-se o download de um pequeno aplicativo baseado no Adobe AIR.
   http://www.comapping.com/
   
   
   
   
   
   
8. DropMind
   
   DropMind é uma ferramenta para mind mapping baseada na web e que você pode usar para construir e compartilhar seus mapas com até dois colaboradores. Você vê as mudanças em tempo real feitas pelos colaboradores e ainda pode usar o Gtalk para se comunicar com aqueles que estejam trabalhando em seu mapa mental. Para personalizar seu mapa, você pode adicionar hyperlinks, ícones, notas e estilizar seu texto mudando o tipo da fonte, cor e tamanho. Quando um colaborador faz alguma alteração no mapa mental, todas as mudanças são arquivadas para futura revisão e você pode sempre revertê-lo para algum estado anterior. Os mapas do DropMind são particulares por padrão, mas é possível publicá-los para deixar que outro usuário do DropMind verifique seu trabalho. Você pode importar mapas já existentes do MindManager e Freemind, e ainda de arquivos do tipo RTF e DOC. Não é possível exportar seus mapas. O acesso Premium (começando a $15/3 meses) permite que se tenha um número ilimitado de colaboradores, apresentações, exportar os mapas nos formatos RTF, DOC, PDF, HTML e arquivos de imagem e anexos, e ainda trabalhar no modo offline através do seu desktop. É necessário ter o Microsoft Silverlight para uso do DropMind.
   http://web.dropmind.com/
   
   
   
   
   
   
9. MAPMYself
   
   MAPMYself (antigo Mapul) é uma ferramenta para mind mapping que funciona no seu navegador. Com MAPMYself você não pode compartilhar seus mapas com outros colaboradores para edição em tempo real. Você tem várias opções para estilizar seu mapa: é possível alterar a aparência dos nodos, e ainda, a fonte, cor e tamanho do texto. É possível ainda adicionar imagens, ícones, notas e escrever a mão os textos dos seus nodos. Os mapas do MAPMYself podem ser compartilhados publicamente na internet. Os formatos de exportação de arquivo suportados incluem PNG, DOCX e MindManager (MMAP). O modo Presentation permite que você tenha uma apresentação usando seu mapa mental. MAPMYself funciona no modo offline mas não permite a revisão do histórico.
   http://www.mapul.com/
   
   
   
   
   
   
10. Glinkr
    
    Glinkr é uma ferramenta de código aberto e baseada na web. Glinkr não permite que você compartilhe seus mapas com outros usuários, mas pode embedá-los em uma página da web usando um widget. Disponibiliza opções limitadas de customização para os nodos do seu mapa: você pode alterar as cores de fundo dos nodos ou adicionar anexos e descrições. Apenas isso. Os mapas podem ser importados (mas não exportados) no Glinkr através de arquivos do tipo GIF, JPG, PNL e HTML. Não é suportado o trabalho no modo offline nem a revisão de histórico.
    http://glinkr.net/

Vários autores reunidos por Robin Good - veja os créditos ao final do artigo

Excelente pergunta.

Artigos que chamem a atenção são muito difíceis de se conseguir, já que o volume de outras fontes e o contínuo aumento de conteúdo jornalístico dificulta que alguém se destaque entre a multidão ou que até mesmo seja visto.

Se eu tivesse que dizer três coisas que fazem as pessoas buscarem novos conteúdos, estas seriam minhas escolhas:

Elementos-Chave Para Chamar A Atenção Dos Leitores Online

1) Título

Não dá para escapar. É o ponto visual e cognitivo para a informação, portanto você TEM que dar atenção ao título antes de decidir se o que você escolheu interessa ou não.

Os títulos podem ser feitos de um milhão de formas distintas e existem diferentes escolas de pensamento que falam sobre a melhor forma de fazer isso. Eu encaro isso de forma pouco filosófica e prefiro olhar para as estatísticas, para só então ver o que é mais apropriado do ponto de vista da publicação e obtenção da informação. E os meus números parecem dizer claramente que, a não ser que você diga claramente sobre do que se trata seu artigo, você pode ser tão irônico e inteligente quanto queira, mas poucos leitores vão se sentir atraídos em ler o que escreveu. Enquanto isso, seu título vai estar competindo com outros próximos a ele.

2) Primeiro Parágrafo

Como você começa um artigo é o segundo fator mais importante, o qual, na minha opinião, influencia os leitores a decidir se continuam lendo ou vão para outro texto.

Os primeiros parágrafos também são muito importantes porque eles frequentemente aparecem em newsletters, resultados de pesquisas, e abaixo dos títulos dos leitores de RSS e agregadores de conteúdo. Dessa forma, seus leitores em potencial dão uma olhada naquilo que você escreveu e que pode mostrar seu foco, objetivos e qualquer outra coisa importante que dirá no resto da postagem. Essa é uma das razões que explicam como a primeira frase naquele parágrafo e sua organização podem provocar um grande impacto na decisão final de seu potencial leitor. Quanto mais você fala de algo que seja do seu interesse, ou alguma coisa específica que ele queira saber mais, sua atenção será ganha. Quanto mais clara e rapidamente você disser o valor (ou sua falta) de uma certa história, mais oportunidades seu leitor terá de encontrar um ponto de interesse.

3) Dicas Visuais

Se seu artigo for associado a uma imagem, ícone, ou outra dica visual que infere alguma coisa ao leitor mais do que aquilo que o primeiro parágrafo consegue, seu conteúdo tem probabilidades maiores de ser lido.

O problema é que nem toda imagem consegue alcançar esse objetivo. Sim, usar imagens e vídeos aumenta significativamente a probabilidade de seu leitor passar mais tempo em seu artigo, mas isto é verdade especialmente quando o elemento visual cria um forte identificação cognitiva na mente do leitor. Isso porque, não é essencialmente importante posicionar imagens apenas para deixar seu conteúdo mais "visual". Na verdade, imagens mal selecionadas e mal preparadas conseguem com facilidade tirar o crédito e diminuir o valor e credibilidade de qualquer conteúdo.

Mas este é apenas o meu ponto de vista.

Aqui está também a opinião de nossa colaboradora-convidada, Sharon Housley, que analisa com mais profundidade a questão.

Para dar minha contribuição, tanto mais agradável para mim e mais interessante para você, eu escrevi primeiro os meus argumentos e só então li aqueles que Sharon selecionou. Depois, adicionei um pequeno comentário a cada uma das suas sugestões, já que minha estratégia e tática são às vezes radicalmente opostas às mais tradicionais que Sharon gentilmente recomenda.

Posts De Blogs Que Chamam A Atenção

por Sharon Housley

a) Chame A Atenção

Use os títulos para chamar a atenção dos leitores para a postagem.

O título deve ser parecido com os das manchetes dos jornais e gerar interesse no post.

O título pode ser controverso, mas não ao ponto de chegar a ser mal-entendido. Use palavras de ação no título.

Os blogueiros geralmente tem vários títulos em potencial para seus posts, e então escolhem aquele que melhor se adapte a uma postagem em particular.

Comentário de Robin Good: Para mim, na internet, os títulos não devem quase NUNCA se parecerem com manchetes de jornais. Esta é uma receita de pouco sucesso e pouca sustentabilidade a longo prazo. A web trabalha com uma série de princípios diferentes, e os motivos que tornam os títulos dos jornais impressos atrativos (falta de espaço), não podem ser aplicados à realidade da web.

b) Entrega

Ter um título chamativo, mas com o respectivo conteúdo não tão bom assim, não fará com que você ganha seus leitores.

O conteúdo do blog deve oferecer aquilo que é prometido no título, ou os leitores não seguirão mais o blog e assim o deixarão de ler.

Ao decidir o título de um blog, não destoe muito de seu conteúdo, já que os dois estão intimamente relacionados -- o título irá chamar a atenção do leitor, mas o conteúdo deve ir ao encontro das expectativas... ou a reputação do blogueiro vai sofrer.

Comentário de Robin Good: Não poderia concordar mais com isso.

c) Precisão

Nada suja mais a reputação de um blog do que informação imprecisa, portanto tenha certeza de que seus posts contenham apenas informações exatas.

Fazer uma postagem desse tipo intencionalmente ou dar informações falsas, irá danificar significativamente a reputação do blogueiro.

Mas se um erro acontecer sem intenção ou sem advertência, poste rapidamente uma correção junto com uma desculpa e uma explicação, no intuito de salvar sua boa imagem.

Comentário de Robin Good: Sim, isso é o que deve ser feito.

d) Relevância & Conveniência

As postagens devem ser sempre relevantes e convenientes.

Ficar lendo sobre algo que já tenha acontecido não irá atrair leitores.

Faça posts sobre aquilo que está acontecendo aqui e agora.

Se você for escrever alguma coisa que não seja mais conveniente, assegure-se de que irá falar algo novo, ou incluir alguma informação atualizada para deixar o post mais relevante.

Comentário de Robin Good: Relevância NÃO é a mesma coisa que conveniência. Relevância é relativo ao interesse do leitor em um determinado momento, enquanto "conveniência" é geralmente associado a eventos, notícias e informações sobre produtos sensíveis ao tempo (lançamento de produtos, breaking news, entre outros). Minha experiência e meus dados dizem que você pode ter posts e artigos que não tem nada a ver com o noticiário principal e que não são ligados a nenhum evento específico, mas que chamam a atenção dos seus leitores mais do que a notícia mais sensacionalista de um plantão. Então, meu conselho é mais para que os blogueiros deem notícias que sejam interessantes e que tenham algum valor, em vez de ficarem tentando que suas postagens sejam mais alarmantes do que um "Plantão da Globo". (Este artigo é um exemplo vivo - se você olhar o artigo original publicado pela Sharon, verá que ele nem sequer contém uma data).

e) Um Tópico

Todos os blogs deveriam ter um tema geral que conecte todos os posts no blog.

Os leitores esperam que os posts se relacionem, então permaneça fiel ao tema e tópico do blog.

Comentário do Robin Good: Não poderia concordar mais. Esse é o jeito certo.

f) Use Palavras-Chave

Use palavras-chave livremente nas postagens do blog.

Os mecanismos de busca vão tentar categorizar o conteúdo de uma postagem e distinguir de seu tópico central.

Incluindo palavras-chave ou frases-chave, os buscadores terão mais facilidade em classificar o conteúdo do blog.

Além disso, um blog que use palavras-chave terá mais facilidade de rankear essas palavras ou frases-chave nas listas dos buscadores.

Comentário de Robin Good : Eu acho que se você não estiver pegando ou copiando e colando o conteúdo de outros sites, a consistência da terminologia irá acontecer naturalmente e assim os buscadores terão mais habilidade e facilidade em classificar e dar relevância ao seu conteúdo. Eu não fico muito confortável em sugerir que as pessoas usem palavras-chave, porque já vi diversas vezes pessoas que se preocupam demais em fazer apenas isso e dessa forma se esquecem de escrever um conteúdo de qualidade e se tornam obsessivos com a otimização de conteúdo para buscadores, que não tem nada a ver com os editores profissionais que são para quem quero me dirigir agora. O que você quer fazer é escrever um tópico claro, bem definido, enquanto escreve de uma forma mais legível e fácil de ser entendida. Evitar o conteúdo muito informal, expressões e assuntos muito implícitos lhe proporciona uma forma fácil de se comunicar com mais eficiência enquanto define com naturalidade o tópico da sua postagem.

g) Avalie Os Web Logs

Reveja os web logs para determinar quais posts foram populares com os leitores.

Então descubra como oferecer conteúdo similar ou relacionado que talvez também seja de interesse daqueles leitores.

Comentário de Robin Good : Sim! Um tesouro essa dica.

h) Ser Original

Os posts devem sempre conter conteúdo original e exclusivo.

Se você estiver apenas repostando a informação dos outros, inclua um conteúdo editorial ou alguma novidade.

Os leitores não gostam de reler a mesma informação -- eles estão interessados em ler novo material.

Comentário de Robin Good : Hmmm... oportunidade. Como você combina, reune, ilustra e conecta a informação que tem pode fazer uma grande diferença em relação a como as pessoas a percebem. Então, enquanto eu concordo em dizer aos editores da web que evitem a estratégia de apenas repostar o conteúdo de outras pessoas, percebi que uma das coisas mais valiosas que um editor pode fazer é editar, trazer, expandir de forma a agregar valor ao trabalho feito pelos outros.

j) Conteúdo Dividido

Divida o conteúdo em pequenas e agradáveis partes.

A maioria dos visitantes de sites irão apenas escanear os parágrafos por informação, e poucos vão tirar tempo para ler todas as palavras contidas na postagem.

Use lista com marcadores, ou separe o texto em parágrafos, com os sub-tópicos em negrito.

Comentário de Robin Good : Correto. Esses são pontos importantes e quanto mais você aprender sobre eles e a lógica contida por trás, melhor poderá controlar os efeitos que produzem.

E Você?

Crédito das fotos:
Chame Atenção - cre8tive88
Entrega - jamesgroup
Precisão - devon
Relevância & Conveniência- nruboc
Um Tópico - scops
Use Palavras-Chave - fstutzman
Avalie Os Web Logs - robynmac
Ser Original - mipan
Conteúdo Dividido - scol22

Tag Cloud dos termos mais populares da homepage da MasterNewMedia - criada com o serviço TagCrowd

A minha definição simples para tags (etiquetas) é: "Tags são palavras-chave que definem o tema do seu conteúdo online."

E esta é a oficial:

"Uma tag é uma palavra-chave ou termo relevante associado a uma informação (uma imagem, um mapa geográfico, um post, um vídeo clip, etc.), que descreve, dessa forma, o elemento em questão e possibilita a classificação e buscas baseadas em palavras-chave."
(Source: Wikipedia)

Os sistemas de gestão e plataformas de blogagem da maioria dos conteúdos integram atualmente uma facilidade para adicionar tags a qualquer conteúdo postado online assim como qualquer plataforma de publicação baseada na web, do YouTube ao Flickr. Se tal facilidade não estiver diretamente disponível no seu sistema de publicação, pode ser adicionada de maneira fácil através de um plug-in... basta procurar em fóruns para webmasters.

Bem, o problema não é exatamente ter uma ferramenta especial para fazer isso, mas saber usá-la da melhor forma.

Essencialmente, a arte de colocar tags de maneira eficaz consiste em selecionar um conjunto de palavras-chave abrangente o suficiente que descreva de modo orgânico um conteúdo específico ao mesmo tempo em que fornece pistas significativas que serão pescadas pelas pesquisas dos usuários.

Aqui estão mais detalhes sobre a melhor forma de desenvolver tags para os seus artigos:

O Que São Etiquetas Ou Tags

Uma tag (etiqueta) ajuda usuários a encontrarem páginas web de seu interesse. As tags representam aspectos das páginas que são difíceis de capturar através das pesquisas normais nos buscadores. Pense numa tag como um simples nome de uma categoria.

As etiquetas são usadas e lidas pela maioria dos buscadores, social bookmarkings e redes sociais como o Delicious, Flickr, YouTube e até mesmo o Gmail e tem como objetivo categorizar, fazer encontrar e adiconar de maneira fácil conteúdos parecidos, fazendo com que o usuário não fique limitado a um grupo pequeno de categorias pré-determinado.

As tags podem ser definidas manualmente por um editor de notícias, blogueiro ou qualquer pessoa que tenha o controle sobre o processo de publicação de um site e podem ser modificadas, editadas e refinadas por leitores/espectadores desse mesmo material. Em redes sociais, geralmente é o público quem define as tags mais relevantes para os artigos que irão compartilhar. Em sites e blogs, por outro lado, é o próprio autor que decide se deve classificar os seus posts por meio de tags ou não.

"A classificação das tags, e o conceito de conexão de um grupo de tags a blogs e sites, tem levado à classificação folksonômica por toda a internet, o conceito de favoritação (bookmarking) e outros formatos de software social.

As folksonomias extensas costumam ter os mesmos problemas da etiquetagem em si, ainda que os usuários mais espertos tentarão procurar, antes de colocar a tag, a forma atual para o "termo da etiqueta", dentro desses sistemas e tendem, dessa forma, utilizar as etiquetas existentes para formar facilmente conexões com os artigos relacionados. Desse modo, o desenvolvimento de uma folksonomia iria definindo um sistema de convenções de criação de etiquetas com base em um consenso eventual do grupo, muito mais do que através de uma lista de vocabulário padrão formalizado.

Embora a "criação de etiquetas" seja comumente tida como uma alternativa de modo organizacional, através de uma hierarquia de categorias, os recursos online parecem cada vez mais usar um sistema híbrido, onde os items são organizados em categorias amplas, com diferenciações mais refinadas de classificação por meio do uso das etiquetas."

(Fonte: Wikipédia)

Tipos De Etiquetas

Ao usar tags, é preciso pensar em como elas poderão se transformar em "ganchos" úteis ou "rótulos" eficazes o suficiente para permitir que os usuários encontrem, busquem, adicionem e redistribuam o seu conteúdo de maneira mais fácil.

O maior erro de alguém não familiarizado com o tema é o de preparar conteúdo para a publicação e classificá-lo com os nomes das categorias internas do seu site ou blog ou ainda rótulos únicos relacionados ao departamento ou área que definem uma determinada informação.

Na verdade, o que precisa ser feito é justamente o contrário. Você precisa associar as tags do seu conteúdo com o intuito de aproximá-lo o máximo possível aos termos que os seus usuários em potencial usariam se encontrassem o seu conteúdo e tivessem que classificá-lo.

Embora pareça bastante simples e claro na explicação desse artigo, na prática não é tão fácil assim, a menos que você já tenha treinado bastante para fazer isso.

A melhor forma de abordar um conjunto de tags é analisar de forma seletiva os campos principais de classificação aos quais a sua informação pertence.

Aqui estão algumas diretrizes preferenciais de como identificar esses campos de classificação.

• Tipo De Conteúdo

  Do que trata esse conteúdo? É uma análise, um artigo, um white-paper ou um relatório científico? Imagens, mapas, catálogos, biografias, entrevistas, resenhas de filmes, notícias, fóruns, demos, downloads, manuais e detalhes sobre produtos diversos são todos exemplos de tipos de documentos possíveis que podem ser usados como tags. São todos rótulos excelentes porque é difícil restringir uma busca por um documento tão específico usando termos comuns.

  Definir a tipologia do documento é um bom primeiro passo no sentido de fornecer um nome útil para aumentar a encontrabilidade do seu conteúdo.






• Assunto

  Qual é o assunto do seu conteúdo? Fala de estratégias de marketing online ou sobre um novo estudo sobre design de interfaces? O tópico principal de referência deve sempre estar definido nas tags.






• Fonte

  De onde vem a informação no seu artigo? De instituições, universidades, governos, organizações sem fins lucrativos? Fornecer insights sobre a fonte da informação publicada pode ser algo que caracteriza bem o seu conteúdo em muitas situações.






• Autor

  Quem é o autor desse conteúdo? Seja você mesmo ou qualquer outra pessoa, é importante compreender que o autor de qualquer conteúdo publicado pode representar ele mesmo uma boa etiqueta na hora de buscar esse conteúdo, ou seja, torná-lo encontrável aos olhos dos buscadores.






• Público

  Qualquer termo que você use para completar a seguinte frase: 'Esta página é escrita por ____'. Etiquetas do tipo 'para_estudantes', 'para_pacientes', 'para_crianças', 'para_advogados', etc. são sempre muito úteis já que o público que se quer atingir é difícil de ser selecionado com termos comuns de pesquisa.






• Produtos E Serviços Relacionados

  Serviços e produtos complementares relacionados que podem ser muito relevantes ao assunto principal do seu conteúdo. Podem ser nomes ou marcas de produtos que guardam uma relação especial com o assunto do seu conteúdo, são referenciados ou mencionados dentro do seu conteúdo uma ou várias vezes.

Testando As Tags

Como saber se uma tag que você está pensando em usar é realmente útil e apropriada para o tema escolhido? Um jeito fácil de descobrir é fazer o seguinte exercício mental. Pergunte a você mesmo: se alguém fosse a um dos principais buscadores ou sites classificadores como o Technorati e usasse essa tag para fazer uma pesquisa, acharia que o conteúdo associado a ela é realmente útil?

Em outras palavras, se eu quisesse associar, a esse mesmo artigo, o termo "classificação de conteúdo", quando alguém buscar por essa etiqueta e encontrar o meu artigo, vai pensar que tem tudo a ver com o tema e que é útil? Quanto mais você puder responder essa pergunta de forma afirmativa, mais apropriada será a tag escolhida para o caso.

É certo que quanto mais genérica for a etiqueta e quanto menos tags associadas a um conteúdo existirem, mais difícil fica definir suas características de forma abrangente. É por isso que a maioria dos editores online profissionais geralmente colocam três, quatro ou mais tags em um artigo na hora de publicá-lo.

Para Saber Mais

Outros detalhes:

Content Tagging: What Are Tags And Why They Are So Important For Web Publishers

• Technorati tags: an introduction
• How Findability Determines Authority Online: The Wikipedia Phenomenon
• Grassroots Cooperative Categorization Of Digital Content Assets: Folksonomies, What They Are, Why They Work

O mapa do tesouro de Peter Morville - Faça o download do mapa em PDF

Mas, qual seria o produto de entrega visual mais apropriado para se usar com esse fim? Um quadro, um diagrama, um wireframe? Certamente, tudo depende do que você precisar dentro do objetivo de comunicar e para quem comunicar, assim como quais soluções comunicativas a usar sob determinadas condições que podem se transformar em algo inapropriado em situações diferentes.

Se um comunicador visual pudesse enxergar, da maneira que visualizamos os pratos de um cardápio em um sofisticado restaurante japonês, todos os caminhos e soluções visuais a sua disposição, poderia escolher facilmente a melhor opção para transmitir uma mensagem.

O guru em experiência do usuário, Peter Morville, oferece nesta coleção única de soluções para comunicação visual, ideias e exemplos inspirados que vão desde simples contos visuais até o design de relatórios, mock-ups, protótipos e conceitos.

Explore-a à vontade:

Produtos De Entrega Para A Experiência Do Usuário

por Peter Morville

Peter Morville

Introdução

É um momento revigorante para quem lida com experiência do usuário. O reconhecimento crescente do nosso valor associado às tendências das tecnologias emergentes e transmedia propiciaram as condições para uma mudança no nosso modo de proceder.

Como arquiteto da informacão, ando tirando muito proveito desses novos desafios, mesmo se eles me tiram da minha zona de conforto. Tenho desenvolvido softwares sociais e interfaces tipo rich user. Também tenho traçado cenários para o futuro das buscas através de celulares. Tenho mapeado a experiência do usuário pelos canais e aplicações da rede. Além disso, me pego cada vez mais lutando para esclarecer alguns conceitos para executivos.

Consequentemente, ando repensando o meu papel nesta história, redefinindo minhas entregas, e abraçando novas formas de colaboração interdisciplinar.

Por exemplo, puxei para esse projeto o Jeffery Callender, como co-autor do livro Search Patterns (em andamento), sobre design para a descoberta e futuro das buscas. Juntos, desejamos dar vida às buscas através das histórias cheias de cores que despertam a atenção, além de mapas e ilustrações, o que nos remete às entregas necessárias para tanto.

Ferramentas Do Pensamento

Dois livros me inspiraram a pensar de modo diferente sobre descobertas, comunicação e design.

O primeiro, Made to Stick, me desafiou a pensar de modo simples. Este livro revela o poder que tem as frases curtas e histórias pessoais surpreendentes que acabam transformando as nossas mentes e dando forma às lembranças.

"Os provérbios são o Santo Graal da simplicidade. Inventar uma frase curta, compacta é fácil. Qualquer um pode fazer isso.

Por outro lado, criar uma frase profunda é algo incrivelmente difícil, mesmo que traga muito poder consigo.

É preciso abrir mais ainda os vãos antes de fechá-los definitavamente. A nossa tendência é a de relatar fatos. Mas, antes disso, as pessoas tem que percebem que precisam deles.

Esta percepção - ou seja, esta noção de que a empatia aparece no particular e não no que é padrão - nos traz de volta ao círculo completo do que disse Madre Teresa sobre fazer pelo indivíduo e não pelas massas, pois se cuidamos do coletivo, nos perdemos com a quantidade e acabamos não fazendo nada por ninguém.

O poder da mensagem, portanto, tem dois lados: Propicia a simulação (o conhecimento sobre como agir) e a inspiração (a motivação para agir)."

Em segundo lugar, o livro The Back of the Napkin me entusiasmou no sentido de me provocar a pensar através de imagens.

Este livro mostra que fazer um rascunho das coisas pode nos ajudar a descobrir e vender ideias: pensar através de imagens significa tirar proveito da nossa habilidade inata de enxergar - com os próprio olhos e com os da imaginação - para descobrir ideias que seriam invisíveis de outra maneira, desenvolvê-las rápida e intuitivamente e depois dividi-las com as pessoas para que as possam "entender" de maneira muito simples.

Estes dois livros são joias e ainda assim suas ideias são surpreendemente difíceis de se aplicar.

Facilitar as cosas é difícil. Mas, pelo bem dos nossos projetos e do nosso livro, temos certeza de que vale a pena. Por isso, para construir alguma coisa em cima do princípio que disse o Dan de que: "tudo parece diferente quando podemos ver por completo", Jeff e eu começamos a colher entregas que fazem parte da experiência do usuário e tentamos prestar atenção nelas, para poder ver, enxergar, imaginar e mostrar.

As Entregas

Esta lista descreve vinte entregas para a experiência do usuário com links aos seus recursos e exemplos relevantes.

Claramente, estes artefatos do processo não formam a história completa. Também podemos pensar na relação entre os objetivos, métodos e documentos envolvidos. Ainda assim, para muitos de nós, as entregas são a chave do negócio e merecem uma atenção especial.

1. Histórias

Uma boa história sobre a experiência do usuário pode ajudar as pessoas a verem o problema (ou oportunidade), motivá-las a tomar uma decisão, e fazer com que se envolvam na memória das pessoas por muito tempo ainda por vir.

• Stories Storytelling in Business
• The Secret Language of Leadership por Stephen Denning
• Articles por Dave Snowden

2. Provérbios

Motivadores altamente conceituados, analogias generativas, e estratégias extraidas da experiência evocan esquemas existentes para envolver o mundo em um armário.

• Experience Strategies por Jesse James Garrett
• High Concept Pitches for Startups
• Provérbios Ingleses (em português) (Wikiquote)

3. Pessoas

Retratos e perfis dos tipos de usuários (e seus objetivos e comportamentos) nos fazem lembrar que "você não é o usuário" e também servem como uma bússola valiosa para o uso do design e do desenvolvimento.

• Personas (Dey Alexander)
• Personas are NOT a Document por Jared Spool
• Personas (Wikipedia)

4. Cenários

Posicionar as "personas" em contextos naturais nos faz pensar em como um sistema se adapta às vidas das pessoas de verdade.

• What is a Scenario?
• Scenarios por Shawn Henry
• Use Cases and User Scenarios (IxDA)

5. Inventários De Conteúdo

Revisar e descrever documentos e objetos é um prerequisito para uma estrutura e organização efectivas. O artefato (no geral, uma planilha) é um sinal de tal diligência.

• Doing a Content Inventory por Jeff Veen
• Why You Shouldn't por Leisa Reichelt
• The Rolling Content Inventory por Lou Rosenfeld

6. Analytics

Conseguimos aprender através de um mergulho na interação, nas buscas, e nos dados da navegação. E passamos a ensinar desvelando e esquematizando os marcos críticos, os portões, os caminhos e padrões.

• Web Analytics (Wikipedia)
• Web Analytics and IA por Hallie Wilfert
• Search Log Analysis (Dey Alexander)

7. Pesquisas Com Usuários

Fazer a mesma pergunta a vários usuários entre diferentes públicos pode ajudar a revelar fendas e necessidades em comum para todos, além de mostrar como são mapeadas em relação à satisfação do consumidor.

• When to Use Which por Christian Rohrer
• American Customer Satisfaction Index
• Pew Internet & American Life

8. Mapas Conceituais

No âmbito dos conceitos, um bom mapa pode nos ajudar a ver onde estamos e a decidir o que fazer estabelecendo posições, esclarecendo as relações e identificando o verdadeiro cerne da questão.

• Back of the Napkin por Dan Roam
• What is Your Mental Model? (Indi Young)
• Flickr User Model por Bryce Glass

9. Mapas De Sistemas

Uma representação visual dos objetos e das relações dentro de um sistema pode auxiliar na compreensão e na descoberta de interessados e usuários. Faça uma transição entre o "como deve ser" para o "a ser definido" e você terá um plano para um novo desenvolvimento estrutural.

• Map - Territory Relationship (Wikipedia)
• London Underground Maps (Ask Edward Tufte)
• Developing Taxonomy por Christian Ricci

10. Fluxos Do Processo

Como se movimentam os usuários por um sistema? Como podemos melhorar esses fluxos? Uma representação simbólica pode clarear as linhas desejadas e mostrar os benefícios em escolher (menos) caminhos.

• User Flows (Google Images)
• Improving User Task Flows por Austin Govella
• Desire Path (Wikipedia)

11. Wireframes

Rascunhos de páginas e telas podem focar na estrutura, organização, navegação e interação antes que se perca tempo com cores, tipografia e imagens.

• Where the Wireframes Are por Dan Brown
• Real Wireframes por Stephen Turbek
• Wireflow Trading Card (nForm)

12. Storyboards

Uma série de rascunhos com narrativas dispostos em sequência podem contar uma história e mostrar uma situação demonstrando a interação entre os usuários e os sistemas no contexto ao longo do tempo.

• Comics por Rebekah Sedaca
• Understanding Comics por Scott McCloud (Video)
• Swimlane Diagram (nForm)

13. Designs Conceituais

Interfaces ou composites evocan uma resposta emocional e capturam a atenção das pessoas através da apresentação de uma imagem fiel da aparência que pode ter um produto.

• Concept Designs (Flickr)
• Concept Design Tools por
• Victor Lombardi
Found Futures (Stuart Candy)

14. Protótipos

Desde os protótipos de papel até os softwares e hardwares pre-alpha, os protótipos geram uma participação interativa e emocional rápida através da demonstração do look and feel do produto.

• Paper Prototyping por Shawn Medero
• Prototyping with XHTML por Anders Ramsay e Leah Buley
• WineM (Technology Sketch)

15. Relatórios Narrativos

Escrever é uma excelente ferramenta para o pensamento e para a organização. É difícil fazer algo melhor que um relatório escrito que tem o objetivo de apresentar resultados e análises detalhadas e até mesmo recomendações formais. Os relatórios servem de contâiner para a maioria das outras entregas.

• Style por Joseph M. Williams
• Strategy Report por Morville & Rosenfeld
• Business Brief (Adaptive Path)

16. Apresentações

Seja O Seu Próprio Chefe

Veja outras apresentações de RobinGood.

Falando francamente sobre o negócio, os slides (e os vídeos) podem ser excelentes para se contar uma história ou ilustrar uma situação. Mas também podem ser muito entendiantes, a menos que sejam apresentados pessoalmente, destacando os seus pontos fortes. As apresentações também são como invólucros das outras entregas.

• The Cognitive Style of PowerPoint por Edward Tufte
• In Defense of PowerPoint por Don Norman
• IA Summit Presentations (SlideShare)

17. Planos

Planos de projeto, esquemas e horários guiam as ações que envolvem o design e desenvolvimento de um projeto, definindo os papéis e responsabilidades de cada pessoa.

• Gantt Charts
• Project Management (Wikipédia)
• The Deadline por Tom DeMarco

18. Especificações

Um conjunto específico de requerimentos descrevendo o comportamento ou função de um sistema se faz necessário com uma certa frequência na transição do design para o desenvolvimento.

• Usable Software Specifications por Brian Krause
• Painless Functional Specifications por Joel Spolsky
• Just a Fairy Tale? por Dan Willis

19. Guias De Estilo

Um manual que define um conjunto de padrões para a obtenção de uma identidade, design e escrita pode promover clareza e consistência.

• Guidance on Style Guides por Chauncey Wilson
• Web Style Guide (University of Pennsylvania)
• Web Style Guide por Patrick Lynch y Sarah Horton

20. Padrões Do Design

Uma biblioteca de padrões com as soluções para se usar repetidas vezes para resolver determinados problemas pode descrever as melhores práticas, animar à prática do compartilhamento e reciclagem dos métodos e promover consistência.

• About Patterns por Jenifer Tidwell
• Yahoo! Design Pattern Library
• Implementing a Pattern Library

Organizando As Entregas

Seguramente, fazer uma lista diz respeito apenas ao primeiro passo do caminho. Para cada projeto, devemos tentar a melhor mistura entre os elementos. Visto que as entregas resistem a uma taxonomia, fazer perguntas pode ajudar a promover uma derivação em sua folksonomia.

• Público. A quem atingir?
• Conteúdo. Qual é a mensagem?
• Contexto. Onde está a conversação?
• Processo. Para quando é a mensagem?
• Problema. Por que você está comunicando?

As questões não tem fim. Como deve ser o seu argumento, simples ou elaborado? Quantitativo ou qualitativo? Podemos organizar e descrever as entregas de modo interminável. É um início.

Tomara que você também possa ajudar.

Pode fazer umas tags usando a nossa coleção do Flickr?

Mapa Do Tesouro

Se você leu até este ponto merece um prêmio. Foram muitas palavras sobre variados tipos de entrega. O que constitui um problema. É difícil encontrar as melhores árvores quando não podemos ver toda a floresta. Por isso acabamos incorrendo no uso de velhos hábitos. E criando milhares de wireframes quando uma história vale o seu peso em ouro.

Alguns desses tipos de entrega em forma de imagens excelentes terminam ocultos à visão simples. Por isso, criamos um mapa do tesouro para nós mesmos e para você também de forma clara.

Faça o download agora mesmo - The User Experience Treasure Map

Sorte nas suas explorações! E, por favor, conte-nos o que tiver descoberto!

Créditos das fotos:
Histórias - Akhilesh
Cenários - Jeffrey Banke
Provérbios - V Rybakov
Personas - Mr Pants
Pesquisas Com Usuários - Subtik
Inventário De Conteúdo - Janaka Dharmasena
Analytics - Vlad Susoy
Mapa De Sistemas - Vicwood40 - Wikipedia
Mapas Conceituais - College of Agriculture and Life Sciences
Relatórios Narrativos - John Carleton
Wireframes - Mike Roh
Storyboards - Al Bar
Design De Conceito - Leonard Low
Fluxos Do Processo - Chad McDermott
Protótipos - Irina Tischenko
Especificações - Andrey Anoshkin
Planos - Franck Ito
Guias De Estilo - Patrick Lynch and Sarah Horton - Amazon
Padrões - Lang Yan

Crédito da foto: Cozimo.com

No passado, para ter um feedback sobre projetos visuais, obras de arte, desenhos de publicidade ou de companheiros de trabalho e colegas, era imprescindível que eles estivessem fisicamente por perto. Era possível captar imediatamente e integrar o feedback deles no documento ou na imagem que estavam criando. Mas e agora que sua equipe está espalhada pelo mundo?

Há um certo tempo, se um membro da sua equipe quisesse ter um feedback sobre o trabalho dele, ele teria que imprimir a peça, reunir-se com os colegas de trabalho em uma sala de reunião e deixar que eles marcassem as cópias impressas do documento visual com seus respectivos comentários e anotações.

Muito tempo de preparação. Muito papel perdido. Muito trabalho para dar sentido a todos os comentários e colocá-los todos juntos em uma nova revisão.

Mas o pior era quando seus colegas não estavam geograficamente perto de você e a solução era enviar e-mails com anexos para todos eles. Mas como você mesmo deve ter percebido, esse método é muito inconveniente, por uma série de motivos:

• Acontece com uma certa frequência o fato de o e-mail ter um limite pequeno para envio de mensagens e bloquear os anexos muito grandes.
• As coisas começam a se complicar muito rápido, na medida em que se torna difícil verificar e dizer qual é a última versão de alguma coisa e quem mandou a mensagem.
• Cada membro da equipe tem o costume de renomear os arquivos a medida que trabalha.
• Organizar a crescente confusão de grandes arquivos e suas respectivas revisões se tornam rapidamente um pesadelo.
• Se você quiser colocar um novo membro na equipe, deve encaminhar para ele todos os e-mails, criando novamente uma inconveniência.
• É impossível revisar com eficiência vários projetos de uma vez só.

E é aí que as ferramentas colaboraticas para revisão entram em cena no seu socorro.

Neste guia, selecionei e organizei para você as melhores e mais úteis ferramentas colaborativas de revisão online que estão disponíveis na rede. Eu ainda identifiquei quais são suas características principais e as expus aqui, para que você possa avaliar quais dessas ferramentas melhor se encaixa nas suas necessidades.

• Chat: O espaço de revisão colaborativa fornece uma área para chat de texto em tempo real?

• Quantidade de espaço de armazenamento: Quanto de espaço esse serviço oferece para você? 10 megabytes ou 1 gigabyte? Quanto mais espaço, mais trabalho (e com maior qualidade) pode ser colocado no seu espaço virtual de revisão de desenho.
• Preço: A maioria das ferramentas oferecidas são gratuitas, mas você talvez queira explorar suas versões pagas para melhor entender quais recursos extras estão disponíveis.
• Baseado na web: Ferramentas baseadas nos navegadores não requerem que você instale nenhum software em seu computador e podem ainda ser acessadas de qualquer computador com acesso à internet.
• Tipo de arquivos suportados: Quais tipos de arquivo você pode fazer upload, compartilhar e revisar com seus colegas? PDF's são permitidos? É possível fazer upload de arquivos do Photoshop?

Ferramentas colaborativas para revisão são um bom jeito de trabalhar de forma online com sua equipe e alterar qualquer documento, imagem ou até mesmo vídeo.

Você pode anotar, comentar ou dar seu feedback no trabalho dos membros de sua equipe, tanto em tempo real como de forma assíncrona. Ferramentas colaborativas para revisão ainda poupam de ficar mandando toneladas de e-mails com grandes arquivos anexados.

Neste guia, você vai encontrar uma lista completa de ferramentas de revisão online que não requerem download ou algum tipo de instalação. Todos esses serviços oferecem um plano gratuito e requerem apenas que você passe por um simples processo de cadastro, e, em alguns casos, podem oferecer um espaço limitado de armazenamento para aqueles com uma conta gratuita. Obviamente que todos os serviços oferecem um aprimoramento para que você tenha mais espaço de armazenamento, mediante o pagamento de uma pequena taxa mensal.

Aqui estão todos os detalhes e uma simples (e sempre atualizada) tabela de comparação para que você tenha uma noção deste novo espaço de colaboração emergente:

Tabela De Comparação: Melhores Ferramentas E Serviços Para Revisão Colaborativa

Veja a tabela!

* Espaço de armazenamento se refere a uma conta pessoal

** Espaço de armazenamento se refere a uma conta gratuita

Lista De Ferramentas Para Revisão Colaborativa

1. ReviewBasics

   

   ReviewBasics é um serviço de revisão colaborativa que permite colaborar em documentos como arquivos do Microsoft Word e PowerPoint, arquivos de imagem, documentos PDF e vídeos. Ao revisar um documento ou imagem, você pode selecionar ferramentas como balões, setas, e até mesmo emoticons para expressar se você gosta ou não de uma certa parte e pode ainda deixar comentários. O serviço não dá suporte para chat em texto ou vídeo.

   ReviewBasics usa codificações por cor para um rápido scam: comentários positivos são mostrados em verde e áreas precisando de melhoras são mostradas em vermelho. O serviço dá um espaço de armazenamento de 25 MB.

   Tipos de arquivo suportados: formatos Microsoft Word (DOC, DOCX) e PowerPoint (PPT, PPTX), arquivos de imagem como JPG, JPEG, GIF, PNG, TIFF, Adobe Acrobat (PDF), arquivos zipados que tenham imagens e arquivos de vídeo incluindo FLV, WMV, AVI, e MPG.

   Link: http://reviewbasics.com






2. Uptogo

   

   Uptogo é focado em profissionais criativos que precisam de revisar e colaborar em documentos visuais como imagens, logos, vídeos e documentos, enquanto obtém a aprovação de várias pessoas.

   Uptogo é uma ferramenta útil para colaboração e revisão de arquivos de imagens, pois você pode adicionar anotações e criar marcadores com comentários diretamente sobre as imagens. Porém, com arquivos do Microsoft Word e PowerPoint, as anotações são postas em um box de diálogo separado, no pé da página. Chat em vídeo ou texto não é disponibilizado.

   Uptogo usa controle de versões, o que significa que cada mudança em um arquivo é colocada em separado e o arquivo não é alterado toda vez que você o salva. O limite para upload de arquivos é de 100MB.

   Tipos de arquivo suportados: Arquivos de imagem (JPG, JPEG, GIF, PNG, TIFF), arquivos Microsoft Word (DOC) e PowerPoint (PPT).

   Link: http://www.uptogo.net






3. Cozimo

   

   Cozimo é um serviço de colaboração baseado na web em grande parte destinado a uma audiência criativa que deseja obter as principais informações e feedback sobre meios de comunicação online. Cozimo não suporta documentos do Microsoft Word ou PowerPoint e tem como foco principal, mídia digital, incluindo arquivos de imagem e vídeo. O espaço para armazenamento é de até 10MB para contas gratuitas. Nem o chat em texto ou vídeo são disponíveis.

   Cozimo tem um recurso único chamado "colaboração em tempo real." Todo mundo que participa pode usar o "quadro" e marcar um arquivo digital através de ferramentas de marcação e chat. Todas as mensagens e comentários sobre um projeto são mantidas em um arquivo para posterior consulta.

   Tipos de arquivo suportados: Formatos de imagem incluindo JPG, TIFF, TGA, e GIF. Adobe Acrobat (PDF), formatos de vídeo incluindo MOV, AVI e Windows Media Video (WMV).

   Link: http://www.cozimo.com






4. Thinkature

   

   Thinkature se projeta como uma forma fácil de colaborar e revisar seu trabalho, tudo feito a partir do seu navegador. Thinkature aparenta ser bem básico, com simples etiquetas de comentários que você pode colocar em uma parte específica da tela para dar seu feedback.

   Ao contrário dos demais serviços de revisão, você não pode fazer upload de PDF, documentos do Microsoft Word ou PowerPoint, mas apenas arquivos de imagem. Thinkature permite tanto chat em vídeo quanto em texto e tem um limite de armazenamento de 5MB.

   Tipos de arquivo suportados: Formatos de imagem incluindo GIF, JPG, and PNG.

   Link: http://thinkature.com






5. ConceptShare

   

   ConceptShare é um estreante nas ferramentas de revisão colaborativas. ConceptShare permite que você interaja com seus amigos na internet em mídias que incluem imagens, documentos e vídeos. Tudo isso, a partir do seu navegador.

   Você pode até mesmo digitar um link para que ConceptShare o capture e faça uma revisão online do site. Para usar o serviço offline, você pode capturar e imprimir todas as marcações e comentários.

   ConceptShare tem uma capacidade muito específica - pode configurar o site para que ele tenha o seu "look and feel". Um branding flexível permite que você crie um ConceptShare e interaja com seus clientes como se estivessem dentro do seu próprio site. ConceptShare oferece um armazenamento de 1GB para a versão gratuita. Chats em vídeo ou texto não são disponíveis.

   Tipos de arquivo suportados: Formatos de imagem incluindo: JPG, JPEG, TIFF, BMP, GIF, PNG, PSD. Formatos vetoriais incluindo: CPT, CDR, EPS, WMF, AI, EMF, PDF. Formatos de vídeo incluindo: AVI, DIVX, MP2, mp4, mpg, wmv, pdf, DWG, swf. Formatos de documentos incluindo: PDF, DWG, DOC, DOCX, XLS, XLSX, PPT, PPS, RTF.

   Link: http://www.conceptshare.com/






6. Vyew

   

   Vyew oferece utilidades familiar em ferramentas de revisão colaborativa como a possibilidade de marcar um documento em tempo real e ainda chat de texto.

   Vyew também permite compartilhar seu próprio desktop, direto do seu navegador. Vyew permite personalizar o site com cores e fornece um espaço de 25MB para upload.

   Tipos de arquivo suportados: arquivos de Microsoft Word (DOC), Excel (XLS) e PowerPoint (PPT). Arquivos de imagem incluindo JPG, GIF, PNG. Outros tipos incluem: SWF, TXT, RTF, MP3, FLV.

   Link: http://www.vyew.com






7. Octopz

   

   Octopz é uma ferramenta de revisão colaborativa para acelerar as decisões a serem tomadas, permitindo que seus usuários interajam sem a necessidade de treinamento. A ferramenta está à altura do que promete e faz com que os uploads sejam feitos de forma fácil, assim como fazer as marcações que queira fazer. Octopz é totalmente baseado na web.

   Octopz oferece texto, chat em voz e vídeo, é totalmente baseado na internet e permite que os usuários façam logins individuais para que trabalhem em tempos diferentes. A licença de Octopz custa $99 e oferece um armazenamento de 1GB.

   Tipos de arquivo suportados: arquivos Microsoft Word (DOC, DOCX), Excel (XLS, XLSX), PowerPoint (PPT, PPTX, PPSX) e WPD, RTF e TXT. Arquivos de imagem incluindo BMP, EPS, GIF, JPG, JPEG, PCX, PNG, PSD, TGA, TIF, e TIFF. Conteúdo rich media incluindo vídeos (ASF, AVI, MPEG, MPG, MOV, M4P, 3GP, WMV), Flash Files (SWF, FLV), Audio (MP3), e até mesmo formatos DAE e panoramas em 3D.

   Link: http://www.octopz.com






8. FineTuna

   

   FineTuna é uma ferramenta de colaboração baseada na web que tem um simples fluxo de trabalho. Os usuários podem fazer upload de arquivo de imagem (ou linkar para algum que já esteja na internet), adicionar comentários e enviá-lo para que os colegas façam suas revisões.

   FineTuna é muito básica e permite apenas que você divida uma única imagem que tenha sido marcada com suas anotações. Não é disponibilizado nenhum chat. FineTuna oferece uma extensão do a Firefox para facilitar o compartilhamento.

   Tipos de arquivo suportados: Arquivos de imagem.

   Link: http://www.finetuna.com






9. Backboard

   

   Backboard é um serviço baseado na web de revisão colaborativa que permite que você marque diretamente nos documentos, deixando comentários em um espaço apropriado e podendo ainda convidar rapidamente quantos participantes sejam necessários. O serviço funciona somente com Windows XP / Vista e Mac OsX Tiger e suas versões mais atualizadas. Blackboard não inclui a possibilidade de chat com os colegas de trabalho.

   Entre suas características exclusivas estão a de encriptar seus documentos e a possibilidade de fazer uma nova versão dos documentos quando mudanças são feitas. Adicionalmente, Backboard oferece um programa que lhe permite que uploads sejam feitos de forma muito simples.

   Tipos de arquivo suportados: arquivos Microsoft Word (DOC / DOCX), Excel (XLS / XLSX) e PowerPoint (PPT / PPTX). Arquivos OpenOffice como WPD, ODT, ODP, ODS. Arquivos de texto e Acrobat PDF. Arquivos de imagem (GIF, JPEG, PNG, TIFF, BMP and PSD).

   Link: http://www.getbackboard.com






10. ProofHQ

    

    ProofHQ é uma ferramenta de revisão colaborativa integrada no navegador destinada a designers e outros tipos criativos para uploading, comentários, e aprovação de "provas" com o controle dos clientes e participantes. Utilizando o visor, os usuários podem adicionar comentários e anotações. O dono da prova pode aprovar ou rejeitar as mudanças feitas e criar novas versões caso sejam necessárias.

    ProofHQ foi feito para ser um substituto dos e-mails com imagens e documentos. Chat de texto e vídeo não são disponíveis. A conta gratuita de ProofHQ oferece um espaço de armazenamento de 50MB.

    Tipos de arquivo suportados: Microsoft Word (DOC), Adobe Acrobat (PDF), PowerPoint (PPT), arquivos de imagem (JPG, BMP, TIF, GIF, PNG) e arquivos do tipo Zip.

    Link: http://www.proofhq.com






11. Flowchart

    

    Flowchart é uma simples aplicação na web para revisão colaborativa que permite aos usuários criar e cooperar com fluxogramas. O serviço permite que você desenhe formas e conectores (linhas, setas, e curvas de Bezier) para ilustrar um processo ou trabalho na forma de um fluxograma.

    Somente os arquivos de fluxograma e BMP / gráficos vetoriais são aceitos para entrada. Fluxogramas podem ser embedados em qualquer página da web, compartilhada com outros usuários ou exportada como arquivos do tipo PNG ou PDF. Os usuários podem usar um chat em texto. O serviço está atualmente na forma beta (teste) e apenas usuários convidados podem fazer a inscrição.

    Tipos de arquivo suportados: BMP, gráficos vetoriais e fluxogramas.

    Link: http://www.flowchart.com








12. Redmark

    
    

    Redmark é um serviço gratuito, de revisão colaborativa, baseado na web, e focado na relação entre os designers e seus clientes. O serviço está atualmente no formato beta, mas é esperado que esteja disponível para o público logo.

    Tudo que você precisa fazer é se registrar no site, fazer o upload do seu design e então fornecer o e-mail de seus clientes. Os clientes recebem então uma URL protegida para verificar seu trabalho (não é necessário cadastro), e então deixam seus comentários. Os clientes também podem acessar um painel com todas as alterações no design e quanto trabalho é deixado em cada projeto.

    Tipos de arquivo suportados: JPG, PNG e PDF.

    Link: http://www.redmarkit.com/

Crédito da foto: Vladislav Gansovski

Fazer um design na internet requer, como fundamento principal, entender que acessar informação a partir de uma tela de computador ou telefone celular é uma experiência totalmente diferente de ler um jornal, revista ou assistir um programa de televisão. Se você usar os mesmos princípios para desenvolver uma interface para o seu valioso conteúdo que aqueles empregados em uma revista impressa ou programa televisivo, irá apenas perder dinheiro e tempo.

Pare tudo agora.

Aqui, desenvolvidas sob encomenda para os novatos da Wix.com, assim como para qualquer iniciante por aí, estão as minhas recomendações básicas de web design.

Eis os detalhes:

Web Design Básico

Deixe-me dar um conselho um pouco não ortodoxo. Há uma variedade de livros sobre web design, sites, tutoriais e até vídeos que acredito não ser capazes de agregar muito valor se comparados com o que existe no mercado.

Mas, se você me permitir, acho que posso te dar algumas sugestões iniciais básicas que não apenas complementem o que você já sabe como te façam rever o processo do web design com uma perspectiva totalmente diferente.

1) Estratégia Para O Design Do Site

Seja Simples - Tenha Foco

Ao fazer o design do seu site, pense primeiro em que tipo de conteúdo você terá.

É claro, quando se trata de web design, tudo deve se mover em torno do conteúdo. Quer dizer, o design do seu site deve ser feito levando em consideração o tipo de conteúdo e a experiência que você quer que os usuários tenham nele.

Quando um leitor chega ao seu site, ele vem ou porque procurou alguma coisa no Google ou porque alguém disse que há coisas interessantes para se fazer ou ver nele. Talvez ele também tenha encontrado o seu link em outro site ou rede social com uma indicação.

Em qualquer um dos casos, quem entra no seu site chega com alguma expectativa sobre o que vai encontrar. Dependendo dos resultados que direcionam para o ele nos buscadores ou do tipo de links indicados pelos demais, as pessoas virão ao seu site esperando encontrar algo interessante e valioso sobre um certo assunto.

O seu primeiro objetivo deve ser portanto, ir de encontro a essa expectativa ao desenvolvê-lo.

Como?

Concentrando-se nas áreas para conteúdo chave das páginas para fornecer uma experiência válida para o leitor.

Continuando, não coloque um milhão de elementos diferentes em uma página com o objetivo de satisfazer as expectativas dessa maneira. Concentre-se em uma coisa apenas e forneça tudo o que tiver cuja relevância a complemente. Deixe todo o mais de lado, separado.

2) Estilo Do Design - Não Seja Legal - Seja Analítico

Outra regra chave fundamental ao projetar o design de um site que pareça e dê a impressão de ser profissional significa evitar o que parece "legal". O que isso quer dizer? Todo mundo tem seu próprio conceito do que considera legal, mas, a menos que você seja um designer profissional, o meu conselho é fugir ativamente de tentar incorporar essa ideia de fazer algo "bacana". É o objetivo errado. Veja bem, todas as pessoas tem uma opinião diferente a respeito disso e, se você não aprendeu sobre o assunto, sobre quais são os elementos fundamentais para desenvolver algo assim, estará fadado a fazer um site que agrada apenas a você mesmo.

Portanto, o que deveria buscar não é "ter um site legal", mas

a) ter foco, e

b) ser legível.

Estas devem ser as suas principais metas.

Veja bem, se conseguir mostrar claramente qual é o foco do seu site, já estará um passo à frente de milhares de pessoas. Visite os sites de alguns amigos e veja se pode dizer logo de cara do que se trata. Geralmente, é um carnaval de elementos, todos tentando chamar a atenção e cada um te puxando para uma direção diferente. Para que serve tudo isso?

Simplifique, busque a essência, dê aos seus leitores algumas coisas de real valor. Eles apreciarão muito mais, ao contrário de ver centenas de coisas acontecendo ao mesmo tempo. O site terá um aspecto mais elegante, mais valioso, se você adotar essa abordagem simples.

Ter foco também significa ter a habilidade de ser "visto" pelos principais buscadores como um site que cobre um tema específico, que o torna mais relevante nos resultados das pesquisas quando as pessoas buscam por uma informação específica. Para alcançar isso, é preciso escrever claramente e em contexto o foco desse conteúdo e direcioná-lo de forma consistente e sistemática, desenvolvendo e publicando conteúdos regularmente.

Legibilidade em um site é como uma transmissão de rádio. Se o sinal for baixo, com interferência, fraco ou coberto por uma estação vizinha, pode ser que eu mude para outra rádio que ofereça um esquema de navegação limpo e intuitivo, layout bem organizado, títulos e textos com letras maiores e elementos visuais relevantes. Você não mudaria?

3) Tipos De Páginas

Para desenvolver um site, é preciso essencialmente fazer o design de dois tipos de páginas: a homepage e a página interna. Sim, pode ser que você queira ter páginas customizadas para diferentes seções, mas a minha sugestão é concentrar-se no início em apenas dois tipos básicos. Fazendo assim, você simplificará enormemente o seu trabalho e foco para tornar o site o mais eficiente possível.

Algumas sugestões básicas:

Homepage - é a sua porta de entrada, o seu vestido, cartão de visita, caixa de correio, currículo e portfólio, tudo em um só. Ela é você ou a companhia que você representa. Não deve ter a aparência de um folheto eletrônico. Deve ser apurada, direta, informativa e ter componentes de informação complementares e relevantes entre si. Nada de gráficos legais, fundos coloridos, ou outras acrobacias visuais para transformá-la em uma página eficaz. Concentre-se em comunicar de maneira clara o tema do seu site e em apresentar informação valiosa que dê suporte a isso.

Página individual - esta é a típica página "interna" do seu site ou blog. Na verdade, hoje em dia cada página de um site é um pouco como a homepage, já que a maioria dos visitantes que chegam no seu site virão a uma página individual e sairão através de uma também, sem nem sequer passar pela home. De posse dessa informação, você deve organizar também o conteúdo das páginas dos artigos para que direcionem às seções relevantes e complementares, enquanto dá ao leitor uma sensação de identidade básica e componentes de navegação também presentes na página principal (cabeçalho, links de navegação básicos). Portanto, o conselho fundamental aqui é ter um cabeçalho funcional e informativo (veja abaixo), para dar espaço suficiente ao conteúdo principal para torná-lo muito legível e aumentar o acesso no rodapé a outras informações relevantes e complementares aquelas da página específica.

Em cada página, quais são os principais elementos aos quais dar mais atenção?

4) Componentes Da Página

a) Cabeçalho
O cabeçalho é o elemento mais importante da parte superior da sua página. A sua bandeira, a identidade da sua marca e foco do conteúdo estão todos claramente definidos aqui. Evite fazer uma faixa muito alta ou decorativa. Fique dentro dos 100 pixels na vertical. Tenha em mente o seguinte objetivo: permitir que o seu leitor saiba na menor quantidade de tempo possível o tema do seu site e por que ele deveria continuar lendo-o. Mantenha-se simples, informe apenas.

b) Conteúdo
Quando se trata se quantas colunas de texto você precisa incluir no layout, limite-se a duas ou três no máximo. Use a mais larga para o conteúdo principal e as demais para propaganda ou sugestões de conteúdo adicional. Tenha em mente que a coluna de conteúdo principal deve conter linhas de texto de não mais que 10 a 12 palavras. Para alcançar este resultado, é preciso trabalhar de forma sinergética na largura da coluna e no tamanho da fonte. Um último ítem: textos em uma página da web devem SEMPRE estar alinhados à esquerda. Fazer um texto justificado na internet é como deixar uma etiqueta por perto que diz em negrito e em letras maiúsculas: "As pessoas por trás deste web site não SABEM NADA sobre comunicação na rede". Não vou entrar em detalhes sobre a razão para isso neste caso, mas você pode dar uma olhada nos blogs e sites mais populares por aí e perceber por si só a escolha que fizeram nesse sentido.

c) Navegação
Por navegação, entende-se um conjunto de links e outros elementos visuais que permitem que o leitor acesse outras páginas/seções relevantes do seu site por onde estiverem. O importante aqui não é tanto onde colocar estes links navegacionais, mas organizar o site em seções razoáveis, que estejam etiquetadas de forma clara e consistente. Ainda que seja aparentemente simples, esta é uma tarefa na qual muitos editores principiantes falham. Comece identificando as páginas principais além da homepage, como a página Sobre (recomendada), uma página para Contato, assim como um máximo de 12 categorias nas quais você gostaria de agrupar os seus artigos. Certifique-se de que os nomes de tais categorias estejam desenvolvidos de maneira consistente e que os títulos sejam descrições bem escolhidas, fáceis de distinguir do tema selecionado.

d) Propaganda E Outros Elementos Para Conteúdo
Coloque os seus espaços publicitários em algumas áreas chave das páginas. Algumas regiões fundamentais a se considerar são acima do cabeçalho (veja o site Boing Boing), abaixo do título principal e em uma barra lateral. Você pode misturar e combinar qualquer uma dessas abordagens, tendo em mente o seguinte: as pessoas, assim como eu e você, NÃO gostam de propaganda; e por propaganda, entenda-se mensagens visuais que aparentemente chamam a atenção do leitor para si mesmas e que não tem nada a ver com o conteúdo e tópico da página. É por isso que anúncios de textos, como os do Google Adsense, que tem muita relevância em relação ao conteúdo publicado, funcionam tão bem. As pessoas procuram por informações específicas e se você as oferece de modo que não pareça distrai-las da sua leitura de forma irrelevante, é possível que sintam vontande DE VERDADE de dar uma olhada nelas. Portanto, organize as informações dos seus anúncios como se fossem mais uma categoria do seu site. Posicione os anúncios de modo estratégico, dê um nome claro às áreas publicitárias, oferecendo informações comerciais relevantes sobre um produto e evite enriquecer o layout com anúncios coloridos disputando a atenção uns com os outros.

e) Rodapé
O rodapé se tornou recentemente um tipo de dispositivo navegacional estratégico e informacional para o sucesso de um site. Em vez de relegar a ele apenas informações de aspecto legal e sobre copyright e Creative Commons, pode ser que você considere planejar os rodapés do seu site como uma ponte que pode levar os seus leitores facilmente de um artigo para outras seções relevantes. Dê uma olhadinha em ProBlogger, para ver um bom exemplo desta forma de usá-lo.

5) Cores

A minha sugestão pessoal sobre o tema é: Esqueça as cores por um tempo. Use imagens quando precisar, mas mantenha o fundo do seu site branco com texto em preto. Isso garantirá o máximo de legibilidade e permitirá desenvolver uma maior sensibilidade pelos detalhes em relação ao design da informação.

Se não puder evitar, tome cuidado com as cores que usa. Ter fundo colorido diminuirá a legibilidade do seu texto independente da cor que usar. À exceção de alternar entre fundo preto e letra branca, qualquer outra escolha requer ter familiaridade com teoria das cores e princípios de combinação de cores. Se você não tem intimidade com o assunto, dê uma olhada em:

Combinações De Cores Perfeitas: Como Selecioná-las - Mini-Guia

ILU - Color Calculator

6) Fontes

E as fontes?

Tenha dois objetivos em mente:

a) compatibilidade entre as fontes

b) legibilidade das fontes.

Estas são as únicas duas coisas com as quais você deve se preocupar quando se trata das fontes do seu site. O que isso quer dizer?

Em relação à compatibilidade, o que você precisa garantir é que a fonte escolhida seja visível também em outros computadores e navegadores, dentre uma variedade de tipos de máquina e sistemas operacionais. Algumas fontes bem legais ou formas de exibi-las são compatíveis apenas com o seu computador, por isso quando os leitores visitarem o seu site, pode ser que não visualizem as mesmas fontes ou as vejam de forma diferente. Faça um teste para descobrir.

Quanto à legibilidade é preciso selecionar uma fonte que torne o seu texto legível, ao contrário descolado e único. Tais qualidades serão agregadas ao seu conteúdo dependendo da forma com que você as formatar e embrulhar para o destino final. Portanto, escolha uma fonte que não seja muito pequena e fuja de detalhes decorativos e rebuscados.

Visite também os principais blogs e sites para ver o que andam fazendo com suas fontes e o uso de outros elementos de design: A Small Design Study Of Big Blogs

7) Imagens

As imagens são um assunto complicado. Encher o seu site de imagens sem saber como selecioná-las e posicioná-las causará mais dano do que não usá-las de forma alguma. Um conselho básico: tenha consistência. Selecione imagens que reflitam um estilo, enquadramento, tipo de cores em comum. Não misture diferentes estilos e tamanhos de forma descontrolada, faça um esforço para criar uma continuidade visual selecionando as imagens, formatando o seu tamanho e posicionamento de formas previsível e consistente.

Se usar imagens de outras pessoas, dê sempre crédito ao autor e linke o seu site. Isso te protegerá contra possíveis problemas com ele.

Onde conseguir imagens legais? No Flickr, Google Images (cheque os copyrights), StockXchange, assim como em centenas de outros lugares, mas existem mais, com certeza..

8) Templates

Os conselhos acima são básicos para começar a desenvolver o design do seu primeiro site. Como implementar esses princípios é o seu próximo obstáculo. A minha recomendação pessoal é tentar afastar-se do uso de códigos HTML. A menos que você seja profissional, não desenvolva o seu site fazendo os códigos você mesmo com ferramentas como Dreamweaver, FrontPage ou qualquer outro editor do gênero. Este é o jeito antigo de se fazer sites. Existe muito know-how tecnicológico para conseguir fazer um trabalho bom à mão desse jeito.

A nova forma é usar um template pronto que você pode customizar e adaptar as suas necessidades. Os templates não costumam ser muito caros e existem muitas fontes para escolher. Procure especificações que indiquem que o código é "válido" e de acordo com a linguagem XHTML-W3C, isso mostra que o código por trás do template que você escolheu foi construído de maneira sólida e garantirá consistência navegacional em diferentes browsers, tamanhos de tela e sistemas operacionais.

Assim como você faz para as suas roupas, não há necessidade de tê-los sob medida quando existem milhares de designs prontos disponíveis no mercado e você pode facilmente ajustar e customizar cada um deles como quiser. Pode ser que alguns de vocês ainda precisem da assistência técnica de um terceiro que saiba como manejar e editar estes templates, mas no geral esta é uma forma muito melhor e mais confiável de desenvolver o seu prijmeiro site.

Ainda há muito que se falar sobre o assunto. Fique ligado.

Crédito da foto: hypermania

Para avaliar o potencial de tráfego efetivo da maioria das típicas fontes de tráfego da rede, Pavel Israelsky, um jovem editor online de Israel dedicou tempo e energia em analisar de maneira sistemática as principais fontes de tráfego que redirecionavam visitantes ao seu site, incluindo fóruns, blogs, diretórios web, mensageiros instantâneos, sites de mídia social e até mesmo e-mails.

O objetivo de Israelsky foi buscar entender qual destas fontes gera mais tráfego e, consequentemente, deveria ser a fonte a qual mais se dedicar. Ainda que tais resultados não representam tendências gerais e os dados não sejam aplicáveis a todos os blogs e tipos de sites, a forma com que esta análise foi executada e conduzida pode ajudar a quem tem menos experiência com rastreamento de dados online a ter uma ideia de como é possível juntá-los e fazer com que esta informação ajude a entender a forma e onde se concentrar para aumentar o seu tráfego online.

É possível conseguir um quantidade relativamente maior de tráfego com o Twitter ou com a sua assinatura nos e-mails?

Aqui estão todos os detalhes:

A Grande Experiência De Análise De Tráfego

por Pavel Israelsky

Quem não gostaria de aumentar o tráfego de entrada do seu site conhecendo a fonte na qual deveria prestar mais atenção?

Como se pode avaliar o potencial de todas as fontes de tráfego usadas diariamente?

Com o recente desenvolvimento das redes sociais e as muitas ferramentas de mídia, o número de fontes de tráfego tem aumentado consideravelmente. Como consequência, rastrear o tráfego do seu site se tornou uma tarefa muito mais difícil.

Nos dois últimos meses estive fazendo um experimento (um tanto secreto), para avaliar o potencial de todas as fontes de tráfego padrão da internet que uso com frequência. Fóruns, blogs, redes sociais, diretórios web, softwares de mensageiros instantâneos, Twitter e inclusive o Gmail (calma, tudo será esclarecido mais abaixo).

É verdade que existe uma boa quantidade de aplicações que se usam para medir estatísticas, como o Google Analytics, mas, mesmo assim, no fim do dia, eu e muita gente vamos dormir com várias perguntas e questões na cabeça para as quais não tem respostas.

Questões como essas aqui:

• Quantos visitantes vieram ao meu site através da minha assinatura no Gmail?
• Quantos clicaram no link do meu blog no perfil do Facebook?
• Alguém clicou no link do meu site no Skype?

• Tem alguém que clica nas minhas URLs dos talkbacks? Etc.

Preliminares: Mapeando As Fontes E Configurando Os Links Para O Rastreamento

Este tipo de pergunta sempre me incomodou e cheguei à conclusão de que é preciso checar isso melhor. Por isso, decidi fazer um experimento que inclui os seguintes passos:

1. Mapear todas as fontes em que participo,
2. Agrupar as fontes (blogs, fóruns etc.),
3. Criar um link designado para contar os clicks para cada grupo e por último,
4. Colocar o link designado em qualquer uma das fontes (geralmente o link era "Websites Promotion Blog" e não o seu endereço URL).

Por exemplo: o Facebook, TheMarker Café (uma rede social popular em Israel) e o LinkedIn formam parte do grupo "redes sociais", por isso dediquei um link designado para os três sites.

Por duas razões decidi rastrear somente as fontes que uso regularmente:

1. Nas outras fontes não possuo um perfil, portanto não existem links de saída para o meu blog.
2. Eu queria avaliar o potencial das fontes que uso, meus hábitos de navegação, para poder saber quanta energia investir nelas (no caso).

Para criar links para rastrear, escolhi um serviço para cortar URLs, que fornece estatísticas detalhadas do número de clicks em cada link criado através dele. Para isso, criei uma conta em um serviço muito popular, o cli.gs e comecei a criar inbound links para cada grupo de tráfego.

Você pode encontrar abaixo todos os links para rastreamento que desenvolvi:

• Redes sociais: cli.gs/social-askpavel
• Blogs: cli.gs/blogs-askpavel
• Grupos de discussão e fóruns: cli.gs/forums-askpavel
• Mensageiros instantâneos: cli.gs/instant-askpavel
• Serviços de e-mail: cli.gs/email-askpavel
• Twitter: cli.gs/twitter-askpavel

Dá para comprovar e ver que cada link leva à URL da homepage do meu blog.

O Curso Do Experimento De Tráfico: A Divisão Dos Links Em Grupos E A Coleta De Dados

Muito bem, aí estão os links designados, grupos e fontes - agora só falta integrá-los.

Aqui está uma referência a cada grupo de fontes, incluindo os resultados definitivos baseados nas leituras feitas no período de dois meses.

Grupo 1: Redes Sociais

Link designado: http://cli.gs/social-askpavel

Fontes de tráfego (os links levam às páginas do meu perfil): Facebook, Linkedin, TheMarker Cafe

Posição do link em cada fonte: Nas três fontes o link aparece em primeiro lugar e mais à frente na página do perfil, no campo "site pessoal".

Aém disso, apareceu no meu Grupo de SEO no Facebook e no meu outro Grupo de SEO no LinkedIn.

Posição no Facebook:

Posição no LinkedIn:

Posição no TheMarker Café (logo abaixo "extendido na página do meu blog:"):

Condições para a exposição: A exposição a um link depende diretamente da série de atividades a fazer em cada um dos sites (Se eu estiver inativo, ninguém vai vê-lo), o número de amigos, minha participação na rede e o número de buscas ao meu perfil.

Durante o experimento, a fim de manter a objetividade dos resultados e assegurar que reflitam o potencial de cada grupo, não agi de forma extraordinária.

As atividades feitas (que deram visibilidade ao link) são:

• Talkbacks em grupos de discussão relevantes,
• adicionar novos amigos,
• enviar mensagens para amigos que tenho,
• fazer upload de imagens e vídeos,
• atualizar meu status e comentar nas mudanças dos status dos meus amigos,
• entrar em comunidades e grupos do meu interesse,
• usar várias aplicações sociais etc.

Todas estas atividades podem ser agrupadas em "Formando Uma Marca Pessoal na Internet".

Meus parâmetros sociais neste canal (influenciando o nível de exposição):

Infelizmente, não pude medir o número de buscas do meu perfil, ou o número de atividades que fiz em cada uma das redes.

O único cálculo é o número de amigos em cada rede:

• 605 amigos no Facebook (217 amigos no grupo dedicado a SEO do Facebook),
• 190 no LinkedIn (11 amigos no grupo dedicado a SEO do LinkedIn) e
• 186 amigos no TheMarker Café.

O número total de participantes provenientes de cada grupo: 55

Grupo 2: Comentários em Blogs

Link designado: http://cli.gs/blogs-askpavel

Fontes de tráfego: leio muitos blogs (de Israel e estrangeiros) regularmente. A lista parcial com todos eles pode ser encontrada nos Websites Promotion Recommended Resources que escrevi antes.

Outros blogs que leio podem ser encontrados aqui, uma coleção dos 25 top blogs recomendados de SEO.

A posição do link de cada fonte: No campo "Nome completo" dos próprios talkbacks:

Condições para a exposição: As pessoas expostas ao link do comentário são o próprio editor do blog e os demais leitores do mesmo post. A exposição depende do número de comentários feitos e dos leitores expostos a tais comentários.

Além disso, pode-se dizer que existe uma relação direta entre o tráfego do blog em que estou comentando e o tráfego obtido da relação dentro da observação. Portanto, recomenda-se que se tente comentar em blogs populares da área que te interessa.

Meus parâmetros sociais neste canal (influenciando no nível de exposição): Durante o término do experimento (dois meses), comentei 40 vezes em aproximadamente 20 blogs diferentes.

O número total de participantes provenientes de cada grupo: 46

Grupo 3: Grupos de Discussão e Fóruns

Link designado: http://cli.gs/blogs-askpavel

Fontes de tráfego: K Forum (K Forum é um fórum de SEO em Israel), Tapuz SEO Community (Tapuz é uma comunidade israelense popular baseada em fórum), Commercial Internet Community (No TheMarker Café).

A posição do link em cada fonte: Na assinatura, no final dos comentários. Em alguns deles, existe apenas uma URL e não um link para clicar, portanto esta fonte contribui para o número total de clicks do link designado (geralmente as pessoas são muito preguiçosas para copiar um link no seu navegador e preferem algo em que possam clicar).

No K forum:

No TheMarker Café forum:

Condições para a exposição: Apenas quem leu o meu comentário no corpo da discussão foi exposto ao link.

Além disso, a reputação e popularidade do fórum são fatores importantes - quanto mais popular, mais tráfego passa por ele, de modo que existe mais oportunidade de que as pessoas cliquem no link da assinatura.

Meus parâmetros sociais neste canal (influenciando no nível de exposição): No fórum K, comentei em 35 artigos diferentes (de 1-3 vezes por thread em média), no commercial forum, interagi com 5 threads (de 1-3 veces em média por thread) e na comunidade Tapuz, comentei em apenas um thread.

O número total de participantes provenientes deste grupo: 79

Grupo 4: Mensageiros Instantâneos

Link designado: http://cli.gs/blogs-askpavel

Fontes de tráfego: Todos os vários serviços e aplicações de mensageiros instantâneos - ICQ, Skype, MSN messenger, Google Talk.

A posição do link em cada fonte: Em cada aplicação, na linha do status onde se pode escrever o que você quiser, na forma de "status".

O link que aparece no Google Talk (mais ou menos como nas outras aplicações de mensagens instantâneas):

Condições para a exposição: A exposição depende de 2 fatores: o número de pessoas da minha lista de amigos com quem falo de forma periódica e da frequência da correspondência.

Quanto mais uma pessoa se corresponde com as outras, mas tempo de "stage time" o link na linha do status permanece (para a pessoa com a que nos correspondemos no momento).

Além disso, quanto mais amigos uma pessoa tem na sua lista, maior a exposição do link, inclusive se não estão se correspondendo uns com os outros no instante (desde que esteja online e todos os seus amigos vejam o seu status).

Meus parâmetros sociais neste canal (influenciando no nível da exposição): 126 amigos no Google Talk e 53 no Skype (dos quais 5% inativos).

O número total de participantes provenientes deste grupo: 40

Grupo 5: Serviços de E-Mail

Link designado: http://cli.gs/blogs-askpavel

Fontes de tráfego: Este item se centra apenas no serviço de e-mail que uso - Gmail.

A posição do link de cada fonte: No final dos e-mails enviados (na minha assinatura):

Condições para a exposição: No início, cada pessoa que recebe um dos meus e-mails não deveria estar exposta ao link. Isso, certamente, depende do tamanho do e-mail (quem consegue ir até o final da mensagem?). E o tamanho e a cor da fonte da assinatura (o Gmail me deixou muito poucas opções), mas ao que tudo indica, qualquer pessoa que tenha recebido uma mensagem de e-mail minha viu o link. Clicar no link depende da minha relação com essa pessoa, se ela não me conhecer, então existe uma forte possibilidade de que dê um click, caso contrário, as chances são de que não clique no link.

Meus parâmetros sociais neste canal (influenciando no nível de exposição): Nos últimos dois meses me enviaram uma média de 11 e-mails por dia, 684 no total. Dos quais, 45 foram enviados por novos contatos (pessoas que chegaram pela primeira vez no site).

O número total de participantes provenientes deste grupo: 33

Grupo 6: Twitter

Link designado: http://cli.gs/blogs-askpavel

Fontes de tráfego: Twitter. Não é o suficiente?

A posição do link em cada fonte: O campo bio do perfil pessoal:

Condições para a exposição: O Twitter é uma ferramenta poderosa que merece um post próprio e por isso criei uma categoria sozinha pra ele.

A exposição do seu perfil depende do número de pessoas que te seguem, o número de tweets, o número de buscas ao teu perfil e o número de retweets que você consegue.

A regra válida aqui é a mesma de todas as redes sociais - quanto mais popular você for, mais pessoas estarão expostas ao seu perfil.

Meus parâmentros sociais neste canal (influenciando no nível de exposição): 171 seguidores e durante o período da experiência, enviei 16 tweets (devido ao número reduzido, não reflete o uso normal e o pode que pode ser extraído dessa ferramenta).

O número total de participantes provenientes deste grupo: 37

Aqui está o grupo com os números finais:

• Redes sociais: 55
• Comentários em Blogs: 64
• Grupos e fóruns de discussão: 79
• Mensageiros instantâneos: 40
• Serviços de e-mail: 33
• Twitter: 37

Resultados E Conclusões Do Experimento

Aprendi muito com esta experiência, tanto sobre mim mesmo como usuário e sobre o potencial dos links externos das diferentes fontes.

Além disso, muito se pode entender a partir das estatísticas sobre os hábitos dos usuários em cada canal (onde as pessoas clicam mais nos links, etc.)

Cabe mencionar que estas conclusões são subjetivas e dependem dos hábitos de qualquer pessoa. No entanto, algumas ideias podem ser aplicadas a todos.



Estas são as conclusões do experimento (não em ordem aleatória):

1. Mesmo que não fosse um usuário do Twitter (o que é uma pena), o número de cliques obtidos com ele é mais numeroso que os provenientes do e-mail.
2. Uma tarefa de casa para mim mesmo (urgente): "Começar a investir no Twitter!"
3. Segunda tarefa (menos urgente): "Começar a comentar em blogs populares!"
4. Os fóruns produziram a maior quantidade de entradas e a menor veio do e-mail.
5. No início, criei links designados que não incluiam o nome do meu blog na URL, mas também não recebiam clicks. Durante o experimento, tomei a decisão de incluir o nome porque dava uma dica para o leitor de para o onde o link redirecionava.

6. Apesar de mandar muitos e-mails, relativamente muito pouca gente clicou no link da assinatura.
7. Mesmo sendo um usuário bem ativo nas redes sociais e não ter a tendência de comentar muito em blogs, recebo mais entradas dos comentários feitos em blogs.

Quais são as suas fontes favoritas de tráfego?

E foi assim como levei a cabo o experimento e aprendi muito sobre o tráfego que entra no meu blog, no entanto, isso reflete apenas o meu caso. E você? Quais são as suas fontes favoritas? Onde você acha que valeria a pena investir o seu tempo máximo para atrair visitantes?

Este post foi traduzido do hebreo usando o serviço de tradução OneHourTranslation.

Sobre o autor

Pavel Israelsky (siga-o no Twitter: @askpavel) é um consultor israelense de SEO e blogueiro. Escreve em hebreo sobre técnicas de SEO no seu blog AskPavel e trabalha na companhia easynet search marketing.

Créditos das fotos:
Preliminares: Mapeando As Fontes E Configurando Os Links Para O Rastreamento - Helder Almeida
Grupo 1: Redes Sociais - Eric Isselée
Grupo 2: Comentários Em Blogs - Khaled Benseguenia
Grupo 3: Grupos de Discussão E Fóruns - Konstantinos Kokkinis
Grupo 4: Mensageiros Instantâneos - juliengron
Grupo 5: Serviço de E-Mail - mipan
Resultados E Conclusões Do Experimento - artzone

Crédito da foto: lhfgraphic

Buscadores visuais geralmente são ferramentas baseadas na web, assim como o Google, e não requerem nenhum software ou plugin adicional para serem instaladas. Você pode simplesmente digitar uma palavra-chave e começar a busca pelas páginas de resultados visuais: selecionar um tipo de visualização, rearranjar seus resultados, organizá-los por data, relevância ou outros possíveis parâmetros.

Dentro do conjunto de buscadores visuais disponíveis no mercado, existem alguns que permitem a busca de conteúdo básico baseado na web, assim como outros capazes de recuperar contatos da rede, sites similares, vídeos, imagens, podcasts, e muito mais.

Na verdade, alguns desses buscadores visuais irão também pesquisar pelas palavras-chave dentro da Wikipédia, Amazon ou Twitter.

Para explorar e testar esses vistosos buscadores visuais você não precisa sair procurando, já que eu mesmo fiz isso, averiguei e preparei um guia em que incluí todos os buscadores visuais disponíveis no mercado.

Como de costume, fiz minha tarefa de casa e identifiquei alguns critérios básicos de comparação para ajudar você a escolher o buscador visual que melhor se encaixe em suas necessidades:

• Tipo De Tecnologia: Software ou baseado na web.
• Tipos De Visualização: Mapa dinâmico, pilhas, tag clouds, etc.
• Fontes De Conteúdo: Web, Wikipedia, vídeos, imagens, Amazon Books, Twitter, etc.
• Opções De Busca: Organizadas por data, que excluem palavras-chave, busca em domínios, RSS, etc.

Aqui estão todos os buscadores visuais e o que eu descobri sobre cada um deles:

Tabela De Comparação Entre Os Melhores Buscadores Visuais

Os Melhores Buscadores Visuais

1. Grokker

Grokker é um buscador baseado na web que permite que você explore os resultados de forma visual. Os resultados são mostrados tanto em esquemas padrão como também em mapas dinâmicos, com os quais você pode interagir. Grokker utiliza os buscadores do Yahoo!, Wikipédia e Amazon Books para realizar suas buscas. Os resultados podem ser organizados por data, fonte, domínio, e a seleção (ou exclusão) refinada de palavras-chave relacionadas. Grokker também está disponível em software para uso empresarial.

http://www.grokker.com/

2. KartOO

KartOO é um buscador visual baseado na web que pesquisa na própria internet, além de imagens, vídeos e na Wikipédia. Usando os buscadores do Google e Yahoo!, KartOO permite que você crie um mapa visual onde os resultados relacionados são "linkados". Você pode salvar e imprimir seu mapa, filtrar os resultados usando um filtro parental, e filtrar suas SERPs por idioma.

http://www.kartoo.com/

3. Viewzi

Viewzi é um poderoso buscador visual que oferece diferentes possibilidades para mostrar seus resultados. Usando o Yahoo!, Google e Viddler, você pode pesquisar na web, imagens e vídeos. As SERPs podem ser organizadas em pilhas, por uma linha do tempo do Google, por informações individuais do site na web, usando textos simples, mostrando tag cloud com foto e mais. Os resultados também podem ser personalizados, já que você pode marcá-los com uma estrela, ou ocultar os sites que importam ou não. Um filtro parental também está disponível.

http://www.viewzi.com/

4. Searchme

Searchme é um buscador visual que permite que você explore as SERPs de forma visual. Searchme mostra os resultados em uma pilha-carrossel dinâmica, na qual a navegação é feita em todas as partes. As pesquisas são realizadas em múltiplas categorias como vídeos, imagens, publicidade, shopping, esporte, entretenimento, notícias, entre outros. Outros recursos incluem um filtro parental, a possibilidade de tocar conteúdo de mídia dentro do próprio Searchme e compartilhar seus resultados via Twitter.

http://www.searchme.com/

5. Quintura

Quintura é um buscador baseado na web que permite que você explore os resultados visualmente. Quintura pode pesquisar na web, imagens e no Blinkx. Os resultados são exibidos em uma tag cloud personalizável e em um formato orgânico clássico. A tag cloud com os resultados também pode ser agregada e dividida com outros pessoas via e-mail.

http://www.quintura.com/

6. Ujiko

Ujiko é um buscador visual que você pode usar para mostrar e explorar seus resultados visualmente. Inteiramente baseado na web, Ujiko permite que você explore toda a web e organize os resultados em um formato radial. Disponível em inglês, alemão e francês.

http://www.ujiko.com/

7. Search-cube

Search-cube é um buscador que em vez de mostrar os resultados em um formato orgânico clássico, cria um cubo em 3D com previews visuais. Baseado na web e muito fácil de usar, Search-cube permite a pesquisa por sites, imagens e vídeos.

http://www.search-cube.com/

8. Middlespot

Middlespot é um buscador que permite que você explore os resultados de suas pesquisas de forma visual. As fontes disponíveis para pesquisa são: a web, imagens, notícias, Amazon e o Twitter. Middlespots permite que você crie tantos workpads quanto o número de termos que deseja explorar. Os resultados serão disponibilizados em uma galeria, na qual é possível dar um zoom e reorganizar os elementos.

http://middlespot.com/

9. oSkope

oSkope é um buscador visual. Usando oSkope você pode exibir e explorar visualmente os resultados por palavras-chave específicas dentro da própria janela do seu navegador. Os resultados da Amazon, eBay, Flickr, Fotolia, Yahoo! e YouTube podem ser explorados em diferentes formas de visualização como: grids, pilhas, gráficos e listas.

http://oskope.com/

10. Nexplore

Nexplore permite que você navegue pelos resultados de forma visual. Realiza pesquisas na web, notícias, vídeos, imagens, blogs e podcasts. O serviço, baseado na web, também mostra definições da Wikipédia relacionadas com as palavras-chave pesquisadas. Os resultados podem ser visualizados de três formas: resumo, linha e galeria, além de poder ser compartilhado na internet.

http://www.nexplore.com/

11. eyePlorer

eyePlorer não é propriamente um buscador visual, porque você não pode pesquisar por nenhuma palavra ou frase. Este serviço proporciona uma representação visual de fatos comuns, populares e sugere conexões com outros fatos e fontes relacionados. Todos os resultados, disponibilizados em uma roda colorida, podem ser colocados em um notepad visual para leitura posterior e organizados por relevância.

http://www.eyeplorer.com/

12. Ziipa

Ziipa é um buscador visual online para aplicações e web design da Web 2.0. Ao contrário de outros concorrentes nessa área, Ziipa não pesquisa por imagens, vídeos ou outros conteúdos de mídia. Os resultados são mostrados por uma galeria e uma tag cloud que podem ser compartilhados e divulgados por RSS.

http://www.ziipa.com/

13. RedZee

RedZee é um buscador que mostra os resultados de forma visual, através de um carrossel, no qual é possível que se navegue por toda a janela do navegador. Nenhum conteúdo de mídia pode ser pesquisado pelo RedZee.

http://www.redzee.com/

14. Liveplasma

Liveplasma é um buscador visual para explorar músicas e vídeos. Pesquisando por uma palavra-chave relacionada a estes dois tópicos, o serviço irá sugerir outros temas de interesse em potencial e os organizará em bolhas, todos com links entre si. Tudo isso sem deixar seu navegador. Você pode refinar seu mapa buscando por tópicos específicos como diretores, atores, ou uma discografia em particular. O mapa com os resultados pode ainda ser compartilhado na web.

http://www.liveplasma.com/

15. TouchGraph Google Browser

TouchGraph Google Browser é um buscador visual que mostras as conexões entre sites usando a tecnologia Google e visualizando os resultados em um mapa interativo e personalizável. Os resultados podem ser filtrados e rearrumados pelo mapa. Você precisa ter ao menos o Java 1.5 instalado em seu computador para que o TouchGraph Google Browser funcione.

http://www.touchgraph.com/TGGoogleBrowser.html

Um Mapa Mental criado com o MindMeister

Desde que o Robin Good me mostrou o que são mapas mentais pela primeira vez, eu não uso mais papel ou documentos de texto para planejar o que tenho que fazer. Apenas abro minha ferramenta preferida para a confecção dos mapas e começo a despejar minhas ideias.

O que eu mais gosto nos mapas mentais é a facilidade e liberdade com as quais você consegue visualizar suas ideias e entender claramente as relações entre elas. Basta colocar a ideia principal, que pode ser expressa por uma frase, uma palavra ou imagem e já começa a adicionar outras ideais a esse conceito central. Você poderá então ver todas as ideias de uma vez e rearrumá-las visualmente, criando links entre elas e conceitos que de início podem ser, ou aparentar, não ter relação alguma.

Ficou curioso? Quer saber maissobre mapas mentais e como organizar suas ideias de forma mais eficaz?

Neste novo guia Sharewood, pesquisei os melhores serviços disponíveis na web para se desenhar um mapa mental.

Aqui abaixo estão as características básicas principais usadas para comparar essas ferramentas, de forma que você pode facilmente encontrar o que melhor se adequa as suas necessidades.

1. Preço: Avalie se prefere um serviço gratuito ou um mais completo com recursos adicionais

2. Software / Online: Especifique se você pode usar a ferramenta no seu navegador ou se tem que fazer um download e instalar o software no disco rígido.
3. Plataforma: Confira se pode rodar o serviço no seu sistema operacional.
4. Teste gratuito: Indica se o serviço permite que você faça um teste gratuito por um determinado período.
5. Trabalho coletivo: Não são todos os serviços de mapas mentais que permitem colaborar em tempo real com seus colegas. Descubra aqueles que permitam.

Aqui estão todos os detalhes:

Tabela Comparativa De Ferramentais De Mapas Mentais

Veja a tabela!

*Favor consultar os sites dos revendedores para mais informações sobre preços.

Desenhando Seus Próprios Mapas Mentais

1. MindMeister

   

   O MindMeister é uma ferramenta online e gratuita para desenhar mapas mentais e compartilhá-los com seus colegas. Ao invés de tirar proveito de animações suntuosas, MindMeister se mostra muito básico: a interface é muito simples, e é fácil adicionar nodos à ideia principal. MindMeister tem uma base Ajax, então o serviço não precisa de nenhum outro intermediário para rodar no seu navegador, o que o deixa muito leve e fácil de usar. Um interessante recurso é a possibilidade de exportar seus mapas mentais em um variado número de formatos, incluindo .rtf, .pdf, e .jpg. Gratuito para usar até o número de seis mapas mentais, MindMeister oferece diferentes soluções em preço. http://www.mindmeister.com






2. Mindomo

   

   O Mindomo é talvez um dos melhores aplicativos online e gratuito para mapas mentais. Mindomo traz uma elegante interface que imita o Microsoft Office. Tendo o Flash como base, o serviço oferece diferentes opções e formatos para exportação, junto com uma rica escolha de layouts para organizar suas ideias. Suporta arquivos multimídia e upload de imagens, assim como mapas orgânicos. A versão gratuita possui anúncios, mas você pode trocar para uma das soluções com preços disponíveis.
   http://www.mindomo.com






3. MindManager

   

   O MindManager é um dos melhores softwares para mapas mentais disponíveis no mercado. Fácil de usar e com bastante recursos, essa ferramenta é obrigatória seja para uso empresarial ou pessoal. Mindmanager permite que você e sua equipe colaborem juntos na hora de fazer um mapa mental, tornando fácil e rápido um brainstorming pela web. MindManager funciona nas plataformas Pc e Mac, e é cotado a $299 para usuários de Pc e $129 para os de Mac. Você pode experimentar e avaliar o serviço por 30 dias (para Pc) ou 21 dias (Mac).
   http://www.mindjet.com/






4. iMindMap

   

   O iMindMap é o "software oficial para mapas mentais", criado sob a orientação de Tony Buzan, guru dos mapas mentais. Disponível tanto para Windows como Mac, iMindMap permite que você desenhe mapas mentais ricos e cheios de recursos, adicionando nodos e os organizando de uma forma bem simples. A colaboração com outros usuários não é permitida. O preço inicial é de $99. iMindMap oferece um período de teste de sete dias do serviço antes de comprá-lo.
   http://www.imindmap.com/






5. bubbl.us

   

   O Bubbl.us oferece um jeito simples e eficiente para desenhar um mapa mental. Ainda num estágio incial de desenvolvimento, bubbl.us é uma ferramenta online, baseada em flash, que trabalha diretamente com seu navegafor, não sendo necessária a instalação de nenhum software. Reforçada com efeitos animados, ao contrário de outras soluções, bubbl.us permite trabalho colaborativo para a realização de um brainstorm com sua equipe.
   http://www.bubbl.us/






6. FreeMind

   

   O FreeMind é uma fonte aberta e software gratuito para mapas mentais escrito em Java. O serviço possui uma interface simples e cobre o básico para o desenho dos mapas mentais como hyperlinking e ramificações retrácteis. Talvez a mais popular solução na Web, FreeMind tem a vantagem de ser uma solução multi-plataforma que funciona perfeitamente em sua máquina independentemente de qual seja seu sistema operacional. FreeMind não permite trabalho colaborativo na criação de mapas mentais.
   http://freemind.sourceforge.net/






7. Topicscape

   

   O Topicscape é um organizador complementar de informações do Mindmanager permitindo ao mapa mental um panorama em 3D. A aplicação usa uma interface tridemensional ajudando a desenhar mapas mentais também em 3D para uma melhor organização e planejamento de procedimentos. Topicscape requer um pouco de prática no uso, mas sua aquisição vale a pena por causa da maravilhosa abordagem dos mapeamentos mentais.Topiscape oferece diferentes soluções em preço, começando em $69. Você pode testar o software gratuitamente por 30 dias.
   http://www.topicscape.com/






8. PersonalBrain

   

   O PersonalBrain é uma solução multi-plataforma para desenhar mapas mentais. Vai além do conceito tradicional de organizar ideias, permitindo adicionar ao seu mapa mental um recurso de calendário embutido para acontecimentos. Melhorado por outros recursos como a possibilidade de dar zoom em ícones de imagem, transparências, e integração com o Microsoft Outlook, PersonalBrain é desenvolvido para profissionais que querem o melhor em mapas mentais. Gratuito para usar em sua versão mais simples, a ferramenta oferece diferentes soluções comerciais. Trabalho colaborativo não é permitido.
   http://www.thebrain.com






9. Mind42

   

   O Mind42 é um aplicativo para mapas mentais gratuito, online, que roda no seu navegador. Muito tranquilo de ser usado, a ferramenta permite que você compartilhe seus mapas mentais com amigos ou que os publique na Web. A interface é muito simples e você pode adicionar imagens aos seus nodos, assim como colocar um hyperlink. Exportar para arquivos .rtf é permitido. O Mind42 também oferece diferentes soluções para você criar mais possibilidades ao montar seus projetos.
   http://www.mind42.com






10. Mapul

    

    O Mapul é uma solução online simples para você desenhar mapas mentais. Baseado na tecnologia Microsoft Silverlight, Mapul oferece muitos recursos como adicionar imagens, um eficiente mecanismo de ramificações, desenvolvido para um melhor manuseamento dos mapas mentais. Ao contrário dos aplicativos similares, Mapul tem suporte para russo e árabe. O serviço é oferecido a $7 mensais e há possibilidade de testá-lo gratuitamente antes da compra.
    http://www.mapul.com






11. Kidspiration

    

    O Kidspiration é o software de mapeamento mental desenvolvido para educadores e estudantes. Desenvovido por alunos do K-5, estimula as abilidades em pensar, na alfabetização e números, usando métodos de aprendizagem visuais. Na leitura e escrita, Kidspiration fortalece o reconhecimento de palavras, vocabulário, compreensão e expressão escrita. Não adequado para colaboração em tempo real com outros usuários, Kidspiration é disponível para as plataformas Windows e Mac, com preços iniciando a $69. Você pode testar o software antes de comprá-lo.
    http://www.inspiration.com/Kidspiration






12. Gliffy

    

    O Gliffy é a solução gratuita e online para desenhar diagramas e fluxogramas. Não é especificamente projetado para criar mapas mentais mas o estilo de arranjar e organizar as ramificações é o mesmo. Gliffy não permite colaboração em tempo real, mas o serviço mantém registros de todas as mudanças feitas por colaboradores, igual a um wiki. A versão gratuita tem recursos limitados, mas você pode migrar para a conta Premium pagando uma taxa de $5 mensais, que se destina a durar pelo menos três meses.
    http://www.gliffy.com/

Originalmente preparado por Stefanos Karagos e Daniele Bazzano para a MasterNewMedia e publicado pela primeira vez em 17 de dezembro de 2008, sob o título "Mind Mapping: Best Tools To Draw Your Own MindMaps - Sharewood Guide".