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.