Quinta-feira, 31 de Março de 2011
Entrega do módulo TP3 (1/2)

 Módulo TP3 – desenvolvimento de demos/protótipos de baixa fidelidade

 
 
 
O objectivo deste módulo é o desenvolvimento de uma demo gráfica e uma demo técnica de baixa fidelidade.
A demo gráfica tem como finalidade a elaboração de modelos/esboços dos ecrãs e exemplificação da interacção do utilizador com os mesmos. Esta demo foi elaborada com recurso ao Balsamiq mockups - http://balsamiq.com/products/mockups para o desenho conceptual dos ecrãs e posteriormente com recurso ao Adobe Flash fizemos uma pequena animação mostrando quais as acções que o utilizador tem com o dispositivo e como o utiliza.
O objectivo com esta demo técnica é demonstrar o funcionamento de uma parte essencial da aplicação, que é a leitura do código QR pela câmara do dispositivo móvel e a ligação aos conteúdos, para tal é necessário que o telemóvel tenho acesso à rede e um leitor de código QR instalado, neste caso, o NeoReader.
 
 
Demo gráfica
 
De seguida apresentamos os ecrãs essenciais da nossa aplicação, relativamente à organização dos conteúdos dentro da aplicação, tentámos que fosse o mais ‘clean’ possível para facilitar a utilização e percepção do utilizador, com a finalidade de simplificar a navegação tornando-a o mais intuitiva possível. Os conteúdos podem ser acedidos pelo utilizador em um ou dois cliques, sendo que a ajuda está sempre acessível assim como voltar ao ecrã de inicio, clicando no logótipo, o botão anterior permite voltar um passo atrás.
 
Para contextualizar vamos fazer uma pequena descrição sobre como o utilizador toma contacto com a aplicação antes de a utilizar e vamos utilizar um museu como exemplo. O visitante entra no museu e através de sinalética estrategicamente colocada toma conhecimento da existência da nossa aplicação, segue as instruções indicadas para a descarregar para o telemóvel assim como o leitor de código QR se ainda não o tiver instalado, liga-se à rede disponível no museu e abre a aplicação, a partir daí descrevemos abaixo os ecrãs em que pode navegar com imagens exemplificativas.
 
 

 

 

 

 
 
 
 
 
 
 
 
 

 

 

 
 
 
 
 
 
 

 

 

 

 
 
 

            

 
 

 

 

 
 
 

 
 
 

 

 

 

 
 

 

 
 

 

 
 

 
 

De seguida apresentamos o link para uma pequena animação com os mockups que fizemos para a nossa demo gráfica, para demonstrarmos como o utilizador pode interagir com a aplicação.

 http://www.vimeo.com/21787169

 

Animação da demo gráfica (aguardar um pouco para carregar o vídeo no blog - para facilitar a visualização  a animação foi embebida no blog no dia 04-04-2011)



publicado por brunomoutinho às 17:20
editado por filipe-monteiro em 05/04/2011 às 12:17
link do post | comentar | adicionar aos favoritos

.mais sobre mim
.pesquisar neste blog
 
.Junho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3
4

5
6
7
8
9
10
11

12
14
15
17
18

19
20
21
23
24
25

26
27
28
29
30


.posts recentes

. Mobile Tourist Guide / se...

. Back Office

. Reunião de grupo – 13.06....

. Módulo 6 - testes

. Módulo 6 – Versão beta

. Testes de usabilidade

. versão beta e testes – au...

. Actualizações – testes

. Ponto de situação – OT 01...

. Versão beta e testes – au...

.arquivos

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds