Agenda

No momento de rascunho da Agenda era o momento de escolher cones, cores, imagens e a

arrumao visual desses itens.

(scan do rascunho da agenda)

Essa foi uma das primeiras telas de desenvolvimento de Agenda e nela testamos as cores de
fundo, as fotos em prento-e-branco, os fade em preto degrade e os fade in coloridos em cima
das fotos dos eventos. Alm disso, decidimos pr o cone acompanhando com a parte do dia
dos eventos, como por exemplo, evento na parte de manh ter o cone simbolizando, do
mesmo modo para eventos de tarde e de noite.
A visualizao dos dias do evento, escolhemos a opo Semana(opo existente no sistema
android) e ali o usurio desliza (da direita para esquerda) os dias do ms.

(imagem 1 - agenda)

Nessa tela optamos pelo fundo com degrade escuro, porque ocorria uma comunicao melhor
com as outras telas do aplicativo tanto ao totem tambm. A respeito das cores dos dias dos
eventos, vimos que com essa trs cores diferentes, o usurio poderia ficar confuso, logo,
decidimos colocar apenas uma cor.

(IMAGEM 2)

Com a orientao dos professores, decidimos retirar o fade in com degrade preto sobre as
fotos dos eventos, pois no estava remetendo algo alegre, divertido e no estava sendo
convidativo para o usurio a participar deles. Alm disso, os dias da agenda, preferimos que
ficassem em art line e o dia que o usurio fosse escolher apenas ele ficasse preenchido.
Estudamos mais as fotos que poderia colocar nas telas iniciais do evento e os seus ttulos.

(IMAGEM 3)

Com os cones j escolhido a partir do site Material Design e com as imagens e ttulos j
corretos, por fim, decidimos colocar setas ao lado de Julho, Tipo e Local para sinalizar
que abre uma aba com as opes de acordo com o item a ser clicado.

(imagem 4)
(Tela inicial da agenda finalizada)
Evento

Seguindo as orientaes dos professores de outras telas, utilizamos o mesmo conceito da tela
Agenda para est tambm. Retiramos o fade in preto em degrade da foto inicial do evento
pelo mesmo motivo de no ser convidativo e atraente para o usurio.

(IMAGEM 1 EVENTO)

Nessa etapa, colocamos os cones de salvar, do compartilhar e de voltar do Material Design e

tambm colocando no espao superior da tela, a data em que o evento com objetivo de ajudar
o usurio.

(IMAGEM 2 EVENTO)
(Tela de evento finalizada)

CRIAR EVENTOS

J havamos bastante orientaes de outras telas e aplicamos as mesmas para tela de Criar
Evento, tendo em vista, propor a mesma comunicao com Agenda e de Evento, alm disso,
de seguir o padro do sistema android. Utilizamos os cones do Material Design.

(IMAGEM 5 CRIAR EVENTO)

ROTAS FAVORITAS

Inicialmente, pensamos que apenas os cards das rotas seria o suficiente para o entendimento
do usurio, porm decidimos colocar o mapa referente ao local das rotas que fossem favoritas
para que tivesse essa duas opes de manuseio.

(imagem da rotas favoritas 1)

Com a tela finalizada, inserimos cones de diminuio e de ampliao no mapa do Material

Design para que o usurio possa identificar que possvel acessar outras rotas com o mapa.

(IMAGEM DA ROTA FINALIZADA)

MENSAGEM

Buscamos modelos de caixa de entrada de e-mails e de mensagens instantneas com padro

do sistema android que resultou nesses primeiros esboos de telas.

(mensagem 1 e mensagem 2)

Por fim, percebemos que as imagens no estavam se comunicando com as outras telas do
aplicativo e decidimos alterar a cor do fundo da tela e a posio das fotos de perfil.

(mensagem 3)
(tela finalizada)

SUAS HISTORIAS

Na tela de Suas Historias, iniciamos o esboo e queramos que o usurio tivesse a opo de
editar as suas prprias histrias, ver os colaboradores e de excluir.

(suas historias 1)

No desenvolvimento dessa tela, para que no ocorresse excesso de informao exibida no card
e seguindo os modelos de exibio informaes do sistema android, resolvemos colocar o
cone que o usurio pudesse clicar nele e expandir essas trs opo (Editar,
Colaboradores,Excluir).

(minhas historias no expandida) e (minhas historias expandidas)