Comments on: Storyboarding Rich Internet Applications with Visio http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/ Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. Wed, 15 May 2013 11:41:04 +0000 hourly 1 By: vanderwal http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5725 vanderwal Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5725 Hopefully this is the tip of the iceberg for rich internet documentation pieces in Boxes and Arrows. We have been dealing with Flash for six years as a major rich interface component (that was Flash 3 or 4 in 1999 that really tipped things). We now have AJAX and very little has changed on the documentation front. Nearly every IA or UX designer conversation the past 12 to 18 months has included a question about documenting rich interfaces.

Now there is one article to point that I feel is worth reading and sharing. It is long past time.

]]> By: billwscott http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5726 billwscott Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5726 Looks like a couple of the original comments got lost since the posting of this article. In those comments some good points were made about other tools like Fireworks, etc. In those comments, I mention some background information.

I discuss the full Visio toolkit on my blog at:
http://looksgoodworkswell.blogspot.com/2005/11/visio-wireframe-toolkit-for-download.html

I also discuss briefly using Photoshop CS2 with animation & layered comps at:
http://looksgoodworkswell.blogspot.com/2005/11/animating-interactions-with-photoshop.html

The time is ripe for a tool to be created that allows us to take our design artifacts and essentially animate them into life. Being able to express designs as storyboards that can be animated or shown as storyboard “walls” would be awesome in a design tool. Being able to reverse engineer sites & interactions into storyboards would be a great way to share ideas.

]]> By: lars http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5727 lars Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5727 Hi Bill

I’m Lars Pind, the guy responsible for the code behind this site.

Yes, there were indeed 4 comments that were lost in the transition. They’ve been brought back now, and they appear at the top, like they should’ve from the start.

Sorry about that, and thanks for letting us know :)

]]> By: alok http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5728 alok Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5728 Great Article and very relevant to practical use.

I would like to add that the change from PIA to RIA doesn’t just mean direct manipulation of page elements but a change in what is destination for the user.

Previous destination was like navigating through listing pages to reach a product detail page and then configure the product, go to shopping cart and so on. With RIA the sense of destination is changed and then users manipulate that destination space. So they do not “move across spaces” but they manipulate objects in same space.

I belive the we are in transition phase rightnow and are merging current interaction mechanism with what RIA offfers, as we move forward we’ll see fundamental interaction and navigation mechanisms changing.

I am writing an article (hopefuly soon) about this on my blog (http://www.iprincipia.com) in more detail.

Cheers
Alok Jain

]]> By: tansht http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5729 tansht Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5729 Very interesting article and usefull tool. But I’m wondering how to run the slide show according to there layers. Double click the name of layer?
Cheers, David

]]> By: gclaes http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5730 gclaes Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5730 Hi Bill, I like the idea, but I prefer to show a client the wireframes in Full Screen view. Is there a way to go through the storyboard by just clicking (single) on the storyboard steps (like hyperlinks) in Full Screen view mode?

Cheers, Geert

]]> By: billwscott http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5731 billwscott Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5731 David

Yes, you need to double-click on each of the storyboard steps (name or scenario step). The reason for this is Visio allows you to associate a macro with a double-click event. A hyperlink links to a page, anchor, etc.

I wired the storyboard stencils to use the double-click event.

]]> By: cmodien http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5732 cmodien Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5732 While this example is fairly trivial, more complex interactions can be built. In addition multiple storyboards can be used to represent different use cases. This is important for showing error conditions as well as different edge-cases.

Why not just a visio uml diagram to illustrate the different use cases? What’s the advantage?

]]> By: cmodien http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5733 cmodien Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5733 >>”While this example is fairly trivial, more complex interactions can be built. In addition multiple storyboards can be used to represent different use cases. This is important for showing error conditions as well as different edge-cases.” >>

Why not just a visio uml diagram to illustrate the different use cases? What’s the advantage?

]]> By: tonant http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5734 tonant Wed, 30 Nov -0001 00:00:00 +0000 http://boxesandarrows.com/storyboarding-rich-internet-applications-with-visio/#comment-5734 I really enjoyed the opening explination of PIAs and RIAs – very useful stuff. I am also a great believer in wireframes and for that matter any kind of visually orientated process. However coming from years of in the trenches services time I think I would think twice at even suggesting this process due to the work load increase it would demand.

Really I believe the future of elaboration is in specifically designed specification and simulation tools rather than technical drawing tools such as Viso, Illustrator and the like. These new tools hold the promise of natively supporting good design patterns and automations to reduce workload.

The big issue really is – what are good design patterns for RIAs? An article on this i’m sure would garner great interest :)

]]>