Task Flow Diagrams

How Game Studios WorkTask flow diagrams are useful to understand the number of actions that it takes users to complete a task on the website. Two tasks are shared here: new users signing up to the site, and entering profile information. I decided to begin to track the process for each task on the site after two powerful influences: a book, and an observation. The book is Designing the Obvious: A common sense approach to web application design (2007) by Robert Hoeckman, Jr. which he encourages the creation of these to understand the obvious path that users will have to undertake. The observation came from Fortune Cat Game Studio where 3 distinct video game projects were being developed. The Clones Game folks have these type of task flow diagrams on whiteboards around their work space. So below are the two task flow diagrams for new users signing up to the site, and entering profile information. They are heavily influenced by the core of Drupal and the modules that I am using to implement these concepts.

Slide1.jpg

Slide2.jpg

Trackback URL

One Comment on "Task Flow Diagrams"

  1. Ben
    Jack
    01/06/2008 at 9:33 pm Permalink

    Another tool that has helped me understand the number of actions users take in performing different tasks is to write the checklist for the task. Breaking the activity into individual steps down to mouse clicks helps clarify the complexity of the activity. Most of the time I’m so close to the activity that it seems simple, but turns out to be a three page, 15-step checklist.

    Sometimes you can break each step into two parts. First is the user action. This is followed by the expected results for that action.

    The details of these artifacts will depend on the goals of the research.

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments