apresentação google maps

44
Abordagem Sistêmica Professora Cláudia Stamato Alunos: Fernanda Sarmento Letice Botelho Danilo Blum Raphael Freitas Souza Tadeu Garcia dos Santos Google Maps

Upload: fernanda-sarmento

Post on 15-Apr-2017

340 views

Category:

Design


0 download

TRANSCRIPT

Abordagem SistêmicaProfessora Cláudia Stamato

Alunos:Fernanda SarmentoLetice BotelhoDanilo BlumRaphael Freitas SouzaTadeu Garcia dos Santos

Google Maps

Google Maps

O Google Maps pode te ajudar dizendo onde você está, os lugares que você pode ir e como chegar até lá.

POR QUE ESCOLHEMOS O GOOGLE MAPS (ANDROID APP)?

- O tema da navegação nos interessou, pois possuímos um integrante que vem de Minas todo final de semana ter aula conosco;

- Atualmente o Google Maps é o maior e mais popular navegador do mundo, com mais de 1 bilhão de pessoas acessando por mês;

- Todos no grupo utilizam e tinham acesso ao Google Maps para Android, de diferentes formas (carro, transporte público, etc.).

SUMÁRIO

5

19

34

8

20

35

17

24

40

18

27

44

Introdução

Funções dentro do Gmaps Android

Quadro 1

Quadro 2

Quadro 3

1º Fluxograma Ação - Decisão

2º Fluxograma Ação - Decisão

3º Fluxograma Ação - Decisão

Quadro 4

Comunicação

Considerações finais

Referências bibliográficas

Google Maps Android APP

INTRODUÇÃO

Google maps é um serviço de pesquisa e visualização de mapas e imagens de satélite da Terra gratuito, desenvolvido e lançado pelo

Google, em 8 de fevereiro de 2005. Atualmente está disponível para vários países e em diversos idiomas na versão web e aplicativo para

iOS e Android.

Google Maps Android APP

INTRODUÇÃO

Você poderá encontrar os melhores pontos da cidades, receber informações de como chegar até eles, explorar o mundo com mapas de satélite, terreno, street view ou pelo google earth. Poderá também acompanhar o trânsito em tempo real e traçar rotas para ir à pé, de

bicicleta, carro ou com transporte público.

Google Maps Android APP

INTRODUÇÃO

É possível salvar seus lugares favoritos, além de poder avaliar, comentar, ver as informações de contato: site, endereço, horário de

funcionamento e telefone.

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Visualização dos mapas

Menu Tráfego Transporte público Ciclovia

Visualização de vias

Google Maps Android APP

Padrão Satélite Terreno Google Earth

FUNÇÕES DENTRO DO GMAPS ANDROID

Visualização dos mapas

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Navegação direta no mapa por gestos

Aproximar Afastar Rotacionar Inclinar

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Atalhos de busca

Lugares recentes buscados

Serviços mais buscados (restaurantes, cafés,

bares e atrações)

Outros serviços Lugares próximos do histórico de buscas

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Informações da busca

Horário expandido

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Rotas e navegação

Opções de rotas Passo a passo das direções

Confirmação da função

Navegação por voz e posição atualizada

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Adicionar local ao Gmaps

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Editar local do Gmaps

Google Maps Android APP

FUNÇÕES DENTRO DO GMAPS ANDROID

Mapa offline

Área posicionada Comando para executar a função

Confirmação da função

Detalhes sobre mapas offline

Google Maps Android APP

QUADRO 1

CARACTERIZAÇÃO E POSIÇÃO SERIAL DO SISTEMA

1 Não foram inseridos outros alimentadores como a câmera, por exemplo, porque não faziam parte da função principal selecionada para trabalharmos.

2 Não foram inseridos os requisitos técnicos: espaço disponível no aparelho e versão do Android, porque segundo a loja de aplicativos, variam de acordo com o dispositivo.

Restrições- Informações que não foram

cadastradas no banco de dados (estabelecimentos,

obras, etc.)

Saídas- Dados inseridos- Localização informada- Execução do usuário- Locais analisados

Entradas- Dados cadastrados- Localização- Intenção do usuário- Locais para analisar

Meta

Navegação no espaço terrestre através do smartphone,

seguindo informações sobre diversos meios de transporte.

Requisitos

a) Técnicos :- Conexão à internet- Celular com bateria- GPS

Sistema AlvoGoogle Maps Mobilepara sistema Android

SistemaUlteriorUsuário do celular

SistemaAlimentador- Database Google- Usuário Celular- GPS- Android (em algunscasos, registro dosprincipais trajetos automaticamente)

Resultadosdespropositados- Trajetos perigosos-Indicação de locais

cadastrados erradamente;-Erros de conexão à internet.

1

2

Google Maps Android APP

Ecossistema: Alphabet e seus produtos

Supra-supra-sistema: Google e seus produtos

Supra-sistema: Google Maps

Sistema-Alvo: Google Maps Mobile para Android

Subsistema 1: Busca

Subsistema 2: Exibição

Padrão

Terreno

Tráfego

Transp. Público Google Earth

Ciclovia Satélite

Por texto Por voz

Endereço

Estabelecimento

QUADRO 2

ORDENAÇÃO HIERÁRQUICA DO SISTEMA

Google Maps Android APP

Supra-sistema: Google Maps

Sistema Paralelo 1:Google Maps Desktop

Busca

Exibição

Sistema Redundante:Google Maps Mobile

para iOS

Busca

Exibição

Sistema-Alvo:Google Maps Mobile

para Android

Busca

Exibição

QUADRO 3

EXPANSÃO DO SISTEMA

Google Maps Android APP

1º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Pesquisa por endereçoDeslocalmento por transporte público GPS ligado.

Abrir tela inicial

1.0

3a

2a 3a

INÍCIO Pesquisa por texto?

clicar microfone

falar endereço

S

2b 3b

clicar barra de busca

Digite o endereço

N

1

Google Maps Android APP

1º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Pesquisa por endereçoDeslocalmento por transporte público GPS ligado.

5a

5a

6a

6b 7bclicar ícone três barras

ou deslizar tela para direita

selecionar transp. público

visualizar telaobs: não há mudanças

selecionar deslocamento(ícone transp. público)

clicar ícone azul

5b

2

4.0

visualiza mapa

ou1

5a 5b

Google Maps Android APP

1º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Pesquisa por endereçoDeslocalmento por transporte público GPS ligado.

1.0

Clicar emOpções

marcar opções

satisfeito com as sugestões?

sel. sugestãode deslocamentoou inverter sentido

selecionar etapa do trajeto

ou

Clicar seta “voltar”

visualizartrajeto mapa/clicar em rodapé

S

N

8b

8c

8a

9b

9a 10a

4

3

2

8a 9a

10a

8b8c 9b

Google Maps Android APP

1º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Pesquisa por endereçoDeslocalmento por transporte público GPS ligado.

visualizar etapa do trajeto

Prosseguir comesta opção?

Satisfeito comas opções?

Satisfeito comresultado?

Clicar CANCELAR

clicar CONCLUÍDO

S

N

S 8a

8aS

S FIM

N8c

N8c

12a

12b

11.0

4

3

11.0 12a

Alguns problemas percebidos:

Aparecem algumas combinações de ônibus e trajetos pouco viáveis, com tempo de espera e tempo de deslocamento maiores (12a).

Visualização de transporte público não aparece o trajeto dos ônibus (7b).

COMENTÁRIOS DA TAREFA

Google Maps Android APP

2º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Utilizar o atalho “Seus lugares”Fazer o caminho de casa até o trabalho de carro

Clicarno aplicativo

INÍCIO Clicarno menu

Selecionar item:“Seus lugares”

Sel.destino desejadoEx: Comercial

1

Google Maps Android APP

2º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Utilizar o atalho “Seus lugares”Fazer o caminho de casa até o trabalho de carro

6.0Endereçode origemcorreto?

SClicar noícone “carro”

5.0Informar seu localde origem no mapa

1

6.0N

2

Google Maps Android APP

2º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Utilizar o atalho “Seus lugares”Fazer o caminho de casa até o trabalho de carro

8.0Chegou aodestino?

Iniciarnavegação

7.0Deslocar-seconforme indicação

2 S FIM

8.0N

O Google identifica padrões de comportamento e realiza um cruzamento de informações para identificar se o endereço é comercial ou residencial. Depois ele sugere que o usuário salve os endereços para facilitar uma próxima navegação.

COMENTÁRIOS DA TAREFA

Google Maps Android APP

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

2

2

Clicarno aplicativo(se houver)

INÍCIO

Clicarmicrofone

falar local desejado

Clicaríconeaplicativo

Clicarcaixa debusca

Digitardestinodesejado

1

3.0

Pesquisapor texto?

S

N

3

Google Maps Android APP

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

Clicar emlistar resultados

Selecionar e clicarem um local

Clicar na forma dedeslocam. visível

3GPS estavaautorizado?

4

4

5

6

7

N

GPS estavaautorizado?

N

S

S

Google Maps Android APP

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

Clicar no símbolode GPS

7.16.0Clicar no ícone

para voltar

Autorizarlocallização

6

5 4

8.0Clicar no íconedeslocamento

9.0Clicar no íconedeslocamento

710.0

Aceitar disclaimerversão beta

8

8Elegível aoaceite?

N

S

Google Maps Android APP

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

5.1Deslocar-seconformeindicação

8

8

Chegouao destino?

N 9

Destinoestá OK?

N

S S FIM

13.0Clicar no íconevoltar 2x

9 4

13.05.1

Google Maps Android APP

A) Chegou a dar erro na rede. Serviço sujeito à insiponibilidade por: bateria, internet e sinal GPS.

B) Navegação pouco intuitiva para quem nunca teve contato com produtos Google, Sistema Android e GMaps/Navegadores em geral. Acima indico alguns.

Precisa saber que aqui “retorna” para tela anterior.

Precisa saber que aqui é para ligar o GPS para localização atual.

Precisa saber que a busca é aqui.

Precisa saber que aqui abrirá as outras opções.p.s.: em outro momento testando o aplicativo apareceu a tela com “trajeto”.

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

COMENTÁRIOS DA TAREFA

Google Maps Android APP

Tentativa 1ª farmácia. “Seu destino está à sua esquerda”.

A caminho da segunda farmácia, avisto uma aberta não indicada.

Tentativa 2ª farmácia. Existia, mas estava fechada.

Tentativa 1ª farmácia. Verificando o número 19 da rua, para ver se era apenas um problema no mapa.

C) Base de dados pouco consistente: Me levou para um lugar onde não havia farmácia, no endereço da primeira farmácia não existia nenhum prédio comercial. A segunda farmácia estava fechada sem ter esse dado indicado. Por fim, no meio do caminho existia uma farmácia aberta que não foi sugerida.

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

COMENTÁRIOS DA TAREFA

Google Maps Android APP

Aqui a farmácia apareceu ao lado.

D) Base de dados pouco consistente: A segunda farmácia chegou “antes” do indicado no mapa.

E) Nas instruções de voz há um revezamento entre instruções diretas e compreensíveis (direita/esquerda) e instruções cardinais sem utilidade se não forem acompanhadas visualmente (siga na direção sudeste ou noroeste).

3º FLUXOGRAMA AÇÃO - DECISÃO

Tarefa: Encontrar Farmácia, ir a pé

COMENTÁRIOS DA TAREFA

Google Maps Android APP

QUADRO 4

MODELAGEM COMUNICACIONAL

Google Maps Android APP

COMUNICAÇÃO

VISÃO

Informações do aplicativo exibidas na tela do smartphone e com o mundo real através de suas informações de saída.

AUDIÇÃO

Função de navegação por voz.

TATO

Interagindo com a interface através do toque na tela do smartphone e se deslocando no mundo real.

Google Maps Android APP

COMUNICAÇÃO

MATERIAL DESIGN

Identidade visual criada pelo Google, inicialmente para a interface de seu sistema operacional Android 5 Lollipop e seus aplicativos. Alguns de seus elementos foram adotados por seus usuários em interfaces próprias de aplicativos e sites.

Recentemente o Google lançou um manual de uso do Material Design para sites, com os mesmos elementos encontrados em seu sistema operacional e aplicativos para plataforma mobile. Com isso, surge uma padronização de interfaces em todos os dispositivos com telas de diferentes tamanhos.

Google Maps Android APP

OBJETIVO:

- Unificar aspectos visuais e funcionais produtos do Google.

- Experiência do usuário.

- Facilitar para os colaboradores.

- Permitir boa leitura.

- Uso em diferentes dispositivos.

- Funcionalidades e informações intuitivas e mais espaçadas, compreensivas de modo fácil e imediato.

PRINCIPAIS CARACTERÍSTICAS:

- Consistência, coerência e padronização.

- Grande clareza, legibilidade e ausência de complexidade.

- Formas geométricas, simples, amigáveis, em negrito.

- Formas vistas de frente, chapadas.

- Características humanas - amplificam o significado do ícone.

-Sombras leves.

COMUNICAÇÃO

MATERIAL DESIGN - PADRONIZAÇÃO

Hierarquia de botões: Float Action Button, Raised Button e flat Botton.

Principais ícones utilizados noGoogle Maps

Google Maps Android APP

COMUNICAÇÃO

MATERIAL DESIGN - PADRONIZAÇÃO

google now

home screen androidgoogle maps

gmail

contacts

Em termos de usabilidade, a padronização de elementos e suas funcionalidades vem para facilitar e acelerar a curva de aprendizado do usuário, ao interagir com seus sistemas.

Seu aprendizado não se retringirá apenas em um sistema específico. Intuitivamente ele aplicará sua experiência em outros sistemas.

Google Maps Android APP

COMUNICAÇÃO

MATERIAL DESIGN - INFORMAÇÕES

Busca feita em 4 sistemas diferentes.

chrome para desktop

chrome para androidgoogle nowgmaps

Google Maps Android APP

CONSIDERAÇÕES FINAIS

PRÓS E CONTRAS

PRÓS

- Integração de diferentes serviços.

- Centralização de informações de localização e deslocamento em um só lugar.

- Informações claras e espaçadas.

- Ícones simples com significado imediato.

- Interface seguindo a padronização dos produtos google e android , o “Material Design”, facilitando a identificação e a interação.

- Contribuição e compartilhamento de informações pelos próprios usuários.

- Memorização do comportamento do usuário, trajetos, lugares preferidos e histórico.

- Diversos níveis e formas de navegação se adaptando aos vários níveis de usuários.

CONTRAS

- Não oferece trajetos de ônibus ao clicar na visualização de transporte público.

- Nem sempre oferece as opções mais viáveis para os usuários.

- A base de dados nem sempre é confiável.

- Instruções e informações pouco necessárias podem confundir o usuário.

- Indicação de trajetos perigosos.

- Botões e ações nem sempre óbvios para usuários pouco familiarizados com a interface.

- Não há um botão próprio para as opções de deslocamento.

- Falta de melhorias no atendimento ao usuário com deficiência física, tanto na utilização do aplicativo, quanto para obter informações.

Google Maps Android APP

Sugestão 1Original

CONSIDERAÇÕES FINAIS

SUGESTÕES

1 - No menu lateral, as opções de visualização do mapa estão agrupadas demonstrando a ativação de apenas uma função de cada vez. Na verdade o usuário pode visualizar qualquer via (tráfego, transporte público e ciclovia) no modo satélite.

Os modos terreno e Google Earth não podem ser exibidos com alguma visualização de via.

Foi inserida uma linha separando o modo satélite dos demais, dividindo em 3 novos modos como Vias, Satélite e Visualizações.

Google Maps Android APP

CONSIDERAÇÕES FINAIS

SUGESTÕES

2 - As rotas por transporte público apresentadas como opções, mostram informações como número da linha do ônibus, tempo e distância de deslocamento. Em algumas situações, essas informações não demonstram as melhores opções por comprometerem a segurança do usuário.

Para isso, foram inseridas avaliações por média de estrelas, inseridas pelos usuários (de 0 a 5) ao lado do número do ônibus. Assim o usuário que desconhece o trajeto receberá mais uma informação sobre este trajeto, informando o número da linha de ônibus oferecida.

3 - Comandos, funções e botões mais didáticos para quem tem pouco contato com a interface.

4 - Prever melhores funcionalidades e informações para o público que possui algum tipo de deficiência física.

Sugestão 2Original

Google Maps Android APP

CONSIDERAÇÕES FINAIS

CONCLUSÃO

O Google Maps se mostra como um aplicativo que reúne diversos serviços e informações em um só lugar, pelo seu caráter integrador e colaborativo. Pelo domínio da empresa no mercado, o aplicativo é alimentado tanto por usuários comuns como por empresas.

É coerente com a proposta da empresa de oferecer clareza, ausência de complexidade e funcionalidades intuitivas e amigáveis, fazendo com que os usuários se sintam incentivados a explorar cada vez mais o aplicativo. Se adapta a diversos níveis de utilização, desde aquele usuário que possui pouco conhecimento, até aquele que possui domínio e utiliza regularmente a maioria das ferramentas. Em termos gerais, a maioria dos usuários podem aprender de forma independente as suas funcionalidades, porém aqueles que não possuem muito contato com o sistema android e smartphones podem não conseguir aprender o aplicativo de forma independente.

O Google Maps está em constante desenvolvimento, se atualizando e prevendo necessidades dos usuários, porém precisa melhorar questões como visualização de trajetos e realizar a revisão do banco de dados e informações, que merecem uma atenção especial por interferir na própria segurança nos deslocamentos.

Google Maps Android APP

REFERÊNCIAS BIBLIOGRÁFICAS

EDUARDO SULLYBranding: Diretrizes visuais de design do Google

http://www.eduardosully.com/identidade-visual/

branding-diretrizes-visuais-de-design-do-google/

DESIGN’ONMudanças na Identidade Visual do Google – Parte 1

http://www.des1gnon.com/2013/06/mudancas-na-

identidade-visual-do-google-parte-1-guideline/

GOOGLEMaterial Design

https://www.google.com/design/spec/material-

design/introduction.html

GOOGLE PLAYGoogle Maps

https://play.google.com/store/apps/details?id=com.

google.android.apps.maps

TECMUNDOGoogle, YouTube, Android e Chrome têm mais de um

bilhão de usuários cada

http://www.tecmundo.com.br/google-i-o-

2015/80668-google-youtube-android-chrome-tem-

bilhao-usuarios-cada.htm

WIKIPEDIAGoogle Maps

https://pt.wikipedia.org/wiki/Google_Maps

WIKIPEDIAGoogle Maps (mobile application)

https://en.wikipedia.org/wiki/Google_Maps_(mobile_

application)

GOOGLE MAPS / ABOUThttp://www.google.com/intl/pt-BR/maps/about