SlideShare una empresa de Scribd logo
1 de 45
Projetando Mobile
Diana Fournier
Thiago Tiveron
Por que mobile?

 73% não saem de casa sem seus dispositivos móveis.
 27 milhões de Brasileiros tem smartphones.

 42% usam internet em seus smartphones pelo menos 1x ao dia…
  Destes 59% para acessar redes sociais, 57% para acessar emails e
  55% mecanismos de pesquisas.

 27% disseram preferir ficar sem TV do que seu celular.

 50% pesquisam em seus smartphones todos os dias… destes 48%
  procura informações sobre produtos, 29% restaurantes, pubs e bares e
  28% viagens.
Por que mobile?
O Uso de aplicativos

 14 aplicativos em média instalados no smartphone.

 6 aplicativos usados nos últimos 30 dias.

 2 aplicativos pagos instalados em média.

 88% dos usuários acessam Redes Sociais via apps.
Mobilidade possibilita:
Interações!
Mobilidade possibilita:
Interações!

 45% pesquisaram no smartphone e depois compraram pelo computador.

 30% pesquisaram no smartphone e depois compraram em lojas físicas.

 31% dos usuários de smartphones compraram produto ou serviço em
   seus aparelhos.


 54% desses compradores fizeram uma compra no mês passado.
Mobilidade possibilita:
VENDAS!
Ou seja… Mobile é:
Pensando mobile…
 Contexto mobile é totalmente diferente do contexto desktop… por isso
  devemos pensar diferente também!

 No mundo mobile (devido à limitações) todos somos daltônicos e sofremos
  mal de Parkinson.

 Atentar a:
        Interferências de pessoas, sons, visuais, etc;
        Tempo dedicado àquela interação;
        Culturas diferentes dos diversos usuários;
        Devices e sistemas operacionais diferentes.
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Desktop
Pensando mobile…

Mobile
Pensando mobile…

Mobile
Pensando mobile…

Mobile
Pensando mobile…

Mobile
Pensando mobile…

Mobile
Pensando mobile…

Mobile
Pensando mobile…


 Espaço menor que do desktop…

 Isso é um ponto positivo ao desenvolver um projeto de Design para
  mobile.

 Pouco espaço força priorizar o que é mais importante no conteúdo que
  deve ser exibido, solucionando de uma forma mais rápida o “problema”.

 Ao desenvolver para mobile, menos é mais!
Ok! Vamos ao projeto Mobile
Pesquisa


 Benchmarking

 Questionários

 Entrevistas

 Pesquisa de opnião
Concepção

 Momento VIAGEM!

 Brainstorms

 Uso e análises de produtos semelhantes

 Definição do que vai ter de conteúdo, informação e
  funcionalidades.
Concepção

 Momento VIAGEM!

 Brainstorms

 Uso e análises de produtos semelhantes

 Definição do que vai ter de conteúdo, informação e
  funcionalidades.
Concepção

 Momento VIAGEM!

 Brainstorms

 Uso e análises de produtos semelhantes

 Definição do que vai ter de conteúdo, informação e
  funcionalidades.
Arquitetura da Informação

 Desenvolver as melhoras navegações e interações para usuários
  de dispositivos móveis.

 Priorizar as informações e conteúdo, organizando-os de maneira
  clara e de fácil compreensão.

 Pensar nas plataformas e guide lines existentes.

 Desenvolver protótipos navegáveis para visualização das
  navegações.

 Testar, testar e testar em protótipo (teste de usabilidade em
  protótipo, grupo de foco, etc).
“Layoutando”

 Desenvolver layouts simples, levando em conta conceitos de
  design.

 Realçar toda interação no layout… como botões
  pressionados, abas selecionadas, item em destaque, etc.

 Manter consistência e seguir guide line nativa de cada plataforma.
Implementação

 Com dados das pesquisas em mãos, decidir quais serão as
  plataformas alcançadas pelo seu aplicativo. Ex: iOS, Android e
  Windows Phone

 Definir qual é a tecnologia que atende a necessidade do seu
  projeto, levando em conta suas vantagens e desvantagens. Nativo
  vs. HTML5

 Ajustar seu cronograma, pois além de ser testado por você, seu
  aplicativo passará por revisão na loja de aplicativos da plataforma
  escolhida(Apple Store, Google Play) e estará sujeita a reprovação
  =(
Final do final

 Testar uma versão beta com os usuários em pontencial;

 Corrigir eventuais bugs;

 Fazer alterações pontuais que forem apontadas pelos testes;
Vamos brincar! *-*

Desenvolver um aplicativo que resolva a sua vida nesses dias
atipicos que tem vivido no R Design – R Lab.

- Perdidos no Alojamento!
       Um aplicativo que ajude vc a encontrar onde está a sua
       barraca naquele momento que você chega bêbado da festa!

- Despertador para atividades do R
       Você é daqueles que quando está “interagindo” com outras
       pessoas esquece do mundo… Desenvolva um app que te
       ajude a lembrar daquela atividade que você queria tanto
       assistir!
Vamos brincar! *-*

Perdidos no Alojamento!
-   Input de dados – cadastrar anteriormente a localização da barraca;
-   Utilizar recursos como GPS e mapas;
-   Você tem um perfil no app e pode adicionar amigos e encontrar a
    barraca deles também! :D
-   Tentar desenvolver o app em poucas telas!

- Despertador para atividades do R
-   Input de dados – cadastrar anteriormente as atividades que você
    gostaria de participar;
-   Ter como visualizar toda a programação do evento e ver a sua
    agenda marcada nela.
-   Pode configurar o tempo que o app vai “despertar” te avisando do
    inicio da atividade.
-   Tentar desenvolver o app em poucas telas!
Referências


https://services.google.com/fh/files/blogs/our_mobile_planet_brazil_pt_BR.pdf

http://www.slideshare.net/horacio.soares/mobile-first-w3c-webbr-2012

http://www.thinkwithgoogle.com/mobileplanet/pt-br/

http://arquiteturadeinformacao.com/2012/08/07/usando-o-axure-para-criar-
prototipos-mobile/

http://arquiteturadeinformacao.com/2012/07/09/voce-nao-vai-ter-audiencia-
mobile-enquanto-voce-nao-incorporar-de-verdade-o-que-significa-ser-mobile/

http://arquiteturadeinformacao.com/2012/10/26/27-guidelines-para-ux-design-
em-dispositivos-moveis/
WE L VE

Más contenido relacionado

Similar a Projetando Mobile

Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Edu Agni
 
Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Alex Ivonika
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Como o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaComo o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaAlex Ivonika
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileHorácio Soares
 
Como o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaComo o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaSocial Web Day
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Santhyago Gallao
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Diogo Souza
 
Gestão de projetos em soluções mobile
Gestão de projetos em soluções mobileGestão de projetos em soluções mobile
Gestão de projetos em soluções mobileMarcos Fabrício
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Horácio Soares
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Horácio Soares
 
As vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobileAs vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobileDirceu Belém
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horácio Soares
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 

Similar a Projetando Mobile (20)

APP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quandoAPP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quando
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Como o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaComo o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresa
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design Mobile
 
Como o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresaComo o mercado de apps pode ajudar sua empresa
Como o mercado de apps pode ajudar sua empresa
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?
 
Gestão de projetos em soluções mobile
Gestão de projetos em soluções mobileGestão de projetos em soluções mobile
Gestão de projetos em soluções mobile
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012
 
Aula 2 modulo 2
Aula 2   modulo 2Aula 2   modulo 2
Aula 2 modulo 2
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013
 
As vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobileAs vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobile
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
Projetando Mobile
Projetando MobileProjetando Mobile
Projetando Mobile
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Chatbots
ChatbotsChatbots
Chatbots
 
Aula 2 apps
Aula 2   appsAula 2   apps
Aula 2 apps
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 

Último

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 

Último (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

Projetando Mobile