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
link do post | comentar | ver comentários (2) | adicionar aos favoritos |
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)
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.
Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins
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
link do post | comentar | ver comentários (4) | adicionar aos favoritos |
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.)
Anabela Santiago | Bruno Fernandes | Nuno Oliveira | Tiago Martins
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
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
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.
link do post | comentar | ver comentários (1) | adicionar aos favoritos |
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:
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:
Nota: A informação que se encontra em Inglês foi retirada do Blog:http://www.fruitnotes.com/blogs/Web
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