Documenting State Changes in Web Apps

6 Apr 2009 - 12:26pm
5 years ago
6 replies
694 reads
Damon Dimmick
2008

Question for the gallery:

My company has until recently been documenting state changed -within-
our visual design example documents. That is, we incorporate
explanations of the various states of widgets and interface points in
the same document that contains our wireframes/mockups.

I was wondering if any of my esteemed colleagues here do this a
different and potentially better way? We've tossed around the idea of
having an external text document that lists each page, each field, and
each state for each field. Possibly even an excel file etc.

Any opinions? Better yet, any good online examples of how others do this?

Cheers,
Damon Dimmick
Cambridge, MA

Comments

6 Apr 2009 - 12:56pm
Jakub Linowski
2008

May I recommend a blog I started dedicated to such techniques?
Wireframes Magazine

http://wireframes.linowski.ca/?tag=states

Definitely check out Bill's state / condition matrix on the second
page: http://wireframes.linowski.ca/?p=14

If you have other ways of doing this, please don't hesitate to send
me a few samples of your own and I would love to share them online
(with full credits to yourself).

All the best,
Jakub

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=41022

6 Apr 2009 - 1:58pm
ELISABETH HUBERT
2007

I second Jakub's recommendation! Wireframes magazine has provided me
with much inspiration.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=41022

6 Apr 2009 - 2:23pm
Nicholas Iozzo
2007

Here is a technique I have been working on. This is a slideshare from
the talk I gave at the conference this year.

http://www.slideshare.net/niozzo/interactions-09-object-oriented-approach-to-designoad

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=41022

6 Apr 2009 - 12:37pm
BonGeek
2009

Hello Damon,

Let me understand the question, you want some kind of tool / software
that help you track the State Changes in the Documents, like who
created / added / appended the annotation etc on the Wireframes and
related stuff?

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=41022

7 Apr 2009 - 3:21am
Anonymous

At the wireframing stage of design we often use HTML-based wireframes.
When doing so, we use a jQuery plugin called PolyPage to make it easy
to switch between different states and views. (I should add the
caveat that we co-created PolyPage, but it is now an open source
project).

PolyPage lives at http://github.com/andykent/polypage/ and more
details can be found at
http://24ways.org/2008/easier-page-states-for-wireframes.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=41022

7 Apr 2009 - 10:33am
Damon Dimmick
2008

Nope, just looking for how people document state changes. The wireframes
magazine link was actually a superb source.

BonGeek wrote:
> Hello Damon,
>
> Let me understand the question, you want some kind of tool / software
> that help you track the State Changes in the Documents, like who
> created / added / appended the annotation etc on the Wireframes and
> related stuff?
>
>
>
>
>
> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
> Posted from the new ixda.org
> http://www.ixda.org/discuss?post=41022
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

Syndicate content Get the feed