O documento fornece 15 dicas para melhorar a experiência do usuário em sites, focando em torná-los atraentes, fáceis de usar e direcionados à ação. As dicas incluem mostrar informações sobre a empresa, permitir interações como solicitar orçamentos, preparar conteúdo para dispositivos móveis, usar animações e imagens grandes, entre outras. O objetivo é que o usuário entenda rápido o que a empresa faz e tome uma ação em menos de 3 minutos.

1. 15 dicasarrasadoras para ousar
e abusar na experiência
das pessoas em seu site
DHIEGO BICUDO
Agência ICOMP
6º SEMINÁRIO LOCAWEB • GOIÂNIA

2. NADA VAI
SUBSTITUR
UM SITE
PRÓPRIO.
NEM O FACE.

4. APLICATIVO DEVE SER DIFERENTE DE SITE.

5. VAMOS
PARAR DE
TRATAR
APENAS
COMO SITES.

6. Webmaster
Cara que fazia
o site com
fundo preto.

8. Webdesigner
Cara que fazia
o site com
fundo branco.

10. FLASHeiro
Cara que hoje
participa das
corridas de
São Silvestre.

12. USUÁRIOS
CADA VEZ
MAIS RÁPIDOS.
SITES CADA VEZ
MAIS SIMPLES.

14. SEMPRE
VAI
EXISTIR O
MAIS
BARATO.
E O WIX.

15. POR FAVOR,
NÃO USE
TEMPLATES

16. + de 8mil
sites estão
usando este
template
custo do template
+ 8 mil downloads

20. QUE VOCÊ
VAI COMER
ALGO,NÉ?
DIGA NÃO AOS TEMPLATES.

22. HOJE TENHO DICAS15

24. 1MOSTRARDEFINIR O QUE AS PESSOAS VÃO PODER VER
INFORMAÇÕES SOBRE A EMPRESA • OS SERVIÇOS QUE OFERECE •
OS PRODUTOS QUE VENDEM • FOTOS DE EQUIPAMENTOS • SEDE E EQUIPE •
OS DIFERENCIAIS • COMPARATIVOS • LISTA DE CLIENTES

25. 2 FAZERDEFINIR O QUE AS PESSOAS PODEM FAZER
SOLICITAR ORÇAMENTO• CADASTRAR E-MAIL •
COMPARTILHAR • CURTIR • COMENTAR • COMPRAR
COMPARAR • PERSONALIZAR • ENTRAR EM CONTATO

26. “Recomendo o uso da
metodologia de Jesse
James Garrett baseada
nos Elementos da
Experiência do
Usuário. Dhiego Bicudo
Agência ICOMP
http://www.jjg.net/elements/translations/elements_pt.pdf

27. 3RESPONSIVOPREPARAR OS CONTEÚDOS PARA CADA DISPOSITIVO

29. http://mediaqueri.es

30. PRECISO
AINDA
FALAR
DO
MOBILE?

31. “Recomendo a leitura e
estudo sobre o método
de Mobile First.
Dhiego Bicudo
Agência ICOMP

33. 4 FLATDEIXE INFLUENCIAR SUAS IDEIAS
CORES • ÍCONES • ELEMENTOS • TIPOGRAFIAS • CONCEITO • BOTÕES

34. http://www.flatvsrealism.com/

35. 5ONE PAGEOS CONTEÚDOS E EXPERIÊNCIAS EM UMA PÁGINA
FAÇA UM ROTEIRO SOBRE OS CONTEÚDOS E EXPERIÊNCIAS
QUE DESEJA MOSTRAR DE SUA MARCA EM UMA ÚNICA PÁGINA

43. 6ANIMAÇÕESEXPERIÊNCIA AO NAVEGAR NA PÁGINA
SCROLLING • PARALLAX • TRANSIÇÕES • MOVIMENTOS • GIFS ANIMADOS

44. http://le-mugs.com/

45. 7BIG IMAGESUTILIZE IMAGENS E VÍDEOS GRANDES PARA ILUSTRAR

46. http://www.fernandoesorocaba.com.br/

47. http://www.manuegabriel.com.br

48. http://www.clustersisters.com/

49. http://www.paulafernandes.com.br

51. 8 DIVIDIRCONDUZIR O USUÁRIO A FAZER ESCOLHAS

54. 9ESCONDERREDUZIR OS ESPAÇOS COM MENUS E INFORMAÇÕES

57. 10DIAGONAISUSE FORMAS DIAGONAIS NA COMPOSIÇÃO

59. 11FORMASUSE E ABUSE DAS FORMAS GEOMÉTRICAS

61. 12ILUSTRAÇÕESNO LUGAR DE TEXTOS E LEGENDAS, USE
ÍCONES, INFOGRÁFICOS E MUITOS VETORES

63. 13FIXOSUSE ELEMENTOS FIXOS NAS BORDAS DO NAVEGADOR

66. 14MICROINTERAÇÕESUSE PEQUENAS ETAPAS PARA AS PESSOAS
CADASTRAR E-MAIL • PEDIR O NOME, E-MAIL E WHATSAPP • SEGUIR • FECHAR

68. 15GRAND3
S3GR3DO3 minutos para o sucesso de seu site

69. SEU SITE
PRECISA SER
ATRAENTE E
FÁCIL DE
USAR.

70. A PESSOA
PRECISA
ENTENDER O QUE
FAZ OU VENDE.
2'

71. POR FIM, UMA
AÇÃO PRECISA
SER FEITA:
3' Ligar, enviar um e-mail, pedir
um orçamento ou comprar.

73. www

74. </chegamoço>
@dhidhi
fb.com/dhiegobicudo
br.linkedin.com/in/dhidhi
slideshare.net/professordhiego
dhiegobicudo
Agência ICOMP
DHIEGO BICUDO
icomp.com.br
dhiego@icomp.com.br

75. Quanto
cobrar?
DHIEGO BICUDO Agência ICOMP
https://www.eventials.com/locaweb/e-hora-de-cobrar-pelos-servicos-
ideias-e-esforcos-com-dhiego-bicudo-2
É hora de cobrar pelos
serviços, ideias e esforços.
SURPRESAAA
Uma palestra
adicional que fiz
para o projeto
Apreendedorismo
pela Locaweb.
Aproveite e envie
seu feedback.