Tag Arquivo > Design

Grande Botão de Chamada a ação

Autor: Luanildo Silva
Data: 27 junho 2010
Em: Design, Links, Usabilidade

View Comments

Ultimamente tenho pesquisado, lido e estudado bastante sobre usabilidade, uma área abrangente que têm me fascinado todos os dias.

Dentre vários artigos relacionados a usabilidade também conhecida como UX (User Experience), os que falam dos chamados Call to Action Buttons (Botões de chama a ação) têm uma atenção especial.

Minha intenção neste texto não é falar especificamente sobre os Botões, quem tiver curiosidade ou interesse sobre o assunto segue os links de meia dúzia de artigos bem interessantes.

Call to Action Buttons: Examples and Best Practices
Good Call-To-Action Buttons
25 Examples of Convincing Call-to-Action Buttons
Web Design Trends: Call To Action Buttons
35 Creative call to action buttons for inspiration
“Call To Action” Buttons: Guidelines, Best Practices And Examples

Como disse e sugere o titulo, minha intenção não é falar sobre os Botões, mas sim falar sobre o botão. Estava a visitar os links que meus seletivos followings twittam, quando deparei com este, que apelidei de (Call to Action Button Big) Grande botão de chamada a ação, não resisti e resolvi escrever este rápido post.

Já tinha visto vários botões grandes, mas este superou todos eles. Tive que reduzir bastante a imagem para caber no post.

Para visualizar no tamanho original basta clicar na imagem ou ir até o site http://www.logolicia.com.br/

Uma coisa curiosa é que o Botão é tão grande que acaba tirando a atenção do usuário que está a utilizar o formulário, que deve ser preenchido antes de clicar no Big Button.

Faça sua analise sobre o Grande botão e deixe seu comentário.

Continue lendo...

Tags: ,

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

Autor: Luanildo Silva
Data: 24 março 2010
Em: DICA1, Design

View Comments

O Web Designer é o Gênio da Lâmpada!
Você pode tá 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?

Continue lendo...

Tags: , , , ,

Personalizando a Paginação no Rails

Autor: Luanildo Silva
Data: 07 agosto 2009
Em: CSS, DICA1, Design, Links, Ruby on rails

View Comments

O jeito mais simples que encontrei para fazer paginação no Ruby on Rails, foi utilizando a gem Mislav-will_paginate.


por Rafael Lopes

No post Trabalhando com paginação – Mislav-will_paginate noruby on rails do blog de Diego Alvarez Nogueira ensina como instalar e utilizar a gem.

O problema é que o resultado, em relação ao aspecto visual não é agradável. Melhor, é bem simples. Paginação simples

Então lembrei de algo que tinha utilizado quando coloquei a paginação aqui no Dica1.

No Blog Mis Algoritmos têm um post Some styles for your pagination com vários Estilos CSS para paginação. Só precisei adicionar o arquivo CSS do Estilo escolhido ao projeto. Agora o aspecto ficou bem mais amigavél.

Paginação com Estilo

Caso queira modificar alguma coisa é só modificar o CSS.

Continue lendo...

Tags: , , , , , ,

Você sabe o que é CSS?

Autor: Luanildo Silva
Data: 04 janeiro 2009
Em: CSS, DICA1, Links

View Comments


Você sabe o que é CSS?
Ainda existem internautas que não sabem. CSS (Cascading Style Sheets) ou Folha de Estilo em Cascata.

Css

O CSS basicamente define as cores, estilo e posicionamento de imagens e diversos outros elementos que compõem um site ou blog. O CSS influi directamente no design das paginas modificando de maneira prática o seu visual.

Meu interesse aqui não é ensinar CSS, pois já existem muitos sites e blogs que dispõem de conteúdos de qualidade sobre o assunto. Vou listar dois sites que merecem uma atenção especial não só por seu conteúdo, mas também pela forma como ele está bem estruturado e organizado.

Maujor – Tutoriais CSS
HTML.net – Aprenda CSS

Para que vocês tenham uma ideia do poder do CSS recomendo que visitem o site Zen-Garden. É surpreendente como o CSS transforma a aparência de um site.


Continue lendo...

Tags: , , , ,