Dicas para um e-commerce bem desenhado

Grandes sites de comércio eletrônico são aqueles que conseguem conectar um usuário a um produto com um sistema que seja eficiente, fácil e divertido. Pensando neste ojetivo seguem algumas dicas:

1. Facilidade de navegação
O site precisa apresentar sequência e disposição das informações de forma com que o usuário navegue de forma natural e rápida. Os caminhos devem parecer óbvios e guiar os usuários desde a entrada até o caixa (saída) da loja virtual, tirando todas as suas dúvidas.

2. A página inicial é uma vitrine
A página inicial deve ser como uma vitrine de loja de shopping, apresentando os produtos certos, da forma certa e de um modo cativante, sem exageiros. Uma vitrine poluída afasta os clientes.

3. Destacar os produtos da forma certa
Os produtos devem ser separados por segmentos, estilos e até preços, como se fosse o interior de um supermercado bem sinalizado.

4. Hierarquia das informações
Mostrar as informações principais logo no topo da tela de cada produto é fundamental, e na sequência colocar as demais informações, sempre mantendo as informações que são diferenciais do produto em destaque, já que a maioria dos usuários não rolam a tela até seu final.

5. Identidade visual
O website precisa ter uma identidade padrão e coerente com sua logo. Desde textos, destaques, marcações, imagens e detalhes, mas sempre mantendo um bom funcionamento da página.

6. Não abusar de animações e banners
O cliente quer ver e comprar o produto. Banners e animações em excesso atrapalham a usabilidade, criam desvios de atenção na cabeça do usuário e o faz sair da página.  

7. Fotos exemplares
Como o cliente não pegará os produtos em suas mãos, são necessárias diversas fotos do produto, em diversos ângulos, destacando detalhes, texturas e cores.

8. Fácil conclusão da compra
Muitas vezes o cliente quer fazer compra rápida, o website precisa apresentar a opção de finalizar a compra a qualquer momento. Pode ser feito através de um botão que leve o usuário imediatamente ao seu carrinho de compra.

9. Evidenciar o contato
Muitas pessoas sentem segurança em falar com alguém, portanto deixar os contatos bem visíveis é importante.

10 dicas para mudar do impresso para o digital

1. Não odeie a ferramenta
O CSS existe para auxiliar o design a ser repassado para códigos da forma mais fiel possível, embora para alguns detalhes ainda seja limitado. 

2. Padrão pixels
As medidas são diferentes, são mais relativas, adaptáveis e em outras unidades.

3. RGB para hex
É hora de trocar as quatro cores do CMYK. No mundo digital usa-se RGB e/ou hexadecimal.

4. Legibilidade é a prioridade
Deixe os textos fáceis para leitura. Use códigos e fontes compatíveis com monitores e tablets.

5. Comece na posição paisagem
Algumas vezes será necessário fazer o layout de uma página duas vezes: uma para vertical e outra para digital, devido resoluções e formatos de páginas. É mais fácil adaptar o formato horizontal para o vertical.

6. Imagens
Imagens sempre ilustram e dão uma pausa no conteúdo, porém exige atenção para resolução.

7. Tipografia eficiente
O ideal é utilizar fontes padrões para internet, para se adaptar melhor a redimensões de tela.

8. Grids
Pensar e criar considerando grids é fundamental, assim organize suas informações em boxes. Os grids limitam as hierarquias das informações para tablets, que apresentam os conteúdos de forma vertical.

9. Tablet foram feitos para o toque
Evite encher a tela de "clique aqui", pois os usuários tendem a clicar no que acharem que deve ser clicado, isso pode ser definido através de padrões de design e ícones autoexplicativos.

10. Não exagere
Não é só porque o digital permite ações diferentes é que você usá-los. Splashs e banners animados, áudios, filmes, tudo deve ser usado quando houver necessidade e com bom senso. Se tiver dúvida, não use.

Design de newsletter

Use texto sempre que puder
Considerar como o e-mail será visto em primeiro momento (em smartphone, tablet, laptop, etc.) e em que situação (dentro de um trem, na rua, no escritório, etc.), e assim levar em consideração a forma mais complexa e basear-se nela.

Pense na tecnologia
Algumas plataformas não reduzem a escala do tamanho automaticamente, o que significa que 50% da tela não é vista, portanto é importante manter conteúdo sempre à esquerda. 

Use fontes grandes
Os textos devem ser grandes o suficiente para serem clicados com os dedos, e ter um espaço seguro entre eles é importante.

Diferencie botões de ação
As marcas devem ter paleta de cores padrão, mas é interessante reservar uma cor diferente para os botões, tornando-se lógico.

Enfatize as mensagens
Criar uma hierarquia visual bruta através de tamanho e cores para que o olho percorra o design.

Crie um layout com fluxo
Criar divisórias entre os conteúdo, para que o usuário possa acelerar sua busca, pode ser feita por sombras, linhas, cores.

Mantenha o padrão
Faça um bom uso das cores da marca, mesmo onde não tenha a logo, é importante que o usuário saiba onde está.

Crie uma versão apenas em texto
Quanto menos imagens melhor a visualização do conteúdo, já que em muitas situações o e-mail pode ter bloqueio das imagens. Criar padrões para títulos, textos, chamadas, etc. é o ideal.

Que fonte usar no seu site?

Bloqueios criativos

Fala pessoal, passo por aqui para compartilhar um assunto que algumas vezes acontece conosco. Não importa em qual área você atua, mas quem nunca passou por um bloqueio criativo?

Muitos fatores podem influenciar nisso e são claramente agravados mediante à um prazo curto e pressão do cliente.


Motivos que podem gerar os bloqueios criativos:

• stress
• saúde
• preocupações financeiras
• ocupação com assuntos não relacionados ao trabalho
• falta de conhecimento sobre o assunto, ou receio de não saber muito sobre ele
• não saber exatamente o que você quer dizer
• não ter direção
• trabalhos com curtos e mesmos prazos
• desvio de atenção (barulhos, imagens, pessoas, telefones, etc)

Maneiras para quebrar o bloqueio criativo:

• Brainstorming: destacar um assunto e estudá-lo muito, seja em pesquisas em livros, internet e principalmente em conversas com o cliente

• Procure por inspiração: geralmente temos um profissional de referência para consultar seus trabalhos, mas você também pode fazer isso através de leituras, músicas, passeios, filmes, desenhos, cozinhando, etc.

• Leia artigos sobre tópicos específicos: procurar mais informações técnicas sobre o assunto em questão, talvez vendo dados, definições, fluxogramas e infográficos seja possível ter uma percepção  "visual" e diferente sobre o assunto

• Refaça o trabalho de outras pessoas: pegue trabalhos de outros profissionais e os refaça aplicando seu estilo de trabalho, assim talvez possa associar informações e imagens de uma forma que se adapte melhor e mantendo sua linha de design

• Escreva sobre isso: uma outra saída é, após estudar sobre o tema, redigir textos curtos sobre ele, assim você terá uma concisão das características predominantes que mais salientaram aos seus olhos, e nortear o processo criativo

São fatores que podem ajudar ao ponto de vista técnico, quando não se tem muito tempo, vale a pena recorrer à técnica em vez da criatividade pura.