INTRODUÇÃO

A WEB
Orientador: Daniel Lugoni

ALUNO:
Anderson Luiz
Lorena Pereira
Thomas Antônio
Valciclei da Silva

TÁ ONDE?
Uma Proposta de Aplicativo
Público
Alvo
Usuários de transporte coletivo na cidade de Manaus, que possuam
Smartphones.
Geração de
Alternativas
Alternativa 1
A primeira alternativa é baseada no conceito simplificado
com cores que complementam e com pouco contraste para
facilitar a navegação evitando uma sobrecarga cognitiva do
usuário.

A interação é intuitiva em forma de listas e campo de

mensagens para melhor organização visual do usuário.
Geração de
Alternativas

Alternativa 2

A segunda alternativa é baseada em cores

vibrantes, onde os elementos ficam em
destaque, a interação dos usuários no campo
de mensagens é em forma de listas que são
atualizadas automaticamente com variações
visuais por meio de cores.
Geração de
Alternativas

Alternativa 3 (ESCOLHIDA)

A terceira alternativa é baseada em

tons neutros e tons vibrantes, dando
um equilíbrio visual evitando a fadiga
visual do usuário, é usado ícones para
melhor leitura visual dos integrantes da
rede social, de forma concisa e intuitiva.
Ícone Escolhido
Para o Aplicativo
Detalhament CORES ÍCONE
o da Ícone
O ROXO tem como função a
quebra visual da excitação em que as
cores vermelha e laranja tem
naturalmente. Cor da aurora,
profundidade, delicadeza e calma.
Detalhament CORES ÍCONE
o da Ícone
O VERMELHO possui a referencia
de energia, é uma cor estimulante,
quente, excitante ao olhar e representa
cor da advertência. Cor da excelência, é
primeira de todas as cores.
Detalhament CORES ÍCONE
o da Ícone

O LARANJA é a cor da
transformação, luz, reflete locomoção,
operacionalidade, luminosidade e senso
de humor.
Detalhament TIPOGRAFIA
o da Ícone Foram escolhidas as tipografias
tipografia Franklin Gothic Heav, devido a boa
legibilidade e a falta de serifas.

Franklin Gothic Heav

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz
 
Fluxo
Detalhament
o de Telas

1. Tela de
Cadastro

Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
2.

Tela de
Pesquisa
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
2.1.

Tela de Pesquisa
com teclado

Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
2.1.1.

Tela de Pesquisa com

resultado da pesquisa
e BOTÃO do ônibus
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
3.

Tela de status do
ônibus em lista
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
4.

Tela do BOTÃO
de CHECK-IN
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas
4.1

Tela de CHECK-IN,
com as vias por onde
circula a linha
escolhida

Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas

5.

Tela de BOTÕES
de opções.
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas

5.1.

Tela de
Configurações
Alternativa 3 (ESCOLHIDA)
Detalhament
o de Telas

5.1.1.

Tela de Configurações
para altera o usuário

Alternativa 3 (ESCOLHIDA)
Detalhament TIPOGRAFIA
o da Marca
Foram escolhidas as tipografias Franklin
Gothic Book, devido a boa legibilidade e a falta de
serifas.

Franklin Gothic Book

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz
Detalhament TELA PRINCIPAL
o da Ícone
O LARANJA cromo aparece no
feedback do aplicativo

quando selecionado os botões.

Contraste do Ícone com as Telas
com Fundos Diversos
FI
M