AULA 7 - DESIGN E USABILIDADE

O design de uma loja virtual influencia diretamente em seu

desempenho. Neste módulo discutiremos algumas diretrizes sobre o design de
um e-commerce e como aperfeiçoa-lo para proporcionar uma boa experiência
de compra e aumentar a taxa de conversão.

1. DESIGN, USABILIDADE E ARQUITETURA DA INFORMAÇÃO.

Tratando-se de design é seguro afirmar que seu objetivo em uma loja

virtual vai muito além de uma visão agradável aos olhos do consumidor digital.
Para empreendedores no comércio digital o design é uma poderosa ferramenta
no processo de atrair, converter em resultados (venda) e fidelizar os
consumidores, atrelado ao conteúdo o design é determinante sob vários
aspectos, por exemplo: De que vale um design arrojado se a navegação é lenta
e desgastante para o consumidor. Vale aqui a premissa de que menos é mais,
uma página com muitos elementos gráficos além de carregar a página visitada
carrega também a percepção do consumidor, ou seja, o que eu quero que este
consumidor veja exatamente nesta página. Vamos fazer uma analogia com
uma loja tradicional. Você compra um produto em um supermercado de forma
rápida, porém ao chegar ao pagamento existe uma fila enorme, se não for um
produto de extrema necessidade o consumidor é capaz de deixar o produto no
carrinho e buscar outra loja para comprar o mesmo produto onde ele consiga
pagar de forma rápida. No e-commerce isso não é diferente, de pouco adianta
um design elaborado se no momento do pagamento sua infraestrutura é
demorada e complexa aos olhos do consumidor. E outro aspecto fundamental
que é de conhecimento de poucos, os motores de busca (Google) avaliam o
tempo de abertura das páginas e utiliza esta informação em seu ranking
quando o produto ou serviço é pesquisado, ou seja, quanto mais rápido melhor
para o empreendimento.
Outro ponto tratando-se de design é a própria experiência do
consumidor durante a compra, é vital tomar cuidado com informações
desencontradas ou o excesso delas, dê preferência por um design limpo e
simples, sem cores gritantes ou letras muito pequenas, evitar ao máximo
informações desconexas como, por exemplo, em uma mesma página,
relacionar produtos, links promocionais, contato, etc., Deixe estas informações
em locais adequados. Cuidado com os textos, ninguém vai parar para ler,
utilize textos rápidos para serem lidos, entretanto eficientes o suficiente para
transmitir a informação necessária. Utilize palavras chaves do produto, a
descrição completa pode ser disponibilizada quando o produto for selecionado
o que indica claramente que o consumidor esta interessado nele e quer receber
maiores informações.
Não menos importante é fundamental que o design comtemple os
mecanismos de segurança que estão envolvidos na operação, invista nos
elementos de confiabilidade, selos digitais, depoimentos de consumidores de
sua loja, e claro, não se esqueça de detalhar quem é a empresa e suas
principais informações, como endereço por exemplo. Vale destacar a presença
da loja nas redes sociais, utilize seus logos, pois estes são identificados
rapidamente. Certamente seus consumidores digitais vão consultar as redes
sociais antes de fazer uma compra em sua loja, buscando maiores
informações, críticas, reclamações ou elogios. E claro, estenda o design de sua
loja à suas páginas nas redes sociais criando uma homogeneidade de
informações e existência de padrões.
Todos estes aspectos de design têm como principal objetivo oferecer a
melhor experiência para o consumidor digital. Mas o que tange uma loja virtual
além de seu design, vejamos:
Vamos imaginar que você entre em uma loja tradicional qualquer, com
o intuito de comprar um produto específico, porém o layout físico da loja não é
adequado, os produtos estão misturados, não existem categorias específicas
de produtos, a loja está totalmente desorganizada e você não encontra o
produto, logo sai da loja para buscar o mesmo produto em uma loja melhor
organizada. Ou ainda mesmo que você encontre o produto as informações
prestadas a respeito dele são poucas e você fica na dúvida se deve comprar
este produto ou não. Pois bem, isso ocorre também no comércio eletrônico de
forma análoga.
Podemos perceber então que não se trata apenas de um layout e um
design adequado, também é preciso entender que a experiência de compra do
consumidor digital deve ser simples, com facilidade de uso da plataforma da
loja virtual, isso é o que podemos chamar de usabilidade, um termo cada vez
mais presente no e-commerce como um todo.
É inegável que o layout e o design da loja virtual exercem grande
influência na hora da compra do ponto de vista do consumidor digital, a
estrutura, o design e a facilidade no momento da compra remetem ao
consumidor digital credibilidade e confiabilidade, além de serem um dos fatores
decisórios no processo de venda.
A usabilidade proporciona uma melhor experiência aos consumidores o
que neste aspecto a torna essencial na promoção de uma experiência de
compra agradável, simples, o máximo intuitiva possível assim buscando a
satisfação do cliente online.
Em uma visão mais global de todos os processos que fazem parte de
uma experiência de compra online, desde o momento da pesquisa do produto
até a aquisição efetiva deste a usabilidade busca sempre favorecer a
experiência de compra do usuário com facilidade no uso da plataforma,
eficiência de seu funcionamento e qualidade das informações prestadas.
Esta mesma usabilidade deve envolver outras ferramentas como de
SEO, por exemplo, neste sentido é necessário atentar-se à construção de toda
a arquitetura da loja virtual, visando sempre atingir o sucesso esperado pelo
empreendimento no comércio digital. Destacam-se como pontos chave na
estruturação da usabilidade da loja o design voltado ao consumidor, correta
compreensão das informações prestadas, facilidade na busca pelos produtos,
organização em sua definição mais ampla entre outros aspectos.

2. ADMINISTRAÇÃO DE CONTEÚDO
No mercado e-commerce onde seu concorrente está a um clique de
distância devemos pensar que o consumidor virtual não irá dispor seu tempo
em ficar procurando o produto que está querendo em sua loja, na era da
globalização onde ninguém perde tempo não podemos nos dar a este luxo. Por
este motivo devemos dar muita atenção à administração do conteúdo de nossa
loja virtual.
Não muito diferente do que narramos até agora a administração
adequada do conteúdo da loja virtual é vital para o crescimento e manutenção
do negócio. A criação e administração de conteúdo de qualidade em sua loja
virtual auxiliam no processo de SEO, assim como o uso de palavras chaves
isso ajuda a alavancar o posicionamento da loja nos motores de busca, no
caso o mais usado atualmente o Google.
Em um primeiro momento parece simples gerenciar o conteúdo de uma
loja virtual de forma eficiente, todavia todo cuidado é pouco, é necessário
conhecer bem o seguimento, os produtos ou serviços prestados, o público alvo
para ajustar a linguagem, além é claro conhecer o funcionamento da
plataforma onde a loja virtual foi estruturada para saber os recursos de gestão
de conteúdo disponíveis, como por exemplo, avaliação do uso de palavras
chave, quantidade de palavras, se o texto está muito longo etc.
A produção de conteúdo tem como principal objetivo impactar de forma
quase que imediata o interesse do consumidor digital pelo produto, também
pode atuar na fidelização dos consumidores provendo informações relevantes.
Um conteúdo adequado deve agregar valor e fazer com que o consumidor
sinta-se confiante a ponto de adquirir o produto ou serviço de seu
empreendimento digital.
Um dos principais pontos a serem tratados é sem dúvida a descrição
do produto para correto convencimento do cliente durante a experiência de
compra, porém não são somente os clientes que precisam sentir-se
“confiantes”, para os motores de busca a descrição é utilizada para melhor
posicionamento durante a pesquisa.
Obviamente que a gestão do conteúdo não está relacionada somente
com os textos produzidos para um produto, já vimos que o visual também é
importante, uma loja desorganizada, com imagens de má qualidade e a falta de
cuidado com as informações prestadas para o consumidor são determinantes
para o sucesso da loja virtual.

3. FOTOS NO E-COMMERCE
Quem nunca ouviu que “uma imagem vale mais que mil palavras” ou
ainda que quando vamos comer “comemos antes pelos olhos”. O que isso nos
mostra é que uma imagem tem o poder de transmissão enorme. Podemos ter
certeza que antes de ler qualquer texto a respeito de um produto ou serviço o
consumidor irá primeiro avaliar o que vê, ou seja, a apresentação do produto, e
isso é indispensável para o sucesso do negócio como um todo. Precisamos
lembrar que em vários aspectos experiência de compra em uma loja virtual é
análoga à de uma loja física, porém dependendo do seguimento ou tipo de
produto esta mesma experiência é totalmente diferente, exemplo: em uma loja
física em caso de objeções o consumidor tem à sua disposição atendentes ou
vendedores para auxiliar, sem contar que ele está em contato direto com o
produto, já em uma loja virtual isso não é possível, embora o atendimento
online seja uma tendência cada vez mais crescente nas lojas virtuais através
de chats, o conteúdo que trata do produto ainda é o principal ponderador
durante a decisão de compra, antes mesmo do preço.
A correta aquisição e utilização de imagens no comércio digital como um
todo precisa ser feita de forma correta, não podemos cometer erros
corriqueiros utilizando imagens com baixa resolução, com distorções,
iluminação inadequada, aparência de fundo, entre outros erros que com
frequência observamos em diversas lojas virtuais. Vamos então destacar
alguns pontos vitais no momento da aquisição de fotos e imagens para sua loja
virtual.
O primeiro passo é pensar no uso de imagens produzidas por
profissionais, embora para muitos o custo para tal pareça alto tenha certeza
que uma foto de qualidade irá reforçar também a qualidade de seu produto logo
irá vender muito mais. Entretanto se num primeiro momento a utilização de um
profissional não for possível vale ressaltar que existem grandes bancos de
imagem disponíveis, alguns já na plataforma onde a loja virtual foi
desenvolvida, ou bancos de imagens gratuitos ou pagos.
Outro ponto é utilizar fotos amplas que comtemplem todo o produto,
mas também fotos destacando detalhes, para uma loja virtual é necessário
mesclar entre estes dois estilos de fotos no momento em que se pensa vender
um produto, pois o cliente não está em contato físico direto com o produto, não
consegue tocar o produto e muitos têm dificuldades para perceber seus
detalhes. Logo devemos pensar que quando o consumidor escolhe um produto,
ao clicar deverão aparecer fotos amplas e detalhadas, cuidado com a
quantidade, utilize somente as fotos que são realmente importantes do ponto
de vista do consumidor. A melhor forma de escolher as imagens para mesclar é
imaginar como se você mesmo estivesse comprando, verifique se consegue
tomar a decisão pela compra única e exclusivamente através das fotos.
 É interessante como essa dica é simples, mas visualmente faz a
diferença. Procure ter um estilo na hora de fazer suas fotos e mantenha esse
estilo ao longo do trabalho, atrelado ao visual da loja virtual. Isso passará um
senso de coerência ao seu cliente e de continuidade, com uma apresentação
mais harmônica. Como exemplo, diferente da imagem que ilustra esse post, é
interessante que se mantenha uma cor de fundo em harmonia, entre as fotos e
com o visual da loja virtual. O mesmo vale para a posição dos produtos: se
possível, mantenha os produtos sempre na mesma posição e orientação, ao
menos dentro de um mesmo tipo de produto ou categoria específica.
Também devemos pensar na padronização do enquadramento das
fotos em sua loja virtual, em muitas plataformas já existe um enquadramento
padrão para as fotos, entretanto se o enquadramento é em paisagem logo
seguir este padrão para todos os produtos é o ideal, da mesma forma se forem
enquadradas num quadrado perfeito ou na posição de retrato.
Outra boa estratégia é uma técnica muito usada em comerciais e
anúncios em revistas e folders, esta técnica é chamada de humanização do
produto, que nada mais é que mostrar pessoas utilizando um produto, quem
nunca viu uma propaganda de sapatos e bolsas com modelos utilizando o
produto, o consumidor vai querer ser esta pessoa pode ter certeza. Somente o
produto é uma opção que não podemos descartar em alguns seguimentos,
todavia se o produto oportunizar a criação de imagens dele em uso tenha
certeza que esta é a melhor opção, isso cria uma conexão com o consumidor.
Por exemplo, você está preparando imagens e fotos para a venda de calça por
exemplo, utilize fotos com modelos já com combinações de outros produtos,
cintos, camisetas, sapatos, acessórios, isso é uma boa estratégia, lembrando
de destacar o produto principal, a calça neste caso.
Vamos lembrar-nos do início de nossa aula, quando tratamos de
velocidade de carregamento, é fundamental que as fotos sejam de qualidade e
boa resolução, mas que não carreguem a página, não exagere na quantidade
sem necessidade e utilize arquivos com no máximo 200KB. Utilize os padrões
existentes 1024x768 pixels é uma boa pedida.
Agora vamos tratar de tendências, e uma delas é sem dúvida a
utilização de fotos 360°, desta forma o consumidor digital pode virar o produto
como se estivesse em sua mão, Existem aplicativos para realizar a edição
destas fotos, mas a captura requer profissionalismo e equipamentos
adequados, vale buscar maiores informações a respeito deste formato de
imagens para seus produtos, com certeza o retorno será maior considerando o
aumento de vendas.
Outra tendência é a utilização de vídeos, e vídeos vendem muito,
quantas imagens um vídeo pode retratar. Várias imagens do produto em um
pequeno vídeo valem a pena, porém tome cuidado para que o vídeo retrate a
realidade do produto, qualidade e cause impacto positivo no consumidor.
O mais importante é ter empatia pelo consumidor e analisar como o
produto será avaliado por ele, se a imagem, foto ou vídeo retrata o produto e é
capaz de captar sua essência visando aumentar o poder de convencimento
sobre os consumidores digitais.

4. TRATAMENTO E APERFEIÇOAMENTO DE IMAGENS

Em uma loja física os produtos dever ser a atração principal, em sua
loja virtual isso não deve ser diferente, entretanto isso é feito através das
imagens dos produtos, são estas imagens que durante a experiência de
compra despertam o interesse do consumidor digital e levam à conversão
(compra), além de ser um dos fatores que geram credibilidade à sua loja, tenha
em mente que a qualidade da loja como um todo reflete a qualidade dos
produtos que ela vende, seja detalhista, o cuidado com detalhes é
determinante. Depois de escolhido o nome do produto adequadamente,
escrever a descrição inicial e a descrição detalhada deste produto é hora de
voltar os olhos para a informação visual que o produto deve transmitir. Em
nosso tópico anterior aprendemos como estas fotos dever ser capturadas e
quais suas principais características, agora devemos entender como elas
devem ser tratadas.
A ferramenta de edição mais popular entre os profissionais de
fotografia é mesmo o Photoshop. Pense em investir em um treinamento
relacionado a este aplicativo, o domínio desta ferramenta é muito importante ou
irá depender de profissionais que sabem utilizar esta ferramenta.
A ideia central é estar familiarizado com os recursos mais comuns
desta ferramenta e com o tempo vá melhorando e explorando outros recursos,
porém devemos lembrar o básico, durante o tratamento da imagem é
fundamental que a foto tenha fundo branco ou neutro, destaque para o produto,
padrão de tamanho e esteja em conformidade com o layout da loja virtual.

O QUE APRENDEMOS HOJE

Hoje aprendemos como é importante ter um design de loja limpo, visando uma
experiência de compra agradável, proporcionar ao consumidor um ambiente
com alta usabilidade, gerenciar o conteúdo da loja virtual, textos e imagens.

5. EXERCÍCIOS
1. Qual a importância de um bom design da loja?
2. Sabemos que design e usabilidade são característica diferentes de
uma loja virtual, no que se refere à usabilidade, como podemos
definir esta característica?
3. Arquitetura da informação é vital para o bom andamento dos
negócios, assim cite algumas ferramentas importantes sobre a
arquitetura de informação de uma loja virtual
4. Como podemos definir a importância da administração de conteúdo
de maneira eficiente em uma loja virtual
5. Porque as fotos no e-commerce são tão importantes na definição de
compra
6. Quais são as formas de adequadas de se capturar fotos para o e-
commerce?
7. A contratação de um profissional é importante para realização da
captura das fotos para sua loja virtual?
8. Tratamento e aperfeiçoamento de imagens fazem diferença na hora
da tomada de decisão pela compra?
9. Cite algumas ferramentas de tratamento de imagem disponíveis para
os profissionais do e-commerce:
10. Relacionado à quantidade de imagens, o que seria o sugerido para
cada produto?

1. ATIVIDADES
Seguindo as orientações de seu educador, pesquise as ferramentas de
tratamento de imagem mais usadas nos dias de hoje.
 2. TDP – ETAPA 07
Precisamos capturar imagens dos produtos de nossa loja virtual, para isso
realize uma pesquisa de fotos de produtos do segmento que deseja criar uma
loja virtual e salve cinco imagens de pelo menos 10 produtos. Estas imagens
serão utilizadas em sua plataforma de e-commerce.