mobile first - palestra ifam 2013

84
Mobil e First Danny Lopes [email protected]

Upload: danny-lopes

Post on 19-Nov-2014

559 views

Category:

Technology


4 download

DESCRIPTION

Palestra realizada na semana de informática do IFAM 2013.

TRANSCRIPT

Page 1: Mobile First - Palestra IFAM 2013

Mobile

FirstDanny [email protected]

Page 2: Mobile First - Palestra IFAM 2013

2

Mobile Firstem português = ...

você não traduz esses termos

Pendrive

SlideTablet

Page 3: Mobile First - Palestra IFAM 2013

3

Produtos web devem ser projetados primeiramente para dispositivos móveis

Page 4: Mobile First - Palestra IFAM 2013

4

Luke Wroblewski

2011

Page 5: Mobile First - Palestra IFAM 2013

5

“Os programadores do Google estão trabalhando em aplicações Mobile First, pois são aplicações melhores e é isso que programadores de alto nível querem desenvolver”Eric Schmidt – Google Chairman

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 6: Mobile First - Palestra IFAM 2013

6

“Agora mesmo estamos implementando o Mobile First - Desktop Second para vários de nossos produtos”

Kate Aronowitz – Diretora de Design do Facebook

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 7: Mobile First - Palestra IFAM 2013

7

“Realmente precisamos mudar agora para começarmos a pensar em desenvolver primeiro para Mobile. Essa é uma mudança ainda maior que a revolução do PC”.

Kevin Lynch – CTO Adobe

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 8: Mobile First - Palestra IFAM 2013

8

Page 9: Mobile First - Palestra IFAM 2013

9

Impressa (livros, panfletos, jornais, revistas, etc.)

1500

#1

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 10: Mobile First - Palestra IFAM 2013

10

#2

Gravadores e Players (gravadores, fita-cassete, CDs, DVDs)

1890

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 11: Mobile First - Palestra IFAM 2013

11

#3

Cinema

1900

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 12: Mobile First - Palestra IFAM 2013

12

#4

Rádio

1910

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 13: Mobile First - Palestra IFAM 2013

13

#5

Televisão

1950

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 14: Mobile First - Palestra IFAM 2013

14

#6

Internet

1990

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 15: Mobile First - Palestra IFAM 2013

15

#7

Dispositivos Móveis

2000

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 16: Mobile First - Palestra IFAM 2013

16

bebês nascem por dia371mil

iPhones vendidos por dia525 mil

dispositivos com iOS916 mil

dispositivos Android ativados por dia

2.4 milhões

smartphones Nokia247 mil

dispositivos Blackberry66 mil

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 17: Mobile First - Palestra IFAM 2013

17

5 anos 10 anos 15 anosTELEFONE 39

anos

ELETRICIDADE

COMPUTADOR

RÁDIO

TELEFONE CELULAR

INTERNET

TELEVISÃO

Tempo médio de alcance de 40% dos cidadãos americanos (EUA)

SMARTPHONE 3,5 anos

Page 18: Mobile First - Palestra IFAM 2013

18

Dispositivos Móveis Conexões diárias

6 Bi

Conexões em 201610 Bi

Crescimento do tráfego mundial

26x

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 19: Mobile First - Palestra IFAM 2013

19

Dispositivos Móveis

Impressos Gravadores Cinema Rádio Televisão Internet

Page 20: Mobile First - Palestra IFAM 2013

20

Patrocinadores

Programas

Page 21: Mobile First - Palestra IFAM 2013

21

Rádio não é TV !

Fonte: http://static.lukew.com/mtf_11122012.pdf

Page 22: Mobile First - Palestra IFAM 2013

22

Internet não é mídia impressa

Page 23: Mobile First - Palestra IFAM 2013

23

Mobile não é Desktop

Page 24: Mobile First - Palestra IFAM 2013

24

Contexto dos Dispositivos Móveis no nosso dia-a-dia...

Page 25: Mobile First - Palestra IFAM 2013

25

Há 6.8 Bilhões de pessoas na Terra

4 Bilhões utilizam telefone celular

Apenas 3.5 Bilhões usam

escova de dentes

Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812

Page 26: Mobile First - Palestra IFAM 2013

26Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 27: Mobile First - Palestra IFAM 2013

27Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 28: Mobile First - Palestra IFAM 2013

28

Page 29: Mobile First - Palestra IFAM 2013

29

Page 30: Mobile First - Palestra IFAM 2013

30

Page 31: Mobile First - Palestra IFAM 2013

31

Page 32: Mobile First - Palestra IFAM 2013

32

Page 33: Mobile First - Palestra IFAM 2013

33

Page 34: Mobile First - Palestra IFAM 2013

34Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 35: Mobile First - Palestra IFAM 2013

35

Page 36: Mobile First - Palestra IFAM 2013

36

Page 37: Mobile First - Palestra IFAM 2013

37

Page 38: Mobile First - Palestra IFAM 2013

38

Page 39: Mobile First - Palestra IFAM 2013

39

Crescimento

Restrições

Recursos

Oportunidade

Foco!

Inovação

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 40: Mobile First - Palestra IFAM 2013

40

Crescimento Oportunidade

Page 41: Mobile First - Palestra IFAM 2013

41

+300.000 appsdesenvolvidas nos últimos 3 anos downloads

+10.9 bi

Quando o mobile é usado?casa rua lojas trabalho transp. público

Fonte: http://www.themobilewebdesignblog.com/2012/05/08/mighty-mobile-infographic/

Crescimento Oportunidade

Page 42: Mobile First - Palestra IFAM 2013

42

Crescimento Oportunidade

Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812

Page 43: Mobile First - Palestra IFAM 2013

43

Comércio Mobile

+ $1BI vendas através de mobile nos últimos 12 meses

+ $4 BI em 2011 vs $2 BI em 2010 em vendas por mobile

Fontes: http://static.lukew.com/MobileFirst_LukeW.pdf e https://www.ecommercebrasil.com.br/

Crescimento Oportunidade

Page 44: Mobile First - Palestra IFAM 2013

44

~80 Mi de usuários em menos de 2 anos

4 Bi de fotos postadas

Fontes: http://g1.globo.com/tecnologia/noticia/2013/01/pela-primeira-vez-instagram-revela-numero-de-usuarios-90-milhoes.html

Redes Sociais

Crescimento Oportunidade

Page 45: Mobile First - Palestra IFAM 2013

45Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/

Crescimento Oportunidade

Page 46: Mobile First - Palestra IFAM 2013

46Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/

Crescimento Oportunidade

Page 47: Mobile First - Palestra IFAM 2013

47Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/

Crescimento Oportunidade

Page 48: Mobile First - Palestra IFAM 2013

48

Crescimento Oportunidade

Fonte: http://blog.agencialinea.com.br/infografico-os-numeros-do-facebook-no-brasil/

Page 49: Mobile First - Palestra IFAM 2013

49

Restrições Foco!

Page 50: Mobile First - Palestra IFAM 2013

50

Restrições Foco!

Um olho no peixe, outro no gato...

Page 51: Mobile First - Palestra IFAM 2013

51

Restrições Foco!Tela grande

Energia

Rede estável

Teclado

Mouse

Cadeira

Mesa

Desktop

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 52: Mobile First - Palestra IFAM 2013

52

Restrições Foco!

Tela pequena

Bateria

Rede inconsistente

Dedo gordo

Sensores

Dispositivo Móvel

Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf

Page 53: Mobile First - Palestra IFAM 2013

53

Restrições Foco!

O que pode ser ótimo para o negócio...

Força a priorização

Obriga a manter o foco !

Page 54: Mobile First - Palestra IFAM 2013

54

Restrições Foco!

Page 55: Mobile First - Palestra IFAM 2013

55

Restrições Foco!

Menos é

Mais

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 56: Mobile First - Palestra IFAM 2013

56

Restrições Foco!

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 57: Mobile First - Palestra IFAM 2013

57

Restrições Foco!

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 58: Mobile First - Palestra IFAM 2013

58

Recursos Inovação

Page 59: Mobile First - Palestra IFAM 2013

59

Recursos Inovação

GPS

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 60: Mobile First - Palestra IFAM 2013

60

Recursos Inovação

Acelerômetro

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 61: Mobile First - Palestra IFAM 2013

61

Recursos Inovação

Bluetooth

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 62: Mobile First - Palestra IFAM 2013

62

Recursos Inovação

Áudio, som e imagem

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 63: Mobile First - Palestra IFAM 2013

63

Recursos Inovação

Sensores Multitoque

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 64: Mobile First - Palestra IFAM 2013

64

Regra #1 do Mobile First

Elimine da interface itens que não sejam extremamente necessários

Page 65: Mobile First - Palestra IFAM 2013

65

Qual desses desktops oferece a melhor experiência de uso?

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 66: Mobile First - Palestra IFAM 2013

66

O Paradoxo da Escolha - Barry Schwartz

Fonte: http://vidaminimalista.com/sobre-o-paradoxo-da-escolha/

Page 67: Mobile First - Palestra IFAM 2013

67

O que os usuários esperam?

Page 68: Mobile First - Palestra IFAM 2013

68

Page 69: Mobile First - Palestra IFAM 2013

69

A Experiência Perfeita :-)

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 70: Mobile First - Palestra IFAM 2013

70

Felicidade

Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013

Page 71: Mobile First - Palestra IFAM 2013

71

E como são nossas experiências hoje?

Page 72: Mobile First - Palestra IFAM 2013

72

Page 73: Mobile First - Palestra IFAM 2013

73

Page 74: Mobile First - Palestra IFAM 2013

74

A maioria das experiências ruins poderiam ser evitadas com

Identificação do alvo certo

Avaliações com usuários

Page 75: Mobile First - Palestra IFAM 2013

75

Ontem

autenticações por dia

esqueceram a senha de um site

solicitaram a senha

no ranking de serviço helpdesk da Intranet

Page 76: Mobile First - Palestra IFAM 2013

76

Page 77: Mobile First - Palestra IFAM 2013

77

Hoje

chamados dos clientes

Page 78: Mobile First - Palestra IFAM 2013

78

Page 79: Mobile First - Palestra IFAM 2013

79

Mostre a senha...

Page 80: Mobile First - Palestra IFAM 2013

80

Page 81: Mobile First - Palestra IFAM 2013

81

O que os usuários esperam?

Page 82: Mobile First - Palestra IFAM 2013

82

Page 83: Mobile First - Palestra IFAM 2013

83

Mobile

Firstwww.lukew.com

Page 84: Mobile First - Palestra IFAM 2013

Obrigado !

Danny [email protected]