Desde 2011, muitos na comunidade de design têm impulsionado o design responsivo aos nossos clientes como um recurso “agradável de se ter”. Mas, em 2014, a realidade se instalou: um site responsivo se tornou uma parte essencial da presença on-line de qualquer empresa.
Uma área da Web que está muito atrasada em termos de fornecer uma interface moderna e fácil de usar para os clientes é o varejo on-line. Muitos varejistas, mesmo os grandes, não investiram os recursos para criar um estore responsivo que funcionasse em todos os tamanhos e formulários de dispositivos.
Mas é realmente necessário um estore responsivo completo? Quero dizer, quem realmente compra alguma coisa no telefone deles hoje em dia? Todo mundo sabe que as pessoas só usam telefones para música, fotos e mídias sociais - certo?
Bem, continue lendo para ver o que a Amazon tem a dizer sobre isso…
Todos nós sabemos que as vendas de celulares estão crescendo, mas não faz mal lembrarmos o tamanho real de uma seção do mercado móvel.
Em 2009, a Amazon vendeu mais de US $ 1.000.000.000 em mercadorias para compradores de dispositivos móveis. Em 2012, eles venderam entre US $ 3 a US $ 5 bilhões em vendas anuais de dispositivos móveis. Sim, isso é um aumento de 5x para US $ 5 bilhões em apenas 3 anos!
Na Black Friday em 2013, as vendas de celulares representaram 21,8% de todas as vendas on-line. Isso representa um aumento de quase 43% em relação a 2012, de acordo com o relatório Benchmark da Digital Analytics da IBM.
Pense nisso por um minuto… que é uma grande quantidade de receita potencial perdida se o site não estiver otimizado para funcionar bem em tamanhos de tela menores.
Uma coisa interessante a notar, é que na Black Friday, enquanto o tráfego móvel representou 37% de todo o tráfego online, apenas representou 21,8% das vendas online. Isso significa que alguns clientes estão usando seus dispositivos menores para procurar e precificar seus itens, mas irão para o tablet ou desktop mais tarde para comprar os itens.
Essa discrepância de 15% entre tráfego e vendas provavelmente significa que nós, designers e varejistas, temos mais trabalho a fazer para otimizar nossas experiências de compras em dispositivos móveis.
Uma razão para isso pode ser porque o processo de check-out geralmente exige que um cliente preencha muitos campos com todas as suas informações de compra. O preenchimento de formulários pode ser difícil em tamanhos de tela menores, para que os clientes optem por colocar as coisas no carrinho e mudar para um tablet ou desktop para comprar.
Mas por que um processo de checkout móvel deve ser mais difícil do que um desktop? Não podemos remover parte desse processo de preenchimento manual usando as contas do Paypal, Google Wallet, Amazon ou iTunes?
Ou que tal digitalizar o cartão de crédito de um cliente com a câmera para facilitar o checkout? O mais recente iOS 8 da Apple, estreando no outono de 2014, terá essa capacidade construído no Safari .
De acordo com um estudo recente pela Mobify, se o seu estore não for responsivo, 30% dos clientes abandonarão o site antes de comprar.
Pense em quanto dinheiro um varejista tradicional perderia no próximo ano se toda segunda-feira eles colocassem uma placa em suas vitrines que dizia: "Sim, estamos fechados hoje!" Eles não apenas perderiam uma enorme receita, mas também frustrariam os clientes. vá para os seus concorrentes.
Para os projetistas, isso significa que realmente precisamos trabalhar em nossas habilidades de design responsivo para que possamos construir estúdios melhores e ajudar os clientes a oferecer uma experiência melhor aos clientes. Isso significa que precisamos aprender estruturas eccomerce como Shopify , Magento , LemonStand e Bigcommerce que lhe dão o poder de criar temas estore personalizados e responsivos.
Para os varejistas on-line, isso significa que realmente precisamos fazer um balanço de nossas estores e ver como elas são otimizadas para funcionar em todos os tamanhos e formatos de dispositivos. Também devemos dar uma boa olhada em como é simples e fácil para os clientes comprarem coisas de nós. Muitas lojas perdem incontáveis clientes todos os anos porque o processo de checkout não é simples e fácil, e isso leva muito tempo.
Um motivo muitas vezes esquecido para construir uma experiência de comércio eletrônico responsivo é o que ele comunica sobre sua marca para seus clientes. Um site responsivo, de formato pequeno, informa seus clientes que você se preocupa com suas necessidades e hábitos. Mais e mais pessoas nos dias de hoje estão usando seus telefones para realizar a maioria de suas tarefas na Internet. Ao não satisfazer as necessidades das pessoas, você está dizendo que não se preocupa com os negócios delas e prefere que elas comprem em outro lugar.
Não construir um estore responsivo é como começar uma sociedade para promover um estilo de vida saudável e, a cada semana, todo mundo dirige seu carro para a reunião da sociedade! Dizer que você se importa com os clientes e deseja expandir seus negócios é uma coisa, mas o seu website realmente prova isso?
Um estore responsivo que é lindamente projetado, fala muito sobre sua empresa. Ele diz que você está pensando no futuro e está ativamente procurando maneiras de melhorar seus produtos e a vida de seus clientes. Diz aos potenciais investidores que você se preocupa com o crescimento do seu negócio. Ele também permite que os clientes saibam que você é um negócio de sucesso.
Pense na última afirmação. Imagine se você ouviu falar sobre este grande novo café que alguém recomendou, no entanto, quando você foi lá para comprar algum café, a calçada estava cheia de lixo, todas as mesas dentro estavam caindo aos pedaços, e eles não têm qualquer wi-fi! Eu acho que é seguro dizer que a maioria de nós iria embora e nunca mais voltaria.
Um dos grandes impulsos da comunidade de design agora é projetar sites de uma perspectiva de pequena forma móvel. Começar com um tamanho tão restrito obriga você a pensar sobre o que realmente importa para seus usuários. Ele ajuda você a criar uma experiência geral melhor para eles, começando pequeno e trabalhando, em vez de construir um site grande e, em seguida, espremer as coisas para dispositivos pequenos.
Um dos grandes benefícios dessa maneira de abordar websites é que ela obriga a pensar em soluções simples para usuários móveis e de toque que, em última análise, melhoram a experiência de todos os seus clientes.
Se você começar a projetar a partir de um tamanho grande de área de trabalho, você pode criar um cabeçalho bonito com links, seu logotipo, informações de contato, informações sobre carrinhos etc. Mas quando você tenta diminuir isso para tamanhos menores, descobre que ocupa metade do tamanho. espaço vertical da sua viewport - ai, isso não é muito fácil de usar!
Se, em vez disso, você começar de uma forma pequena e pensar em uma propriedade de tela visível, você criaria algo simples e curto para mostrar apenas as informações mais importantes.
Este processo obriga você a pensar sobre o que é mais importante para seus usuários / clientes. O processo simples de organizar as coisas com base na importância ajuda muito a projetar uma interface melhor e mais utilizável em todos os formatos e tamanhos.
Então você pode estar pensando grande, este artigo é realmente necessário para empresas como a Apple, Walgreens e minha loja de bagel local, mas o que significa para mim como um web designer?
Essa falta de estore bem projetado, super fácil de usar, de carregamento rápido e responsivo significa que há uma grande oportunidade para você como designer aproveitar. Muitas, muitas empresas não construíram um estore responsivo, nem sequer sabem por que deveriam. Você, como designer, pode vir junto como um consultor de negócios valioso e ajudar a educá-los e mostrá-los para onde o mercado está se dirigindo.
Isso também significa que você poderia concentrar todas as suas energias no redesenho de antigas estantes de largura fixa e ter trabalho suficiente para mantê-lo ocupado pelos próximos dois anos. Agora, o que você estava dizendo no outro dia sobre precisar de mais clientes?