19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, edição marília

87
19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site DHIEGO BICUDO Agência ICOMP 6º SEMINÁRIO LOCAWEB • MARÍLIA, SP

Upload: dhiego-bicudo

Post on 28-Jan-2018

67 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site

DHIEGO BICUDOAgência ICOMP

6º SEMINÁRIO LOCAWEB • MARÍLIA, SP

Page 2: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 3: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

BIM DIIII MIRÍLII

Page 4: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

www

Page 5: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

NADA VAI SUBSTITUIR SEU PRÓPRIO SITE. NEM O FACE.

Page 6: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 7: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

FICIBIIK I DI MIRK ZICKIRBIR

Page 8: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

APLICATIVO NÃO É SITE. NUNCA SERÃO.

Page 9: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

PARE DE TRATAR APENAS COMO UM SITE.

Page 10: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

WebmasterCara que fazia

o site com fundo preto.

Page 11: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 12: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

WebdesignerCara que fazia

o site com fundo branco.

Page 13: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 14: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

FLASHeiroCara que hoje participa das

corridas de São Silvestre.

Page 15: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 16: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

USUÁRIOS CADA VEZ MAIS RÁPIDOS.

SITES CADA VEZ MAIS SIMPLES.

Page 17: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 18: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

SEMPRE VAI EXISTIR O MAIS BARATO. E O WIX.

Page 19: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

POR FAVOR, NÃO USE TEMPLATES

Page 20: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

+ de 8mil sites estão usando este template

custo do template

+ 8 mil downloads

Page 21: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 22: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 23: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 24: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

QUE VAI COMER

ALGUMA COISA, NÉ?

DIGA NÃO AOS TEMPLATES.

Page 25: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 26: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

HOJE TENHO DICAS19

Page 27: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 28: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

1 MOSTRARDEFINIR 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

Page 29: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

2 FAZERDEFINIR O QUE AS PESSOAS PODEM FAZER

SOLICITAR ORÇAMENTO• CADASTRAR E-MAIL •

COMPARTILHAR • CURTIR • COMENTAR • COMPRAR

COMPARAR • PERSONALIZAR • ENTRAR EM CONTATO

Page 30: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

“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

Page 31: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

3RESPONSIVOPREPARAR OS CONTEÚDOS PARA CADA DISPOSITIVO

Page 32: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 33: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://mediaqueri.es

Page 34: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

PRECISO AINDA FALAR DO MOBILE?

Page 35: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

“Recomendo a leitura e estudo sobre o método de Mobile First.

Dhiego BicudoAgência ICOMP

Page 36: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 37: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

4 FLATDEIXE INFLUENCIAR SUA LINHA CRIATIVA

CORES • ÍCONES • ELEMENTOS • TIPOGRAFIAS • CONCEITO • BOTÕES

Page 38: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.flatvsrealism.com/

Page 39: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

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

Page 40: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 41: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 42: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 43: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 44: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 45: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 46: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 47: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 48: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

6ANIMAÇÕESEXPERIÊNCIA AO NAVEGAR NA PÁGINA

SCROLLING • PARALLAX • TRANSIÇÕES • MOVIMENTOS • GIFS ANIMADOS

Page 49: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.manuegabriel.com.br

Page 50: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://le-mugs.com/

Page 51: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

7BIG IMAGESUTILIZE IMAGENS E VÍDEOS GRANDES PARA ILUSTRAR

Page 52: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

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

Page 53: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.clustersisters.com/

Page 54: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.paulafernandes.com.br

Page 55: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 56: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

8 DIVIDIRCONDUZIR O USUÁRIO A FAZER ESCOLHAS

Page 57: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 58: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.brunoebarretto.com.br/

Page 59: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

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

Page 60: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 61: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 62: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 63: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 64: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

10DIAGONAISUSE FORMAS DIAGONAIS NA COMPOSIÇÃO

Page 65: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.bielmusic.com/

Page 66: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

11FORMASUSE E ABUSE DAS FORMAS GEOMÉTRICAS

Page 67: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 68: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

12ILUSTRAÇÕESNO LUGAR DE TEXTOS E LEGENDAS, USE

ÍCONES, INFOGRÁFICOS E MUITOS VETORES

Page 69: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.gabrielfarias.com.br

Page 70: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 71: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 72: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

13FIXOSUSE ELEMENTOS FIXOS NAS BORDAS DO NAVEGADOR

Page 73: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.wagnerbarreto.com

Page 74: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 75: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

14MICROINTERAÇÕES

USE PEQUENOS GATILHOS PARA AS PESSOAS

CADASTRAR E-MAIL • PEDIR O NOME, E-MAIL E WHATSAPP • SEGUIR • FECHAR

Page 76: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

http://www.kauaoliveira.com.br

Page 77: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

15INTEGRARORGANIZE E ADICIONE TODOS OS LINKS EXTERNOS

MÍDIAS SOCIAIS (FACEBOOK, INSTAGRAM) • PLATAFORMAS DIGITAIS •

SERVIÇOS (TRIPADVISOR, VAGALUME, LETRAS, CIFRAS) • YOUTUBE/VEVO •

Page 78: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília
Page 79: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

16MÉTRICASNUNCA SE ESQUEÇA DO GOOGLE ANALYTICS

AUDIÊNCIA • PÁGINAS DE ENTRADA E SAÍDA • CONVERSÕES • FUNIS • UTMs

Page 80: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

19GRAND3 S3GR3DO3 minutos para o sucesso de seu site

Page 81: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

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

Page 82: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

A PESSOA PRECISA ENTENDER O QUE FAZ OU VENDE.

2'

Page 83: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

ALGO PRECISA ACONTECER. A FAMOSA CALL TO ACTION.

3'Ligar, enviar um e-mail, pedir um orçamento ou comprar.

Page 84: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

EXTRASDESIGN USABILITY CREATIVITY CONTENT

AWWWARDS.COM

Page 85: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

www

Page 86: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

OBRIGADO

@dhidhi

fb.com/dhiegobicudobr.linkedin.com/in/dhidhi

slideshare.net/professordhiegodhiegobicudo

Agência ICOMPDHIEGO BICUDO

[email protected]

Page 87: 19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, Edição Marília

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.