(E-Book) Como Desenvolver Aplicativos Moveis em 5 Passos PDF

COMO
DESENVOLVER
APLICATIVOS
MÓVEIS EM
5 PASSOS.
www.iinterativa.com.br
QUANDO O ASSUNTO
É APLICATIVO, SOMOS
PEIXE GRANDE
A agência possui uma grande gama de cases em apps
com as mais diversas finalidades e funcionalidades,
e trabalha com clientes como a Accenture e a FAPES.
Em 2014, conquistou o seu 12ª Prêmio Peixe Grande,
desta vez, na categoria de Melhor Aplicativo, em seu
primeiro ano de existência, eleita pelo Júri Técnico com
o aplicativo produzido para SuperVia.
QUER PRODUZIR UM APLICATIVO MÓVEL

E NÃO SABE POR ONDE COMEÇAR?
A INFOBASE INTERATIVA TE AJUDA.
Neste ebook, você vai encontrar o passo a passo
da metodologia de produção de aplicativos da
agência que faz sucesso no mercado.
Aplicativos móveis |I 2
SUMÁRIO
A evolução do mercado de smartphones pelo mundo 4
Mercados emergentes 5
Brasil: Índice de vendas aumenta em 22% 6
Os aplicativos são fundamentais para o sucesso das 7
tecnologias móveis
O poder dos aplicativos na rotina dos varejistas 9

Desenvolvendo um app mobile 10
WEB APP ou Mobile APP 11
Passo 1: Design 13
Passo 2: Infraestrutura 21
Passo 3: Tecnologia 23
Passo 4: Métricas
28
Passo 5: Publicação
32
O desenvolvimento de aplicativos móveis exige 36
atenção a alguns pequenos detalhes
A EVOLUÇÃO DO MERCADO DE
SMARTPHONES PELO MUNDO
Para os próximos anos, as estimativas dão conta de um cenário dominado pela Mobilidade:
o fluxo de usuários nos ambientes móveis deve sobrepor em definitivo o dos desktops
tradicionais. As projeções da Forrester Research dão conta de um aumento considerável
no número de novos formatos de anúncios especialmente produzidos para tecnologias
mobile entre 2014 e 2015, causando modificações importantes no mercado – incluindo áreas
correlatas, caso do Big Data e, especialmente, do investimento em aplicativos.
Os smartphones não apenas vieram para ficar, como para protagonizar um mercado global
extremamente aquecido:
• No primeiro semestre de 2014, as vendas de PCs e tablets ficaram muito abaixo das expectati-
vas; de acordo com a IT Data, a queda estimada para o ano é de 25%. Em contrapartida, a com-
pra de smartphones deve bater o índice de 34% de crescimento.
• Em 2013, foram mais de 900 milhões de smartphones vendidos; até o fim de 2017, espera-se
que esse número chegue a 1,5 bilhão.
• Em 2014, a Samsung se manteve no topo, de acordo com a consultoria IDC: a empresa vendeu
85 milhões de dispositivos, faturando 30,2% do market share.
• No primeiro trimestre de 2014, o mercado global de smartphones cresceu 28,6% em relação ao
início de 2013: foram 281,5 milhões de aparelhos vendidos.
• O Windows Phone, smartphone da Microsoft, ultrapassou o índice de 10% de market share em
três grandes potências da União Europeia durante os últimos meses de 2013 (até novembro):
destacaram-se Reino Unido (10,8%), França (12,9%) e Itália (16%).
• Especula-se que, até 2015, mais de 80% dos aparelhos de mãos em todo o mundo serão smar-
tphones.
MERCADOS
EMERGENTES
Até maio de 2013, a China exerceu amplo domínio sobre os mercados OS 7 MAIORES MERCADOS DE SMARTPHONES
emergentes, detendo 47% do total. A Forrester espera que, até o
final de 2014, o país asiático ultrapasse a marca dos 500 milhões de
smartphones vendidos. Caso se confirme, ela superaria os Estados 250 MILHÕES DE SMARTPHONES
Unidos e toda a Europa.
200
O Google vem trabalhando modelos especialmente pensados para
países em ascensão econômica. Em setembro de 2014, a empresa
apresentou três modelos que compõem o Android One, projeto cuja 150
proposta é trazer serviços mais acessíveis. As empresas responsáveis
pela fabricação são a Micromax e a Karbornn. Os lançamentos ocorrem 100
em Bangladesh, Índia, Filipinas, Indonésia, Paquistão, Siri Lanka e Nepal.
O preço inicial dos dispositivos é de US$ 105. 50
Em resposta, a Microsoft anunciou algumas medidas: a empresa substituirá
a Nokia e eliminará as linhas Asha e Nokia X. Com isso, ela pretende CORÉIA REINO ÍNDIA BRASIL JAPÃO USA CHINA
alcançar um público de aproximadamente um bilhão de pessoas, e ainda UNIDO
diminuir a diferença para o Android e o iOS. 2011 2012
BRASIL: ÍNDICE DE
VENDAS AUMENTA
EM 22%
O Brasil já se apresentava entre os maiores mercados de smartphones do mundo em 2012.
O primeiro lugar pertencia à China, seguida de Estados Unidos e Japão. Naquele ano, o
mercado mundial movimentou 354 milhões de PCs e laptops, contra 1,7 bilhões de
celulares, entre os quais 613 milhões eram smartphones.
Em 2013, foram vendidos 68 smartphones por minuto no País. Foi a primeira vez que
eles ultrapassaram os celulares convencionais em número de vendas: 35,6 milhões,
contra 32,2 milhões.
No segundo trimestre de 2014, as vendas de smartphones somaram 13,3 milhões.

O número corresponde a um aumento de 22% no índice observado no mesmo
período do ano anterior, de acordo com a IDC Brasil.
OS APLICATIVOS
SÃO FUNDAMENTAIS
PARA O SUCESSO DAS
TECNOLOGIAS MÓVEIS
O elemento essencial que torna os smartphones tão úteis e integrados à rotina da
sociedade humana é o desenvolvimento dos apps. Os apps são o motivo principal
pelo qual os smartphones se tornaram tão oportunos e adaptados às nossas rotinas
e, consequentemente, sucesso comercial estrondoso. É o conjunto de apps presentes
em um aparelho móvel que faz dele uma ferramenta multifuncional, que possibilita
desde objetivos muito simples, como um viajante que deseja um taxi apesar de não
saber onde está, até tarefas de alta complexidade, como detectar raios cósmicos
presentes em atividades de partículas subatômicas. O app DECO, produzido por
cientistas do Centro de Astrofísica de Partículas IceCube, na Universidade de
Wisconsin, utiliza uma propriedade presente nos sensores das próprias câmeras
dos celulares para mensurar as atividades das subpartículas.
Um aparelho pode ser transformado em bússola, GPS, câmera fotográfica, calculadora, um sofisticado
solicitador de táxis e até mesmo em agente financeiro: Michael Bloomberg, sucessor de
Rudolph Giuliani na prefeitura da
cidade de Nova Iorque e grande
empresário do ramo financeiro,
O aplicativo do Google Maps está disponível para inúmeras plataformas, incluindo Android, lançou o aplicativo Bloomberg,
Windows Mobile e iOS. A versão para Android detalha cerca de 200 países, possui navegação uma das mais confiáveis e com-
GPS orientada por voz, rotas de transporte público em mais de 800 cidades, informações pletas ferramentas do mercado
mundial. Os terminais do app
completas sobre o trânsito em determinada área e até mesmo imagens internas de restaurantes
estão presentes em quase todo
e atrações turísticas. banco, corretora e seguradora do
planeta. Encontra-se disponível
para iPhone, iPod Touch e iPad. O
destaque fica por conta da multi-
Desenvolvido para iOS e Android, o Instagram é um aplicativo gratuito para gravação e postagem funcionalidade: a ferramenta traz
notícias, gráficos, dados atualiza-
de vídeos, produção e divulgação fotográfica, compatível com inúmeras redes sociais. Entre
dos em tempo real sobre as bolsas
as sete redes mais acessadas no Brasil, o Instagram vem sendo adotado por empresas para de valores, entre inúmeras outras
soluções de e-commerce – caso da startup Arco, que faz o intermédio entre clientes e lojas, funções.
permitindo anúncios e compras através da rede social, lucrando 5,5% sobre anunciantes.
O Easy Taxi vem se estabelecendo como ferramenta de auxílio a passageiros e taxistas em todo o
Brasil: a partir do preenchimento de simples informações a respeito da localização e da forma de
pagamento preferencial, o sistema fornece informações sobre a quantidade de táxis disponíveis
nas proximidades e, para o taxista, da região exata em que se encontra o solicitante do serviço.
A tecnologia traz nome, número de telefone, placa e modelo do carro do taxista, além de uma
estimativa do tempo necessário para que se alcance o destino desejado. É possível, ainda, que o
passageiro avalie o atendimento recebido, e que taxistas avaliem e passem a evitar passageiros
que fazem mau uso do app. Foi desenvolvido pela Táxi Rocket Serviços de Agendamento Ltda e
está disponível para iOS 4.3 e Android 2.1 em diante.
O WhatsApp Messenger é um aplicativo multiplataforma que permite envio e recebimento de

mensagens através de um aparelho celular sem qualquer custo adicional por SMS. Funciona
para iPhone, BlackBerry, Android, Windows Phone e Nokia, sem quaisquer restrições para
envios de uma marca para outra.
O PODER DOS APLICATIVOS

NA ROTINA DOS VAREJISTAS
Conforme os aplicativos afetam diretamente a vida dos seus usuários, os
usuários passam a afetar diretamente a rotina dos prestadores de serviços. As
lojas presentes nos shoppings são responsáveis por 92% do volume das vendas do
mercado varejista; ainda assim, analistas da IBM afirmam que o usuário espera cada
vez mais que a sua experiência no ambiente on-line se repita no ambiente off-line.
Atualmente, 58% dos consumidores esperam obter informações sobre os produtos

presentes nas lojas enquanto avaliam suas opções. Desses mesmos consumidores, 19%
avaliam todos os produtos em tempo real, durante a estadia nas lojas.
Um aplicativo de Augmented Reality foi apresentado pela IBM Research durante o evento
CeBIT 2013, em Hanôver. Seu objetivo é aumentar a personalização da experiência de consumo
do usuário, com mecanismos de comparação imediata entre bens e buscas por ofertas mais
vantajosas. Ele emite avaliações sobre produtos de acordo com critérios de custos e benefícios.
O Showrooming, prática associada à pesquisa de preços durante visitações às lojas físicas, tem se
intensificado na Europa nos últimos anos:
– 24% dos consumidores de shopping no Reino Unido realizaram a prática no Natal de

2012;
– 39% dos britânicos entrevistados, pertencentes à faixa etária compreendida entre os 18

e os 39 anos, revelaram ter se engajado no showrooming, contra 18% daqueles com idade
acima dos 40.
– A cada 10 praticantes do showrooming, um confessa ter adquirido produtos da concorrência

a partir de comparações de preços feitas em seu aparelho móvel em tempo real;
DESENVOLVENDO
UM APP MOBILE
Produzir um aplicativo mobile envolve diversas etapas e áreas.
A metodologia de desenvolvimento da Infobase Interativa conta com
cinco passos que delimitam as frentes de atuação e permitem aperfeiçoar
o processo permitindo o melhor controle das etapas.
WEB APP OU MOBILE?

Uma parte importante do desenvolvimento de um aplicativo móvel é reconhecer que tipo de
aplicativo é mais recomendado para o perfil e o objetivo da empresa. Embora cada aplicativo
configure um caso à parte, resumimos, no quadro abaixo, algumas das características mais
comuns a eles, bem como suas diferenças mais frequentemente observadas.
WEB APP MOBILE APP
Web app é um aplicativo que determinada página carrega sempre que ele Mobile app é um programa desenvolvido para aparelhos móveis. Esses
é acessado através de um smartphone. Geralmente, ele é encaminhado aplicativos podem trazer inúmeras funcionalidades, como comunicação,
de uma variação do url original (exemplo: m.nomedosite.com.br). Não é entretenimento e serviços. Normalmente, são utilizados para facilitar a
um site responsivo, mas pensado e produzido à parte especificamente vida do usuário e aproximá-lo da marca. Algumas empresas oferecem um
para a navegabilidade mobile, contendo layout adequado e conteúdo resumo dos recursos mais procurados em um site, outras plataformas oti-
mais acessado através de dispositivos móveis. Normalmente, um botão mizadas para serviços – caso de um aplicativo de varejo contendo vitrines
funciona como porta de acesso para a versão desktop, caso o usuário de- virtuais – e/ou até mesmo jogos.
seje funções não disponibilizadas neste modelo.
Precisa ser baixado sempre que acessado Disponível para download
Acesso apenas on-line Funciona off-line
Demanda internet Demanda espaço no HD
Maior compatibilidade com dispositivos Uma versão para cada dispositivo
Depende da conexão Mais rápido
Usa com limitações os recursos do aparelho. Pode usar os recursos do aparelho*
*GPS, notificação nativa do aparelho e ligações, por exemplo.
VOCÊ ESTÁ TENTANDO ATINGIR O MAIOR

NÚMERO DE PESSOAS POSSÍVEL?
SIM NÃO
SEU APP USARÁ ALGUMA FUNÇÃO DO

TELEFONE, COMO GPS OU
NOTIFICAÇÕES?
VOCÊ TERÁ TEMPO E RECURSOS
PARA CUIDAR DELE? SIM NÃO
SIM NÃO
VOCÊ PRECISA DE
UM WEB APP
VOCÊ PRECISA
DE UM APP
PASSO 1:
DESIGN
Pense em um aplicativo, avalie seu público, o benefício gerado para ele,
o design a ser criado e o impacto que ele pode gerar na sua empresa.
1
IDENTIDADE VISUAL
MAPEAMENTO ESTUDO
Briefing PERSONAS TAXONOMIA WIREFRAME
DE EXPRESSÕES DE CORES
Briefing MAPEAMENTO DE EXPRESSÕES

Conjunto de ideias desenvolvidas através Checagem realizada junto aos clientes, de
de respostas a importantes questões de modo a mapear suas reações diante do
mercado (objetivos de alcance sobre o público, benchmark apresentado e sua relação direta
relevância de funcionalidades, entre outras). com aquilo que é esperado do projeto.
Elas definirão a construção do app.
PERSONAS
TAXONOMIA
Definição dos perfis de usuários vinculados à
organização (o público da empresa), além de Arquitetura da informação do aplicativo.
alguns formatos que procurem indicar formas de Representa o estudo das funções e linguagens
agradá-los. Simula personagens, com características mais aceitas pelo público.
demográficas e comportamentais, além de
expressões classificando sua relação com a empresa.
WIREFRAMES ESTUDO DE CORES

Protótipos de aplicativo. São simuladores Montagem da paleta de cores do aplicativo com
com a arquitetura planejada que visam uma base na proposta do briefing. Normalmente,
experiência positiva, fazendo com que o é uma variação da paleta da marca com o
conteúdo apresentado seja útil. Nessa parte, acréscimo do conceito e do objetivo do app.
o cliente tem acesso ao app simulado, tendo
uma prévia de como seu conteúdo e seus
recursos serão dispostos.
VENDAS PUBLICIDADE
APP APP
APP TIME KILLER

APP
EFICIÊNCIA ENGAJAMENTO
Um app bem-sucedido deve aliar as principais categorias existentes – entretenimento, conteúdo, utilidade e
transações – a quatro medidores de funcionalidade: Vendas, Publicidade, Eficiência e Engajamento.
TOOL BOX
PUBLICIDADE ENGAJAMENTO EFICIÊNCIA VENDAS

Desenvolvimento de Produção de conteúdo Utilidade, algo que Compras realizadas
jogos e de conteúdo. relevante (notícias e simplifique a rotina. diretamente através do app.
compartilhamentos,
CONTENT
por exemplo).
“Time Killer” – as pessoas utilizam celulares Independentemente do objetivo inicial, um app deve se enquadrar
para ganhar ou matar tempo. em pelo menos uma das quatro metas a seguir para atrair o cliente:
Tornar a vida mais fácil Tornar a vida mais BARATA Tornar a vida mais DIVERTIDA
Diante de muito trabalho e pouco Descontos, promoções, benefícios: O excesso de trabalho leva a uma
tempo livre, muitas pessoas não apps que oferecem bons negócios necessidade por entretenimento rápido.
conseguem fazer tudo o que costumam fazer sucesso. São muitas Jogos são uma ótima pedida para
planejaram para o dia. Apps que opções: oferecer cupons, enviar uma oferecer uma pausa divertida ao seu
as ajudem a ser mais eficientes, e notificação de oferta baseada na cliente no meio de um dia atarefado, por
a ganhar tempo ao simplificar suas localização do cliente ou em algum exemplo.
tarefas, costumam se sair bem nos momento do dia, premiá-lo por alguma
downloads. interação no app etc.
CRIANDO LAYOUTS PARA

DISPOSITIVOS MÓVEIS
Pesquisar sobre os hardwares mais utilizados pelo público-alvo é fundamental
Em meio a tantas possibilidades de resolução de tela, o mercado dificilmente chegará a uma convenção. O recomendado é obter a
melhor resolução possível e, em passos seguintes, adaptar a resolução aos inúmeros dispositivos existentes no mercado através
da programação.
Resolução por aparelho, em pixels:
640 x1136 640 x960 750 x1334 320 x480

(Apple iPhone 5, 5c, 5s) (Apple iPhone 4, 4s; Apple iPhone 5) (Apple iPhone 6) (Apple iPhone 3GS, Samsung
Galaxy Ace S5830)
1080 x1920 540 x960 480 x800 480 x854

(Apple iPhone 6 Plus, Samsung Galaxy (Motorola Moto E, Samsung 19190 Galaxy (Samsung I8190 Galaxy S III Mini, (Sony Xperia E3)
S5, Samsung I9505 Galaxy S4, Motorola S4 Mini, Samsung Galaxy S4 Mini 19192, Samsung I9100 Galaxy S II)
Moto X, HTC One, Samsung Galaxy Note Samsung Galaxy S4 Zoom, HTC One S,
3, LG Nexus 5, Sony Xperia Z) Sony Xperia M2)
768x1280 240 x320 720 x1280

(LG Nexus 4 E960) (Samsung Galaxy Y S5360, Samsung (Samsung 19300 Galaxy S III, Samsung I9305
Galaxy Y Duos S6102, Nokia Asha 500, Galax y S III, Samsung Galax y S III CDMA ,
LG Optimus L3 II Dual E435) Motorola Moto G)
SIMPLIFICAR O LAYOUT:
REGRA DE OURO
A regra de ouro para um layout criado para dispositivos móveis é que ele deve ser simples e
funcional, contendo:
APENAS UMA LISTA OU MENUS CURTOS IMAGENS PEQUENAS

UM TEXTO
Efeitos de drop-down com mouseover devem ser limitados ao máximo, pois dispositivos com
tela sensível ao toque sofrem interferência dos dedos do próprio usuário.
VALIDAR O CÓDIGO
É PRECISO INCLUIR LINK
É UMA MEDIDA
PARA O SITE TRADICIONAL
FUNCIONAL
É recomendável incluir um link para a versão
Conforme aumentam as dificuldades de do site com o layout tradicional, normalmente
se testar códigos nos dispositivos móveis no rodapé. Muitas vezes, o usuário estará usando
presentes no mercado, torna-se ainda mais importante um tablet (como o iPad, por exemplo), e prefere visualizar
haver um código que siga os padrões estabelecidos. a página em sua versão tradicional.
Reduz-se, assim, a probabilidade do site mobile não
funcionar neste ou naquele dispositivo móvel de que
nunca se ouviu falar – ou que ainda sequer foi lançado.
EVITAR O SCROLL
HORIZONTAL NO SITE É
CRIAR UM CSS EXCLUSIVO PARA CRUCIAL
A VERSÃO MOBILE REPRESENTA Muitas vezes, os dispositivos móveis têm
CSS UM DIFERENCIAL telas pequenas que devem ser manuseadas
através dos dedos (touchscreen). Nesse sentido,
Embora seja viável criarmos um CSS que atenda é preciso evitar a todo custo que o site na versão mobile
tanto a versão tradicional quanto a móbile, na possua quaisquer barras de scroll horizontais – o ideal é
prática do mercado rapidamente constatou-se ser seguir o padrão de quase todo dispositivo móvel e usar
muito mais simples a separação de ambos os layouts apenas barras de scroll verticais. Isso, na prática, significa
em arquivos CSS específicos. Embora seja interessante que devemos evitar ao máximo que qualquer elemento
que as cores gerais e famílias de fontes sejam do nosso layout “estoure” os 320 pixels de largura, largura
próximas do layout tradicional, o layout mobile tem padrão para resoluções de tela de dispositivos móveis.
características muito específicas para que faça sentido Esta recomendação pode ser revista para, por exemplo,
o uso do mesmo CSS da versão tradicional do site. um portal que deva ser acessível apenas por ‘tablets’, que
apresentam maior resolução.
DEVE-SE EVITAR O USO DE POP-UPS

OU LINKS QUE ABREM EM NOVAS
JANELAS
A navegação através de dispositivos móveis não costuma funcionar
muito bem com pop-ups ou links abrindo em novas janelas. Se
DEVE-SE EVITAR AO
for estritamente necessário o uso desses links, é recomendável que MÁXIMO O USO DE
alerte que ele abrirá nova janela com alguma mensagem curta, ou ícone,
ao lado do link. FLASH E JAVASCRIPT
Oficialmente, nenhum dispositivo
móvel suporta Flash e JavaScript.
Conforme os layouts para mobile
DEVE-SE LIMITAR O USO tendem a favorecer uma navegação
simples e funcional, o uso desse
DE IMAGENS tipo de tecnologia pode e deve ser
evitado. O caso do flash é mais
Layouts para mobile devem usar o menor número de imagens grave, visto que até o momento
possíveis. Também é preciso tomar cuidado em especial com o os iPhones e iPads não são
tamanho dos arquivos de imagem, visto que no geral a qualidade compatíveis com flash (assim como
da conexão de dispositivos móveis será inferior, e as imagens não podem alguns dispositivos móveis que
ser muito pesadas (em Kbytes). O ideal é usar apenas a logomarca, alguns vem com o sistema operacional
ícones de navegação e imagens de fundo para botões e outros elementos. Android, pelo menos na versão
Em uma interface de lista de notícias, por exemplo, é recomendável que nativa). Algumas animações
existam imagens apenas nos 3 primeiros itens, deixando o restante dos e vídeos podem ser criados
itens da lista apenas com o título (e eventualmente a descrição). utilizando a nova tecnologia do
HTML5, Canvas, que é compatível
com diversos dispositivos móveis
modernos.
PASSO 2:
INFRAESTRUTURA
Mantenha o foco no aplicativo e o que ele pode gerar para o seu negócio.
A infraestrutura não pode ser uma barreira para a inovação da sua empresa.
2
APP
80%
Do tempo e recursos de TI
são gastos com infraestrutura
para manter as luzes acessas
(Gartner Predictions 2012)
Os desafios da produção de aplicativos estão próprios, pessoas físicas e jurídicas – e até mesmo o Normalmente, aplicativos se
diretamente relacionados aos da TI. Entre governo – podem compartilhar seu tempo em uma comunicam com servidores web
limitações orçamentárias e altos custos envolvendo infraestrutura comum a todos eles. de modo que informações sejam
os ambientes físicos, torna-se crucial investir em trocadas: isso ocorre através de
alternativas que viabilizem a produção de apps Estima-se que 80% do tempo e dos recursos de webservices. Seu mecanismo
ao menor custo e, ao mesmo tempo, pleno no TI sejam utilizados para manter as luzes acesas. de abstração funciona de modo
desenvolvimento de seu potencial. Os custos com servidores da Dell (recepção, análogo ao utilizado na internet. Um
armazenagem e encaminhamento de mensagens) webservice funciona para que um
A fabricação de apps para negócios tem relação não ultrapassam os 300 dólares. Ao adicionar o aplicativo de taxi calcule a tarifa a ser
direta com a ascensão e a democratização da software Windows Server para rodar uma máquina, cobrada, por exemplo. Nesse caso,
cloud computing. John McCarthy, grande expoente no entanto, logo surge o Microsoft Exchange Server, um banco de dados é criado para que
da ciência da computação desde o começo da de modo a possibilitar a administração de e-mails; os constem os valores da base de cálculo
década de 60, considerado o pai da Inteligência custos de um setor que conta com 50 funcionários tarifário. Isso pode ser feito a partir
Artificial, previu que a computação deveria, algum subiriam para 3.250 dólares. O Exchange Online, do Google Maps, API que, a partir da
dia, ser organizada como um serviço de utilidade versão alternativa criada pela própria Microsoft, localização dos destinos de origem
pública, bem como o sistema telefônico. “Cada custa 10 dólares mensais por usuário, com e final, auxiliaria em uma estimativa
contribuinte precisará pagar apenas capacidade de armazenamento ilimitada. Os 6.000 prévia dos valores envolvidos. APIs
pela capacidade que utilizar de fato, dólares anuais representam custos muito menores – Application Programming Interfaces
mas possuirá acesso a que aqueles relativos à manutenção de máquinas, (em português, Interface de
todas as linguagens de infraestrutura adequada e mão-de-obra Programação de Aplicativos) – são
programação especializada. Há, ainda, uma vasta padrões e rotinas estabelecidas por
características quantidade de bons servidores gratuitos software, e somente são acessíveis
de um sistema em versão demo; através de cadastros através de códigos de programação.
muito amplo”, de assinatura, eles oferecem serviços Elas são dirigidas especialmente
disse ele. Sem a premium, que são evidentemente para apps nativos.
necessidade pagos. A própria Amazon Web
de comprar Services (AWS) oferece um grande
sistemas pacote gratuito, o AWS Free
Tier, que permite executar
novos aplicativos, testar
aplicativos existentes na
nuvem ou simplesmente obter
experiência prática com a AWS.
3
PASSO 3:
TECNOLOGIA
?
1 PLATAFORMA N PLATAFORMAS
ALTERNATIVAS
MULTI-PLATAFORMAS
Ao tratarmos de tecnologia mobile, devemos ter em mente os sistemas

operacionais. São eles os programas responsáveis pelos recursos dos aparelhos,
incluindo a interface com o usuário. O sistema operacional mais utilizado no
mundo atualmente é o Android, que detém 44,62% do mercado, de acordo com a
Net Applications.
Tecnologias mais recentes – caso das linguagens HTML5, CSS3 e JavaScript – abrem
espaço para o desenvolvimento de aplicações de grande poder de interação e em
formato multiplataforma, como os web apps que permitem acesso através de
mais de um dispositivo. Uma plataforma necessita de uma linguagem específica
(Android funciona por Java, iOS, por Objective-C e Windows Phone, por C#, por
exemplo).
Fazer com que um app seja compatível com a maior parte das plataformas é muito
mais dispendioso, tanto do ponto de vista financeiro quanto do de tempo e de
mão de obra. O trabalho não se limita à entrega: ele envolve gastos prolongados
com testes e desenvolvimento (há casos em que o projeto se torna mesmo
inviável). Há, contudo, frameworks capazes de solucionar o problema. Alguns
frameworks multiplataforma incluem o PhoneGap, o Mobile Angular UI e o Intel
XDK. O PhoneGap, por exemplo, não é exatamente um framework de criação de
aplicativos, mas sim de empacotamento e lançamento. É uma ferramenta open
source, sendo bastante popular entre os desenvolvedores. Ele funciona através
de tecnologias HTML, JavaScript e CSS. Sua camada de interface é a UI layer, que
utiliza toda a largura e altura do dispositivo trabalhado.
BONS FRAMEWORKS SÃO FUNDAMENTAIS

PARA A CRIAÇÃO DE APLICATIVOS
MÓVEIS
The-M-Project é outro potente framework de
JavaScript pautado em MVC, em linguagem
HTML5. Ele possui suporte off-line, o que permite
Versão mobile do famoso framework jQuery, a continuidade do trabalho caso a conexão com
o jQuery Mobile foi programado para a a internet se perca.
produção de sites e apps para desktops,
tablets e smartphones. Também sob a
interface HTML5, permite a fácil criação
e edição de temas: o ThemeRoller auxilia o
desenvolvedor na sua construção e no download de
O Apache Flex fornece linguagem em código
arquivo CSS personalizado.
livre, bastante indicado para desenvolvedores
experientes em HTML5, AS 3.0 e CSS3. Permite
implantação para plug-ins Adobe Flash Player
e Adobe AIR, por exemplo. A versão 4.11.0 possui
suporte para Flash Player 11.9 e AIR runtime 3.9,
O poderoso Titanium Mobile permite a com a correção de 50 bugs contidos na versão anterior.
conjugação de todo o conhecimento do
desenvolvedor sobre JavaScript, CSS e
HTML para a criação de aplicativos muito
semelhantes aos nativos de iOS e Android.
Possui mais de 300 APIs e uma comunidade de
desenvolvedores intensamente participativos, fato O Sencha Touch é baseado em HMTL5, Javascript
que auxilia muito em questões de suporte. e CSS; ele permite a criação de aplicações
semelhantes às nativas e sua estrutura é bastante
organizada (arquitetura MVC).
PASSO 4:
MÉTRICAS
CONSULTORIA
IDEIAS CÓDIGO
4 aprenda
DADOS
mensure
KPI
ENGAJAMENTO
DOWNLOADS
NAVEGAÇÃO
CONVERSÃO
O investimento em aplicativos não deve prescindir da medição de resultados. Medir resultados significa traçar a relação direta entre
o dispêndio de energia humana e dinheiro e aquilo que se obteve ao final da iniciativa.
Portanto, acompanhar e medir resultados é o que permite planejar ações de forma adequada, disso dependendo o nível de eficiência
do seu projeto.
COMO AVALIAR O
DESENVOLVIMENTO DE APPS?
1
KPI – sigla para Key Performance Indicator – é um indicador-chave de performance;
muito utilizados em BI – Business Intelligence – para medir o alcance de objetivos
traçados e as ações posteriores. Uma KPI sozinha, em regra, é provavelmente incapaz
de dizer a um analista se um canal digital ou uma plataforma é bem-sucedido, por
isso elas geralmente são combinadas para as conclusões apresentadas em relatórios.
Algumas KPIs importantes:
Usabilidade DURAÇÃO DA SESSÃO RETENÇÃO DE USUÁRIOS

Saber se o seu app está sendo utilizado e, Simplesmente abrir um aplicativo é diferente de A taxa correspondente ao grupo de usuários que
especialmente, de que maneira; isso inclui mapear permanecer por algum tempo, até horas, nele; desinstalam um app é conhecida como churn
as regiões, os idiomas, os períodos de uso, os a duração da sessão funciona como o tempo rate, e essa é uma parte importante da avaliação
serviços de preferência e os sistemas operadores. que um usuário permanece em uma página da do desempenho de um app; apps para iOS e
Bons apps fornecem soluções claras para web, e funciona para mensurar sua ligação com Android perdem cerca de 96% de seus usuários
problemas específicos. Layout, botões, posições a ferramenta. em seu primeiro ano de existência; 65% param
dos elementos: tudo isso é alçada da Usabilidade. de usá-lo já no terceiro mês.
2
Engajamento, ao lado da Retenção, é uma das métricas que, por conta das altas taxas de abandono, mais vêm chamando a
atenção dos desenvolvedores. Timothy Sullivan, Vice-Presidente de Produtos da Boxer, aposta no engajamento e na retenção
como os melhores indicadores da qualidade de um app. Ações de e-mail marketing, Push Notifications e divulgação nos canais
digitais são ações tão importantes quanto investigar o perfil dos usuários.
Dois indicadores relevantes, tanto de engajamento quanto de retenção, são os Monthly

Active Users (MAU) e os Daily Active Users (DAU). Eles mostram os usuários ativos por
mês e por dia, respectivamente.
MAU DAU
A medida do engajamento é dada pela razão entre DAU e MAU: o
chamado Stickiness (literalmente “viscosidade”, em inglês). Quando
o nível de Stickiness estiver muito baixo, pode ser decretado o fim
do aplicativo.
3
A quantidade de downloads de uma ferramenta digital diz muito por si só – não é diferente
com um app. Ao contrário: é uma das métricas mais importantes, senão a mais. O número de
downloads funciona para conferir credibilidade ao aplicativo, ainda que não indique seu sucesso
atual.
4
Para aplicativos voltados ao comércio, a taxa de conversões é ainda mais importante que
qualquer outra. Um app focado nessa métrica deve atentar para a qualidade da produção de
seus formulários, inscrições e formatos de transação financeira, além de apresentar as críticas
com relação aos produtos.
5
PASSO 5:
PUBLICAÇÃO
TEMPO DE DESENVOLVIMENTO
TEMPO DE PUBLICAÇÃO
O último passo do desenvolvimento de apps é a publicação. Aplicativos móveis são disponibilizados através de lojas virtuais, canais
geralmente pertencentes aos principais conglomerados de tecnologia do mundo.
de acordo com a forbes:
Google domina o mercado de Número de usuários da Apple: Em terceiro, fica a Microsoft: 12

Mobilidade: 900 milhões de 600 milhões. milhões de Windows Phones
usuários. comercializados.
81% deles pela

Nokia.
Com relação às lojas virtuais, porém, a Apple toma a dianteira, apesar de o crescimento do Google nesse mercado ser avassalador.
Google e Apple dominam o mercado:
App Store Google Play

Alta capacidade de conversão/monetização/ Mercado Google Play em 2014:
fidelização Lucro – US$ 530 milhões
Aumento no faturamento: 35% em 2011 Aumento de 166%
2014: iOS App Store em números: 38% do market share
Lucro – US$ 870 milhões Média de downloads de apps por mês: 6.2
Aumento de 53%
62% do market share
60%
Média de dos apps da
App Store eram
downloads gratuitos em 2013
Na Google Play, o
por app: percentual era de
80%
Android: iOS: Windows Phone:
60 mil 40 mil 4 mil
De acordo com o Gartner, em 2017, 90%

dos downloads de apps serão das
lojas iOS e Android.
receitas Google apple Microsoft
Receita média por

aplicativo
US$ 1125 US$ 4 mil US$ 625
Receita média por

desenvolvedor
US$ 6 mil US$ 21.276 US$ 2.222
O desenvolvimento de aplicativos
móveis exige atenção a alguns
pequenos detalhes
Em comparação com os desktops, os aparelhos móveis possuem monitores muito reduzidos (entre 4
e 7 polegadas): um objeto de grande potencial pode ser totalmente prejudicado por falta de soluções
desenvolvidas especialmente para a sua resolução.
Todo o estímulo de ação interativa é baseado no formato touchscreen, fato que pode causar perturbação
a algumas funcionalidades; interfaces gráficas muito grandes e complexas se tornam impraticáveis para a
manipulação adequada por parte do usuário.
Muitos recursos não são disponibilizados para os ambientes desktop e mobile ao mesmo tempo; em regra,
é preciso desenvolver as funcionalidades de maneira destacada, caso o trabalho envolva o gerenciamento
de ambos:
A criação de um bom layout envolve pesquisa acerca dos hardwares mais utilizados
pelo público-alvo;
É importante conhecer o formato padrão dos celulares mais utilizados por esse
público específico: o Samsung Galaxy S3, por exemplo, possui 720 X 1280 pixels
de resolução; já o iPhone 5, possui 640 X 1136 pixels; o Nokia Lumia 920, por fim,
768 X 1280 pixels.
Os smartphones já representam parte integrante do nosso dia a dia. Mais

do que ferramentas, símbolos e sistemas, eles abrem caminho para um
próspero e vasto mercado. Quem não migrar seus canais digitais para as
tecnologias móveis no futuro próximo correrá o risco de deixar de ser
percebido pelo seu público, um público em constante mudança de hábitos.
Sobre a Infobase Sobre a IINTERATIVA

A Infobase está entre as 50 maiores integradoras de TI A Infobase Interativa é a agência digital da Infobase.
do Brasil. Dedicando empenho e esforço para oferecer Também conhecida como IInterativa, sua união com
as melhores soluções aos seus clientes, ela conta com a Infobase a torna capaz de entregar soluções mais
excelente infraestrutura, valendo-se do que há de mais sofisticadas do que as outras agências e mais criativas
atual em ferramentas e aplicativos da web. Assim, procura que as consultorias de TI. Seu trabalho envolve pesquisa,
garantir a construção de um relacionamento duradouro e planejamento, projeto, construção e manutenção de
produtivo entre colaboradores, parceiros e clientes. Figura sites, aplicações e estratégias digitais para clientes com
entre as 200 maiores empresas de tecnologia do país, características muito diferentes. Diante de procedimentos
o que inclui os segmentos de Telecom e de fabricantes táticos articulados com clareza, sua equipe de gestores
de software. Contando com quatro escritórios no Brasil leva em conta uma estratégia empresarial bem definida,
– dois no Rio de Janeiro, um em Vitória e um em São em atenção à pesquisa de experiência do usuário,
Paulo – a Infobase executa projetos em outros estados e à qualidade do design e ao suporte de sistemas. Os
no exterior. resultados entregues aos clientes garantem à IInterativa
relações comerciais de longo prazo.
www.infobase.com.br www.iinterativa.com.br
twitter.com/InfobaseIT twitter.com/IInterativa
facebook.com/InfobaseIT facebook.com/IInterativa
FONTES DE REFERÊNCIA:
http://www.netbiscuits.com/resources/netbiscuits-reports/2014-trend-predictions-for-the-mobile-web/
http://socialmediatoday.com/irfan-ahmad/2044111/content-marketing-advertising-big-data-and-mobile-marketing-trends-2014-infograp
http://info.abril.com.br/noticias/mercado/2014/04/samsung-lidera-mercado-de-smartphones-no-mundo.shtml
http://www1.folha.uol.com.br/fsp/mercado/185902-vendas-de-smartphones-sobem-22-no-brasil.shtml
http://convergenciadigital.uol.com.br/cgi/cgilua.exe/sys/start.htm?infoid=37999&sid=5#.VD80bPnF-QA
http://www.planetariodorio.com.br/index.php?option=com_k2&view=item&id=3486:seu-smartphone-pode-fazer-ci%C3%AAncia&Itemid=290
http://www.sci-tech-today.com/news/3-Mobile-Marketing-Trends-for-2014/story.xhtml?story_id=032003WTK8N4
http://www.thinkwithgoogle.com/mobileplanet/en/
http://www.proxxima.com.br/home/mobile/2014/09/15/Google-apresenta-smartphones-de-baixo-custo-para-paises-emergentes.html
http://www.infobase.com.br/apps-como-ponto-chave-da-mobilidade/
http://www.thinkwithgoogle.com/mobileplanet/en/
http://www.infobase.com.br/mobilidade-ja-e-uma-realidade-brasil/
https://play.google.com/store/apps/details?id=com.google.android.apps.maps&hl=pt_BR
http://www.iinterativa.com.br/infografico-os-aplicativos-mais-acessados-de-2013/
http://br.financas.yahoo.com/noticias/os-10-aplicativos-mais-populares-ano-184800797--finance.html
http://www.whatsapp.com/?l=pt_br
http://g1.globo.com/tecnologia/noticia/2014/07/smartphones-ja-sao-tres-cada-quatro-celulares-vendidos-no-brasil.html
http://www.mikebloomberg.com/index.cfm?objectid=87360FFB-C29C-7CA2-F92DC3FBE4A49054
http://www.techtudo.com.br/tudo-sobre/s/bloomberg.html
http://www.research.ibm.com/articles/augmented-reality.shtml
http://www.bbc.co.uk/news/magazine-22098575
http://www.foolproof.co.uk/insight/blog/the-true-impact-of-showrooming/
http://www.techtudo.com.br/tudo-sobre/s/easy-taxi.html
http://ecommercenews.com.br/noticias/lancamentos/empresa-lanca-sistema-para-compra-e-venda-atraves-do-instagram
http://revistapegn.globo.com/Noticias/noticia/2013/10/arco-facilita-transacoes-comerciais-pelo-instagram.html
http://www.theguardian.com/technology/2014/jan/09/market-share-smartphones-iphone-android-windows
http://www.infobase.com.br/nova-tendencia-de-aplicativos-moveis-web/
http://www.sitepoint.com/top-7-hybrid-mobile-app-frameworks/
http://www.eati.info/eati/2014/assets/anais/artigo63.pdf
http://www.tecmundo.com.br/android/60002-android-passa-ios-sistema-operacional-movel-usado-mundo.htm
http://clubetech.com.br/desenvolvendo-apps-multiplataforma-com-phonegap/
http://www.iinterativa.com.br/infografico-criando-layouts-para-dispositivos-moveis/
http://imasters.com.br/desenvolvimento/desenvolvendo-aplicativos-moveis-multiplataforma/
http://fontedecodigo.blogspot.com/2011/09/criando-layouts-para-dispositivos.html
http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/
http://pt.slideshare.net/proflborges/apache-flex-15319694
http://www.nokiatividade.com/noticias/microsoft-anuncia-reducao-de-precos-dos-smartphones-em-paises-emergentes/
http://www.ideiademarketing.com.br/2012/07/06/metricas-do-google-para-mobile/
http://www.yeeply.com/blog/7-metricas-para-apps-moviles/
http://www.digai.com.br/2013/04/metricas-para-apps-mobile/
http://blog.goodbarber.com/pt/Metricas-de-User-Engagement-alem-dos-downloads_a398.html
http://www.iinterativa.com.br/marcas-de-cerveja-em-social-media-melhores-estrategias-em-cada-nicho/
http://www.iinterativa.com.br/qual-melhor-metrica-de-todas/
http://www.iinterativa.com.br/um-novo-olhar-sobre-tecnologia-mobile/
http://www.inboundio.com/blog/measure-mobile-apps-user-engagement-10-kpis/
http://mashable.com/2013/09/04/mobile-app-metrics/
http://degmont.com/taticas-downloads-engajamento-apps/
http://blog.goodbarber.com/pt/Metricas-de-User-Engagement-alem-dos-downloads_a398.html
http://www.digai.com.br/2013/04/metricas-para-apps-mobile/
http://www.brightcloud.com/services/mobile-app-reputation.php
http://showmetech.band.uol.com.br/comparativo-lojas-aplicativos-android-ios-windows-phone/
http://diariocatarinense.clicrbs.com.br/sc/economia/noticia/2014/12/confira-os-aplicativos-gratuitos-que-nao-podem-faltar-neste-natal-4658937.html
http://convergecom.com.br/tiinside/05/12/2011/principais-lojas-de-aplicativos-devem-chegar-a-marca-de-1-milhao/#.VJHfJCvF-QA
https://www.apple.com/br/business/accelerator/plan/plan-for-the-process.html
http://mobgeek.com.br/blog/tempo-dev-app
http://www.appmachine.com/pt-pt/tour/publicar/
https://fabricadeaplicativos.zendesk.com/hc/pt-br/articles/202507586-Publica%C3%A7%C3%A3o-nas-lojas-de-aplicativos
http://corporate.canaltech.com.br/noticia/desenvolvedores/Quanto-os-desenvolvedores-ganham-por-cada-aplicativo-criado/
https://macmagazine.com.br/2013/01/30/app-store-vs-google-play-numeros-indicam-que-faturamento-da-loja-da-apple-ainda-e-bem-superior/
http://www.tecmundo.com.br/sistema-operacional/60596-ios-android-windows-phone-numeros-gigantes-comparados-infografico.htm
https//www.businessinsider.com/apple-loses-revenue-share-to-google-in-apps-2014-5
http://www.gsmarena.com/
http://www.marketingprofs.com/charts/2014/25740/mobile-trends-most-popular-phones-screen-sizes-and-resolutions

(E-Book) Como Desenvolver Aplicativos Moveis em 5 Passos PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

(E-Book) Como Desenvolver Aplicativos Moveis em 5 Passos PDF

Enviado por

Direitos autorais:

Formatos disponíveis

COMO

QUER PRODUZIR UM APLICATIVO MÓVEL

O poder dos aplicativos na rotina dos varejistas 9

No segundo trimestre de 2014, as vendas de smartphones somaram 13,3 milhões.

O WhatsApp Messenger é um aplicativo multiplataforma que permite envio e recebimento de

O PODER DOS APLICATIVOS

Atualmente, 58% dos consumidores esperam obter informações sobre os produtos

– 24% dos consumidores de shopping no Reino Unido realizaram a prática no Natal de

– 39% dos britânicos entrevistados, pertencentes à faixa etária compreendida entre os 18

– A cada 10 praticantes do showrooming, um confessa ter adquirido produtos da concorrência

WEB APP OU MOBILE?

WEB APP MOBILE APP

Precisa ser baixado sempre que acessado Disponível para download

Acesso apenas on-line Funciona off-line

Demanda internet Demanda espaço no HD

Maior compatibilidade com dispositivos Uma versão para cada dispositivo

Depende da conexão Mais rápido

Usa com limitações os recursos do aparelho. Pode usar os recursos do aparelho*

*GPS, notificação nativa do aparelho e ligações, por exemplo.

VOCÊ ESTÁ TENTANDO ATINGIR O MAIOR

SEU APP USARÁ ALGUMA FUNÇÃO DO

Briefing MAPEAMENTO DE EXPRESSÕES

WIREFRAMES ESTUDO DE CORES

APP TIME KILLER

PUBLICIDADE ENGAJAMENTO EFICIÊNCIA VENDAS

CRIANDO LAYOUTS PARA

Resolução por aparelho, em pixels:

640 x1136 640 x960 750 x1334 320 x480

1080 x1920 540 x960 480 x800 480 x854

768x1280 240 x320 720 x1280

APENAS UMA LISTA OU MENUS CURTOS IMAGENS PEQUENAS

DEVE-SE EVITAR O USO DE POP-UPS

Ao tratarmos de tecnologia mobile, devemos ter em mente os sistemas

BONS FRAMEWORKS SÃO FUNDAMENTAIS

Usabilidade DURAÇÃO DA SESSÃO RETENÇÃO DE USUÁRIOS

Dois indicadores relevantes, tanto de engajamento quanto de retenção, são os Monthly

de acordo com a forbes:

Google domina o mercado de Número de usuários da Apple: Em terceiro, fica a Microsoft: 12

81% deles pela

Google e Apple dominam o mercado:

App Store Google Play

downloads gratuitos em 2013

De acordo com o Gartner, em 2017, 90%

receitas Google apple Microsoft

Receita média por

Receita média por

Os smartphones já representam parte integrante do nosso dia a dia. Mais

Sobre a Infobase Sobre a IINTERATIVA

Você também pode gostar