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:
- Para quem estiver interessado, pode consultar o guia completo
6 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!