Novo Layout do Bobagento

Pra quem ainda não viu, o Bobagento está de cara nova. Apesar de haver alguns detalhes pra acertar, o novo layout já está no ar.

A maior preocupação inicial era migrar a base de dados que estava no Blogger para o WordPress, eu nunca tinha feito isso e estava preocupado pois o Bobagento possui mais de 2000 posts (uia!). Mas o problema foi resolvido em menos de 5 minutos, graças ao WordPress que importou sozinho todos os posts e comentários (com exceção dos comentários gerenciados pelo HaloScan). E a partir daí ficamos livres para trabalhar o restante.

No aspecto visual mantivemos a cor azul e a logomarca que sempre foram características marcantes do blog, quem nunca viu o banner do Bobagento em outros sites que atire a primeira pedra :-) . Isso foi importante para manter a identidade e confiança que o blog já conquistou. O que fizemos foi apenas melhorar o que já existia.

Como era…

…e como ficou.

Já o HTML e sua integração com o CMS foi a parte mais tranquila, afinal é isso que fazemos todos os dias. O novo blog agora tem suporte a Microformats e, se não fossem as postagens que vieram do Blogger, o HTML estaria semanticamente lindo (ok, é meio estranho falar assim, mas foi o que comentamos por aqui :-) ), é essa parte que auxilia na indexação pelos mecanismos de busca e facilita a manutenção.

Resumindo, ficamos muito satisfeitos em ficar lendo os posts antigos desenvolver o novo site e agora junto com DJ Raphael, aguardamos os resultados dessa reestruturação.

E você? O que achou do novo Bobagento? Opiniões sempre são bem-vindas no box de comentários.

17 maneiras diferentes de ver o Twitter

twitter_logo.gif

Existem diversas maneiras de visualizar as informações que circulam pelo Twitter. As formas aqui listadas foram subdivididas em quatro categorias: rede social, mapas, análise de métricas e diversos. Continuar lendo »

As 7 regras do JavaScript não obstrutivo – Introdução

Já faz algum tempo que, como não encontrei uma versão em português, comecei a traduzir um artigo do Dev.Opera chamado The Seven Rules Of Unobtrusive JavaScript.

Eu ia postar o artigo completo mas ainda tem muita coisa pra revisar, então decidi postar as regras separadamente, acho que fica mais fácil pra acompanhar e, principalmente para os que estão começando, entender o conceito de JavaScript[bb] não obstrutivo.

O artigo foi publicado originalmente no fim do ano passado. O autor, Christian Heilmann, diz que chegou até essas regras após anos desenvolvendo, ensinando e implementando JavaScript de maneira não obstrutiva. O artigo é basicamente um resumo do que foi dito na Paris Web Conference 2007. A intenção do texto é ajudar a entender os benefícios de se trabalhar com JavaScript de maneira não obstrutiva, desenvolvendo projetos mais rapidamente, com muito mais qualidade e de fácil manutenção.

Espero que o texto seja útil a todos assim como foi pra mim.

Se quiser ficar por dentro do artigo completo assine o feed, assim você não perde uma atualização. ;-)

Podcast Digital Paper #8 – Abra sua empresa!

No último sábado foi ao ar a edição n° 8 do podcast Digital Paper falando sobre abertura de empresas. Devido a minha atual função na Hiperquímica, fui um dos convidados do podcast que também contou com a participação do Neyl da Agência WX, Paca e Aguinelo.

Além de se divertir bastante, conversamos sobre diversos assuntos relacionados às dificuldade de abrir(e manter) sua própria empresa.

Vale ouvir pelo clima de descontração e pra saber o que fazemos pra sobreviver no mercado.

Então corra para o Digital Paper e ouça o podcast!

Aprendizado na era da informação

Não gosto de dizer que vivemos em uma época de excesso de informações. Me incomoda esta aplicação da palavra excesso, prefiro dizer que vivemos em uma época de fácil acesso e divulgação de informações. A evolução ampliou a quantidade de informações que chegam até nós e é comum que tenhamos de lidar com diversos fatos irrelevantes ao nosso cotidiano.

city1.jpg Não tem como ficar intangível ao excesso de informações que somos expostos.

Com as diversas mídias que temos hoje (TV[bb], rádio, jornais, revistas e mais especificamente internet), aprendemos a filtrar essas informações à nossa maneira priorizando aquilo que nos apetece.

info.jpg E aí, qual informação você vai seguir?

Essa liberdade, esse filtro que fazemos das informações, deixa-nos satisfeitos devido à facilidade com que assimilamos cada assunto. A parte ruim, é que essa satisfação resulta muitas vezes, numa falsa sensação de domínio do tema. É óbvio que se estivermos falando de acontecimentos (Big Brother Brasil ou futebol[bb] por exemplo) basta reunir informações para se tornar um especialista no assunto ( sem preconceitos por favor). Mas se tratarmos de conceitos maiores, o simples ato de filtrar e assimilar informações pode não ser suficiente.

O que eu quero dizer com isso? Digamos que João é aficcionado por ilustração e passa o dia lendo blogs e portais sobre o assunto. O fato de manter-se informado sobre os conceitos e acontecimentos da área não vai torná-lo um ilustrador de sucesso. Ele precisa se esforçar para que isso aconteça, ou seja, aprender a desenhar cada vez melhor.

A metáfora do arroz (sic)

Digamos que você precisa, sabe como fazer, mas nunca cozinhou arroz. Basicamente basta colocá-lo na água em fogo baixo e esperar a água secar. Mas, existem alguns pontos como tempo de cozimento, qualidade do arroz e tempero, que somente fazendo você vai aprender a lidar com cada um. Depois de pronto, você pensa o que pode ser mudado(ou não) para o arroz ficar mais gostoso na próxima vez.

arroz.jpg Depois de pronto é que você vai dizer que realmente sabe cozinhar arroz.

Concorda que, antes de iniciar, você achava que sabia como cozinhar e na verdade você só sabia como começar? Depois de fazer algumas vezes, você pode se dar ao luxo de dizer que é um especialista(sic). Agora encare esse arroz como outra coisa. Você não pode garantir um arroz de sucesso se nunca nunca tentou cozinhá-lo.

Já disse, o arroz é uma metáfora, você pode substituí-lo por termos como empreendedorismo[bb], design, desenvolvimento web, cotidiano com clientes e inúmeras áreas e casos.

chef.jpg Consegue entender porque algumas empresas só contratam pessoas com experiência?

Ao colocar em prática o seu conhecimento, você esbarra com problemas que não haviam sido previstos e precisa resolvê-los e é nesse ponto que você está efetivamente aprendendo.

A prática leva à perfeição (ou quase lá)

Após aprender, é necessário aperfeiçoar e, nesse ponto, o ciclo recomeça pois sempre há algo que pode ser melhorado.

infografico.jpg

No fim das contas, o que realmente importa não é o quanto você é informado sobre determinado assunto, mas sim o quanto você já aprendeu aplicando essa informação.

Mais sobre o assunto

Ganhe dinheiro com tutoriais de Photoshop

PSDTuts

O PSDTuts é, de longe, o melhor site de tutoriais de Photoshop que conheço. Grande parte dos tutoriais são originais e de qualidade surpreendente, vale a pena inclusive para aqueles que já possuem experiência com o software.

Não preciso de aulas de “Photoshopa”!

Pra quem já é mestre no assunto, a melhor parte é poder enviar seus próprios tutoriais e ser pago por isso.

Como assim?

Isso mesmo, se você enviar um tutorial e ele for publicado, o PSDTuts paga 125 dólares pra você.

E como funciona?

Simples, você escreve um tutorial de qualidade (perceba que o nível dos caras não é fraco) e envia através desse formulário. As especificações para escrever seu tutorial você encontra nessa página.

Vale a pena ressaltar que só tutoriais em inglês são aceitos.

Pequenos fatos sobre excesso de informação

Pequenas considerações, após uma pesquisa rápida sobre o assunto.

city.jpg Já pensou na quantidade de informações que recebemos todos os dias?

  • Atualmente existem mais de 100 mil revistas científicas em circulação no planeta;
  • No livro Ansiedade de Informação[bb], o autor, Richard Wurman, diz que “uma edição diária do jornal The New York Times contém mais informações que uma pessoa comum, da Inglaterra do século 17, teria visto em toda a sua vida“;
  • É quase impossível pesquisar um assunto na internet e mantêr sua atenção 100% focada nele.
  • Qualquer geek que se preze acompanha uma boa quantia de feeds, participa de listas de discussão, visita regularmente sites específicos, ouve podcasts e mantém uma assiduidade no uso de serviços online.
  • Há 15 anos a televisão brasileira tinha menos de 10 canais. Hoje são mais de 100.
  • Dizem (não consegui averigüar essa informação) que, em média, a cada segundo um blog é criado.
  • No momento, o Technorati indexa quase 113 milhões de blogs.
  • Isso sem citar o Google, com suas bilhões de páginas indexadas.

Dois estudos que, apesar de longos, compensam a leitura:

Concordo que a era da informação não chegou, mas estamos a caminho. O que falta é essa informação ser acessível a todos e não apenas a uma minoria. Mas é fato que ao menos nós, indivíduos com cotidiano relacionado à tecnologia, já formamos a sociedade do excesso de informação.

Só isso, apenas alguns fatos que reuni da pesquisa para um próximo post. Até lá!

Clareza(e cautela) no discurso com clientes

Para quem convive e/ou trabalha com desenvolvimento web, grande parte dos conceitos e tendências relacionadas a Web Standards e Acessibilidade são familiares. Entretanto, me preocupo com a forma que esses termos são tratados frente aos clientes, em sua maioria, leigos no assunto.

Conceitos claros como água pra você, podem parecer nada para outras pessoas.

É necessário apresentar esses conceitos de maneira que o cliente sinta-se à vontade para discutí-los. Não podemos esquecer que, muitas vezes, eles não são desenvolvedores habituados a esse “idioma”, mas sim pessoas carentes de uma consultoria web. Para eles, pouco importa que o site será acessível para deficientes visuais, o que eles querem é ver o site cheio de efeitos visuais que agradem a seus próprios olhos.

dialogo.jpg O que cliente diz o que precisa, você diz o que vai fazer. Existe uma sintonia nesse diálogo?

Com o excesso de informações e conceitos que temos hoje, é comum a insegurança de muitos ao defender um projeto web, mas encantar ao apresentar novas soluções é a melhor forma de conquistar novos clientes. Para isso, é necessário apresentar conceitos como usabilidade, wireframes e código semântico de maneira que o cliente não apenas entenda, mas sinta-se à vontade para discutir de igual para igual com o desenvolvedor.

explain.jpg Olha, é disso que eu estou falando!

Eis o grande desafio: apresentar anos de estudo e conhecimento de maneira inteligível e agradável em apenas alguns minutos de reunião. Para isso não existe fórmula pronta, a prática é a melhor maneira de aprimorar o discurso. O importante é nunca esquecer que, muitas vezes, o ouvinte não possui intimidade com o assunto da discussão e cabe a você ditar o ritmo do diálogo.

A prática leva à perfeição

Com o tempo, é fácil identificar cada tipo de cliente (inclusive os mais difíceis de lidar) e afinar o discurso de modo que ele assimile mais informações. Existem dicas, mas não existe fórmula pronta, somente a prática (e consequentemente a experiência) vão aprimorar o interlocutor e seu discurso na hora de defender um projeto.

E claro, não esqueçamos o portfólio…

Baseie seu portfólio em qualidade, e não quantidade.

Com certeza um bom portfólio agrega confiança ao seu trabalho, em muitos casos, ele contribui para que você ganhe mais liberdade na condução do projeto, ajudando (e muito) o seu discurso.

Outras dicas

Obs: Se você está lendo este texto via RSS, agradeça ao Jonny Ken, que resolveu o problema que eu estava tendo para exibir o texto completo nos feeds. ;)

Acessibilidade: Design com foco no conteúdo

Em se tratando de web, uma das coisas que mais atrai minha atenção é saber que o usuário tem o controle. Ele não precisa seguir um caminho linear, ele navega por onde bem entender à procura da informação desejada.

Facilitar o acesso à informação é o caminho do sucesso em um projeto web. E nesse ponto, é crucial aliar conteúdo de qualidade a uma apresentação impecável. Pense comigo: você pode ter o melhor produto do setor, mas se não apresentá-lo de maneira agradável contribuirá para reduzir o seu nível de confiabilidade.

Imagem Vitrines Os produtos podem ter a mesma qualidade, mas quem transmite mais confiança?

Entretanto não podemos esquecer do acesso à informação, não adianta ter um produto apresentado de maneira glamurosa se você não facilita o acesso a ele.

objetivo.jpg A informação está lá. Mas o usuário consegue chegar facilmente até ela?

E o que isso significa na prática?

Facilite a vida do usuário

Tenha em mente que muitas vezes você “perde” (entre aspas) no design para aumentar suas chances de conquistar o internauta.

Exemplo: um site com uma barra de rolagem interna.

barra1.jpg Até certo ponto, layout agradável e conteúdo ok.

No meu monitor de 17 polegadas o site aparece exatamente como na imagem acima. Agora veja o que acontece quando acesso de um monitor menor.

barra2.jpg Cadê o conteúdo? O site inteiro fica dentro desse espaço.

O conteúdo do site (que no fim das contas é o que realmente importa) fica num espaço pequeno e difícil de navegar. Apesar do layout “bacana”, não consigo acessar as informações de maneira agradável. Nesse caso, será que não valeria a pena modificar o layout para facilitar a navegação? Quem acha que sim, levante a mão.

hands.jpg Viva o usuário!

Isso quer dizer que devo fazer meu site no menor tamanho possível? Não. A recíproca também é prejudicial, diminua seu site para monitores 800×600 e ele ficará menor ainda em monitores de grande resolução, prejudicando a leitura.

O mesmo site visto em dois monitores diferentes. Vai uma lupa aí?

O que fazer então?

Desenvolva soluções criativas baseadas no público-alvo e no briefing do projeto. Tenha em mente que seu site pode ser acessado de vários dispositivos…

Existem até geladeiras acessando a internet atualmente.

E de várias maneiras…

Já tentou acessar seu site só com o teclado?

Não trabalhe achando que todo mundo acessa o site da mesma maneira que você. Desenvolva priorizando a apresentação do conteúdo de maneira agradável ao usuário, e não a apresentação do site como um todo. No fim das contas, o sucesso fica por conta dos que são criativos e sabem aliar os melhores conceitos de design e desenvolvimento web (leia-se padrões web, usabilidade, acessibilidade, SEO e todos os conceitos correlacionados) ao seu trabalho.

Lembre-se sempre que, não importa a forma de acesso do usuário, seu site sempre deve estar apresentável de modo que o conteúdo seja o foco.

Para saber mais

“Era Só o que Blogava”, mais um encontro de blogueiros

convite2.jpg
Confesso que minha primeira impressão do BlogCamp não foi das melhores, eu esperava algo bem mais sério. O problema é que como não sou blogueiro de carteirinha e trabalho o dia inteiro desenvolvendo sites, a minha expectativa era de um evento mais teórico como uma palestra ou algo do gênero. Mas, após entender o conceito, gostei do que vi. O bom é que as conversas, em sua maioria, são de um nível muito bom e bem expontâneas, afinal são pessoas com interesses em comum. Não vou nem comentar o lado descontraído do evento, onde você acaba conhecendo melhor alguns dos participantes.

Resumindo, o BlogCampPR foi tão legal que uma turma de Curitiba começou a se organizar para agendar novos encontros. Trocando figurinhas pelo Twitter e por e-mail, eu, o Neyl da Agência WX, o Fernando Undergoogle e alguns outros blogueiros, optamos por ir ao show do Diogo Portugal no bar “Era Só O Que Faltava”, nesta terça-feira (29/01).

Curiosamente apelidado de “Era só o que Blogava”, o encontro será mais uma ocasião oportuna pra debater assuntos relacionados à área (ou não), conhecer novas pessoas, conversar e, principalmente, se divertir.

Óbvio, estão todos convidados! :-D