fingertips - tablets e smartphones: como lidar e comunicar com estas novas mídias focando nos...

Tablets e smartphones “Como lidar e comunicar com estas novas mídias focando nos aplicativos”

@renato_gosling

sexta-feira, 16 de setembro de 11

O mais difícil aqui...

Dizer coisas a vocês que fazem todo sentido e ajudem no dia-a-dia a evoluírem no mobile, especialmente em apps :-)


Mais do que querer ensinar...

é compartilhar minhas experiências e provocar discussões para evoluirmos neste mercado de apps!


25etapas para o sucesso

em rich mobile nos apps


planejarescolher o fornecedorconfigurar o negóciocontribuir com o projetopromovermensurar os resultados

de como...


Provocar um brainstorm e ter um

briefing claroA importância da proposta de valor

Apps x Site MóvelDe acordo com a

experiência em cada plataforma

De acordo com o “porte”

5 tipos de projetos ou apps

De acordo com a abrangência dos

serviços

Ter um briefing claro e reservar recursos

para fornecer os materiais e

webservices

Examinar, entender e participar do

wireframe e layout

Acompanhe o desenvolvimento

Não pressionar prazos impossíveis

Primeiro Passo: Institucional

Segundo Passo:“Serviços” ou “Corporativo”

Terceiro Passo:Games ou

Revistas nos Tablets

Tweet, facebook, post e compartilhamentos.

Redes especializadas

RedeMobi

Cross promotionentre apps

Updates planejados

Faça as evoluções sempre de acordo

com métricas

Mais que downloads, veja

frequencia de uso

Veja o relatório mensal ou acesse seu analytics com mais frequencia

Quais plataformas escolher?

Lembre-se que o app começa quando

termina

Seu Website, assinatura de email e material de comunicação

A propaganda mais antiga


Como planejar em rich mobile


1.A importância da proposta de valor


Em uma frase simples, objetiva e clara o consumidor tem que dizer para que veio este app na terra.

Exemplo.: ver meu saldo e fazer transações.

Caso contrário...


2.Provocar um Brainstorm

e ter um briefing claro


“Faça, desfaça e refaça”


3.Quais plataformas escolher?


Não é o que o board utiliza e sim quais devices utlizam o target!

Dica.: Pesquisar e verificar os acessos (métricas)Ecossistemas que geram mais resultado iOS + Andorid


4.Apps x Site Móvel


apps

Expe

riênc

ia de

uso

Abrangência

sites móveis

Apps x Site Móvel


como escolher o fornecedor



Apps x Site MóvelQuais plataformas escolher?


5.De acordo com a experiência

em cada plataforma


Pato voa, anda e nada...


6.De acordo com o “porte”


“do it yourself” desenvolvedores premiados

$ $$$sexta-feira, 16 de setembro de 11

7.Abrangência dos serviços


desenvolvedor puro “full-service”

planejamento

wireframe

layout

desenvolvimento

divulgação

avaliação de resultados


Como configurar o negócio







serviços



8.Os 5 (cinco) tipos

de projetos ou apps


Os 5 (cinco) tipos de projetos ou apps

✓ Institucional;

✓ Serviços;

✓ Corporativos;

✓ Games;

✓ Produtos (como por exemplo revistas nos tablets TouchPublisher, Woodwing e Adobe);


9.Primeiro Passo“Institucional”


✓ Normalmente é a primeira iniciativa da empresa;

✓ Sem muita integração com sistemas;

✓ Notícias, compartilhamento nas redes socias, contatos e localização dos escritórios são as funcionalidades mais comuns


10.Segundo Passo

“Serviços” e “Corporativo”


App de “Serviços”


App “Corporativo” Fazenda Boa vista e Haras Larissa


11.Terceiro Passo

Games ou revistas nos tablets


Game Chupacabra para Venevision Mobile


Produtos (exemplo.: revistas nos tablets TouchPublisher, Woodwing e Adobe)


Como contribuir com o projeto








serviços

First Step.: Institucional

Second Step.:Utilitários ou

Serviços

Third Step.: Games ou




12.Não pressionar prazos

impossíveis


o que é feito com pressa demora mais

ou ...


13.Ter um briefing claro e reservar

recursos para fornecer os materiais e webservices


Ter organização e trabalhar em equipe


14.Examinar, entender e participar

do wireframe e layout


BUSCA DE CREDENCIADOS

MINHA CONTA

CONCIERGE

CONFIGURAÇÕES

CONFIGURAÇÕES

Aqui o usuário faz a busca por toda a rede de credenciados Amil One. Ele deve inicialmente escolher qual a categoria desejada.

G3 11:10

ResultadosVoltar

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

TELA DE LOADING 1

Na busca por localidade, o usuário irá determinar o estado e a cidade onde deseja procurar por credenciados.

O usuário faz a escolha do estado desejado de uma lista de opções organizada em ordem alfabética.

Os resultados são exibidos por ordem alfabética dos bairros existentes.

Na busca por nome, o usuário digita parcial ou completamente o nome do credenciado buscado.

Os resultados são apresentados organizados em ordem alfabética de estados, com os credenciados que possuem, em seu nome, as palavras digitadas pelo usuário na etapa anterior.

Caso necessário, é possível colocar um botão de “Estados” no alto à direita, para que o usuário selecione o estado desejado, dentro de uma tela com uma lista, para !ltrar os resultados para somente um estado especí!co.

Caso necessário, é possível colocar um botão de “Bairros” no alto à direita, para que o usuário selecione o bairro desejado, dentro de uma tela com uma lista, para !ltrar os resultados para somente um bairro especí!co.

O botão “Minha carteirinha” traz uma representação virtual !el da carteirinha real do usuário, de acordo com o plano que possui.

Na opção “Minha conta”, o usuário pode ter maiores detalhes acerca do seu plano e também pode veri!car o status de reembolsos solicitados.

O aplicativo carrega as informações pertinentes ao plano que o usuário possui. Dependendo da quantidade de texto, é possível fazer o scroll ou dividir os textos em seções menores.

Uma lista dividida por anos apresenta os meses em que houve reembolso, para o usuário poder escolher aquele que o interessa.

Os reembolsos daquele mês especí!co são apresentados da mesma maneira que os mais recentes, via “!chas”.

Aqui o aplicativo apresenta a situação dos 5 últimos reembolsos solicitados pelo usuário (imaginando que nenhum !que pendente por um tempo muito longo). Com um swipe, o usuário acessa as outras “!chas” com demais reembolsos. Ao mesmo tempo, caso deseje, pode acessar o histórico pelo botão ao alto à direita.

Um toque na carteirinha faz com que ela rotacione, revelando o verso, onde estão as informações do usuário, que foram preenchidas baseadas nos dados relacionados ao login e senha digitados no início de uso do aplicativo.

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

CarteirinhaVoltar

WIREFRAME v.01 - 01/03/2010* Este wireframe não é o layout do aplicativo. Ele é uma representação grá!ca dos conteúdos das principais telas do aplicativo, como elas se relacionam entre si e como é o "uxo geral de funcionamento do aplicativo. Aplicações da marca serão feitas adequadamente quando da elaboração do layout. Textos e nomenclaturas também estão sujeitos à modi!cação.

APLICATIVO AMIL ONErich mobile solutions

icoÍCONE DO APLICATIVO

G3 11:10 G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Bem vindo ao One, Fulano.

ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Médicos

Hospitais

Laboratórios

Prontos Socorros

Clínicas Especializadas

Consulte aqui a sua rede credenciada.

G3 11:10

Voltar Médicos

Especialidade 1

Especialidade 2

Especialidade 3

Especialidade 4

A

Especialidade 5

Especialidade 6

Especialidade 7

Especialidade 8

B

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

Voltar Estado

Estado 1

Estado 2

Estado 3

Estado 4

A

Estado 5

Estado 6

Estado 7

Estado 8

B

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

Voltar Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

PróximosNome Localidade

Buscar

Localize os credenciados mais próximos a você.

G3 11:10

Voltar Resultados

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10


ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


Escolha o estado e a cidade onde deseja buscar os credenciados.

Estado

Cidade

G3 11:10


ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


Buscar

Nome

Digite o nome (parcial ou completo) do credenciado buscado.

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Con!ra aqui os detalhes do seu plano.

ico

Plano

ico

Reembolsos

Voltar Minha conta

G3 11:10

Minha conta

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Plano

ico

Reembolsos

Voltar

G3 11:10

Plano

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Voltar

One Black (T2)

- Rede Hospitalar Premium;- Rede de Prestadores Médicos Premium;- Opção de escolha por 3 patamares de reembolso distintos;- Assistência em Viagem com limite de US$100.000 para despesas médicas;- Resgate Saúde;- Pacote de Serviços One;- Cobertura para Vacinas;- Transplantes além dos estipulados

G3 11:10

Minha conta

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Plano

ico

Reembolsos

Voltar

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

CarteirinhaVoltar

Da primeira vez que o aplicativo é usado, o usuário deve fornecer as informações de usuário e senha de seu plano One, para ter acesso às funcionalidades do aplicativo. Essa informação é fornecida apenas da primeira vez, !cando gravada automaticamente. O usuário poderá alterá-las posteriormente acessando a aba “Con!gurações”.

O aplicativo abre na conta do usuário, onde este poderá acessar mais informações relativas à sua conta ou sua carteirinha. A barra inferior sempre visível permite que ele navegue pelas diversas áreas do aplicativo a qualquer momento.

Escolhida a categoria, o usuário deve selecionar a especialidade.

Existem 3 opções para o usuário realizar sua busca: pelo GPS do aparelho (proximidade da sua posição atual), pela localidade (escolha de estado / cidade) ou pelo nome do credenciado (digitação de dados).

Na aba Concierge, o usuário tem acesso a informações textuais e um botão com função Touch to call para a central de relacionamento.

Na aba Con!gurações, o usuário poderá alterar seu login e senha. Os campos vem preenchidos, com o botão “Sair” disponível. Quando o usuário sai, o botão é alterado para “Ok”.

O botão de informações dá acesso a uma tela com textos sobre o plano One e também sobre o aplicativo em si. Nessa mesma tela, o usuário pode enviar um mail com sugestões e críticas usando o botão ao alto à direita.

Para o envio do e-mail, será aberto o próprio aplicativo de envio de mensagens do iPhone/ iPod.

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Concierge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna felis, rhoncus id mollis eget, suscipit in turpis. Morbi lacinia sagittis est, non eleifend dolor feugiat a. Morbi massa tellus, eleifend vel malesuada quis, vestibulum non orci. Duis cursus dapibus euismod.

Central de Relacionamento One

0800-021-30663

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Concierge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna felis, rhoncus id mollis eget, suscipit in turpis. Morbi lacinia sagittis est, non eleifend dolor feugiat a. Morbi massa tellus, eleifend vel malesuada quis, vestibulum non orci. Duis cursus dapibus euismod.


0800-021-30663

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


ico

Minha conta

ico

Minha carteirinha

i

G3 11:10

Sair

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mollis vestibulum. Nam sed quam diam. Praesent non nisl ut sem posuere semper. ed ultricies mauris eleifend eros bibendum scelerisque. Mauris sodales tempor molestie.

Sobre o One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mollis vestibulum. Nam sed quam diam.

Sobre este aplicativo

G3 11:10

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

A3MENSAGEM DE ALERTA 3

G3 11:10

OK

Usuário:

Senha:

G3 11:10

Reembolsos

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Voltar Histórico

Data: dd/mm/aaaa

Serviço:

Status:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mollis vestibulum.

Concluídoico

G3 11:10

Mês 2 / AA

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Voltar

Data: dd/mm/aaaa

Serviço:

Status:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mollis vestibulum.

Concluídoico

G3 11:10

HistóricoVoltar

Mês 1

Mês 2

Mês 3

Mês 4

Mês 1

Mês 2

Mês 3

Mês 4

2010

2009

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

Voltar Cidade

Cidade 1

Cidade 2

Cidade 3

Cidade 4

A

Cidade 5

Cidade 6

Cidade 7

Cidade 8

B

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10


ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações


Escolha o estado e a cidade onde deseja buscar os credenciados.

Estado 2

Cidade

No primeiro uso do aplicativo, o usuário deve digitar seu login e senha. Mensagem que o alerta para eventuais erros de digitação.

Para o caso em que não foi possível obter resultados na busca de credenciados realizada pelo usuário.

G3 11:10

ResultadosVoltar


Não há resultados para a sua busca. Tente

novamente com outras opções de busca.

OK

Para o caso em que não foi possível obter resultados na busca de credenciados realizada pelo usuário.

G3 11:10

ResultadosVoltar

O usuário e/ou senha não foram digitados corretamente.

OK

G3 11:10

ResultadosVoltar

Não foi possível determinar a sua posição.

Tente novamente ou insira manualmente a

localização.

OK


G3 11:10

ResultadosVoltar


Existe uma nova atualização na base de dados. Deseja fazer o

download ou continuar com os dados antigos?

AtualizarCancelar

O aplicativo sincroniza a base de dados quando há atualização disponível. O usuário pode escolher baixar a nova base ou continuar usando a anterior.

Realizando busca...

Cancelar

G3 11:10

ResultadosVoltar

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

ResultadosVoltar

BairroNomeEndereço

BairroNomeEndereço

BairroNomeEndereço

BairroNomeEndereço

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Estado 1

Estado 2

G3 11:10

ResultadosVoltar

BairroNomeEndereço

BairroNomeEndereço

BairroNomeEndereço

BairroNomeEndereço

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Bairro 1

Bairro 2

G3 11:10

ResultadosVoltar

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

BairroNomeEndereço

00 km

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

BLOCO A. RESULTADOS E DETALHES DA BUSCA A

Neste caso, como o usuário chegou a esta tela através do próprio mapa, ele tem apenas a opção adicional de traçar a rota.

Ao clicar no número de telefone, o usuário tem as opções de ligar ou gravar o número na agenda. No caso de iPod, somente a opção de gravar o número estará disiponível.

G3 11:10

ico

ico

ico

ico

ico

ico

ResultadosVoltar

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

ico

ico

ico

ico

ico

ico

ResultadosVoltar

NomeEndereço

MapaLista

Especialidade 1

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

G3 11:10

ico

ResultadosVoltar

NomeEndereço

ico

Credenciados

ico

Minha conta

ico

Concierge

ico

Con!gurações

Caso o usuário deseje ver todos os resultados no mapa, ele toca no botão correspondente na barra, que o leva a uma visualização com ícones espalhados pelo mapa.

Detalhes principais do credenciado são exibidos nesta tela. Os telefones diretos são normalmente apenas informativos, e o telefone da central de relacionamento One tem a função Touch to call. Usuários de iPod não tem acesso à essa função, que !ca desabilitada.

G3 11:10

DetalhesVoltar

Nome

Especialidade

Lorem ipsum dolor sit amet.

Outras especialidades Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Endereço R AZEVEDO MACEDO - 92 CEP: 04013-060 – SAO PAULO - SPVILA MARIANA

Telefone

(0xx11) 4208-1010


0800-021-30663

Mapa

G3 11:10

DetalhesVoltar Mapa

Nome

Especialidade




Telefone

(0xx11) 4208-1010


0800-021-30663

G3 11:10

DetalhesVoltar Mapa

Nome

Especialidade




Telefone

(0xx11) 4208-1010


0800-021-30663

G3 11:10

DetalhesVoltar

Nome

Especialidade




Telefone

(0xx11) 4208-1010


0800-021-30663

Mapa

Traçar rota

Cancelar

G3 11:10

DetalhesVoltar Mapa

Nome

Especialidade




Telefone

(0xx11) 4208-1010


0800-021-30663

Gravar número na agenda

Ligar para este número

Cancelar

Traçar rota

Mostrar no mapa

Cancelar

BLOCO A. RESULTADOS DA BUSCA

A

DEMAIS CATEGORIAS(FLUXO DE NAVEGAÇÃO

SEMELHANTE AOEXEMPLIFICADO).

APLICATIVO DEE-MAIL

MENSAGEM DE ALERTA 4



A2


A4


A3


A4

BLOCO A. RESULTADOS DA BUSCA

A

Nome_do_usuário_já_preenchido

Utilize os campos abaixo para alterar o usuário.

Sair

Na busca por proximidade, o usuário apenas pressiona o botão “Buscar”, e o iPhone irá localizar a posição do usuário e buscar por credenciados próximos. Para usuários de iPod, uma mensagem é exibida caso não seja possível determinar a sua posição.

Na busca por proximidade, os resultados são apresentados por ordem de proximidade. O usuário tem a possibilidade de exibir os resultados numa lista (default) ou como ícones no mapa.

Neste caso, como o usuário chegou à tela de detalhes através da lista, ao usar o botão “Mapa” ele pode tanto exibir o credenciado no mapa ou traçar a rota.

Gravar número na agenda

Ligar para este número

Cancelar


15.Acompanhe o

desenvolvimento


Entenda o principal de tecnologia para não te enganarem. Entenda também que tudo é um processo e que acontece transições

Fechamento e Kickoff

Wireframe e layout

Desenvolvimento, testes e homologação


16.Lembre-se que o app

começa quando termina


Não pode haver a sensação “fiz minha parte”, igualmente ao digital a evolução é sim fim e constante









serviços



webservices


wireframe e layout





Serviços





termina









serviços



webservices


wireframe e layout





Serviços





termina

Como promover


17.Seu Website e material

de comunicação


18.Tweet, facebook, post e

compartilhamentos.


19.Redes especializadas

RedeMobi


20.Cross promotion

entre apps


Link para o aplica,vo Coelho da Fonseca iPad

Link para a Revista Private Brokers


21.Updates planejados


3 mês

12 mês

9 mês

6 mês

15 mês

...Começo do fim!


22.A propaganda mais antiga


“A alma do negócio é a propaganda”


como mensurar os resultados








serviços



webservices


wireframe e layout



Primeiro Passo.: Institucional

Segundo Passo.:Utilitários ou

Serviços

Terceiro Passo.:Games ou




RedeMobi


Updates planejados



termina




23.Veja o relatório mensal ou

acesse o seu analytics


24.Mais que downloads, veja

frequencia de uso


25.Faça as evoluções de

acordo com o feedback dos usuários e métricas









serviços



webservices


wireframe e layout



Primeiro Passo: Institucional

Segundo Passo:“Serviços” ou “Corporativo”

Terceiro Passo:Games ou




RedeMobi


Updates planejados

Faça as evoluções de acordo com feedback dos

usuários e métricas

Mais que downloads, veja

frequencia de uso

Veja o relatório mensal ou acesse seu analytics com mais frequencia



termina




Obrigado pela paciência ;-)

Renato Gosling@renato_gosling

[email protected]


mailto:[email protected]

mailto:[email protected]

fingertips - tablets e smartphones: como lidar e comunicar com estas novas mídias focando nos...

Business