Book Review: Design de Navegação Web

Por: Henrique Costa PereiraTuesday 29 December 2009 às 12:29

Experiência de usuário na web é disciplina que deveria ser obrigatório pra todo mundo que trabalha com desenvolvimento. Se você é web designer, programador de interface, programador server side, webwriter, profissional de QA, analista web, enfim, se você trabalha com internet deveria ler o livro “Design de navegação web” de James Kalbach, publicado em português pela editora Bookman (Artmed).

Por que todos deveriam ler? A principal razão está na compreensão que ele traz sobre “user experience” ou em bom tupiniquês “experiência de usuário“. Apesar que o desenvolvimento para web realmente envolve profissionais com especialidades completamente diferentes como designers de interface e programadores server side, o livro traz uma compreensão conjunta e multi-disciplinar sobre experiência de usuário. Se parar pra pensar ambos os profissionais contrõe ferramentas web para serem “usadas por usuários” diversos. E compreender esse objetivo de um ponto de vista multi-disciplinar é o melhor caminho. Você não precisa ser arquiteto da informação ou profisisonal de usabilidade para procurar entender melhor sobre experiência do usuário.

O foco do livro está na “navegação” como o título sugere. Pra quem acha que o assunto não daria mais do que um artigo de 500 palavras se engana. O livro aborda modelos tradicionais e simples de navegação até as soluções mais elaboradas e complexas como as que encontramos em redes sociais e serviços como o Delicious, Last.fm, Flickr, etc.

Algo muito inteligente que eu vi nesse livro foi o quanto o autor está antenado em relação as boas práticas de desenvolvimento, como padrões web, acessibilidade, internacionalização, etc. Apesar de não ser um livro sobre desenvolvimento ele faz referências o tempo todo sobre aspectos de implementação que influenciam na experiência que o usuário pode ter. A prova disso são as constantes referências a acessibilidade e a compreensão do autor de que não se “coloca” acessibilidade em um site depois de pronto. Acessibilidade não é uma fase do processo a ser planejada e encaixada em um site, acessibilidade está enraizada em todo o processo, desde pensar no comportamento do usuário em um modelo de específico de navegação até a implementação.

As ilustrações e estudos de caso estão em todos os capítulos do site. Nada do que o livro trata é descartável ou não teria uma aplicabilidade no mundo real. Sobre o acabamento do livro ele é impecável. É um dos livros relacionados com web com melhor acabamento que eu vi até hoje. Papel couchè, impressão colorida de alta qualidade e design moderno. Se você trabalha com desenvolvimento, programação, planejamento ou qualquer outra especialidade relacionada com desenvolvimento de sites para web, você deveria ler este livro. Boa leitura!

Importando seus locais criados no Google Maps para o aplicativo de mapas do iPhone

Por: Henrique Costa PereiraSaturday 26 December 2009 às 12:26

Tudo começou quando eu estava tentando ver os itens de uma mapa que eu criei no Google Maps, no aplicativo de Mapas do iPhone (que também é do Google Maps). Após algumas tentativas frustradas fui para o Google ver se isso era possível. Facilmente encontrei essa página onde um sujeito pergunta a mesma coisa que eu: Como faço para importar meu mapa personalizado criado no Google Maps para o iPhone. Em seguida vejo a resposta de um funcionário do Google (Thom – Google Employee) dizendo que isso não é possível. Veja a imagem a seguir.

Ao enviar o link do mapa por e-mail e abrir no iPhone, é até possível abrir no navegador do iPhone (Safari) a área em que os marcadores foram inseridos no mapa criado por você (ou qualquer outra pessoa), mas só isso. Os marcadores em si não aparecem. Ou seja, seu trabalho ao criar o mapa não serviu de nada. Já no aplicativo do Google Maps ao colar o link no campo de busca a resposta sempre é “Nenhum resultado encontrado”. Ou seja, nenhuma solução “amigável”. Pensei então que o funcionário do Google disse que não tem jeito de uma forma “amigável” e simples para a maioria dos usuários. Ou então que ele não fazia ideia do que estava falando (isso acontece, acredite). Não pensei que fosse impossível.

A solução é simples. Se tem uma coisa que qualquer porcaria nesse planeta feita nos últimos anos deve saber ler, chama-se “XML“. Seu liquidificador, se brincar, deve saber ler XML e você não sabe. E tudo do Google é muito esperto em relação a XML. Se você copiar e colar o link do RSS (que é um XML) no aplicativo do iPhone, a mágica acontece. Todas as marcações de qualquer mapa criado no Google Maps vai abrir no seu aplicativo de mapas do iPhone. O único trabalho que você vai ter será o de adicionar os marcadores aos seus favoritos do iPhone, se este for seu interesse. Ou então basta sempre consultar o link do XML/RSS para ver seus marcadores atualizados. Moral da história: Mesmo que um funcionário do Google te falar que algo não pode ser feito, não acredite nele. Trata-se de um complô pra dominar a Terra.

Os 10 melhores blogs do ano de 2009!

Por: Henrique Costa PereiraSunday 20 December 2009 às 21:20

As coisas aqui estão paradas, eu sei. Mas nada melhor pra tirar as teias do Revolução Etc do que escrever minha lista pessoal dos blogs que eu mais li e gostei durante o ano. São os 10 melhores blogs do ano de 2009! Com certeza eu li e apreciei muito mais blogs do que os que aqui estão listados, mas esta é a lista daqueles que mais achei foda. O que eles ganham com isso? Ganharam no máximo um link e meus parabéns por serem blogs tão bons. A lista não segue nenhuma ordem.

NumClique

Acho que conheci o NumClique este ano ao ter conhecido o Joares no Campus Party em janeiro. Achei legal desde o início e fiquei fã ao longo do ano todo!

MeioBit

Sim, mais um blog de tecnologia. Não posso evitar. Mas sou muito fã do MeioBit já faz um bom tempo. Os caras são muito bons e sabem do que estão falando.

Contraditorium

O Cardoso do Contraditorium é um cara muito odiado. O blog dele é sobre suas observações pessoais sobre qualquer coisa e metade delas ofende muitas pessoas. A outra metade talvez não goste do estilo ou sei lá, não topa com as idéias. Eu não o odeio, nunca me ofendeu e eu adoro o estilo dele. Adoro diferentes pontos de vista temperado com cinismo, sarcasmo e opinião forte. Sem frescuras e sem #mimimi o Contraditorium foi muito bom de ler esse ano!

Arthur Soares

Adoro muitos blogs de fotografia e tinha que selecionar um dentre vários. O blog do Arthur Soares ganhou. Apenas gosto muito das postagens.

CHMKT

Planejamento, marketing e comunicação digital. No geral a maioria das coisas relacionadas com “marketing” é cheio de frescura corporativa e baboseiras. O CHMKT se destaca entre o mar de porcaria que existe sobre o assunto.

Pensar Enlouquece

Grande Inagaki, gosto do seu olhar e do seu ponto de vista meu caro. Sempre é relevante no que fala. Pra quem gosta de ler, leia o Pensar Enlouquece.

Google Discovery

O Google está dominando nossa Galáxia e esse processo está sendo documentado pelo Google Discovery. Melhor fonte de referência concentrada sobre os serviços do Google.

Tiago Dória

O Tiago Dória é jornalista e escreve sobra a web de um ponto de vista quase documental. Sempre tem uma opinião interessante sobre como a internet e as ferramentas sociais estão alterando a forma como a TV e os jornais mantem-se vivos. É a história da comunicação sendo narrada semanalmente.

The Big Picture

Eu menti, não consegui selecionar somente um único blog de fotografia. Pra quem gosta de fotojornalismo, oThe Big Picture é um prato cheio. Trata-se da história dos nossoss dias sendo contada em fotografias diariamente pelo Boston Globe.

LikeCOOL

Design, produtos, camisetas, fotografia, arte, gadgets, engenharia, etc fazem parte do conteúdo do LikeCOOL. Se pudesse definí-lo, eu definiria como um repositório de coisas legais. Só isso.

Experiência de usuário com o Dell Inspiron 1545

Por: Henrique Costa PereiraWednesday 28 October 2009 às 12:28

A experiência do consumidor como usuário de uma marca não começa só quando você está com o produto em mãos. Ela começa desde a busca pelo que você precisa, passando pela compra, entrega, relacionamento com a empresa e o uso do produto. Faz tempos que eu queria voltar a escrever este tipo de texto narrando minha experiência de usuário com algum produto. Esta é a minha experiência de usuário com o notebook Dell Inspiron 1545.

Adeus HP Pavillion

Meu notebook HP Pavillion foi pro saco, literalmente. Isso aconteceu com uma galera aqui na Webroom, cerca de 6 notebooks HP Pavillion foram pro saco em 1 ano. Eu precisava então de uma máquina pro dia à dia, máquina pra trabalho e não diversão, jogos, etc. Ou seja, máquina com configuração mediana e com custo mais enxuto possível. Dell foi minha primeira opção. Pensei na HP mas devido a experiência de usuário que tive com eles, já era. Perderam um cliente de notebooks pra vida inteira. Só conseguiriam reverter me dando uma máquina de graça e deixar rolar 3 anos pra ver se ela não pifa. Os notebooks da série Pavillion são lindos, fantásticos, belos, usabilidade boa, mas queimam. Isso é tudo que quero falar.

Processo de compra

Voltando a Dell, o processo de compra de um notebook pelo site deles é fantástica. Simples, rápida e direta. O preço não é o melhor, mas o custo benefício depois de uma pesquisa rápida por ai, achei o melhor. O fato de trabalhar em uma empresa cheio de nerds, com um monte de cara que testa de tudo e consome todo tipo de tecnologia, me dá uma experiência boa e uma base pra avaliar, e no geral os notebooks da Dell estão se transformando em uma boa opção com custo médio e estabilidade. Uma experiência interessante com a Dell foi a entrega (foi previsto em 18 dias úteis e chegou em 7 dias corridos), que ocorre sempre antes do prazo fornecido. Podia ser ainda menor mas eles são expertos, ao construir uma experiência de usuário que te faz pensar que você foi beneficiado com uma entrega muito antes do previsto. Não posso reclamar, mas seria mais foda ainda se tivessem entregado em 3 dias.

Dell Inspiron 1545

Pra começar, a única coisa que eu acho bonito neste notebook é a tampa dele. Mas se algum fabricante não conseguir fazer uma tampa bonita, pode mudar de ramo e ir fabricar cadarço de tênis. No geral eu acho a maioria dos notebooks feios, com exceção dos Apples e da série Pavillion da HP que são realmente bem feitos e bonitos. O resto é carcaça e não foi diferente com os notebooks Dell da série Inspiron. E eu até acho ele bonitinho, mais está longe de ser belo. Preocupe-se com o que está por dentro que você vai ser mais feliz. A Dell também tem coisa mais bonita, como os notebooks das séries Alienware e Adamo. Mas para o meu objetivo, 7.000 pratas estava muito acima do que eu precisava. Quem sabe a Dell não me dá um de presente pra mudar minha imagem dos produtos deles?

O notebook em questão é o Dell Inspiron 1545, com processador Intel Core2 Duo, 2.4 GHz, 3MB L2 cache, 1066 MHz, memória RAM de 3GB DDR2 800MHz, LCD WLED WXGA (Tela True Life de 1366×768 pixels) de 15.6 polegadas, HD SATA de 320GB (5400RPM), gravador de DVD/CD padrão (8x), bateria de 9 células e veio com o Windows Vista Home Basic, o qual farei questão de não usar e não deixar ninguém usar também. Uma máquina bem legal né? Eu gostei!

Performance

Posso dizer que a bateria Dell Inspiron 1545 é realmente muito boa. Ela durou 6 horas com a primeira carga e está aguentou muito bem nos dias seguintes. E a performance dessa máquina rodando o Windows 7 Ultimate foi igualmente muito boa. Eu testei o Windows XP, Vista Home (que veio com ele) e o Windows 7 Ultimate e sem dúvida a última opção demonstrou uma performance muito melhor que as outras duas.

Uma coisa chata nessa compra do Inspiron é que essa versão não tinha a opção do controle remoto (muito usado em apresentações nas empresas) e não veio com fones de ouvido, como eu já vi na compra de outros equipamentos. Fiquei sem saber porque, até mesmo pelo fato que o espaço para o controle veio com uma “tampinha” no lugar.

Problemas

Eu vi dois problemas de usabilidade no Dell Inspiron 1545. A primeira delas é sobre 2 portas USB que ficam uma sobre a outra como pode ver na foto abaixo!

Esse problema da USB é horrível e eu sempre quis escrever sobre isso. Eu trabalho em uma empresa com mais de 60 pessoas onde cada um tem um modelo diferente de pen drive, e na maioria das vezes, eu não consigo usar as duas portas USB ao mesmo tempo. Se a pen drive ou dispositivo USB não for muito fino (como o carregador do iPhone é), é impossível usar as duas portas ao mesmo tempo.

O segundo problema é que não existe um dispositivo luminoso que te informe quando o Caps Lock está ou não ativado! Yeap! Veja abaixo:

Já cometi vários enganos tentando logar em lugares onde o browser armazenou meu nome de usuário e eu só precisava digitar a senha pra logar. A consequência foi a quantidade de vezes que o sistema acusava que a senha estava errada. O fato era que o Caps Lock estava ativado e eu não sabia. Se observar nos Macs por exemplo, há uma luz no próprio botão que indica quando ele está ativado ou não. Nos HPs pavillion, existe no painel de funções. Nos notebooks da Dell da série Inspiron isso simplesmente não existe. Problema de design, culpem os engenheiros da Dell.

Considerações finais

Se precisa de uma máquina pra trabalho, que não é fraca e que não é para diversão, onde você precisa de performance na medida para seu trabalho, as máquinas Inspiron da Dell vão te atender bem, apesar dos problemas de design. Fiquei sentido por não terem me dado a opção de adicionar um controle remoto e de não ter vindo com fones de ouvido, fica para a próxima. Se tiver um Dell Inspiron, conte aí nos comentários o que você está achando!

Windows 7 Ultimate versão Revolução Etc

Por: Henrique Costa PereiraTuesday 20 October 2009 às 06:20

Antecipando o lançamento mundial do Windows 7 que vai ocorrer no próximo dia 22 de outubro, a Microsoft fez uma ação com 20 blogs brasileiros enviando em uma caixa personalizada com a caracterização do blog, uma versão Ultimate do Windows 7, trata-se de uma versão gold assinada por Steve Ballmer, o CEO da Microsoft. Ou seja, eu praticamente tenho um Windows 7 Ultimate versão Revolução Etc. Bem legal não?

Na caixa tinha também uma pen drive de 2GB e uma cartinha personalizada. Achei fantástica a abordagem desse mimo enviado aos blogueiros, muito criativa e inesquecível. Notei também o quanto a Microsoft entrou no play para dar a cara a tapa, selecionando por exemplo, blogueiros que são declaradamente usuários de Mac como o Carlos Cardoso e o Diego Eis, dois dos que eu fiquei sabendo que também receberam a caixa. O Cardoso já até escreveu algumas considerações sobre o presente. Só dá pra fazer isso se realmente tiver segurança no produto, e devido ao fracasso do Windows Vista, tudo indica que a Microsoft está vacinada e apostando tudo no novo SO. Um parabéns enorme pela coragem e pela ação.

Eu creditava que o último sistema operacional decente que a Microsoft fez foi o Windows XP (o Vista realmente não deu pra engolir mais do que uma semana). Já estou usando o Windows 7 no dia à dia e achando fantástico a performance e velocidade. Instalei ele em um Dell Inspiron zero bala e não precisei instalar nenhum driver da máquina. O sistema operacional encontrou todos, sem nenhum conflito. Performance muito superior ao que o XP tinha, o “7″ superou minhas expectativas. Outra coisa que chama a atenção são os avanços na experiência de usuário e usabilidade do Windows 7. Os caras realmente investiram nisso. Só usando pra ver. Veja mais fotos do meu presente aqui e abaixo tem mais algumas.

A relevância dos blogs em um contexto regional

Por: Henrique Costa PereiraMonday 19 October 2009 às 19:19

Não vou ficar lambendo o que já se falou. Faça uma busca no Google que você vai ver o tanto que já se falou sobre os blogs, blogueiros, monetização, relevância, etc. Não estou aqui para afirmar que os blogs são relevantes (eles são, se não acredita veja isso aqui, e eu também ganhei um Windows 7 de presente), este post é sobre a relevância que eles já possuem. Sente a diferença?

Como muitas coisas aconteceram em Zion e na Matrix que me impediram de escrever, vou ser retroativo e falar de algumas coisas que rolaram e que eu acho relevante. Uma delas é o Mesa Quadrada (que nem formato tem) organizada pelo pessoal do Scriptease.tv, uma galera daqui de Uberlândia que tem um futuro muito promissor pela frente.

Eles tiveram a idéia de reunir alguns blogueiros daqui da cidade para falar das experiências vivenciadas aqui na região. É relevante? Claro, se você considerar que existe civilização fora de São Paulo. Reunimos no dia 2 de setembro no London Café, um lugar muito bacana e casa local do Rock ‘n Roll, regados a cervejas e energéticos para falar dos blogs como mídia, como conteúdo, como novidade e como velharia. Enfim, assista e dê sua opinião. E aqui você vê as fotos das gravações.

Parte 1 – Mesa Quadrada #1 – Fim da Blogosfera?

Parte 2 – Mesa Quadrada #1.2 – O dilema do post pago

Parte 3 – Mesa Quadrada #1.3 – Qual é o segredo?

Parte 4 – Mesa Quadrada #1.4 – Como ser relevante?

Abaixo segue a lista de pessoas e seus blogs que participaram das gravações do programa:

• Dani Oliveira – Cozinha Travessa
• Fabiano Nardini – Scriptease.tv
• Fernanda Nogueira – Prosa Interativa
• Gustavo Patrício – Barril de Ideias
• Henrique Pereira (eu) – Revolução Etc
• Karolina Ribeiro – Re-comendo
• Marcel Gussoni – Sabor Sonoro
• Maurício Ricardo – Charges.com.br
• Renato Bontempo – Bicho de Goiaba
• Thássia Naves – By Thássia Naves
• Vitor Freitas – Scriptease.tv

Resiliência baby, resiliência!

Por: Henrique Costa PereiraMonday 19 October 2009 às 11:19

Caros leitores, nem sei por onde começar. Vou pela parte que fudeu com o blog os últimos dias. A Dreamhost (calma, a culpa não é deles) fez uma migração gigantesca nos últimos 10 dias, eles enviaram avisos e nos notificaram sobre uma possível instabilidade após a migração. Isso de fato ocorreu mas por apenas 1 dia e meio. Em mais de 4 anos de serviço meu site ficou fora do ar apenas 3 vezes. Para ter uma idéia se eu estou ou não satisfeito com eles, em uma experiência anterior em um gigantesco hosting brasileiro, em 3 meses eu fiquei fora do ar uma semana inteira.

Pouco antes dessa migração ocorrer o blog foi novamente invadido; ataque cracker; colocaram scrips maliciosos e arrebentaram com alguns plugins. Como eu sou multimilionário e tenho uma equipe de 600 desenvolvedores (divididos em brasileiros, japoneses e israelenses e um cara que veio do futuro) sob minha orientação (desses caras ninguém é mais foda do que eu) só para cuidar do meu blog, minha equipe internacional conseguiu reverter a situação e aos poucos estou fazendo o retorno dos plugins e de algumas coisas que não etsão funcionando ainda. Como foi uma pancada atrás da outra, quando eu percebi a invasão já tinha começado a pancadaria da migração de hosting. O suporte da DreamHost foi muito foda e atencioso. Mas parece que o pior já passou.

Tem muita coisa acontecendo e muita coisa legal pra compartilhar. Foi muita pancada, tomei muita porrada em um monte de coisas (vida dentro e fora da Matrix) e eu só vim aqui pra dizer que estou de volta! I’m back baby! Resiliência na veia e faca na caveira! Eu ainda sou mídia, eu ainda estou aqui você goste ou não. Inveja é uma merda! Ah, e foda-se todo mundo que tentar me derrubar! A porrada só me deixa mais forte.

P.S.: O cara embaixo é um dos 600 caras que trabalha pra mim. A diferença entre ele e eu, é que eu sou intelectualmente mais esperto, mas ele tem mais presença de palco. Quando não me levam a sério, costumo levar ele junto. Quando a máquina dele trava, ele costuma rastrear os problemas, erros e bugs “na mão”. Mas é um bom programador, ele tem “futuro”.

Resiliência na wikipedia:

Resiliência é um conceito oriundo da física, que se refere à propriedade de que são dotados alguns materiais, de acumular energia quando exigidos ou submetidos a estresse sem ocorrer ruptura. Após a tensão cessar poderá ou não haver uma deformação residual causada pela histerese do material – como um elástico ou uma vara de salto em altura, que verga-se até um certo limite sem se quebrar e depois retorna à forma original dissipando a energia acumulada e lançando o atleta para o alto.