Design responsivo para e-commerce

Embed Size (px)

Text of Design responsivo para e-commerce

  • Design responsivo para e-commerce:

    otimizao do comrcio eletrnico para compras em diferentes dispositivos

    (por FitforCommerce)

  • Dentro da loja, em casa ou no caminho, consumidores usam cada vez mais diferentes dispositivos para descobrir, pesquisar e comprar produtos. Ao acessar um site de e-commerce pelo computador, pelo smartphone ou pelo tablet, eles esperam que a experincia seja simples e conveniente. Para obter sucesso, varejistas e marcas devem priorizar a otimizao da compra em diferentes dispositivos. Atravs desse material, iremos explorar os desafios de satisfazer as expectativas dos consumidores e examinar como o design responsivo e outras estratgias podem auxiliar eficientemente na entrega de uma experincia de compra otimizada em todos os dispositivos

  • Introduo Ns j ouvimos isso antes a internet, as mdias sociais

    e as tecnologias mveis esto mudando o comportamento do consumidor e impactando significativamente na maneira como compramos. Mas, enquanto consumidores abraam essa nova realidade das compras, surpreendentemente, muitos varejistas e fabricantes ainda esto se adaptando (bem devagar)

  • De acordo com as taxas de crescimento atuais, as visitas em sites de e-commerce atravs de tablets e smartphones devero representar 50% de todas as visitas de comrcio eletrnico at o final de 2014 (Fonte: MarketLive)

  • Introduo Migrando de forma intercambivel entre canais digitais e

    fsicos, os consumidores de hoje consultam uma variedade de dispositivos em diferentes fases do caminho para a compra. Usando uma combinao de desktops, tablets e smartphones para descobrir, pesquisar e comprar produtos - tanto no interior da loja, em casa e em movimento -, os consumidores esperam que a experincia seja contnua e consistente em cada ponto de contato

    Isso significa que, em cada ponto de interao, no importa

    qual dispositivo seja utilizado, a experincia deve ser otimizada para o tamanho da tela, display, desempenho e contexto. Em um ambiente competitivo, no existem muitas chances para impressionar os consumidores e os varejistas e as marcas devem, portanto, garantir que a experincia d certo na primeira vez, em cada ponto de interao

  • Introduo Alguns varejistas optam por atender a essa nova realidade comercial

    operando vrias plataformas para entregar experincias consistentes em desktops, celulares e tablets. Esta abordagem, no entanto, intensiva em recursos e consumidora de tempo. Em vez disso, na FitforCommerce, estamos comeando a ver um nmero crescente de varejistas investir no design responsivo como uma soluo escalvel para garantir uma tima experincia de compra em todos os pontos de contato do cliente

    Design responsivo, em termos simples, significa que o site foi criado usando um layout dinmico, que automaticamente otimizado para o dispositivo que o consumidor est usando. O projeto responsivo permite que os varejistas adequem um site para o desktop e os dispositivos mveis, preparando-se para o que vem a seguir. Como resultado, em vez de operar mltiplas plataformas, os lojistas podem usar uma nica plataforma para negociar, personalizar e configurar todos os dispositivos

  • Introduo

    No entanto, as estratgias responsivas bem-sucedidas so mais do que apenas um design. Uma verdadeira estratgia de comrcio responsivo envolve um profundo entendimento de como e quando os consumidores usam diferentes dispositivos durante o processo da compra e tambm de como usar essa informao para responder s expectativas dos clientes em termos de design, desempenho e contexto

  • Introduo

    Nesse material, iremos explorar os novos comportamentos de compra dos consumidores e os desafios encontrados por varejistas e marcas para atender s novas expectativas dos consumidores. Examinaremos como remover as barreiras na compra de forma eficiente atravs de uma abordagem de design e comrcio responsivo. Fornecendo uma viso geral do conceito da abordagem responsiva, avaliaremos os prs e contras do design responsivo e as estratgias para garantir experincias otimizadas atravs do celular, desktop e das interaes no interior da loja

  • A interrupo do processo de compra

    87% dos usurios de smartphones e tablets usam seu dispositivo mvel para atividades relacionadas compra (Fonte: Nielsen)

  • 1. Mudando o comportamento dos consumidores

    No h maneira de contornar isso - a nossa forma de fazer compras hoje muito diferente da maneira pela qual comprvamos h apenas alguns anos e provavelmente vai continuar a evoluir nos prximos anos

    Os avanos tecnolgicos mudaram nossos comportamentos em quase tudo o que fazemos em nossas rotinas, incluindo compras. O que era um processo linear, hoje pode ser iniciado, pausado e reiniciado em qualquer ponto de contato, usando uma variedade de dispositivos e interaes de canal

  • Enquanto compram, os consumidores utilizam uma combinao de interaes no desktop, nos dispositivos mveis e nas relaes pessoais. Eles usam diferentes dispositivos para buscar inspiraes, procurar produtos, abrir e-mails promocionais, acessar contas sociais e muito mais. Como eles se movem entre a descoberta e a fase de pesquisa, eles geralmente viajam alternadamente entre canais, incluindo lojas fsicas e sites de comrcio eletrnico, que eles acessam tanto a partir de computadores, tablets e smarpthones

    Eles tambm esto usando, a cada vez mais, mltiplos canais simultaneamente: por exemplo, no interior da loja, acessando um site de comrcio eletrnico para procurar informaes adicionais atravs de um dispositivo mvel. Enquanto a compra em lojas fsicas aliadas a pesquisas em dispositivos mveis ainda so mais frequentes, as transaes via dispositivos mveis esto em ascenso e provavelmente se tornaro mais comuns

  • Neste mundo multicanal e de muitos dispositivos, os clientes esperam ser capazes de explorar, pesquisar e comprar produtos em qualquer lugar, usando os dispositivos que so mais convenientes para eles a qualquer momento. Mais importante, eles esperam que a experincia seja contnua e consistente em todos os pontos de interao, no importa qual dispositivo esteja sendo usado

  • Expectativas do consumidor multi-dispositivo/multicanal

    Mltiplos canais de pesquisa antes de comprar

    Opes convenientes de onde e como comprar

    Experincia consistente, independente do canal usado

    Funes especficas de cada dispositivo que realmente funcionam

  • 2. Remoo de barreiras para a compra em todos os pontos de contato do

    cliente Lderes de comrcio eletrnico tm focado h anos na

    otimizao da experincia de compra on-line atravs de tcnicas de design mais desenvolvidas, layout e contedo fluidos e a implementao de novas funcionalidades, como comentrios de clientes e diversos recursos miditicos - todos destinados remoo de barreiras para a compra, aumentando as taxas de converso e criando a fidelizao de clientes em longo prazo

    A crescente influncia de diferentes dispositivos durante o processo de compra resulta em mais oportunidades para alcanar e engajar consumidores, mas tambm adiciona novas complexidades para a otimizao geral da experincia de compra

  • No estamos sugerindo que as organizaes devam ignorar o que eles tm feito, mas isso no significa que eles precisem ampliar seu foco para entregar uma experincia de compra ideal em todos os dispositivos. Isso requer um entendimento completo de como os consumidores usam dispositivos diferentes durante o processo de compras e no contexto global. Por exemplo, que contedo e caractersticas os visitantes esto normalmente consumindo ao acessar o site a partir de um desktop? E de um smartphone?

    O que funciona em um desktop pode no ser apropriado em um

    smartphone e o que funciona em um smartphone pode no proporcionar uma experincia ideal em um tablet. Os varejistas precisam examinar suas anlises para entender de onde o trfego proveniente e como os clientes esto usando diferentes dispositivos para interagir com o site

  • A otimizao da experincia de compra em diferentes dispositivos no deveria ser encarada sem preocupao. Ela envolve o entendimento de diferenas especficas, assim como um entendimento complexo sobre como os consumidores utilizam diferentes dispositivos durante o caminho de compra (Fonte: Bernardine Wu, CEO/Founder da FitForCommerce)

  • De acordo com estudos recentes, em mdia, 23% do trfego do site originado de um dispositivo mvel. Isso significa que, potencialmente, quase um quarto do pblico do e-commerce de varejo deve est em um dispositivo mvel. Geralmente, a taxa de converso muito mais baixa no mobile: no entanto, outros estudos indicam que 19% ou mais de todas as compras contam com algum tipo de influncia dos dispositivos mveis

    Mesmo que as converses de smartphones ainda sejam mais baixas do que a de outros dispositivos, a taxa de converso aumentou 24% no 4 trimestre de 2013, quatro vezes mais do que o aumento da converso de desktops para o mesmo perodo. Esses percentuais normalmente aumentam significativamente para varejistas e marcas com um pblico mais jovem

  • A previso que esses nmeros cresam e no mais possvel ignor-los. Varejistas e marcas precisam se adaptar a essa nova realidade do varejo e considerar o impacto de todos os dispositivos durante os diferentes estgios do caminho de compra para assegurar a otimizao geral da experincia de compra

  • Respondendo ao desafio dos mltiplos dispositivos

    1. Entendendo diferentes dispositivos Antes de comear uma nova estratgia de otimizao entre os dispositivos, importante entender as caractersticas e diferenas de cada um. Hoje, os dispositivos mais comuns usados para compras so desktops, laptops, tablets e smartphones. Ns j estamos comeando a