Lista de blogs em português sobre desenvolvimento web e TI

Com essa lista de blogs da pra aprender muita coisa, em português. E pra facilitar o trabalho ainda, deixei disponível uma lista opml com todos os feeds para importar no seu leitor de rss (se alguém ainda não tem, sugiro o feedreader).

Lista opml com todos os feeds para importar no seu leitor de rss

Apesar de não termos um blogroll, esse seria o nosso. Segue lista em ordem alfabética, façam bom proveito:

A informação – Atualizado com boa freqüência, o blog fala sobre o mercado de TI em geral, mostrando as principais notícias do momento da área.

veja mais tidbitsAkita On Rails Fabio Akita, uma das principais referências de Ruby On Rails no Brasil, ensina RoR, divulga eventos e mostra as principais novidades do framework.

AleMazzariolli – A webwriter, que também é editora do webinsider, e revisora dos cursos online da Visie fala sobre suas experiências profissionais: comunicação, usabilidade, acessibilidade, etc.

Arquitetura de Informação – O famoso blog é atualizado Silvia Melo e Fabricio Teixeira (arquitetos de informação da AgênciaClick) mostra boas referências, ótimos textos e os trabalhos realizados por eles.

BrPoint – O Blog fala sobre SEO e Blogs, incentivando a galera a fazer blogs pra ganhar dinheiro, ou mesmo por diversão.

Bruno Dulcetti – Com boa freqüência de posts também, o carioca que trabalha como Web Design / Web Development fala sobre web standards, css, xhtml e tecnologia em geral.

Bruno Torres – O carioca, especialista em SEO, trabalha no UOL, apesar de não postar muito, seu Blog conta com 5290 assinantes em seu FeedBurner.

Carreirasolo – Um blog diferente, conta como é viver de freela, e da as dicas pra galera a conseguir isso. Também posta sempre sobre profissionais freelancers (para aqueles que querem contratar), divulga jobs e vagas para freelancers e ainda tem um podcast falando das dificuldades em freelas.

Ciro Feitosa – Desenvolvedor web, trabalha tanto em desenvolvimento de sistemas quanto em programador de interface, e no seu blog, fala sobre suas experiências.

Chris B. – Com uma experiência grande já na área de desenvolvimento web, Chris é responsável por uma equipe de programadores de interface e conta no seu blog um pouco de suas experiências.

Clauber Stipkovic – Programador de interface da AgênciaClick e membro do projeto Mozilla. Clauber, também conhecido como Jesus (semelhança física), comenta seus projetos em seu blog.

Cleiver – O programador fala bastante sobre php, o framework CakePHP, linux e seu notebook da HP que só lhe dá problemas.

Cor Cinza – Apesar do nome parecer um blog de design, o conteúdo principal do blog é PHP, o blog tem boas introduções e tutoriais pra quem está começando na linguagem.

CSS no lanche – Blog específico, fala do básico ao avançado sobre CSS, explica boas práticas, e é sempre atualizado.

veja mais tidbitsDanillo Nunes – Recentemente ele decidiu traduzir o Opera Web Standards Curriculum, um curso da Opera que ajuda a preparar desenvolvedores. Os artigos são excelentes, bem técnicos.

Desenvolvimento para Web – Sem um tema específico, o blog da dicas de SEO, PHP, CSS e fala sobre novos CMS e tudo mais que engloba o desenvolvimento web.

DGMike – DGmike é desenvolvedor web que trabalha para a Visie. Seu blog fala sobre php, python, html, css, javascript, etc.

Digital Paper (Podcast) – Em formato de Podcast, o blog com poucas atualizações, tem pots interessantes sobre usabilidade, wordpress, Google Gears, etc…

veja mais tidbitsEduardo Ottaviani – Mais um programador de interface da AgênciaClick, fala sobre CSS, Javascript e boas práticas no desenvolvimento.

El Micox – O blog bastante visitado (eu acho) tem como objetivo postar funções prontas JavaScript, Ajax, PHP, DOM, Webstandards, dicas e outras coisas.

FechaTag – Outro blog de alguém da Visie, Elcio Ferreira fala sobre XML, XHTML, CSS, Tableless, Python, Linux além de divulgar eventos da área.

HTMHelen – Helen Fernanda tem um perfil interessante, apesar trabalhar em outra área e estudar comunicação, ela escreve sobre html, css e novidades na internet. O blog está sempre atualizado e além desse blog, ela tem mais QUATRO, e ainda faz freelas com web. Helen parece ser uma daquelas pessoas que faz seu dia parecer ter 35 horas.

Igor Escobar – Como ele mesmo diz, o objetivo do blog é documentar todo o processo de mudança na área de técnolgia focada no desenvolvimento web e apresentar as soluções e problemas cotidianos.

Ivo Gomes – Ivo, consultor de usablidade a 4 anos, fala um pouco da área, de acessibilidade e arquitetura da informação.

jQuery Brasil – Sem posts recentes mas com um conteúdo muito bom, jQuery Brasil fala sobre plugins, efeitos e como usar o mais conhecido framework em javascript.

Julio Gref – O desenvolvedor web fala sobre Frameworks, Mootols, jQuery, Javascript, e como diz um de seus posts: “coisas que todo desenvolvedor deveria saber”.

Leonardo Caineli – Com mais de 7 anos de experiência na área, já trabalho como Programador de Interface e Web Design, assim consegue falar sobre Design, Padrões Web e Tecnologia.

Lucas Ferreira – Além de muitas referências (Links for del.icio.us) o blog tem posts sobre jQuery / Lightbox / PHP.

Luiz Tiago – Formado em Sistemas e trabalhando na área de desenvolvimento web desde 2001, seu blog tem um enfoque em webstandards e novidades na área.

Lutando por WaSP – WaSP é sigla para Web Standards Project (é.. tem um trocadilho no meio, wasp significa vespa). Aldemir fala sobre padrões, acessibilidade, Arquitetura da informação, CSS, Rails, Javascript.. e por aí vai.

Marcos Gomes – Ajudou a fundar e é diretor de tecnologia da boo-box. Trabalha com internet a mais de 10 anos, sendo que só tem 22. Tem muita experiência pra contar no blog.

Maujor – O famoso “dinossauro das CSS”, responsável pelo site “CSS para Web Design”, tem um blog também falando principalmente sobre jQuery, já que lançou um livro em português recentemente.

Mestre SEO – Blog específico em SEO com diversos autores que dão as dicas do que fazer e do que não fazer para obter melhores resultados nos buscadores.

O Desenvolvedor – Com muito javascript, jQuery e prototype o blog é ótimo pra quem deseja largar o flash pra fazer efeitos que poderiam ser feitos com javascript. Além disso o blog fala de padrões web, semântica.

pBlog – No blog do Rodrigo Ghedin e Érico Oliveira o tema é WordPress. Plugins, atualizações, temas, tudo é abordado no blog, ideal pra quem não sabe programar, mas deseja ter um blog bem personalizado.

Pinceladas da Web – O blog de Pedro Rogério chama atenção pelo alto nível dos posts, com boa freqüência de atualização e desde 2006, os assuntos mais falados de seu blog são Acessibilidade, Browsers, CSS, JavaScript, jQuery e XHTML segunda sua tag cloud.

Pixeladas Aleatórias – Análises sobre a web e muitas referências (links for del.icio.us) é o que mais tem no blog, que também fala de HTML / CSS. Sua descrição no seu blog é “Simone Villas Boas é desenvolvedora de front-end, geek em tempo integral”.

Profissão Web – Thiago Melo, um dos colunistas do webinsider, tem seu blog, que com um ano e meio de vida tinha mais de 700 posts, impressiona! Thiago é desenvolvedor e designer de interfaces e já atua na área a mais de 6 anos.

Project 47 – Falando sobre web standards e wordpres, Carlos Eduardo que é desenvolvedor web criou a “sexta feira dos webstandards” que era uma série de links e referências bem interessantes, apesar de não ter dado continuidade, existem 15 posts desses que estão em meio ao seus históricos.

Revolução Etc – O mais famoso blog da lista, tem quase 7 mil assinantes dos seus feeds. Atualmente ele está escrevendo “dicas de como montar um blog” mas aos seus quase 400 posts tem muitos posts técnicos porém bem detalhados, mostrando o porque é de tanto sucesso.

Ruf Space – Falando sobre webstandards e o cotidiano web. Apesar do blog estar praticamente parado, existem posts interessantes em seu histórico na sessão DOM lab.

veja mais tidbitsSEO Cast – O slogan do blog é “muito mais que meta tag”. Além dos posts dando as dicas de SEO também estão disponíveis podcasts sobre o assunto.

Simples Idéias – O blog de Nando Vieira é bem técnico, para aqueles que querem ver código mesmo. O blog está bem focado em Ruby On Rails, mas tem outros posts de outros assuntos.

t de <tag> – Segundo sua descrição, Marcello de Souza é técnico em informática, programador e professor. Entusiasta de novas tecnologias e do uso de software livre. Sendo tudo isso tem muita coisa pra ele escrever como Python, Padrões web, CSS e bastante Ruby On Rails.

Tá dificil… – Usabilidade é o tema do blog que mostra a grande dificuldade que usuários tem para fazer coisas simples como comprar cartucho para Epson ou obter resultados anteiores da mega-sena.

Tableless – Diego Eis ensina CSS / XHTML / jQuery / SEO. Além dos posts escritos, o blog tem diversos vídeos que são tutoriais curtos e bem detalhados mostrando desde implementando html até manipular atributos com jQuery.

Techbits – O tema é TI, Alexandre Fugita escreve as notícias do mercado, como o lançamento do Android, Chrome, Campus Party, twitter, a privadade do facebook, etc.

TecnoBlog – O blog voltado para a Tecnologia, tem uma boa freqüência de posts que dão notícias da internet como “Brasil é o 6º colocado no ranking de ataques de malwares” ou “Yogen Max – carregue a bateria do seu notebook com o movimento dos pés”.

Tecnocracia – Manoel Netto se diz apaixonado por tecnologia, trabalha com web desde 1998. Ele fala sobre internet em geral, o blog é bastante acessado, 1700 pessoas assinam seus feeds.

veja mais tidbitsTidBits – Nosso blog. Eu, Danilo Augusto, programador da AgênciaClick, e Belinha, arquiteta de infromação da Tesla, em meio as brigas de casal, falamos sobre desenvolvimento web e eninamos através de exemplos práticos.

Tulio Faria – Túlio é professor técnico em informática e freela fazendo sites. Programador de diversas linguagens. Apesar disso, seu blog é voltado mais para PHP.

UnderGoogle – Tudo sobre o google. Search Wiki, Friend Connect, Orkut, Gmail, Zeitgeits, Maps, Adwords, etc etc.. o assunto no blog é somento Google e segundo eles, 11 mil pessoas assinam seu rss.

Vagas na Web – E para aqueles que já aprenderam o bastante e talvez seja a hora de ser melhor remunerado, esse blog do yogodoshi posta diversas vagas de empregos todos os dias. Até meu emprego atual, eu fiquei sabendo da vaga por lá.

ViuIsso? – Michel Lent Schwartzman é CCO da 10’Minutos S.A., designer gráfico, mestre em Telecomunicações Interativas pela New York University, articulista do Webinsider e do Yahoo! Tecnologia, juri do Prêmio iBest desde 1999 e professor da Escola Superior de Propaganda e Marketing. No seu blog ele dá as notícias do que está acontecendo na web.

Visie – No blog da empresa de treinamento em desenvolvimento web, consta a agenda de palestras do Élcio Ferreira, vídeos tutoriais e outras coisas ligadas a empresa.

Web, Design e CSS – Cleo, uma Web designer que também trabalha com CSS, XHTML, SEO e usabilidade, fala um pouco de tudo no seu blog, com o conteúdo é bem variado, pode interessar a diferentes áreas.

Webinsider – O blog, patrocinado pelo UOL, conta com diversos colunistas, está ativo desde 2000 e fala sobre o mercado web no Brasil.

WebPoint – Alexandre Magno é membro da equipe do jQuery, no seu blog ele fala muito do framework, escreve diversos tutoriais, fala de plugins, enfim… dá todas as dicas pra quem quer trabalhar com a ferramenta.

Yogodoshi – Cayo Medeiros, além do Vagas na Web, tem esse blog que fala sobre SEO, jQuery, Javascript, cita boas referências e tem o post “O Melhor da Semana” (que está da edição 32) com links das notícias que chamaram atenção, todas separadas por categorias, como Tuturiais, Vagas de Emprego, Dicas, Notícias, Artigos, etc..

Se alguém quiser incluir um blog, deixe comentado aqui o endereço do blog que eu atualizo o post, desde que o blog se encaixe na lista, é claro.

[]s

As 10 heurísticas de usabilidade do Nielsen

Jakob Nielsen é um cara polêmico no mundo da usabilidade, talvez pelo fato de ser o mais conhecido analista de usabilidade do mundo, ou talvez seja o mais conhecido analista de usabilidade do mundo pelo fato de ser polêmico. O fato é que ele fala de usabilidade há muito tempo, e mais do que falar, ele sempre promove testes e pesquisas para embasar suas falas (para quem costuma ler os rodapés das pesquisas, ele é o dono da Norman e Nielsen Group – uma grande empresa de pesquisas e análises de dados do mundo).

Ele também escreve uma coluna em seu site (Useit.com), chamada Alertbox, onde constantemente apresenta os resultados de várias dessas pesquisas, ajudando a implantar certos parâmetros de usabilidade que passam a ser adotados por um grande número de profissionais.

Um desses parâmetros, são suas heurísticas. São 10 itens para a avaliação da usabilidade de um site, com intuito de evitar erros comuns – as heurísticas foram baseadas em 294 tipos de erros de usabilidade que o Nielsen comumente encontrava em suas análises – e que podem prejudicar e muito a experiência do usuário em seu site. Uma avaliação heurística, ao pé da letra, é feita por no mínimo 3 e no máximo 5 profissionais especializados nesse tipo de avaliação.

Mas mesmo que você não seja nenhum analista de usabilidade, checar esses itens com certeza irá tornar a experiência do usuário em sua interface uma experiência menos frustante. Vamos às heurísticas:

1. Visibilidade de Status do Sistema
Isso significa que você precisa se certificar de que a interface sempre informe ao usuário o que está acontecendo, ou seja, todas as ações precisam de feedback instantâneo para orientá-lo. copy

2.Relacionamento entre a interface do sistema e o mundo real
Ou não usar palavras de sistema, que não fazem sentido pro usuário. Toda a comunicação do sistema precisa ser contextualizada ao usuário, e ser coerente com o chamado modelo mental do usuário.

3. Liberdade e controle do usuário
Facilite as “saídas de emergência” para o usuário, permitindo desfazer ou refazer a ação no sistema e retornar ao ponto anterior, quando estiver perdido ou em situações inesperadas.

4. Consistência
Fale a mesma língua o tempo todo, e nunca identifique uma mesma ação com ícones ou palavras diferentes. Trate coisas similares, da mesma maneira, facilitando a identificação do usuário.

5. Prevenção de erros
Na tradução livre das palavras do próprio Nielsen “Ainda melhor que uma boa mensagem de erro é um design cuidadoso que possa prevenir esses erros”. Por exemplo, ações definitivas, como deleções ou solicitações podem vir acompanhadas de um checkbox ou uma mensagem de confirmação.

6. Reconhecimento ao invés de lembrança
Evite acionar a memória do usuário o tempo inteiro, fazendo com que cada ação precise ser revista mentalmente antes de ser executada. Permita que a interface ofereça ajuda contextual, e informações capazes de orientar as ações do usuário – ou seja – que o sistema dialogue com o usuário.

7. Flexibilidade e eficiência de uso
O sistema precisa ser fácil para usuários leigos, mas flexível o bastante para se tornar ágil à usuários avançados. Essa flexibilidade pode ser conseguida com a permissão de teclas de atalhos, por exemplo. No caso de websites, uso de máscaras e navegação com tab em formulários são outros exemplos.

8. Estética e design minimalista
Evite que os textos e o design fale mais do que o usuário necessita saber. Os “diálogos” do sistema precisam ser simples, diretos e naturais, presentes nos momentos em que são necessários.

9. Ajude os usuários a reconhecer, diagnosticar e sanar erros
As mensagens de erro do sistema devem possuir uma redação simples e clara que ao invés de intimidar o usuário com o erro, indique uma saída construtiva ou possível solução.

10. Ajuda e documentação
Um bom design deveria evitar ao máximo à necessidade de ajuda na utilização do sistema. Ainda assim, um bom conjunto de documentação e ajuda deve ser utilizado para orientar o usuário em caso de dúvida. Deve ser visível, facilmente acessada, e com oferecer uma ferramenta de busca na ajuda.

Apostila e material de estudo sobre padrões web em português

Recentemente o site do Governo Eletrônico lançou um projeto implementar padrões web no site do governo. E inclusive lançou uma cartilha de codificação para auxiliar as administrações públicas.

O objetivo da cartilha é:

  • Estabelecer padrões de qualidade de uso, desenho, arquitetura de informação e navegação;
  • Estabelecer um fluxo de criação, desenvolvimento e manutenção na gestão dos sítios governamentais;
  • Consolidar a acessibilidade;
  • Criar artefatos de acordo com os padrões estabelecidos pelo W3C.

copyA apostila pode ser lida por qualquer desenvolvedor web, pois fala de padrões web em geral e não de sites do governo.

Clique aqui para baixar a cartilha.

Outra coisa que chamou a atenção essa semana, foi o blog do Danilo Nunes, ele está traduzindo um curso sobre padrões web que funcionários da Opera fizeram pra implementar nas universidades americanas, um projeto bem legal.

O curso (original, em inglês) tem 50 artigos, cada um bem detalhado. O Danilo Nunes disse que vai traduzir um por semana.

Testeusabilidade.com.br, um site para quem quer escutar usuários

Essa semana eu descobri esse site, o TesteUsabilidade. A iniciativa é interessante, você publica seu site e recebe feedback dos usuários do site, que opinam sobre a execução de tarefas, o visual, a disposição dos itens, etc.

testeusabilidade.com.br - Site de testes de usabilidade

Gostei da idéia, e da proposta, porque é uma maneira de receber opiniões, opinar e dessa forma, melhorar também seu próprio senso crítico. No entanto, tenho várias ressalvas. O nome, por exemplo, me pareceu uma escolha um pouco infeliz, pois o modelo do site não é exatamente um “teste de usabilidade”.

Testes de usabilidade são atividades moderadas, que analisam vários eventos das execuções da tarefas e feitos com usuários cuidadosamente selecionados, enquanto o modelo do site é apenas uma avaliação da percepção dos usuários aleatórios em relação ao seu site. Além disso, quem faz a comunidade são usuários avançados, o que com toda certeza prejudica a avaliação mais completa da usabilidade.

Ainda assim, é válido por ser um espaço aberto à críticas e opiniões que visam melhorar a vida dos usuários nos sites. ;)

Boa semana a todos.