posts recentes

arquivos

tags

participar

Quarta-feira, 31 de Março de 2010
Estudo de logotipo e lettering

 

Olá a todos! Neste momento o grupo Cicloria já se encontra a fazer os primeiros estudos de lettering  e logotipo.  As cores aplicadas não são definitivas, fazem apenas  parte desta primeira abordagem.
Para já  ainda não passam de experiências que gostaríamos de partilhar convosco.

Anabela Santiago | Bruno Fernades | Nuno Oliveira | Tiago Martins




Sexta-feira, 26 de Março de 2010
Demo Cicloria

 

A demo/protótipo de baixa fidelidade que aqui apresentamos é o resultado de várias fases de trabalho.
Numa primeira fase de brainstorming o grupo começou por esquematizar num quadro algumas ideias base que suportam a estrutura da aplicação.
De seguida foram desenhados em papel os principais módulos e funcionalidades de cada ecrã, com o intuito de percebermos melhor toda a dinâmica da aplicação.
Estes esquemas em papel, apesar de terem sofrido algumas alterações ao longo do processo de implementação da demo, revelaram-se fundamentais para o desenvolvimento da mesma na medida em que foram uma referência visual constante, facilitando assim o processo de trabalho.
Numa terceira fase demos inicio ao desenvolvimento do guião e da demo.
O guião foi construído a pensar numa situação "real" que explicasse os principais módulos e funcionalidades da aplicação para cada tipo de utilizador.
A demo foi desenvolvida tendo por base a narrativa do guião. Para conseguirmos narrar a história foram construídos na ferramenta de prototipagem Pidoco um total de 46 ecrãs.
A escolha desta ferramenta, como já foi referido, deveu-se ao facto desta ser vocacionada
para a prototipagem de sites e de ser mais um elemento  a acrescentar  ao nosso conhecimento.
No final de todo este processo procedeu-se à gravação da narrativa, em screencast (Screenium), mostrando a aplicação/demo em funcionamento.

Abaixo está o video para visualização, bem como os links para download do vídeo e do guião.

Aconselhamos o download por questões de qualidade de imagem. 

 

 

Link para download do vídeo:Clique Aqui (formato QuickTime)

Pdf do guião

 

Anexamos também os ficheiros por nós criados no Pidoco que serviram de base à criação do vídeo. Convém salientar que os nomes dos ficheiros poderão ser confusos para elementos exteriores à equipa do projecto, que foram criados para a narrativa e para serem visualizados no modo "Sketched".

 

Link para os ficheiros desenvolvidos no Pidoco: Clique Aqui!

 

Anabela Santiago | Bruno Fernades | Nuno Oliveira | Tiago Martins




Finalização do guião e gravação do vídeo de apresentação das páginas da demo / protótipo de baixa-fidelidade

Ontem, dia 25 de Março de 2010 o grupo do projecto Cicloria constituído pelos alunos Anabela Santiago, Bruno Fernandes, Nuno Oliveira e Tiago Martins, esteve a finalizar os últimos pormenores, nas páginas construídas para a demo / protótipo de baixa-fidelidade, na ferramenta de prototipagem Pidoco.

Foi também, terminado o guião da narrativa a usar no vídeo de demonstração do projecto Cicloria, criando uma sequência lógica na passagem entre os diferentes tipos de utilizadores (utilizador não registado; utilizador registado; parceiro do projecto; administrador) da plataforma.

De seguida, decorreu a gravação screencast e a narração das páginas construídas na ferramenta de prototipagem Pidoco, simulando diferentes cenários de utilização por parte dos diferentes tipos de utilizadores existentes na plataforma.

Por fim, procedeu-se à edição do vídeo final a apresentar para a demo / protótipo de baixa-fidelidade.

 

Abaixo seguem algumas fotos do dia.

 

 Fotos do projecto Cicloria dia 25 de Março de 2010
 

Fotos do projecto Cicloria dia 25 de Março de 2010

Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins




Quinta-feira, 25 de Março de 2010
Investigação

Durante a aula de projecto procedeu-se ao aprofundamento da investigação da solução técnica a implementar para a questão do "como chegar por comboio?", que consiste em disponibilizar na plataforma a informação relativa aos horários e preços dos comboios da CP, de forma a ajudar o utilizador a chegar aos percursos por meio de transportes suaves.


No vídeo narrado que apresentamos em seguida explicaremos em detalhe aquela que nos parece ser a melhor solução de momento e a justificação para a não opção pelas outras possíveis soluções.


 



Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins




Quarta-feira, 24 de Março de 2010
Reunião do dia 23 de Março

Ontem, dia 23 de Março, o grupo de projecto CicloRia, constituído pelos alunos Anabela Santiago, Bruno Fernandes, Nuno Oliveira e Tiago Martins reuniu-se com os orientadores de projecto, os professores Hélder Caixinha e Jorge Ferraz.

A reunião iniciou-se, com a análise e discussão dos ecrãs já implementados com os orientadores de projecto, onde se debateram algumas questões relacionadas com os conteúdos e sua demonstração em algumas páginas, nomeadamente na página de perfil de parceiro e utilizador registado. Foram apresentadas algumas soluções para os ecrãs principais do site, onde se tiveram em conta algumas das funcionalidades, tais como, o enquadramento do mapa com a restante informação, por exemplo: eventos, notícias.

De seguida debateu-se a questão da intermodalidade, a sua aplicação e apresentação futura no sítio, foi revista a barra de menu e a posição dos links nos separadores, relativamente à sua importância e ordem, numa tentativa de melhorar a navegação e usabilidade para o utilizador.

Foi também debatida a área de administração e todas as alterações inerentes a esta, tais como, a inclusão de novos separadores no menu (Mensagens (nº); Gerir utilizadores (nº); Gerir parceiros (nº)), e as páginas relacionadas com cada separador e suas funcionalidades.

Ainda na área de administração, foi discutida a implementação de uma área central de edição de conteúdos textuais, em que o utilizador poderá alterar os vários textos, existentes no site e submeter directamente dessa página as alterações efectuadas ao texto.

A reunião terminou com a discussão da narrativa subjacente à demonstração do protótipo, quais as melhores estratégias para a criação desta e quais as áreas fulcrais a demonstrar para a entrega do demo / protótipo de baixa-fidelidade.

(As fotos abaixo apresentadas dizem respeito aos esquemas realizados durante a reunião.)

Projecto Cicloria fotos reuniao 23 de Marco de 2010

Projecto Cicloria fotos reunião 23 de Março de 2010

Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins

 



publicado por brf às 22:26
link do post | comentar | adicionar aos favoritos |

Tarde de trabalho

Boa noite,

Durante a tarde de hoje procedeu-se à construção do ecrãs da plataforma em falta na ferramenta pidoco. Para isso requisitamos uma sala no DeCA e utilizamos, como já vem sendo hábito, o quadro da sala para ajudar a esquematizar os ecrãs, como documentam as fotos seguintes :)

 Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins




Terça-feira, 23 de Março de 2010
Desenvolvimento da Demo

 

Nesta terceira fase da Demo o grupo está já a usar a ferramenta de prototipagem Pidoco, estando já a demo num estado avançado de finalização.
A par deste processo foram desenhados em papel novos ecrãs com algumas anotações e referências para nos servir de suporte à criação da Demo.
Está também a ser desenvolvido o guião da narrativa que através da criação de uma situação real irá explicar os principais módulos e funcionalidades.

Abaixo seguem algumas imagens de partes do nosso trabalho, nomeadamente os novos esquemas em papel e um ecrã demonstrativo da Demo desenvolvida no Pidoco.

Anabela Santiago | Bruno Fernades | Nuno Oliveira | Tiago Martins
 




E mais mapas (ou tentativas)

Este vídeo apresenta mais uns testes à API maps do google, já um pouco mais customizada...

Cicloria um projecto com rodas para andar!

Anabela Santiago

Bruno Fernandes

Nuno Oliveira

Tiago Martins




Sábado, 20 de Março de 2010
Árvore de funcionalidades_v2

Boa noite,

Na sequência de todo o trabalho que tem vindo a ser desenvolvido deixamos aqui a actualização da árvore de funcionalidades criada no programa Mind Meister.

De forma a facilitar a compreensão por parte de todos criamos um esquema de cores para cada utilizador. Assim a preto encontra-se tudo o que está disponível para todos os utilizadores. A azul encontram-se as funcionalidades disponíveis para utilizadores registados/parceiros e administrador. Verde para parceiros e administrador. E, por fim, o vermelho apenas disponível para o administrador da página. 

À medida que o projecto vai avançado serão feitos e reportados os reajustes realizados neste mapa.

CicloRia_v2




Quinta-feira, 18 de Março de 2010
Segunda fase do protótipo/demo


Após alguns esquemas feitos no quadro, decidimos passar essas ideias para o papel numa perspectiva de clarificar e compor um pouco mais a estrutura dos módulos/componentes e principais das funcionalidades / requisitos funcionais antes de passarmos à fase seguinte que passa pela construção do demo numa ferramenta de autor com recurso a screencast!
Podem ver de seguida algumas imagens digitalizadas dos esboços em papel:

Estudos Demo


Quanto às ferramentas que iremos usar para construir a demo ainda existem algumas duvidas sobre qual das duas, Pidoco ou  Illustrator será a melhor!
Por um lado o illustrator é uma ferramenta que já dominamos e que nos permite criar todos os ecrãs exactamente como queremos, contudo não suporta interactividade sendo necessário recorrer a uma ferramenta de screencast para simular toda a interactividade.
Já o Pidoco  é uma ferramenta mashup  especializada  na criação de protótipos  com interactividade,  como, sendo algo novo , é mais uma ferramenta a acrescentar à nossa formação. No entanto a versão a que nós temos acesso (trial) apresenta algumas limitações. Não permite por exemplo, simular um acordeão. 
No processo de investigação de ferramentas de autor para a construção da  demo encontramos alguma informação que gostaríamos de partilhar.
Um quadro que caracteriza algumas das ferramentas analisadas:

Software Prototipagem

Nota: A informação que se encontra em Inglês foi retirada do Blog:http://www.fruitnotes.com/blogs/Web_mockup_/_UI_design_tools_list_1796

Já a informação que se encontra em português foi retirada do site:https://pidoco.com/

 

Anabela Santiago

Bruno Fernandes

Nuno Oliveira

Tiago Martins


tags: |


mais sobre mim

 

Julho 2010
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3

4
5
6
7
8
9
10

11
13
14
15
16
17

18
19
20
21
22
23
24

25
26
27
28
29
30
31