SlideShare uma empresa Scribd logo
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
Projetando Mobile
Pesquisa


 Benchmarking

 Questionários

 Entrevistas

 Pesquisa de opnião
Projetando Mobile
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.
Projetando Mobile
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).
Projetando Mobile
“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.
Projetando Mobile
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

Mais conteúdo relacionado

PDF
A Experiência do Usuário no Mundo Móvel
PDF
Mini Curso - Design de Interface para Dispositivos Móveis
PPTX
Acessibilidade em Android para deficientes visuais
PPTX
Campus Mobile 2013 - Design e usabilidade
PPTX
Interfaces inteligentes para dispositivos móveis
PDF
Dispositivos móveis
ODP
A Revolução Mobile no Brasil e no Mundo
PPTX
Aula Mobile Marketing - Digitalks
A Experiência do Usuário no Mundo Móvel
Mini Curso - Design de Interface para Dispositivos Móveis
Acessibilidade em Android para deficientes visuais
Campus Mobile 2013 - Design e usabilidade
Interfaces inteligentes para dispositivos móveis
Dispositivos móveis
A Revolução Mobile no Brasil e no Mundo
Aula Mobile Marketing - Digitalks

Semelhante a Projetando Mobile (20)

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

Último (8)

PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
Mecânico de Manutenção de Equipamentos.pptx
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
Manejo integrado de pragas na cultura do algodão
Viasol Energia Solar -Soluções para geração e economia de energia
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Mecânico de Manutenção de Equipamentos.pptx
Arquitetura de computadores - Memórias Secundárias
Manejo integrado de pragas na cultura do algodão
Anúncio

Projetando Mobile