Você está na página 1de 41

COMO

DESENVOLVER
APLICATIVOS
MVEIS EM
5 PASSOS.
www.iinterativa.com.br

QUANDO O ASSUNTO
APLICATIVO, SOMOS
PEIXE GRANDE
A agncia 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 Prmio Peixe Grande,
desta vez, na categoria de Melhor Aplicativo, em seu
primeiro ano de existncia, eleita pelo Jri Tcnico com
o aplicativo produzido para SuperVia.

QUER PRODUZIR UM APLICATIVO MVEL


E NO SABE POR ONDE COMEAR?
A INFOBASE INTERATIVA TE AJUDA.
Neste ebook, voc vai encontrar o passo a passo
da metodologia de produo de aplicativos da
agncia que faz sucesso no mercado.

Aplicativos mveis |I 2
www.iinterativa.com.br

SUMRIO
A evoluo do mercado de smartphones pelo mundo 4
Mercados emergentes 5
Brasil: ndice de vendas aumenta em 22% 6
Os aplicativos so fundamentais para o sucesso das 7
tecnologias mveis

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: Mtricas
28
Passo 5: Publicao
32
O desenvolvimento de aplicativos mveis exige 36
ateno a alguns pequenos detalhes

Aplicativos mveis |I 3
www.iinterativa.com.br

A EVOLUO DO MERCADO DE
SMARTPHONES PELO MUNDO
Para os prximos anos, as estimativas do conta de um cenrio dominado pela Mobilidade:
o fluxo de usurios nos ambientes mveis deve sobrepor em definitivo o dos desktops
tradicionais. As projees da Forrester Research do conta de um aumento considervel
no nmero de novos formatos de anncios especialmente produzidos para tecnologias
mobile entre 2014 e 2015, causando modificaes importantes no mercado incluindo reas
correlatas, caso do Big Data e, especialmente, do investimento em aplicativos.

Os smartphones no 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 milhes de smartphones vendidos; at o fim de 2017, espera-se
que esse nmero chegue a 1,5 bilho.
Em 2014, a Samsung se manteve no topo, de acordo com a consultoria IDC: a empresa vendeu
85 milhes de dispositivos, faturando 30,2% do market share.
No primeiro trimestre de 2014, o mercado global de smartphones cresceu 28,6% em relao ao
incio de 2013: foram 281,5 milhes de aparelhos vendidos.
O Windows Phone, smartphone da Microsoft, ultrapassou o ndice de 10% de market share em
trs grandes potncias da Unio Europeia durante os ltimos meses de 2013 (at novembro):
destacaram-se Reino Unido (10,8%), Frana (12,9%) e Itlia (16%).
Especula-se que, at 2015, mais de 80% dos aparelhos de mos em todo o mundo sero smar-
tphones.

Aplicativos mveis |I 4
www.iinterativa.com.br

MERCADOS
EMERGENTES
At maio de 2013, a China exerceu amplo domnio sobre os mercados OS 7 MAIORES MERCADOS DE SMARTPHONES
emergentes, detendo 47% do total. A Forrester espera que, at o
final de 2014, o pas asitico ultrapasse a marca dos 500 milhes de
smartphones vendidos. Caso se confirme, ela superaria os Estados 250 MILHES DE SMARTPHONES
Unidos e toda a Europa.
200
O Google vem trabalhando modelos especialmente pensados para
pases em ascenso econmica. Em setembro de 2014, a empresa
apresentou trs modelos que compem o Android One, projeto cuja 150
proposta trazer servios mais acessveis. As empresas responsveis
pela fabricao so a Micromax e a Karbornn. Os lanamentos ocorrem 100
em Bangladesh, ndia, Filipinas, Indonsia, Paquisto, Siri Lanka e Nepal.
O preo 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 CORIA REINO NDIA BRASIL JAPO USA CHINA
alcanar um pblico de aproximadamente um bilho de pessoas, e ainda UNIDO
diminuir a diferena para o Android e o iOS. 2011 2012

Aplicativos mveis |I 5
www.iinterativa.com.br

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 Japo. Naquele ano, o
mercado mundial movimentou 354 milhes de PCs e laptops, contra 1,7 bilhes de
celulares, entre os quais 613 milhes eram smartphones.

Em 2013, foram vendidos 68 smartphones por minuto no Pas. Foi a primeira vez que
eles ultrapassaram os celulares convencionais em nmero de vendas: 35,6 milhes,
contra 32,2 milhes.

No segundo trimestre de 2014, as vendas de smartphones somaram 13,3 milhes.


O nmero corresponde a um aumento de 22% no ndice observado no mesmo
perodo do ano anterior, de acordo com a IDC Brasil.

Aplicativos mveis |I 6
www.iinterativa.com.br

OS APLICATIVOS
SO FUNDAMENTAIS
PARA O SUCESSO DAS
TECNOLOGIAS MVEIS
O elemento essencial que torna os smartphones to teis e integrados rotina da
sociedade humana o desenvolvimento dos apps. Os apps so o motivo principal
pelo qual os smartphones se tornaram to oportunos e adaptados s nossas rotinas
e, consequentemente, sucesso comercial estrondoso. o conjunto de apps presentes
em um aparelho mvel que faz dele uma ferramenta multifuncional, que possibilita
desde objetivos muito simples, como um viajante que deseja um taxi apesar de no
saber onde est, at tarefas de alta complexidade, como detectar raios csmicos
presentes em atividades de partculas subatmicas. O app DECO, produzido por
cientistas do Centro de Astrofsica de Partculas IceCube, na Universidade de
Wisconsin, utiliza uma propriedade presente nos sensores das prprias cmeras
dos celulares para mensurar as atividades das subpartculas.

Aplicativos mveis |I 7
www.iinterativa.com.br

Um aparelho pode ser transformado em bssola, GPS, cmera fotogrfica, calculadora, um sofisticado
solicitador de txis e at mesmo em agente financeiro: Michael Bloomberg, sucessor de
Rudolph Giuliani na prefeitura da
cidade de Nova Iorque e grande
empresrio do ramo financeiro,
O aplicativo do Google Maps est disponvel para inmeras plataformas, incluindo Android, lanou o aplicativo Bloomberg,
Windows Mobile e iOS. A verso para Android detalha cerca de 200 pases, possui navegao uma das mais confiveis e com-
GPS orientada por voz, rotas de transporte pblico em mais de 800 cidades, informaes pletas ferramentas do mercado
mundial. Os terminais do app
completas sobre o trnsito em determinada rea e at mesmo imagens internas de restaurantes
esto presentes em quase todo
e atraes tursticas. banco, corretora e seguradora do
planeta. Encontra-se disponvel
para iPhone, iPod Touch e iPad. O
destaque fica por conta da multi-
Desenvolvido para iOS e Android, o Instagram um aplicativo gratuito para gravao e postagem funcionalidade: a ferramenta traz
notcias, grficos, dados atualiza-
de vdeos, produo e divulgao fotogrfica, compatvel com inmeras 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 inmeras outras
solues de e-commerce caso da startup Arco, que faz o intermdio entre clientes e lojas, funes.
permitindo anncios e compras atravs da rede social, lucrando 5,5% sobre anunciantes.

O Easy Taxi vem se estabelecendo como ferramenta de auxlio a passageiros e taxistas em todo o
Brasil: a partir do preenchimento de simples informaes a respeito da localizao e da forma de
pagamento preferencial, o sistema fornece informaes sobre a quantidade de txis disponveis
nas proximidades e, para o taxista, da regio exata em que se encontra o solicitante do servio.
A tecnologia traz nome, nmero de telefone, placa e modelo do carro do taxista, alm de uma
estimativa do tempo necessrio para que se alcance o destino desejado. possvel, 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 Txi Rocket Servios de Agendamento Ltda e
est disponvel para iOS 4.3 e Android 2.1 em diante.

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


mensagens atravs de um aparelho celular sem qualquer custo adicional por SMS. Funciona
para iPhone, BlackBerry, Android, Windows Phone e Nokia, sem quaisquer restries para
envios de uma marca para outra.

Aplicativos mveis |I 8
www.iinterativa.com.br

O PODER DOS APLICATIVOS


NA ROTINA DOS VAREJISTAS
Conforme os aplicativos afetam diretamente a vida dos seus usurios, os
usurios passam a afetar diretamente a rotina dos prestadores de servios. As
lojas presentes nos shoppings so responsveis por 92% do volume das vendas do
mercado varejista; ainda assim, analistas da IBM afirmam que o usurio espera cada
vez mais que a sua experincia no ambiente on-line se repita no ambiente off-line.

Atualmente, 58% dos consumidores esperam obter informaes sobre os produtos


presentes nas lojas enquanto avaliam suas opes. 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 Hanver. Seu objetivo aumentar a personalizao da experincia de consumo
do usurio, com mecanismos de comparao imediata entre bens e buscas por ofertas mais
vantajosas. Ele emite avaliaes sobre produtos de acordo com critrios de custos e benefcios.

O Showrooming, prtica associada pesquisa de preos durante visitaes s lojas fsicas, tem se
intensificado na Europa nos ltimos anos:

24% dos consumidores de shopping no Reino Unido realizaram a prtica no Natal de


2012;

39% dos britnicos entrevistados, pertencentes faixa etria 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 concorrncia


a partir de comparaes de preos feitas em seu aparelho mvel em tempo real;

Aplicativos mveis |I 9
www.iinterativa.com.br

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 atuao e permitem aperfeioar
o processo permitindo o melhor controle das etapas.

Aplicativos mveis |I 10
www.iinterativa.com.br

WEB APP OU MOBILE?


Uma parte importante do desenvolvimento de um aplicativo mvel 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 caractersticas mais
comuns a eles, bem como suas diferenas mais frequentemente observadas.

WEB APP MOBILE APP

Web app um aplicativo que determinada pgina carrega sempre que ele Mobile app um programa desenvolvido para aparelhos mveis. Esses
acessado atravs de um smartphone. Geralmente, ele encaminhado aplicativos podem trazer inmeras funcionalidades, como comunicao,
de uma variao do url original (exemplo: m.nomedosite.com.br). No entretenimento e servios. Normalmente, so utilizados para facilitar a
um site responsivo, mas pensado e produzido parte especificamente vida do usurio e aproxim-lo da marca. Algumas empresas oferecem um
para a navegabilidade mobile, contendo layout adequado e contedo resumo dos recursos mais procurados em um site, outras plataformas oti-
mais acessado atravs de dispositivos mveis. Normalmente, um boto mizadas para servios caso de um aplicativo de varejo contendo vitrines
funciona como porta de acesso para a verso desktop, caso o usurio de- virtuais e/ou at mesmo jogos.
seje funes no disponibilizadas neste modelo.

Precisa ser baixado sempre que acessado Disponvel para download

Acesso apenas on-line Funciona off-line

Demanda internet Demanda espao no HD

Maior compatibilidade com dispositivos Uma verso para cada dispositivo

Depende da conexo Mais rpido

Usa com limitaes os recursos do aparelho. Pode usar os recursos do aparelho*

*GPS, notificao nativa do aparelho e ligaes, por exemplo.

Aplicativos mveis |I 11
www.iinterativa.com.br

VOC EST TENTANDO ATINGIR O MAIOR


NMERO DE PESSOAS POSSVEL?

SIM NO

SEU APP USAR ALGUMA FUNO DO


TELEFONE, COMO GPS OU
NOTIFICAES?
VOC TER TEMPO E RECURSOS
PARA CUIDAR DELE? SIM NO

SIM NO

VOC PRECISA DE
UM WEB APP

VOC PRECISA
DE UM APP

Aplicativos mveis |I 12
www.iinterativa.com.br

PASSO 1:

DESIGN
Pense em um aplicativo, avalie seu pblico, o benefcio 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 EXPRESSES DE CORES

Aplicativos mveis |I 13
www.iinterativa.com.br

Briefing MAPEAMENTO DE EXPRESSES


Conjunto de ideias desenvolvidas atravs Checagem realizada junto aos clientes, de
de respostas a importantes questes de modo a mapear suas reaes diante do
mercado (objetivos de alcance sobre o pblico, benchmark apresentado e sua relao direta
relevncia de funcionalidades, entre outras). com aquilo que esperado do projeto.
Elas definiro a construo do app.

PERSONAS
TAXONOMIA
Definio dos perfis de usurios vinculados
organizao (o pblico da empresa), alm de Arquitetura da informao do aplicativo.
alguns formatos que procurem indicar formas de Representa o estudo das funes e linguagens
agrad-los. Simula personagens, com caractersticas mais aceitas pelo pblico.
demogrficas e comportamentais, alm de
expresses classificando sua relao com a empresa.

WIREFRAMES ESTUDO DE CORES


Prottipos de aplicativo. So simuladores Montagem da paleta de cores do aplicativo com
com a arquitetura planejada que visam uma base na proposta do briefing. Normalmente,
experincia positiva, fazendo com que o uma variao da paleta da marca com o
contedo apresentado seja til. Nessa parte, acrscimo do conceito e do objetivo do app.
o cliente tem acesso ao app simulado, tendo
uma prvia de como seu contedo e seus
recursos sero dispostos.

Aplicativos mveis |I 14
www.iinterativa.com.br

VENDAS PUBLICIDADE

APP APP

APP TIME KILLER


APP

EFICINCIA ENGAJAMENTO

Um app bem-sucedido deve aliar as principais categorias existentes entretenimento, contedo, utilidade e
transaes a quatro medidores de funcionalidade: Vendas, Publicidade, Eficincia e Engajamento.

TOOL BOX

PUBLICIDADE ENGAJAMENTO EFICINCIA VENDAS


Desenvolvimento de Produo de contedo Utilidade, algo que Compras realizadas
jogos e de contedo. relevante (notcias e simplifique a rotina. diretamente atravs do app.
compartilhamentos,
CONTENT
por exemplo).

Aplicativos mveis |I 15
www.iinterativa.com.br

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 fcil Tornar a vida mais BARATA Tornar a vida mais DIVERTIDA

Diante de muito trabalho e pouco Descontos, promoes, benefcios: O excesso de trabalho leva a uma
tempo livre, muitas pessoas no apps que oferecem bons negcios necessidade por entretenimento rpido.
conseguem fazer tudo o que costumam fazer sucesso. So muitas Jogos so uma tima pedida para
planejaram para o dia. Apps que opes: oferecer cupons, enviar uma oferecer uma pausa divertida ao seu
as ajudem a ser mais eficientes, e notificao de oferta baseada na cliente no meio de um dia atarefado, por
a ganhar tempo ao simplificar suas localizao do cliente ou em algum exemplo.
tarefas, costumam se sair bem nos momento do dia, premi-lo por alguma
downloads. interao no app etc.

Aplicativos mveis |I 16
www.iinterativa.com.br

CRIANDO LAYOUTS PARA


DISPOSITIVOS MVEIS
Pesquisar sobre os hardwares mais utilizados pelo pblico-alvo fundamental
Em meio a tantas possibilidades de resoluo de tela, o mercado dificilmente chegar a uma conveno. O recomendado obter a
melhor resoluo possvel e, em passos seguintes, adaptar a resoluo aos inmeros dispositivos existentes no mercado atravs
da programao.

Resoluo 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)

Aplicativos mveis |I 17
www.iinterativa.com.br

SIMPLIFICAR O LAYOUT:
REGRA DE OURO
A regra de ouro para um layout criado para dispositivos mveis 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 mximo, pois dispositivos com
tela sensvel ao toque sofrem interferncia dos dedos do prprio usurio.

Aplicativos mveis |I 18
www.iinterativa.com.br

VALIDAR O CDIGO
PRECISO INCLUIR LINK
UMA MEDIDA
PARA O SITE TRADICIONAL
FUNCIONAL
recomendvel incluir um link para a verso
Conforme aumentam as dificuldades de do site com o layout tradicional, normalmente
se testar cdigos nos dispositivos mveis no rodap. Muitas vezes, o usurio estar usando
presentes no mercado, torna-se ainda mais importante um tablet (como o iPad, por exemplo), e prefere visualizar
haver um cdigo que siga os padres estabelecidos. a pgina em sua verso tradicional.
Reduz-se, assim, a probabilidade do site mobile no
funcionar neste ou naquele dispositivo mvel de que
nunca se ouviu falar ou que ainda sequer foi lanado.

EVITAR O SCROLL
HORIZONTAL NO SITE
CRIAR UM CSS EXCLUSIVO PARA CRUCIAL
A VERSO MOBILE REPRESENTA Muitas vezes, os dispositivos mveis tm
CSS UM DIFERENCIAL telas pequenas que devem ser manuseadas
atravs dos dedos (touchscreen). Nesse sentido,
Embora seja vivel criarmos um CSS que atenda preciso evitar a todo custo que o site na verso mobile
tanto a verso tradicional quanto a mbile, na possua quaisquer barras de scroll horizontais o ideal
prtica do mercado rapidamente constatou-se ser seguir o padro de quase todo dispositivo mvel e usar
muito mais simples a separao de ambos os layouts apenas barras de scroll verticais. Isso, na prtica, significa
em arquivos CSS especficos. Embora seja interessante que devemos evitar ao mximo que qualquer elemento
que as cores gerais e famlias de fontes sejam do nosso layout estoure os 320 pixels de largura, largura
prximas do layout tradicional, o layout mobile tem padro para resolues de tela de dispositivos mveis.
caractersticas muito especficas para que faa sentido Esta recomendao pode ser revista para, por exemplo,
o uso do mesmo CSS da verso tradicional do site. um portal que deva ser acessvel apenas por tablets, que
apresentam maior resoluo.

Aplicativos mveis |I 19
www.iinterativa.com.br

DEVE-SE EVITAR O USO DE POP-UPS


OU LINKS QUE ABREM EM NOVAS
JANELAS
A navegao atravs de dispositivos mveis no costuma funcionar
muito bem com pop-ups ou links abrindo em novas janelas. Se
DEVE-SE EVITAR AO
for estritamente necessrio o uso desses links, recomendvel que MXIMO 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
mvel suporta Flash e JavaScript.
Conforme os layouts para mobile
DEVE-SE LIMITAR O USO tendem a favorecer uma navegao
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 nmero de imagens grave, visto que at o momento
possveis. Tambm preciso tomar cuidado em especial com o os iPhones e iPads no so
tamanho dos arquivos de imagem, visto que no geral a qualidade compatveis com flash (assim como
da conexo de dispositivos mveis ser inferior, e as imagens no podem alguns dispositivos mveis que
ser muito pesadas (em Kbytes). O ideal usar apenas a logomarca, alguns vem com o sistema operacional
cones de navegao e imagens de fundo para botes e outros elementos. Android, pelo menos na verso
Em uma interface de lista de notcias, por exemplo, recomendvel que nativa). Algumas animaes
existam imagens apenas nos 3 primeiros itens, deixando o restante dos e vdeos podem ser criados
itens da lista apenas com o ttulo (e eventualmente a descrio). utilizando a nova tecnologia do
HTML5, Canvas, que compatvel
com diversos dispositivos mveis
modernos.

Aplicativos mveis |I 20
www.iinterativa.com.br

PASSO 2:

INFRAESTRUTURA
Mantenha o foco no aplicativo e o que ele pode gerar para o seu negcio.
A infraestrutura no pode ser uma barreira para a inovao da sua empresa.

2
APP

80%
Do tempo e recursos de TI
so gastos com infraestrutura
para manter as luzes acessas
(Gartner Predictions 2012)

Aplicativos mveis |I 21
www.iinterativa.com.br

Os desafios da produo de aplicativos esto prprios, pessoas fsicas e jurdicas e at mesmo o Normalmente, aplicativos se
diretamente relacionados aos da TI. Entre governo podem compartilhar seu tempo em uma comunicam com servidores web
limitaes oramentrias e altos custos envolvendo infraestrutura comum a todos eles. de modo que informaes sejam
os ambientes fsicos, torna-se crucial investir em trocadas: isso ocorre atravs de
alternativas que viabilizem a produo 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 abstrao funciona de modo
desenvolvimento de seu potencial. Os custos com servidores da Dell (recepo, anlogo ao utilizado na internet. Um
armazenagem e encaminhamento de mensagens) webservice funciona para que um
A fabricao de apps para negcios tem relao no ultrapassam os 300 dlares. Ao adicionar o aplicativo de taxi calcule a tarifa a ser
direta com a ascenso e a democratizao da software Windows Server para rodar uma mquina, 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 cincia da computao desde o comeo da de modo a possibilitar a administrao de e-mails; os constem os valores da base de clculo
dcada de 60, considerado o pai da Inteligncia custos de um setor que conta com 50 funcionrios tarifrio. Isso pode ser feito a partir
Artificial, previu que a computao deveria, algum subiriam para 3.250 dlares. O Exchange Online, do Google Maps, API que, a partir da
dia, ser organizada como um servio de utilidade verso alternativa criada pela prpria Microsoft, localizao dos destinos de origem
pblica, bem como o sistema telefnico. Cada custa 10 dlares mensais por usurio, com e final, auxiliaria em uma estimativa
contribuinte precisar pagar apenas capacidade de armazenamento ilimitada. Os 6.000 prvia dos valores envolvidos. APIs
pela capacidade que utilizar de fato, dlares anuais representam custos muito menores Application Programming Interfaces
mas possuir acesso a que aqueles relativos manuteno de mquinas, (em portugus, Interface de
todas as linguagens de infraestrutura adequada e mo-de-obra Programao de Aplicativos) so
programao especializada. H, ainda, uma vasta padres e rotinas estabelecidas por
caractersticas quantidade de bons servidores gratuitos software, e somente so acessveis
de um sistema em verso demo; atravs de cadastros atravs de cdigos de programao.
muito amplo, de assinatura, eles oferecem servios Elas so dirigidas especialmente
disse ele. Sem a premium, que so evidentemente para apps nativos.
necessidade pagos. A prpria 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
experincia prtica com a AWS.

Aplicativos mveis |I 22
3
www.iinterativa.com.br

PASSO 3:

TECNOLOGIA

?
Aplicativos mveis |I 23
www.iinterativa.com.br

1 PLATAFORMA N PLATAFORMAS

Aplicativos mveis |I 24
www.iinterativa.com.br

ALTERNATIVAS
MULTI-PLATAFORMAS

Aplicativos mveis |I 25
www.iinterativa.com.br

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


operacionais. So eles os programas responsveis pelos recursos dos aparelhos,
incluindo a interface com o usurio. O sistema operacional mais utilizado no
mundo atualmente o Android, que detm 44,62% do mercado, de acordo com a
Net Applications.

Tecnologias mais recentes caso das linguagens HTML5, CSS3 e JavaScript abrem
espao para o desenvolvimento de aplicaes de grande poder de interao e em
formato multiplataforma, como os web apps que permitem acesso atravs de
mais de um dispositivo. Uma plataforma necessita de uma linguagem especfica
(Android funciona por Java, iOS, por Objective-C e Windows Phone, por C#, por
exemplo).

Fazer com que um app seja compatvel com a maior parte das plataformas muito
mais dispendioso, tanto do ponto de vista financeiro quanto do de tempo e de
mo de obra. O trabalho no se limita entrega: ele envolve gastos prolongados
com testes e desenvolvimento (h casos em que o projeto se torna mesmo
invivel). 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, no exatamente um framework de criao de
aplicativos, mas sim de empacotamento e lanamento. uma ferramenta open
source, sendo bastante popular entre os desenvolvedores. Ele funciona atravs
de tecnologias HTML, JavaScript e CSS. Sua camada de interface a UI layer, que
utiliza toda a largura e altura do dispositivo trabalhado.

Aplicativos mveis |I 26
www.iinterativa.com.br

BONS FRAMEWORKS SO FUNDAMENTAIS


PARA A CRIAO DE APLICATIVOS
MVEIS
The-M-Project outro potente framework de
JavaScript pautado em MVC, em linguagem
HTML5. Ele possui suporte off-line, o que permite
Verso mobile do famoso framework jQuery, a continuidade do trabalho caso a conexo com
o jQuery Mobile foi programado para a a internet se perca.
produo de sites e apps para desktops,
tablets e smartphones. Tambm sob a
interface HTML5, permite a fcil criao
e edio de temas: o ThemeRoller auxilia o
desenvolvedor na sua construo e no download de
O Apache Flex fornece linguagem em cdigo
arquivo CSS personalizado.
livre, bastante indicado para desenvolvedores
experientes em HTML5, AS 3.0 e CSS3. Permite
implantao para plug-ins Adobe Flash Player
e Adobe AIR, por exemplo. A verso 4.11.0 possui
suporte para Flash Player 11.9 e AIR runtime 3.9,
O poderoso Titanium Mobile permite a com a correo de 50 bugs contidos na verso anterior.
conjugao de todo o conhecimento do
desenvolvedor sobre JavaScript, CSS e
HTML para a criao 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 questes de suporte. e CSS; ele permite a criao de aplicaes
semelhantes s nativas e sua estrutura bastante
organizada (arquitetura MVC).

Aplicativos mveis |I 27
www.iinterativa.com.br

PASSO 4:

MTRICAS
CONSULTORIA

IDEIAS CDIGO

4 aprenda

DADOS
mensure

Aplicativos mveis |I 28
www.iinterativa.com.br

KPI
ENGAJAMENTO
DOWNLOADS
NAVEGAO
CONVERSO

Aplicativos mveis |I 29
www.iinterativa.com.br

O investimento em aplicativos no deve prescindir da medio de resultados. Medir resultados significa traar a relao direta entre
o dispndio de energia humana e dinheiro e aquilo que se obteve ao final da iniciativa.

Portanto, acompanhar e medir resultados o que permite planejar aes de forma adequada, disso dependendo o nvel de eficincia
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
traados e as aes 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 so combinadas para as concluses apresentadas em relatrios.
Algumas KPIs importantes:

Usabilidade DURAO DA SESSO RETENO DE USURIOS


Saber se o seu app est sendo utilizado e, Simplesmente abrir um aplicativo diferente de A taxa correspondente ao grupo de usurios que
especialmente, de que maneira; isso inclui mapear permanecer por algum tempo, at horas, nele; desinstalam um app conhecida como churn
as regies, os idiomas, os perodos de uso, os a durao da sesso funciona como o tempo rate, e essa uma parte importante da avaliao
servios de preferncia e os sistemas operadores. que um usurio permanece em uma pgina da do desempenho de um app; apps para iOS e
Bons apps fornecem solues claras para web, e funciona para mensurar sua ligao com Android perdem cerca de 96% de seus usurios
problemas especficos. Layout, botes, posies a ferramenta. em seu primeiro ano de existncia; 65% param
dos elementos: tudo isso alada da Usabilidade. de us-lo j no terceiro ms.

Aplicativos mveis |I 30
www.iinterativa.com.br

2
Engajamento, ao lado da Reteno, uma das mtricas que, por conta das altas taxas de abandono, mais vm chamando a
ateno dos desenvolvedores. Timothy Sullivan, Vice-Presidente de Produtos da Boxer, aposta no engajamento e na reteno
como os melhores indicadores da qualidade de um app. Aes de e-mail marketing, Push Notifications e divulgao nos canais
digitais so aes to importantes quanto investigar o perfil dos usurios.

Dois indicadores relevantes, tanto de engajamento quanto de reteno, so os Monthly


Active Users (MAU) e os Daily Active Users (DAU). Eles mostram os usurios ativos por
ms e por dia, respectivamente.
MAU DAU
A medida do engajamento dada pela razo entre DAU e MAU: o
chamado Stickiness (literalmente viscosidade, em ingls). Quando
o nvel 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 no diferente
com um app. Ao contrrio: uma das mtricas mais importantes, seno a mais. O nmero de
downloads funciona para conferir credibilidade ao aplicativo, ainda que no indique seu sucesso
atual.

4
Para aplicativos voltados ao comrcio, a taxa de converses ainda mais importante que
qualquer outra. Um app focado nessa mtrica deve atentar para a qualidade da produo de
seus formulrios, inscries e formatos de transao financeira, alm de apresentar as crticas
com relao aos produtos.

Aplicativos mveis |I 31
5
www.iinterativa.com.br

PASSO 5:

PUBLICAO

TEMPO DE DESENVOLVIMENTO

TEMPO DE PUBLICAO

Aplicativos mveis |I 32
www.iinterativa.com.br

O ltimo passo do desenvolvimento de apps a publicao. Aplicativos mveis so disponibilizados atravs de lojas virtuais, canais
geralmente pertencentes aos principais conglomerados de tecnologia do mundo.

de acordo com a forbes:

Google domina o mercado de Nmero de usurios da Apple: Em terceiro, fica a Microsoft: 12


Mobilidade: 900 milhes de 600 milhes. milhes de Windows Phones
usurios. comercializados.

81% deles pela


Nokia.

Aplicativos mveis |I 33
www.iinterativa.com.br

Com relao s lojas virtuais, porm, 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 converso/monetizao/ Mercado Google Play em 2014:
fidelizao Lucro US$ 530 milhes
Aumento no faturamento: 35% em 2011 Aumento de 166%
2014: iOS App Store em nmeros: 38% do market share
Lucro US$ 870 milhes Mdia de downloads de apps por ms: 6.2
Aumento de 53%
62% do market share

60%
Mdia 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

Aplicativos mveis |I 34
www.iinterativa.com.br

De acordo com o Gartner, em 2017, 90%


dos downloads de apps sero das
lojas iOS e Android.

receitas Google apple Microsoft

Receita mdia por


aplicativo
US$ 1125 US$ 4 mil US$ 625

Receita mdia por


desenvolvedor
US$ 6 mil US$ 21.276 US$ 2.222

Aplicativos mveis |I 35
www.iinterativa.com.br

O desenvolvimento de aplicativos
mveis exige ateno a alguns
pequenos detalhes
Em comparao com os desktops, os aparelhos mveis possuem monitores muito reduzidos (entre 4
e 7 polegadas): um objeto de grande potencial pode ser totalmente prejudicado por falta de solues
desenvolvidas especialmente para a sua resoluo.

Todo o estmulo de ao interativa baseado no formato touchscreen, fato que pode causar perturbao
a algumas funcionalidades; interfaces grficas muito grandes e complexas se tornam impraticveis para a
manipulao adequada por parte do usurio.

Muitos recursos no so 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 criao de um bom layout envolve pesquisa acerca dos hardwares mais utilizados
pelo pblico-alvo;

importante conhecer o formato padro dos celulares mais utilizados por esse
pblico especfico: o Samsung Galaxy S3, por exemplo, possui 720 X 1280 pixels
de resoluo; j o iPhone 5, possui 640 X 1136 pixels; o Nokia Lumia 920, por fim,
768 X 1280 pixels.

Aplicativos mveis |I 36
www.iinterativa.com.br

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


do que ferramentas, smbolos e sistemas, eles abrem caminho para um
prspero e vasto mercado. Quem no migrar seus canais digitais para as
tecnologias mveis no futuro prximo correr o risco de deixar de ser
percebido pelo seu pblico, um pblico em constante mudana de hbitos.

Aplicativos mveis |I 37
www.iinterativa.com.br

Sobre a Infobase Sobre a IINTERATIVA


A Infobase est entre as 50 maiores integradoras de TI A Infobase Interativa a agncia digital da Infobase.
do Brasil. Dedicando empenho e esforo para oferecer Tambm conhecida como IInterativa, sua unio com
as melhores solues aos seus clientes, ela conta com a Infobase a torna capaz de entregar solues mais
excelente infraestrutura, valendo-se do que h de mais sofisticadas do que as outras agncias e mais criativas
atual em ferramentas e aplicativos da web. Assim, procura que as consultorias de TI. Seu trabalho envolve pesquisa,
garantir a construo de um relacionamento duradouro e planejamento, projeto, construo e manuteno de
produtivo entre colaboradores, parceiros e clientes. Figura sites, aplicaes e estratgias digitais para clientes com
entre as 200 maiores empresas de tecnologia do pas, caractersticas muito diferentes. Diante de procedimentos
o que inclui os segmentos de Telecom e de fabricantes tticos articulados com clareza, sua equipe de gestores
de software. Contando com quatro escritrios no Brasil leva em conta uma estratgia empresarial bem definida,
dois no Rio de Janeiro, um em Vitria e um em So em ateno pesquisa de experincia do usurio,
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
relaes comerciais de longo prazo.

www.infobase.com.br www.iinterativa.com.br

twitter.com/InfobaseIT twitter.com/IInterativa

facebook.com/InfobaseIT facebook.com/IInterativa

Aplicativos mveis |I 38
www.iinterativa.com.br

FONTES DE REFERNCIA:
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

Aplicativos mveis |I 39
www.iinterativa.com.br

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/

Aplicativos mveis |I 40
www.iinterativa.com.br

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

Aplicativos mveis |I 41