Sitemaps and wireframes for Rich InternetApplications

7 Aug 2007 - 9:45am
7 years ago
2 replies
527 reads
jim muntone
2006

>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

Comments

7 Aug 2007 - 10:11am
bminihan
2007

We tend to wireframe the overall page, and usually have to resort to rich prototyping using HTML and hand-written JavaScript to mimic Ajax controls. iRise claims they can prototype such interfaces, but the price tag is pretty high, and it's not something they proclaim to do incredibly well. Time and again, the only thing that business stakeholders and users alike can relate to are clickable prototypes...it's also the only thing that gets the point across to offshore developers who need to understand all of the nuances an RIA requires.

I'll check into the Spry recommendation, see if it would help us (I'm currently one of two HTML prototypers for my entire company, so would love something that could enable the rest of our folks =]).

- Bryan
http://www.bryanminihan.com

---- "Muntone 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.
>

7 Aug 2007 - 5:48pm
Marcus Coghlan
2007

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
>

Syndicate content Get the feed