Abordagem sistêmica no Google Maps

Abordagem Sistêmica
Professora Cláudia Stamato
Alunos:
Fernanda Sarmento
Letice Botelho
Danilo Blum
Raphael Freitas Souza
Tadeu 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
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.

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.

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.

FUNÇÕES DENTRO DO GMAPS ANDROID
Visualização dos mapas
Menu Tráfego Transporte público Ciclovia
Visualização
de vias

Padrão Satélite Terreno Google Earth
Visualização dos mapas

Navegação direta no mapa por gestos
Aproximar Afastar Rotacionar Inclinar

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

Informações da busca
Horário expandido

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

Adicionar local ao Gmaps

Editar local do Gmaps

Mapa offline
Área posicionada Comando para
executar a função
Confirmação
da função
Detalhes sobre
mapas offline

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 Alvo
Google Maps Mobile
para sistema Android
Sistema
Ulterior
Usuário do
celular
Sistema
Alimentador
- Database Google
- Usuário Celular
- GPS
- Android (em alguns
casos, registro dos
principais trajetos
automaticamente)
Resultados
despropositados
- Trajetos perigosos
-Indicação de locais
cadastrados erradamente;
-Erros de conexão à internet.
1
2

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

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

1º FLUXOGRAMA AÇÃO - DECISÃO
Tarefa: Pesquisa por endereço
Deslocalmento 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

5a
5a
6a
6b 7b
clicar
ícone três barras
ou deslizar
tela para direita
selecionar
transp. público
visualizar tela
obs: não há
mudanças
selecionar
deslocamento
(ícone
transp. público)
clicar
ícone azul
5b
2
4.0
visualiza
mapa
ou1
5a 5b

1.0
Clicar em
Opções
marcar
opções
satisfeito
com as
sugestões?
sel. sugestão
de deslocamento
ou inverter
sentido
selecionar
etapa do trajeto
ou
Clicar
seta “voltar”
visualizar
trajeto mapa/
clicar em rodapé
S
N
8b
8c
8a
9b
9a 10a
4
3
2
8a 9a
10a
8b8c 9b

visualizar
etapa do trajeto
Prosseguir
com
esta opção?
Satisfeito
com
as opções?
Satisfeito com
resultado?
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

Tarefa: Utilizar o atalho “Seus lugares”
Fazer o caminho de casa até o trabalho de carro
Clicar
no aplicativo
INÍCIO Clicar
no menu
Selecionar item:
“Seus lugares”
Sel.destino desejado
Ex: Comercial
1

6.0
Endereço
de origem
correto?
SClicar no
ícone “carro”
5.0
Informar seu local
de origem no mapa
1
6.0N
2

8.0
Chegou
ao
destino?
Iniciar
navegação
7.0
Deslocar-se
conforme 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.

Tarefa: Encontrar Farmácia, ir a pé
2
2
Clicar
no aplicativo
(se houver)
INÍCIO
Clicar
microfone
falar local
desejado
Clicar
ícone
aplicativo
Clicar
caixa de
busca
Digitar
destino
desejado
1
3.0
Pesquisa
por texto?
S
N
3

Clicar em
listar resultados
Selecionar e clicar
em um local
Clicar na forma de
deslocam. visível
3
GPS estava
autorizado?
4
4
5
6
7
N
GPS estava
autorizado?
N
S
S

Clicar no símbolo
de GPS
7.1
6.0
Clicar no ícone
para voltar
Autorizar
locallização
6
5 4
8.0
Clicar no ícone
deslocamento
9.0
Clicar no ícone
deslocamento
7
10.0
Aceitar disclaimer
versão beta
8
8
Elegível ao
aceite?
N
S

5.1
Deslocar-se
conforme
indicação
8
8
Chegou
ao destino?
N
9
Destino
está OK?
N
S S FIM
13.0
Clicar no ícone
voltar 2x
9 4
13.05.1

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

Tentativa 1ª farmácia.
“Seu destino está à
sua esquerda”.
A caminho da
segunda farmácia,
avisto uma aberta não
indicada.
Existia, mas estava
fechada.
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.

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

QUADRO 4
MODELAGEM COMUNICACIONAL

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.

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.

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 no
Google Maps

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.

COMUNICAÇÃO
MATERIAL DESIGN - INFORMAÇÕES
Busca feita em 4 sistemas diferentes.
chrome para desktop
chrome para androidgoogle nowgmaps

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.

Sugestão 1
Original
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.

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

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.

REFERÊNCIAS BIBLIOGRÁFICAS
EDUARDO SULLY
Branding: Diretrizes visuais de design do Google
http://www.eduardosully.com/identidade-visual/
branding-diretrizes-visuais-de-design-do-google/
DESIGN’ON
Mudanças na Identidade Visual do Google – Parte 1
http://www.des1gnon.com/2013/06/mudancas-na-
identidade-visual-do-google-parte-1-guideline/
GOOGLE
Material Design
https://www.google.com/design/spec/material-
design/introduction.html
GOOGLE PLAY
Google Maps
https://play.google.com/store/apps/details?id=com.
google.android.apps.maps
TECMUNDO
Google, 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
WIKIPEDIA
Google Maps
https://pt.wikipedia.org/wiki/Google_Maps
WIKIPEDIA
Google Maps (mobile application)
https://en.wikipedia.org/wiki/Google_Maps_(mobile_
application)
GOOGLE MAPS / ABOUT
http://www.google.com/intl/pt-BR/maps/about

Abordagem sistêmica no Google Maps

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Abordagem sistêmica no Google Maps

Ähnlich wie Abordagem sistêmica no Google Maps (20)

Mehr von Fernanda Sarmento

Mehr von Fernanda Sarmento (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

Abordagem sistêmica no Google Maps