Eis uma luz ao fundo do túnel

Depois de muito tempo de estudo gráfico, experiências e soluções apresentadas, chegámos à fase final da interface gráfica da nossa aplicação. Optámos por um grafismo minimalista e simples, mas que permitisse ao utilizador uma fácil e imediata identificação de todos os elementos. Nesta fase tornou-se claro o facto de termos de encontrar uma interface que conseguisse coexistir com a interface do próprio android, mantendo assim a consistência gráfica em todos os ecrãs e entre todos os elementos. Visto não conseguirmos alterar a cor do highlight dos elementos do android, mais propriamente o laranja, decidimos alterar todo o grafismo desenvolvido anteriormente.

Uma parte da aplicação definitivamente abandonada, foi a implementação de animações. O leque de opções no que toca à implementação de animações no android, não nos permitiria fazer aquilo que previmos inicialmente, o que nos levou a pôr de lado essa parte da aplicação.

Mostramos então algumas imagens da nova interface gráfica da nossa aplicação, encarada já como a versão final.

Imagem do menu principal da aplicação, onde se pode observar as quatro opções, das quais está “highlighted” a lista telefónica, tal como indica a descrição do próprio menu. No canto superior esquerdo é também possível ver o ícone correspondente ao estado seleccionado.

Imagem da lista de contactos. É possível observar os contactos que não têm o serviço Moods, acompanhados pelo ícone cinzento, e os contactos que têm o serviço com o ícone do seu estado actual. De notar também o highlight laranja semelhante ao do android, de maneira a manter a consistência visual com o sistema operativo.

Imagem da lista estados onde se pode ver os ícones finais. De notar as diferenças significativas com a versão anterior.

Ainda uma imagem da lista de estados, mas neste caso do momento em que se escolhe um estado. Tal como na versão anterior aparece um popup a perguntar se prendemos inserir uma descrição, mas com um pormenor, que é um efeito de rollover na barra superior mostrando o ícone do estado escolhido, bem como o seu nome. Este desaparece utilizando o mesmo efeito, permanecendo apenas o ícone.

Esta imagem mostra uma funcionalidade já anteriormente demonstrada, mas alterada com os elementos da nova interface gráfica.