DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce
-
Upload
euripedes-magalhaes -
Category
Design
-
view
180 -
download
0
Transcript of DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce
![Page 1: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/1.jpg)
DESIGN THINKING
EURIPEDES MAGALHÃES
A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce
![Page 2: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/2.jpg)
@EURIPEDESM EURIPEDES (AKA PIPO)
“AQUELE LÁ DO UXIS” Desde 1995 por aí na publicidade
![Page 3: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/3.jpg)
@EURIPEDESM
![Page 4: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/4.jpg)
@EURIPEDESM
DESIGN THINKING “Design Thinking, ou pensamento de Design, é uma abstração do modelo mental utilizado há anos pelos designers para dar vida a idéias. Esse modelo mental e seus poderosos conceitos podem
ser aprendidos e utilizados por qualquer pessoa e
aplicados em qualquer cenário de negócio ou social.” Tim Brown
![Page 5: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/5.jpg)
@EURIPEDESM
DESIGN THINKING
Porque é bom para o e-commerce?
![Page 6: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/6.jpg)
@EURIPEDESM
SÓCRATES
"Conhece-te a ti mesmo e conhecerás os deuses e o universo."
![Page 7: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/7.jpg)
@EURIPEDESM
SÓCRATES
"Conhece-te a ti mesmo e conhecerás os deuses e o universo."
![Page 8: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/8.jpg)
@EURIPEDESM
DESIGN THINKING
![Page 9: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/9.jpg)
@EURIPEDESM
DESIGN THINKING
![Page 10: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/10.jpg)
@EURIPEDESM
E-COMMERCE
E o que nós faremos e o que devemos buscar?
![Page 11: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/11.jpg)
@EURIPEDESM
PERGUNTAS
ü Qual o objetivo?
ü O que deve ser priorizado?
ü Os caminhos são claros?
![Page 12: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/12.jpg)
@EURIPEDESM
PERGUNTAS
ü Quais KPI’s serão
utilizados?
ü Alguma ferramenta de
medição disponível?
![Page 13: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/13.jpg)
@EURIPEDESM
TOOLKIT
§ Customer Journey
§ Personas
§ Matriz CSD
§ E muito mais…
![Page 14: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/14.jpg)
@EURIPEDESM
PERSONAS A definição de um “personagem” para pesquisa, na técnica de
personas, é traçado um perfil de um possível usuário, suas
características básicas, como ele se relacionaria com o sistema e
com o seu núcleo de convivência, uma síntese da personalidade.
Pode ser feito como uma descrição de um dia de atividades,
somente como uma listagem ou até mesmo criando-se um perfil
fake em uma rede social para testes.
![Page 15: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/15.jpg)
@EURIPEDESM
![Page 16: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/16.jpg)
@EURIPEDESM
![Page 17: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/17.jpg)
@EURIPEDESM
OK…
Vamos trabalhar?
![Page 18: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/18.jpg)
@EURIPEDESM
DESAFIO
Redesenhar uma página de checkout com foco no usuário.
![Page 19: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/19.jpg)
@EURIPEDESM
ECONOMIZE
Responsável pelo departamento de UX Design da Amazon, Charlie Claxton afirma que a experiência do usuário gera um retorno entre 2 e 100 dólares para cada dólar investido.
![Page 20: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/20.jpg)
@EURIPEDESM
ECONOMIZE
De acordo com a Forester Research cada dólar investido em UX traz 100 dólares em troca.
![Page 21: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/21.jpg)
@EURIPEDESM
ECONOMIZE
Cada dólar investido em facilidade de uso gera de $10 a $100. IBM
![Page 22: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/22.jpg)
@EURIPEDESM
CONSIDERAR
Quem? Quando? Como? Onde? O quê? Por porquê?
![Page 23: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/23.jpg)
@EURIPEDESM
![Page 24: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/24.jpg)
@EURIPEDESM
![Page 25: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/25.jpg)
@EURIPEDESM
PROTÓTIPO
MUITO importante, prático, simples e BARATO!
![Page 26: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/26.jpg)
@EURIPEDESM
TESTE!
“100% melhor testar com uma pessoa do que testar com ninguém” Steve Krug
![Page 27: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/27.jpg)
@EURIPEDESM
![Page 28: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/28.jpg)
@EURIPEDESM
ANOTE
§ O que funciona
§ O que pode ser melhorado
§ Questões
§ Idéias
![Page 29: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/29.jpg)
@EURIPEDESM
PARA AJUDAR
Alguns exemplos:
![Page 30: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/30.jpg)
@EURIPEDESM
![Page 31: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/31.jpg)
@EURIPEDESM
![Page 32: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/32.jpg)
@EURIPEDESM
![Page 33: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/33.jpg)
@EURIPEDESM
![Page 34: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/34.jpg)
@EURIPEDESM
MAIS UMAS DICAS
§ Não peça cadastro para compras
§ Informe para o usuário se o item está
disponível
§ Deixe os usuários modificarem a compra
facilmente
![Page 35: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/35.jpg)
@EURIPEDESM
MAIS UMAS DICAS
§ Ofereça suporte em tempo real
§ Indique o os passos da compra
§ Mantenha a interface simples
![Page 36: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/36.jpg)
@EURIPEDESM
MAIS UMAS DICAS
§ Informe seus usuários sobre o tempo de
entrega
§ Diga para os usuários o que acontecerá na
sequência
§ Envie email de confirmação
![Page 37: DESIGN THINKING - A busca pelo modelo ideal de usabilidade da página de checkout do e-commerce](https://reader031.fdocument.pub/reader031/viewer/2022030305/58730c171a28ab99088b6e0b/html5/thumbnails/37.jpg)
@EURIPEDESM
OK?
Lets work!