COMO DESENVOLVER APLICATIVOS MÓVEIS EM 5 PASSOS.



Documentos relacionados
10 DICAS PARA TURBINAR SEU PACOTE DE DADOS. 1 - Desative os Dados do Celular. 2 Remova as notificações e atualizações automáticas

Frameworks para criação de Web Apps para o Ensino Mobile

Número de pessoas com acesso à internet passa de 120 milhões

Por que Office 365? Office 365 Por que usar?

Windows Phone: Acesse Configurações > Rede celular + SIM > Ativada/Desativada. Android: Deslize a tela para baixo e desmarque a opção de dados.

Desde que entrou no mercado de smartphones, em 2007, esse é o trunfo da Apple perante a concorrência.

CARTEIRA VIRTUAL C A R D B O A R D CAMINHOS PONTOMOBI EDU

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS APLICATIVOS HÍBRIDOS. Prof. Angelo Augusto Frozza, M.Sc.

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS - APLICATIVOS HÍBRIDOS. Prof. Angelo Augusto Frozza, M.Sc.

MOBILE APPS. Principais características. Permitir que o cliente compre produtos e serviços diretamente via app


OneDrive: saiba como usar a nuvem da Microsoft

Post excerpt to catch readers attention and describe the story in short

RICCA MOBILE IR AUXILIANDO EMPRESAS DE CAPITAL ABERTO A SE COMUNICAREM NO SÉCULO 21: #mobileir

da deusa Athena, da sabedoria na mitologia grega PROPOSTA COMERCIAL Fone:

APRESENTAÇÃO COMERCIAL.

Inicialização Rápida do Novell Vibe Mobile

6/06/ h26 - Atualizado em 26/06/ h30 Boot to Gecko: o futuro celular da Mozilla

Comunicação por meio de dispositivos móveis ainda tem muito para crescer no país

Apresentação. Vitae Tec Tecnologia a Serviço da Vida!

Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line)

Apresenta. SofStore o mais novo aliado no gerenciamento do seu negócio

edição Guia do Marketing Como criar promotores da marca com marketing?

Introdução a Computação Móvel


Introdução. Introdução

Outside On-Line LTDA Telefone: +55 (19) (19) (claro) carlos@outside.com.br

DocuWare Mobile ProductInfo. Gerenciamento móvel de documentos. Benefícios

Universo Online S.A 1

Resumo da solução SAP SAP Technology SAP Afaria. Gestão da mobilidade empresarial como vantagem competitiva

COMO USAR OS VÍDEOS ONLINE PARA ALAVANCAR O MEU E-COMMERCE

Backsite Serviços On-line

Somos uma agência de soluções online, especializada em marketing digital e inovações.

quarta-feira, 11 de agosto de 2010 Treinamento para profissionais criativos

O Office para ipad e iphone ficou bem melhor.

Mudança de direção RODRIGO MENEZES - CATEGORIA MARKETERS

O que é a BuenitStore

A DOCPIX É UMA AGÊNCIA ESPECIALIZADA EM DESENVOLVIMENTO WEB & MARKETING DIGITAL E SOFTWARES, DESDE 2012.

#10 PRODUZIR CONTEÚDO SUPER DICAS ATRATIVO DE PARA COMEÇAR A

Como configurar s nos celulares. Ebook. Como configurar s no seu celular. W3alpha - Desenvolvimento e hospedagem na internet

Dê aos seus clientes a experiência que eles desejam

Welcome Call em Financeiras. Categoria Setor de Mercado Seguros

Conceitos Básicos de Rede. Um manual para empresas com até 75 computadores

BEM-VINDO AO dhl PROVIEW

PROCESSOS DE CRIAÇÃO DE APLICATIVOS

AQUI VOCÊ ENCONTRA! (67) Salas comerciais, veículos, imóveis, serviços, produtos, ofertas, eventos e muito mais...

O Novo Portal Etilux também foi criado para ser um facilitador para nossa Força de Vendas, abrangendo as seguintes características:

A computação na nuvem é um novo modelo de computação que permite ao usuário final acessar uma grande quantidade de aplicações e serviços em qualquer

Entenda as vantagens dos chips de quatro núcleos

Plataformas de BI Qual é a mais adequada para o meu negócio?

Empresa. Porque queremos estar sempre um passo à frente. Queremos que o Futuro aconteça Hoje!

FUNDAMENTOS DE SISTEMAS DE INFORMAÇÃO

Prezado Senhor, Em prosseguimento aos nossos entendimentos, estamos formalizando a nossa proposta para desenvolvimento do site da Digivox.

O que é o Virto ERP? Onde sua empresa quer chegar? Apresentação. Modelo de funcionamento

Como criar um clube de vantagens para seus clientes

RELATÓRIO FINAL DE PROJETO DE INICIAÇÃO CIENTÍFICA (PIBIC/CNPq/INPE)

Como funciona a MEO Cloud?

INSTRUMENTO NORMATIVO 004 IN004

Argumentos de Vendas. Versão Nossa melhor ligação é com você

Introdução do Jornalismo Móvel

FATEC Cruzeiro José da Silva. Ferramenta CRM como estratégia de negócios

FindMyJob: um aplicativo móvel para otimização do processo de busca por vagas de estágios

10 DICAS DE TECNOLOGIA PARA AUMENTAR SUA PRODUTIVIDADE NO TRABALHO

Mídias sociais como apoio aos negócios B2C

PlusPixel Marketing Digital SOMOS MAIS SOCIAIS DO QUE NUNCA

O futuro da educação já começou

CONTRATE UM PROFISSIONAL

E-books. Guia para Facebook Ads. Sebrae

Como criar um clube de vantagens em sua empresa

A MO BI LID ADE NO A PR E SEN TA ÇÃO MET ODO LO GIA PAS SO A PASSO DA COM EN DA ÇÕES COM PRA BRA SIL

SenchaTouch + PhoneGap

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

I - O que é o Mobilize-se

Fundamentos da Computação Móvel

Guia do usuário do PrintMe Mobile 3.0

Personalização da Loja: Personalizamos a sua loja com base na identidade visual da empresa, logomarca, personalização de botões e cores.

Conheça a nova solução de servidor que ajuda pequenas empresas a fazer mais Com menos.

Vídeo In-Stream É isso que os consumidores querem

O MERCADO COM MAIOR CRESCIMENTO

Retorno do investimento com aplicativos empresariais em celulares.

UM FRAMEWORK PARA DESENVOLVIMENTO DE

Conheça as soluções que compõem os Combos Claro e os benefícios que elas oferecem para sua empresa.

Está na hora de adequar seu site para mobile!

Soluções de Vídeo de IP Série MAXPRO APRENDA UM, CONHEÇA TODOS. Aberto, flexível e escalável Plataforma de vigilância de vídeo

Guia básico do MARKETING DIGITAL Como atrair e reter clientes na era digital

!!! Avaliação da Experiência de Uso Mobile. CEF, BB, Itaú e Bradesco

CELULAR X COMPUTADOR APLICATIVO PARA CELULAR DICAS DO SEBRAE

Para multiplar os visitantes do seu site

Otimismo desenvolvedoras de softwares

Benchmark Internacional Usabilidade Prefeituras e Boas Práticas de Planejamento e Gestão. Marcelo Barbosa, M.Sc. José Cláudio C.

Há 15 anos, a Bertholdo é uma empresa especializada em soluções de tecnologia da informação e comunicação.

Lotus Notes 8.5 para o Office 365 para empresas

Manual Vivo Sync. Manual do Usuário. Versão Copyright Vivo

Documentação. Programa de Evolução Contínua Versão 1.76

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina

1. Quem somos nós? A AGI Soluções nasceu em Belo Horizonte (BH), com a simples missão de entregar serviços de TI de forma rápida e com alta qualidade.

JOOPP O construtor de sites mais rápido do mundo!

Desenvolvimento de Aplicações Móveis: Presente, Passado e Futuro

Usar o Office 365 no iphone ou ipad

Transcrição:

COMO DESENVOLVER APLICATIVOS MÓVEIS EM 5 PASSOS.

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. 2

SUMÁRIO A evolução do mercado de smartphones pelo mundo Mercados emergentes Brasil: Índice de vendas aumenta em 22% Os aplicativos são fundamentais para o sucesso das tecnologias móveis O poder dos aplicativos na rotina dos varejistas Desenvolvendo um app mobile WEB APP ou Mobile APP Passo 1: Design Passo 2: Infraestrutura Passo 3: Tecnologia Passo 4: Métricas Passo 5: Publicação O desenvolvimento de aplicativos móveis exige atenção a alguns pequenos detalhes 4 5 6 7 9 10 11 13 21 23 28 32 36 3

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 expectativas; de acordo com a IT Data, a queda estimada para o ano é de 25%. Em contrapartida, a compra 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 smartphones. 4

MERCADOS EMERGENTES Até maio de 2013, a China exerceu amplo domínio sobre os mercados 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 Unidos e toda a Europa. 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 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 em Bangladesh, Índia, Filipinas, Indonésia, Paquistão, Siri Lanka e Nepal. O preço inicial dos dispositivos é de US$ 105. Em resposta, a Microsoft anunciou algumas medidas: a empresa substituirá a Nokia e eliminará as linhas Asha e Nokia X. Com isso, ela pretende alcançar um público de aproximadamente um bilhão de pessoas, e ainda diminuir a diferença para o Android e o ios. OS 7 MAIORES MERCADOS DE SMARTPHONES 250 MILHÕES DE SMARTPHONES 200 150 100 50 CORÉIA REINO UNIDO ÍNDIA BRASIL JAPÃO USA CHINA 2011 2012 5

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. 6

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. 7

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: O aplicativo do Google Maps está disponível para inúmeras plataformas, incluindo Android, Windows Mobile e ios. A versão para Android detalha cerca de 200 países, possui navegação GPS orientada por voz, rotas de transporte público em mais de 800 cidades, informações completas sobre o trânsito em determinada área e até mesmo imagens internas de restaurantes e atrações turísticas. Desenvolvido para ios e Android, o Instagram é um aplicativo gratuito para gravação e postagem de vídeos, produção e divulgação fotográfica, compatível com inúmeras redes sociais. Entre as sete redes mais acessadas no Brasil, o Instagram vem sendo adotado por empresas para soluções de e-commerce caso da startup Arco, que faz o intermédio entre clientes e lojas, permitindo anúncios e compras através da rede social, lucrando 5,5% sobre anunciantes. Michael Bloomberg, sucessor de Rudolph Giuliani na prefeitura da cidade de Nova Iorque e grande empresário do ramo financeiro, lançou o aplicativo Bloomberg, uma das mais confiáveis e completas ferramentas do mercado mundial. Os terminais do app estão presentes em quase todo banco, corretora e seguradora do planeta. Encontra-se disponível para iphone, ipod Touch e ipad. O destaque fica por conta da multifuncionalidade: a ferramenta traz notícias, gráficos, dados atualizados em tempo real sobre as bolsas de valores, entre inúmeras outras funções. 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. 8

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; 9

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. 10

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 é acessado através de um smartphone. Geralmente, ele é encaminhado de uma variação do url original (exemplo: m.nomedosite.com.br). Não é um site responsivo, mas pensado e produzido à parte especificamente para a navegabilidade mobile, contendo layout adequado e conteúdo mais acessado através de dispositivos móveis. Normalmente, um botão funciona como porta de acesso para a versão desktop, caso o usuário deseje funções não disponibilizadas neste modelo. Precisa ser baixado sempre que acessado Acesso apenas on-line Demanda internet Maior compatibilidade com dispositivos Depende da conexão Usa com limitações os recursos do aparelho. Mobile app é um programa desenvolvido para aparelhos móveis. Esses aplicativos podem trazer inúmeras funcionalidades, como comunicação, entretenimento e serviços. Normalmente, são utilizados para facilitar a vida do usuário e aproximá-lo da marca. Algumas empresas oferecem um resumo dos recursos mais procurados em um site, outras plataformas otimizadas para serviços caso de um aplicativo de varejo contendo vitrines virtuais e/ou até mesmo jogos. Disponível para download Funciona off-line Demanda espaço no HD Uma versão para cada dispositivo Mais rápido Pode usar os recursos do aparelho* *GPS, notificação nativa do aparelho e ligações, por exemplo. 11

VOCÊ ESTÁ TENTANDO ATINGIR O MAIOR NÚMERO DE PESSOAS POSSÍVEL? www.iinterativa.com.br SIM NÃO VOCÊ TERÁ TEMPO E RECURSOS PARA CUIDAR DELE? SEU APP USARÁ ALGUMA FUNÇÃO DO TELEFONE, COMO GPS OU NOTIFICAÇÕES? SIM NÃO VOCÊ PRECISA DE UM WEB APP SIM NÃO VOCÊ PRECISA DE UM APP 12

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 Brief ing PERSONAS TAXONOMIA WIREFRAME DE EXPRESSÕES ESTUDO DE CORES 13

Brief ing Conjunto de ideias desenvolvidas através de respostas a importantes questões de mercado (objetivos de alcance sobre o público, relevância de funcionalidades, entre outras). Elas definirão a construção do app. MAPEAMENTO DE EXPRESSÕES Checagem realizada junto aos clientes, de modo a mapear suas reações diante do benchmark apresentado e sua relação direta com aquilo que é esperado do projeto. PERSONAS Definição dos perfis de usuários vinculados à organização (o público da empresa), além de alguns formatos que procurem indicar formas de agradá-los. Simula personagens, com características demográficas e comportamentais, além de expressões classificando sua relação com a empresa. TAXONOMIA Arquitetura da informação do aplicativo. Representa o estudo das funções e linguagens mais aceitas pelo público. WIREFRAMES Protótipos de aplicativo. São simuladores com a arquitetura planejada que visam uma experiência positiva, fazendo com que o conteúdo apresentado seja útil. Nessa parte, o cliente tem acesso ao app simulado, tendo uma prévia de como seu conteúdo e seus recursos serão dispostos. ESTUDO DE CORES Montagem da paleta de cores do aplicativo com base na proposta do briefing. Normalmente, é uma variação da paleta da marca com o acréscimo do conceito e do objetivo do app. 14

VENDAS PUBLICIDADE APP APP APP APP TIME KILLER 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 jogos e de conteúdo. Produção de conteúdo relevante (notícias e compartilhamentos, por exemplo). Utilidade, algo que simplifique a rotina. Compras realizadas diretamente através do app. CONTENT 15

Time Killer as pessoas utilizam celulares para ganhar ou matar tempo. Independentemente do objetivo inicial, um app deve se enquadrar 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 tempo livre, muitas pessoas não conseguem fazer tudo o que planejaram para o dia. Apps que as ajudem a ser mais eficientes, e a ganhar tempo ao simplificar suas tarefas, costumam se sair bem nos downloads. Descontos, promoções, benefícios: apps que oferecem bons negócios costumam fazer sucesso. São muitas opções: oferecer cupons, enviar uma notificação de oferta baseada na localização do cliente ou em algum momento do dia, premiá-lo por alguma interação no app etc. O excesso de trabalho leva a uma necessidade por entretenimento rápido. Jogos são uma ótima pedida para oferecer uma pausa divertida ao seu cliente no meio de um dia atarefado, por exemplo. 16

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: 640x1136 640x960 750x1334 320x480 (Apple iphone 5, 5c, 5s) (Apple iphone 4, 4s; Apple iphone 5) (Apple iphone 6) (Apple iphone 3GS, Samsung Galaxy Ace S5830) 1080x1920 540x960 480x800 480x854 (Apple iphone 6 Plus, Samsung Galaxy S5, Samsung I9505 Galaxy S4, Motorola Moto X, HTC One, Samsung Galaxy Note 3, LG Nexus 5, Sony Xperia Z) (Motorola Moto E, Samsung 19190 Galaxy S4 Mini, Samsung Galaxy S4 Mini 19192, Samsung Galaxy S4 Zoom, HTC One S, Sony Xperia M2) (Samsung I8190 Galaxy S III Mini, Samsung I9100 Galaxy S II) (Sony Xperia E3) 768x1280 240x320 720x1280 (LG Nexus 4 E960) (Samsung Galaxy Y S5360, Samsung Galaxy Y Duos S6102, Nokia Asha 500, LG Optimus L3 II Dual E435) (Samsung 19300 Galaxy S III, Samsung I9305 Galaxy S III, Samsung Galaxy S III CDMA, Motorola Moto G) 17 17

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 UM TEXTO MENUS CURTOS IMAGENS PEQUENAS 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. 18

VALIDAR O CÓDIGO É UMA MEDIDA FUNCIONAL Conforme aumentam as dificuldades de se testar códigos nos dispositivos móveis presentes no mercado, torna-se ainda mais importante haver um código que siga os padrões estabelecidos. 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. É PRECISO INCLUIR LINK PARA O SITE TRADICIONAL É recomendável incluir um link para a versão do site com o layout tradicional, normalmente no rodapé. Muitas vezes, o usuário estará usando um tablet (como o ipad, por exemplo), e prefere visualizar a página em sua versão tradicional. CSS CRIAR UM CSS EXCLUSIVO PARA A VERSÃO MOBILE REPRESENTA UM DIFERENCIAL Embora seja viável criarmos um CSS que atenda tanto a versão tradicional quanto a móbile, na prática do mercado rapidamente constatou-se ser muito mais simples a separação de ambos os layouts em arquivos CSS específicos. Embora seja interessante que as cores gerais e famílias de fontes sejam próximas do layout tradicional, o layout mobile tem características muito específicas para que faça sentido o uso do mesmo CSS da versão tradicional do site. EVITAR O SCROLL HORIZONTAL NO SITE É CRUCIAL Muitas vezes, os dispositivos móveis têm telas pequenas que devem ser manuseadas através dos dedos (touchscreen). Nesse sentido, é preciso evitar a todo custo que o site na versão mobile possua quaisquer barras de scroll horizontais o ideal é seguir o padrão de quase todo dispositivo móvel e usar apenas barras de scroll verticais. Isso, na prática, significa que devemos evitar ao máximo que qualquer elemento do nosso layout estoure os 320 pixels de largura, largura padrão para resoluções de tela de dispositivos móveis. Esta recomendação pode ser revista para, por exemplo, um portal que deva ser acessível apenas por tablets, que apresentam maior resolução. 19

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 for estritamente necessário o uso desses links, é recomendável que alerte que ele abrirá nova janela com alguma mensagem curta, ou ícone, ao lado do link. DEVE-SE LIMITAR O USO DE IMAGENS Layouts para mobile devem usar o menor número de imagens possíveis. Também é preciso tomar cuidado em especial com o tamanho dos arquivos de imagem, visto que no geral a qualidade da conexão de dispositivos móveis será inferior, e as imagens não podem ser muito pesadas (em Kbytes). O ideal é usar apenas a logomarca, alguns ícones de navegação e imagens de fundo para botões e outros elementos. Em uma interface de lista de notícias, por exemplo, é recomendável que existam imagens apenas nos 3 primeiros itens, deixando o restante dos itens da lista apenas com o título (e eventualmente a descrição). DEVE-SE EVITAR AO MÁXIMO O USO DE FLASH E JAVASCRIPT Oficialmente, nenhum dispositivo móvel suporta Flash e JavaScript. Conforme os layouts para mobile tendem a favorecer uma navegação simples e funcional, o uso desse tipo de tecnologia pode e deve ser evitado. O caso do flash é mais grave, visto que até o momento os iphones e ipads não são compatíveis com flash (assim como alguns dispositivos móveis que vem com o sistema operacional Android, pelo menos na versão nativa). Algumas animações e vídeos podem ser criados utilizando a nova tecnologia do HTML5, Canvas, que é compatível com diversos dispositivos móveis modernos. 20

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. APP 2 80% Do tempo e recursos de TI são gastos com infraestrutura para manter as luzes acessas (Gartner Predictions 2012) 21

Os desafios da produção de aplicativos estão diretamente relacionados aos da TI. Entre limitações orçamentárias e altos custos envolvendo os ambientes físicos, torna-se crucial investir em alternativas que viabilizem a produção de apps ao menor custo e, ao mesmo tempo, pleno no desenvolvimento de seu potencial. A fabricação de apps para negócios tem relação direta com a ascensão e a democratização da cloud computing. John McCarthy, grande expoente da ciência da computação desde o começo da década de 60, considerado o pai da Inteligência Artificial, previu que a computação deveria, algum dia, ser organizada como um serviço de utilidade pública, bem como o sistema telefônico. Cada contribuinte precisará pagar apenas pela capacidade que utilizar de fato, mas possuirá acesso a todas as linguagens de programação características de um sistema muito amplo, disse ele. Sem a necessidade de comprar sistemas próprios, pessoas físicas e jurídicas e até mesmo o governo podem compartilhar seu tempo em uma infraestrutura comum a todos eles. Estima-se que 80% do tempo e dos recursos de TI sejam utilizados para manter as luzes acesas. Os custos com servidores da Dell (recepção, armazenagem e encaminhamento de mensagens) não ultrapassam os 300 dólares. Ao adicionar o software Windows Server para rodar uma máquina, no entanto, logo surge o Microsoft Exchange Server, de modo a possibilitar a administração de e-mails; os custos de um setor que conta com 50 funcionários subiriam para 3.250 dólares. O Exchange Online, versão alternativa criada pela própria Microsoft, custa 10 dólares mensais por usuário, com capacidade de armazenamento ilimitada. Os 6.000 dólares anuais representam custos muito menores que aqueles relativos à manutenção de máquinas, infraestrutura adequada e mão-de-obra especializada. Há, ainda, uma vasta quantidade de bons servidores gratuitos em versão demo; através de cadastros de assinatura, eles oferecem serviços premium, que são evidentemente pagos. A própria Amazon Web Services (AWS) oferece um grande 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. Normalmente, aplicativos se comunicam com servidores web de modo que informações sejam trocadas: isso ocorre através de webservices. Seu mecanismo de abstração funciona de modo análogo ao utilizado na internet. Um webservice funciona para que um aplicativo de taxi calcule a tarifa a ser cobrada, por exemplo. Nesse caso, um banco de dados é criado para que constem os valores da base de cálculo tarifário. Isso pode ser feito a partir do Google Maps, API que, a partir da localização dos destinos de origem e final, auxiliaria em uma estimativa prévia dos valores envolvidos. APIs Application Programming Interfaces (em português, Interface de Programação de Aplicativos) são padrões e rotinas estabelecidas por software, e somente são acessíveis através de códigos de programação. Elas são dirigidas especialmente para apps nativos. 22

3 PASSO 3: TECNOLOGIA www.iinterativa.com.br? 23

1 PLATAFORMA N PLATAFORMAS 24

ALTERNATIVAS MULTI-PLATAFORMAS 25

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. 26

BONS FRAMEWORKS SÃO FUNDAMENTAIS PARA A CRIAÇÃO DE APLICATIVOS MÓVEIS Versão mobile do famoso framework jquery, o jquery Mobile foi programado para a 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 arquivo CSS personalizado. O poderoso Titanium Mobile permite a 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 que auxilia muito em questões de suporte. The-M-Project é outro potente framework de JavaScript pautado em MVC, em linguagem HTML5. Ele possui suporte off-line, o que permite a continuidade do trabalho caso a conexão com a internet se perca. O Apache Flex fornece linguagem em código 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, com a correção de 50 bugs contidos na versão anterior. O Sencha Touch é baseado em HMTL5, Javascript e CSS; ele permite a criação de aplicações semelhantes às nativas e sua estrutura é bastante organizada (arquitetura MVC). 27

PASSO 4: MÉTRICAS CONSULTORIA IDEIAS CÓDIGO 4 aprenda DADOS mensure 28

KPI ENGAJAMENTO DOWNLOADS NAVEGAÇÃO CONVERSÃO 29

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 Saber se o seu app está sendo utilizado e, especialmente, de que maneira; isso inclui mapear as regiões, os idiomas, os períodos de uso, os serviços de preferência e os sistemas operadores. Bons apps fornecem soluções claras para problemas específicos. Layout, botões, posições dos elementos: tudo isso é alçada da Usabilidade. DURAÇÃO DA SESSÃO Simplesmente abrir um aplicativo é diferente de permanecer por algum tempo, até horas, nele; a duração da sessão funciona como o tempo que um usuário permanece em uma página da web, e funciona para mensurar sua ligação com a ferramenta. RETENÇÃO DE USUÁRIOS A taxa correspondente ao grupo de usuários que desinstalam um app é conhecida como churn rate, e essa é uma parte importante da avaliação do desempenho de um app; apps para ios e Android perdem cerca de 96% de seus usuários em seu primeiro ano de existência; 65% param de usá-lo já no terceiro mês. 30

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. MAU DAU 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. 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. 31