Sitemaps and wireframes for RichInternetApplications

7 Aug 2007 - 9:40pm
525 reads
Dante Murphy
2006

On a related note...you can use layer comps in photoshop to save "states", which is especially helpful in RIA design. Each layer comp captures visibility and certain overlay filters of layers so you don't have to create as many duplicates. You can also use a plug-in called "Photo-Proto" that will then automatically generate clickable images...we've not had much success getting this to run in our Office 2003 environment, but the concept is sound.

________________________________

From: discuss-bounces at lists.interactiondesigners.com on behalf of Marcus Coghlan
Sent: Tue 8/7/2007 7:48 PM
To: discuss at ixda.org
Subject: Re: [IxDA Discuss] Sitemaps and wireframes for RichInternetApplications

Have found the most practical method under project pressures is a set of
wireframes created in Photoshop or Fireworks, with all the different
application states, popups, etc. each on their own layer. This has dual
benefits:
a) you are able to step through how the application responds to user
interaction simply by making the appropriate layers visible/invisible (
pretty good simulation of how RIA actually work )
b) they can be used throughout the DLC by all. Designers can work
through from basic, basic wireframes to final styles and skins all in the
one place. Developers (I've worked with) find it pretty easy to translate
the different layers and states into a solid architecture and are quickly
able to highlight potential issues. Client have a highly flexible 'static
prototype' of your application to review and provide timely feed back on.

The only thing really lacking is the transition between states. Words and
hand signals should suffice here.

Good luck with something that fits your situation.

Marcus Coghlan

On 08/08/07, Muntone, Jim <Jim.Muntone at dowjones.com> wrote:
>
>
>
> >Can anyone point me to some good resources as I am working on pageless
> >navigation RIA's and want to be inspired. Sitemaps, wireframes,
> >prototyping,
> etc.
>
>
> We do the storyboard thing here. Which I think is great for getting the
> message across but also can be a ton of work. For example to show how
> you add a photo in our newsletter builder (which takes about 2 seconds
> in realtime) I have six pages of wireframes with maybe 3 diagrams on
> each page... So you wind up with "default state" "first click" "second
> click" etc...
>
> Basically you show every frame like an animation. There's a great
> presentation of this technique on that site that allows people to upload
> their power point decks, but unfortunately I can't find it now!!!
> Sorry!!!!
>
> On a "hope for the future" note, I've found the Spry framework in
> Dreamweaver does offer some nice options for prototyping RIAs. And we've
> been using that with good results also.
>
> http://www.adobe.com/devnet/dreamweaver/articles/spry_periodic_case_stud
> y.html
>
> Hope that was some small help!
>
> -j
>
> ---------------------------------
> Jim Muntone
> User Experience Manager
> Dow Jones & Company, Inc.
> PO Box 300
> Princeton, New Jersey 08543
> Blog: www.sadrhino.net
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://beta.ixda.org/guidelines
> List Help .................. http://beta.ixda.org/help
> Unsubscribe ................ http://beta.ixda.org/unsubscribe
> Questions .................. list at ixda.org
> Home ....................... http://beta.ixda.org <http://beta.ixda.org/>
>
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://beta.ixda.org/guidelines
List Help .................. http://beta.ixda.org/help
Unsubscribe ................ http://beta.ixda.org/unsubscribe
Questions .................. list at ixda.org
Home ....................... http://beta.ixda.org <http://beta.ixda.org/>

Syndicate content Get the feed