Tag Arquivo > Web Designer

2011 promete ser um ano emocionante para o Blogger

Autor:
Data: 15 março 2011
Em: Design, DICA1, Midias Sociais, Web Designer

1 Comentário

O Blogger está entre os 10 maiores sites do mundo segundo dados do Alexa. Aparece na 6ª posição, a frente de seus maiores concorrentes WordPress.com, Tumblr e Posterous.

Os usuários do Blogger já publicaram mais de meio bilhão de posts, que foram lidos por mais de 400 milhões de leitores ativos em todo o mundo. Dados divulgados no blog por Chang Kim, Product Manager do Blogger.

Agora o Blogger está se preparando para lançar sua nova versão com um designer mais limpo e moderno, além de utilizar o Google Web Toolkit para oferecer as mais recentes tecnologias web.

Confira um aperitivo da nova interface do Blogger enquanto não chega a data do lançamento, data esta que ainda não foi definida pelo Google.

Continue lendo...

Tags: , , ,

20 layouts de sites de compras coletivas para inspiração

Autor:
Data: 08 fevereiro 2011
Em: Design, DICA1, Inspiração, Web Designer

10 Comentários

O Dica1 resolveu poupar o tempo de quem está em busca de inspiração para desenvolver um layout de site de compras coletivas. Então selecionamos 20 layouts que poderão servir  de inspiração.

Confesso que foi bem divertido fazer está lista, chorei de rir várias vezes com os nomes bem criativos dos diversos sites de compras coletivas que encontrei na minha rápida pesquisa.

1. Tatu na Boa

2. 5 Sentidos Experiência

3. Abuze

4. Big Deal

5. Start Now

6. Oferta em Cartaz

7. O Gente Fina

8. Desejo Mania

9. Barganhando

10. TipLand

11. Peixe Urbano

12. Bananarama

13. Cabeça de Pacu

14. Desconto Virtual

15. Groupon

16. Bonde Coletivo

17. Clikey

18. Clube do Desconto

19. Imperdivel

20. Oferta X

Continue lendo...

Tags: , , , , , ,

Finalmente chegamos ao HTML5

Autor:
Data: 20 janeiro 2011
Em: DICA1, HTML5, Web Designer

2 Comentários

Ultimamente, muito se fala sobre HTML5 e sua forma revolucionária de ser escrito e interpretado. Muitos sites mostram como se deve usá-lo, suas vantagens, seus truques e suas particularidades.

Após um pouco de pesquisa o que percebe-se é que estamos, finalmente, aprendendo a escrever HTML, o HTML de verdade, não esse Frankstein que nasceu nas antigas Tabelas e perdurou por muitos anos.

Toda essa agitação sobre essa nova tecnologia mostra que nós desenvolvedores estamos ficando adultos, deixando de ser os “rapazes do site” e finalmente tornando nossa área mais profissional. Podemos observar essa tendência desde o surgimento do famoso Tableless (Sem tabelas), que foi um movimento de exorcismo das tabelas, e de uma hora pra outra, todos passamos a odiar as tabelas, iniciando uma espécie de caça as bruxas.

Então descartamos a tag <table> de nosso dicionário e abraçamos as Divs. Usamos e abusamos das divs, chegando ao ponto de se criar uma tabela (com dados tabulares, óbvio) usando Divs. Com essa nova perspectiva descobrimos que o CSS era muito mais que “mudar a cor do texto” ou “deixar o link bonitinho”, o CSS era a essência de uma página.

Estávamos tentando fazer o certo, mas pelo caminho errado. Então logo fomos aprendendo que o correto não é ser Tableless, e sim Web Standarts, ou Padrões Web. Nome bonito, dava mais prestígio: “Eu desenvolvo em Web Standarts”.

Logo o terreno para o HTML5 estava sendo preparado. Passamos a prestar mais atenção nas outras tags do HTML: H1, H2, P, UL, OL, DT… vimos que se elas existem ,  têm um propósito.

Até que então surge o HTML5. Muitos de início descartaram alegando ser algo “futurista” demais, enquanto outros abraçaram de imediato.  Após a famosa briga entre a Adobe e a Apple, o HTML5 chamou a atenção do mundo. Se o mercado de mobile está crescendo tanto, porque devemos ignorar a tecnologia que nos dá um acesso privilegiado a eles? A partir daí começamos a estudar HTML5.

A mudança que de cara percebe-se é o tamanho do código, é incrível o quanto é possível economizar ao escrever semanticamente, e isso reflete claramente no carregamento da página e na indexação do Google.

De fato, é uma tecnologia inovadora que nos trouxe facilidades, que até então tínhamos que utilizar Scripts e Flash para conseguir(vide as novas firulas dos formulários), mas, acima de tudo, o HTML5 veio para nos ensinar a escrever HTML, onde cada parte da página tem sua tag específica: O logo em um <h1>, o topo no <header>, menu/navegação no <nav>, conteúdo nas <section>, rodapé no <footer> e assim por diante.

Vamos todos aprender HTML5, ele é o futuro, e cá entre nós, quem não quer fazer parte do futuro?

Continue lendo...

Tags: , , , , , , ,

O quê o Webdesigner pode aprender com o Zorro?

Autor:
Data: 02 novembro 2010
Em: Design, DICA1, Inspiração, Tutorial, Usabilidade, Web Designer

0 Comentário

Zorro, famoso herói do cinema, conhecido por suas aventuras ao defender os fracos e oprimidos utilizando sua habilidade com a espada, inspirou vários filmes e livros da literatura popular, e depois deste post vai inspirar também Webdesigners.

OffTopic: Antes de continuar você pode querer ler 85 caixas de busca para inspiração e 5 Melhores Galerias de sites para Inspiração.

O personagem adota a letra “Z” como sua assinatura (três linhas cruzadas), marcando-a com sua espada em paredes e nas roupas de seus inimigos, como sinal de sua passagem. (fonte: Wikipédia).

Apesar de possuir características bem semelhantes, nós sabemos que o Zorro na sua identidade secreta não era Webdesigner. Mas o que este herói pode nos ensinar?

Existem várias técnicas para elaborar layouts com o máximo de usabilidade e que sejam visualmente agradáveis. Uma destas técnicas tem tudo haver com o personagem em questão.

Este método é conhecido como Z-Layout e carinhosamente apelidado por mim como: a técnica de Zorro (rsrsrs).

O Z-Layout utiliza a letra “Z” como guia para a construção da página, sendo muito simples de ser aplicada, pois constituí em posicionar na parte superior do Z os itens que você deseja que o navegante visualize primeiro ao acessar a página e na parte inferior as chamadas a ação, levando em consideração que o usuário vai seguir de forma natural o caminho do Z da mesma forma que lêem livros (de cima para baixo, da esquerda para direita).

É bom deixar claro que esta não é uma solução definitiva e não é necessariamente aplicável a todos os projetos. Existem mecanismos com maior eficácia e que podem ser utilizados em conjunto com o Z-Layout.

O Z-Layout pode ser utilizado como ponto de partida para construção de um layout por abordar os requisitos fundamentais para qualquer site eficaz: hierarquia, marca, estrutura e apelo à ação.

Veja alguns exemplos de aplicações do Z-Layout:

O “Z” pode ser posicionado de diversas maneiras, buscando sempre a obtenção do melhor resultado.

Para escrever este post utilizei como base o texto em inglês Understanding the Z-Layout in Web Design.

Espero que o Zorro tenha inspirado vocês neste post.

Até a próxima aventura!

Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!

Continue lendo...

Tags: , , ,

Qual a Semelhança do Web Designer com o Gênio da Lâmpada?

Autor:
Data: 24 março 2010
Em: Design, DICA1, Web Designer

2 Comentários

O Web Designer é o Gênio da Lâmpada!
Você pode está me achando maluco, mas vou provar está afirmação para você.

Um Web Designer possui todas as características para ser o Gênio da Lâmpada.
Quando o cliente fecha o contrato com um Web Designer é como se ele encontrasse a lâmpada mágica onde o gênio é o Web Designer, que terá a função de realizar todos os seus desejos, muitas vezes em prazos mágicos.

Se você for um Web designer, facilmente vai identificar-se com essas palavras abaixo:

“Os seus desejos vou realizar é só pegar a lâmpada e esfregar
Faça seu pedido e eu anoto no caderno
Pode dizer o que vai querer
Então não fique de boque-aberto,
estou aqui só para te atender,
sou um grande gênio diplomado, o que quiser é só dizer
Estou ansioso para usar o meu poder
é para isso que aqui estou
me dê essa lista quilométrica esfregue e verá quem sou.”

Esse texto foi tirado da música que o Gênio canta para Aladim, quando ele encontra a Lâmpada Mágica.
Veja o vídeo com a cena citada:

O Gênio tem a função de Cuidar e Realizar os desejos do seu Amo.
O Web Designer tem que cuidar bem dos seus clientes e “Realizar” seus pedidos.
Como disse Ricardo Jordão Magalhães:  “Se você não cuidar dos seus clientes, alguém o fará para você”.

Sem falar que os Web Designers fazem mágica com Photoshop,  HTML e CSS.

Obvio que têm coisas que não iremos fazer em um passo de mágica, mas se você assistiu o vídeo até o final, viu que o Gênio cita algumas restrições quando Aladim pergunta se ele vai realizar os desejos.

E ai, você está convencido que o Web Designer é o Gênio da Lâmpada?

Gostou deste texto? Comente, Compartilhe com seus Amigos.

Continue lendo...

Tags: , , , ,