Como documentar e prototipar “Rich Internet Applications”?

Por Ivo Gomes, em Quinta-feira, 27 de Dezembro de 2007 | 9 Comentários

A tecnologia AJAX e as "Rich Internet Applications (RIA's) revolucionaram a forma como os utilizadores interagem com os novos websites. Para quem desenha este tipo de websites, torna-se difícil documentar todas as funcionalidades que mudam consoante uma acção do utilizador, uma vez que numa mesma página, a informação pode ser disponibilizada de formas diferentes, dependendo do seu estado.

Experimentem tentar criar um protótipo estático de uma aplicação deste género e já ficam a saber a dificuldade que é.

No site UXMatters foi publicado um guia com informações bastante interessantes para podermos usar nos nossos wireframes. A solução é usar regiões destacadas e setas com informação sobre a opção seleccionada pelo utilizador:

Como prototipar RIAs

Para quem estiver interessado, pode consultar o guia completo

9 Comentários

HugoNS

27 de Dezembro de 2007, 16:32

Obrigado Ivo pelo excelente link.

Vítor Pires

27 de Dezembro de 2007, 17:24

UML2 (diagramas de estado) não serve por algum motivo em particular?
http://www.agilemodeling.com/style/stateChartDiagram.htm

Além da diferença gráfica…

Ivo Gomes

27 de Dezembro de 2007, 17:30

Olá Vitor. Em princípio também serve, mas com este diagrama é suposto mostrares os vários estados da página dentro de um wireframe.

Com UML tens o workflow, mas não os ecrãs.

Eduardo Loureiro

27 de Dezembro de 2007, 18:29

Muito boa referência Ivo! Escrevi mais sobre o assunto: http://www.designdeinteracao.com.br/blog/

Raphael Nikson

30 de Dezembro de 2007, 21:18

Valew ivo.. ótima dica.. obrigado pelo link..

Feliz ano novo!

Rosa Cunha

14 de Maio de 2008, 14:16

É um facto que o UML – vulgo, ucases – é, aliás, deveria ser parte integrante do processo de desenvolvimento de um software / web application. SE fosse prática corrente, o UML já seria um grande passo. Infelizmente, não é isso que vejo em algumas empresas. Mas devo confessar que uma metodologia como a apresentada pela UXMatters é muito mais agradável e, até mesmo, usável! :) Obrigada pela divulgação, Ivo!

Blogs que "linkam" para aqui

Comente!