Ralph Almeida - Design, UX, SEO, SEM
0
home,blog,ajax_updown,page_not_loaded,,side_area_uncovered_from_content,qode-theme-ver-9.5,wpb-js-composer js-comp-ver-4.12,vc_responsive

Ralph Almeida

Desenvolver um site não é uma tarefa fácil, embora algumas pessoas achem o contrário. Óbvio que cada site tem uma complexidade e um objetivo diferente. Mas uma coisa eles tem que ter em comum: a capacidade de atrair o cliente para o objetivo principal, e isso deve ser feito observando o rastreamento padrão do olho humano nas páginas de internet. Não basta apenas ter um design legal e bonito, o site tem que criar uma excelente experiência para o usuário, baseado em como eles leem as informações da página. O padrão de visão é baseado no formato das letras E/F, onde o usuário lê horizontalmente e vai descendo e lendo horizontalmente de novo. De acordo com esse infográfico, 80% dos usuários gastam 80% do tempo vendo a informação "above the fold", ou seja, a primeira parte do site que não requer scroll, e 69% do tempo eles gastam vendo a metade esquerda de uma página.

Confiram esse ótimo infográfico criado pelo site Quicksprout, que dá diversas dicas de como aumentar o engajamento dos usuários no Instagram.

O Instagram tem hoje mais de 200 milhões de usuários, e tem 15x mais engajamento dos usuários do que o Facebook, e 40x mais que o Twitter, sendo a rede social de mais rápido crescimento.

E as empresas foram nessa onda, sendo a rede social mais investida pelas marcas.

Abaixo algumas das dicas

 

- Imagens com faces geram 32% mais comentários e 38% mais likes

- O engajamento aumenta até 30% as fotos de consumidores reais usando produtos das empresas

- Imagens mais claras geram 24% mais likes do que imagens escuras

Um problema que eu sempre encontrava ao desenhar retângulos no Photoshop era as malditas bordas embaçadas que apareciam quando os pixels não se encaixavam corretamente com a grid de pixels.

Aí eu sempre dava um mega zoom na área embaçada e ajustava a largura e altura corretamente até conseguir eliminar esse efeito. Até que encontrei hoje um post super interessante nesse site (Bjango) e descobri a salvação para esse tipo de problema.

Navegando na internet, encontrei um site de um designer, russo se eu nao me engano, onde ele mostrava as imagens de seu portfólio com um lindo efeito de transição de imagens, que eu achava ser em flash. Curioso ao ver que não era Flash, entrei no código fonte e encontrei a mágica: jQuery! jQuery é uma biblioteca feita em JavaScript que é o bambambam dos webdesigners atualmente. Possui excelentes recursos que deixam seu site super atraente e sem deixar pesado como sites em Flash. O nome do plugin é Coin Slider, e eu achei nesse site aqui, em inglês. Ótimo site por sinal, com vários post interessantes. E como esse plugin foi útil pra mim, resolvi postar aqui no blog, que aliás está precisando de atualizações! Então vamos ao que interessa.

Acabei de ver que o Google lançou um serviço de busca em tempo real. Não sei quando ele lançou, mas descobri hoje =) Nesse vídeo explicativo que eles lançaram no YouTube você vê com detalhes como funciona: Você faz a busca e o Google vai atualizando automaticamente...

O CSS vem se difundindo cada vez mais entre os desenvolvedores web. Na primeira vez que aprendi, juro que pensei: "Que coisa inútil" mas hoje não consigo fazer nada na web sem utilizar CSS. Desenvolver em CSS oferece diversas vantagens, como fazer um site completamente sem tabelas, o que já é uma boa otimização pros buscadores (SEO), e o mais importante é que separa o layout da programação e da informação do site, tornando muito mais fácil a modificação de temas e layout de uma página. Eu sempre vejo inúmeros artigos sobre CSS, e até indico um ótimo site que inclusive, é do professor da empresa onde aprendi realmente o início do CSS e a utilizar Tableless, o site Tableless. E como o CSS chegou para ajudar, mostro abaixo 53 técnicas de CSS muito boas e que facilitam bastante a vida de qualquer desenvolvedor. Achado no Smashing Magazine, um dos melhores sites de design que conheço.