Experiência do Cliente no Varejo Online - E-commerce Brasil

110
Experiência do cliente no varejo online

Transcript of Experiência do Cliente no Varejo Online - E-commerce Brasil

Experiência do cliente no varejo online

Product Owner Mobile [email protected] (21) 9 9925-5404 - @horaciosoaresSkype: horacio.soaresslideshare.net/horacio.soares

Horácio Soares

!

UX

User eXperience

ExU

Experiências !

São uma nova oferta econômica.

Experiências que fazem esquecer o mundo a sua volta

Experiências que surpreendem

Mas afinal, o que é eXperiência do Usuário (UX) ?

eXperiência do Usuário (UX) é a qualidade da experiência que uma

pessoa tem ao interagir com algo projetado.

uxnet.org

X

Mas como são nossas experiências

no mundo digital?

Mas como os usuários são vistos?

Resumo da ópera

E o resultado não pode ser diferente:

experiência ruim

= resultado pior ainda

Mas, na busca por soluções para os problemas, o que

maioria dos sites faz?

Ctrl + C à Ctrl + V para quase tudo...

Resultado: replicamos tudo sem questionamentos...

!

Selfie

Selfie

Mas o que funciona para uma empresa, pode não funcionar

para outra.

Por exemplo:

CAPTCHA

Menu DropDown

Ou ainda as mais recentes modinhas como paralax,

http://erikrunyon.com/2013/01/carousel-stats/

Carousel Interaction Stats - ND.edu (3 meses - 2012/13)

http://www.smashingmagazine.com/2015/02/09/carousel-usage-exploration-on-mobile-e-commerce-websites/

An Exploration Of Carousel Usage On Mobile E-Commerce Websites (2014)

(several mid-sized to large e-commerce websites over a period of 11 months ) !

Hamburger or not?

Hamburger or not? @lukew https://www.youtube.com/watch?v=Nl3OYHo2_b8

22.4%

+12.9%

+5.7%

-22,7%

Affordance

http://www.peachpit.com/articles/article.aspx?p=2209309

Steve Krug on Things that Make Us Think

The dangers of FLAT design - @Lukew

https://twitter.com/lukew/status/505461084182953984/photo/1

The dangers of FLAT design - @Lukew

https://twitter.com/lukew/status/505461084182953984/photo/1

The dangers of FLAT design - @Lukew

https://twitter.com/lukew/status/505461084182953984/photo/1

http://blog.booking.com/hamburger-menu.html

Mas cuidado… O teste A/B do Booking.com Hamburger x Menu

não apresentou diferenças significativas.

made with keynote by andrew haskin

Uma BREVE ANÁLISE de SITES de E-COMMERCE

made with keynote by andrew haskin

Mobile

13 não possuemnenhuma versão mobile

made with keynote by andrew haskin

HEADER FIXO

made with keynote by andrew haskin

made with keynote by andrew haskinHEADER FIXO

made with keynote by andrew haskin

CARROSSEL

Sem CARROSSEL automático

simplicidade

Paradoxo da escolha

made with keynote by andrew haskin

PERFORMANCE

milésimo de segundo

http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812 - slide 36

dos usuários Web dizem que esperam que um site mobile carregue em três segundos ou menos.60%

made with keynote by andrew haskinPERFORMANCE

PageSpeed 35/100

made with keynote by andrew haskinPERFORMANCE

PageSpeed 36/100

made with keynote by andrew haskinPERFORMANCE

PageSpeed 43/100

made with keynote by andrew haskinPERFORMANCE

PageSpeed 85/100

made with keynote by andrew haskinPERFORMANCE

PageSpeed 81/100

made with keynote by andrew haskinPERFORMANCE

PageSpeed 74/100

Mas por quê?

Porque está na moda, todo mundo usa, porque não temos tempo e

somos reativos... !

REWORK: Business book from 37signals

Uma regra de ouro para os usuários

DESAFIO 1: Você está no meio de um site e quer ir

para a página inicial, o que você faz?

DESAFIO 2: O botão de confirmar fica na esquerda ou é o botão

de cancelar que é posicionado à esquerda?

Santander 2014

Homebanking CAIXA 2014

Pagamento pela CIELO 2014

EntrarCancelarx

Uma regra de ouro para quem cria

Usabilidade

Fred - usabilidoido.com.br

Quer uma boa interface?

Teste com pessoas…

Testes de Usabilidade

First clic test.

(testes rápidos)

ESPN Brasil– abril 2010

ESPN Brasil– abril 2010

X

Desafio: como proporcionarboas experiências em contextos como esse?

made with keynote by andrew haskin

CONTEXTO MOBILE

made with keynote by andrew haskin

CONTEXTO MOBILE

TELA PEQUENA

LUZ DIRETA

LIMITE DE BANDA

MULTITAREFASOBRE PRESSÃO

(restrição de tempo)

CONFUSO e BARULHENTO

made with keynote by andrew haskin

More Than 80% Of Facebook's Daily Users Are Mobile

http://www.businessinsider.com/facebook-daily-active-users-q4-2014-2015-1

CONTEXTO BRASIL

23,9% da população brasileira possui pelo menos uma das deficiências investigadas

ACESSIBILIDADE

Idosos: 19 milhões (10%) - IBGE 2010

Analfabeto funcional

!

Um em cada cinco

brasileiros (38 milhões -

20,4%) é analfabeto

funcional, Pnad 2009 - IBGE.

Como o Luli disse no Digitalks no Rio:

“Nesse mundo Mobile, somostodos daltónicos e sofremos do

Mal de Parkinson”

Product Owner Mobile [email protected] (21) 9 9925-5404 - @horaciosoares Skype: horacio.soares slideshare.net/horacio.soares

Horácio Soares

Obrigado!