Kanban is their process, Trello is their tool

What is Kanban?

A project like Siboot 2.0, with people spread across the globe and multiple tasks in different phase of development, can quickly become unmanageable and spin out of control. Chris and I talked this past weekend about how we could use Trello to make the team more effective. My suggestion was that we implement a Kanban board using Trello.

Kanban is technique pioneered by Toyota that can be applied to Lean software development. In Kanban an entire process, whether manufacturing or coding, is viewed as a pipeline.

software-pipeline

Within the pipeline there are various phases. Work moves through the the individual phases from left to right.

kanban-board-1

Based on resources assigned, each phase can only accommodate so much work. If a phase has reached it’s work limit, work in prior phases builds up. This lets you pinpoint bottlenecks in your process quickly.

bottleneck-inventory

Trello and Kanban

Trello is based around lists and cards so I thought it would map well to the Kanban process.

I created a new board, Siboot 2.0, and added a set of lists that corresponds to our development process (I’ve also renamed the organization from “Siboot 2.0″ to “Storytron” to avoid confusion).

trello-siboot-2

Each of the lists represents a phase of development on the Siboot 2.0 project.

  • Backlog – Tasks that are not ready to be worked on. They either are missing information and need further discussion or are too “epic” and need to be broken down into smaller tasks
  • Ready – Prioritized tasks that are ready to be worked on.
  • In Progress – Tasks that are currently being worked on
  • Blocked – Tasks that are in progress but stalled, waiting on some information or decision by someone else or waiting on another task to be completed
  • In Review or Test – Tasks that are complete but still need verification
  • Done – Tasks that have been completed

Creating Cards

Each list contains cards which represent the individual tasks. The only required element of a card is a short descriptive title that outlines the work to be done (don’t worry, there’s more room on the “back” of each card to expand on the one or two line title).

Trello-List-Cards-1

To create a new card click the Add a card link at the bottom of a list.

Trello-List-Cards-Adding-1

Type your card title and click the Add button (or press Enter on the keyboard).

Trello-List-Cards-Adding-2

The card will be added to the list and you’ll still be left in Add Card mode. This way you can rapidly add multiple cards to a list by type card title after card title, pressing Enter each time to add the new card to the list.

Trello-List-Cards-Adding-3

I try to keep the following mnemonic in mind when creating tasks – INVEST.

  • Independent – Each task should be self-contained with no inherent dependency on another task
  • Negotiable – Until it is In Progress each task can always be changed and rewritten
  • Valuable – Each task must deliver value to the end user
  • Estimatable – Each task should always be able to be estimated (if not it’s probably too “epic” and should be broken down into smaller tasks)
  • Scalable – Each task should not be so big that it is impossible to plan or prioritize with a certain level of certainty
  • Testable – Each task and its description should provide the information that makes testing or review possible

It’s more of an art than a science and, while it might feel strange at first, it will become easier the more you do it.

Moving Cards

Once you’ve created cards there are three things you can do with them – move them up and down in a list, move them between lists, and add details.

To move a card up and down in a list click on the card and hold the mouse button down while you drag the card up or down the list. As you move the card the mouse pointer changes from a pointing finger to a grabbing hand to indicate that you’re dragging a card.

In this screenshot the “Fine tune verb algorithms” card is being dragged up above the “Create 200-400 anecdotes,” giving it a higher priority in the list.

Trello-List-Cards-Dragging

To move a card between lists click on a card and hold the mouse button down while you drag the card from one list to another. In the screenshot below the “Finish adding final verbs to the storyworld” card is being dragged out of the Backlog list.

Trello-List-Cards-List-1

Into the Ready list.

Trello-List-Cards-List-2

 

Again, as you move the card the mouse pointer changes from a pointing finger to a grabbing hand to indicate that you’re dragging a card.

Modifying Card Details

Clicking on a card allows you to “flip” the card and add additional information to the card.

Here’s a sample card with just a simple title.

Trello-Sample-Card-Front-Simple

When you click on the card it will open a larger view into the card, displaying the various items that you can add to the card about the work that has to be done. At any time you can click the X in the upper right corner (or anywhere outside the expanded card view) to return to the board.

Trello-Sample-Card-Back-1

On the “back” of the card you can add or edit the following items:

  • Title
  • Description
  • Members
  • Labels
  • Checklists
  • Due Date
  • Attachments
  • Comments

Members, Labels, Checklists, Due Dates, and Attachments are added to the card by using the Add menu on the upper right.

Trello-Sample-Card-Back-Add-Menu

Editing the Title

To edit the card title simply click on the title text, make your changes, and then select Save.

Trello-Sample-Card-Back-Title

Editing the Description

To edit the card description click the Edit the description link (or an existing description), make your changes, and then select Save.

Trello-Sample-Card-Back-Desc-2

Trello-Sample-Card-Back-Desc

Editing Members

Selecting Members from the Add menu will display a list of board members. Selecting individual members puts a check mark next to their name.

Trello-Sample-Card-Back-Add-Members

Adding them to the card (I figure we can use this to show who’s going to be working on a task).

Trello-Sample-Card-Back-Members

Editing Labels

Selecting Labels from the Add menu displays a list of colored labels that can be used to classify each card.

I’ve customized the labels into two groups – things and verbs. Storyworld, Anecdotes, Faces, and Graphics are the things; Designing, Coding, Testing, Writing are the verbs.

Selecting each label puts a check mark on it.

Trello-Sample-Card-Back-Add-Labels

And adds it to the card (I figure two labels per card should be the norm, one noun, one verb).

Trello-Sample-Card-Back-Labels

Editing Due Dates

Selecting Due Date from the Add menu will display a date picker which allows you to select a due date and time.

Trello-Sample-Card-Back-Add-DueDate

Clicking Save after selecting the appropriate date and time adds them to the card.

Trello-Sample-Card-Back-DueDate

Adding Checklists

Selecting Checklist from the Add menu prompts you for a checklist title (you can also copy checklist items from another card to pre-populate this checklist using the Copy Items From drop-down menu).

Trello-Sample-Card-Back-Checklist-1

Selecting the Add button will add the checklist to the card (in the example below we’ve chosen not to pre-populate our checklist with items from another card).

Trello-Sample-Card-Back-Checklist-2

Type your checklist item in the “Add an item” field and click the “Add” button (or press Enter) to add the item to the checklist.

Trello-Sample-Card-Back-Checklist-3

As you work on items you can mark them complete by clicking the check box to the left of each item. For each completed item the progress bar at the top of the checklist will display a percent complete so you know at a glance how much work remains.

Trello-Sample-Card-Back-Checklist-4

You can click on any checklist item in the list to edit it. You can also create a new card from any checklist item by clicking the “Convert to Card” link if you feel that this piece of work should be a separate task.

Trello-Sample-Card-Back-Checklist-5

Adding Attachments

Selecting Attachments from the Add menu displays a list of locations where you can select files. Selecting one of those locations will display a dialog box that allows you to select your attachment. (You can also attach a link using the Attach a link field.)

Trello-Sample-Card-Back-Attachment-1

Attachments appear underneath the card description. By default the first attachment will be displayed as the card’s cover (you can change this by clicking the Remove Cover link).

Trello-Sample-Card-Back-Attachment-2

Multiple attachments can be added to a card and you can designate which one (or none) is the card’s cover.

Trello-Sample-Card-Back-Attachment-3

Adding Comments

Board members can carry on conversations about a particular task by writing comments in the Activity section.

Trello-Sample-Card-Back-Activity

Besides writing text you can also add an attachment, mention another member (which notifies that member of your comment), add a link to another card, or add emoji to your comment using the links beneath the Write a comment… field

Trello-Sample-Card-Back-Activity-3

All card activity is tracked in reverse chronological order.

Trello-Sample-Card-Back-Activity-2

As you make changes to a card the changes are reflected on the card’s “front.”

Trello-Sample-Card-Front-Complex

Other Card Actions

The Actions menu provides some additional card actions.

Trello-Sample-Card-Back-Actions-Menu

Using this menu you can:

  • Move the card to another board, another list, or a new position in a list
  • Copy the card with options to include checklists, labels, members, attachments, or comments
  • Subscribe to the card so you get notifications when something changes
  • Archive the card to remove it from the board

Quick Card Editor

Once you’ve created a card you can quickly edit some of the card information without “flipping” the card onto its back. To do this move the cursor over the card and click on the pencil icon that appears (you can also type “e” instead of clicking).

Trello-Cards-QuickEdit-1

In this mode you’ll be able to edit the card title, change labels, members, or due date, as well as performing some additional card actions.

Trello-Card-QuickEdit-2

Searching the Board

Using the search box in the upper left corner it’s

Trello-Searching-1

Trello-Searching-2

You can search on any card text.

Trello-Searching-3

You can refine your search by including member names.

Trello-Searching-4

And you can even refine your search further by limiting it to cards with specific labels.

Trello-Searching-5

Some Additional Links

Here are some additional links to answer any additional questions you might have.

Some Suggestions for Board Use

There are no specific member permissions to restrict certain activities to certain members – everyone who is a board member can do anything. Because of this lack of permissions I’d like to offer some suggestions for how the Siboot 2.0 board could be used.

  • Anyone should feel free to add a task to the Backlog list
  • Tasks should probably be labeled with one noun, either Storyworld, Anecdotes, Faces, or Graphics
  • Tasks should probably be labeled with one verb, either Designing, Coding, Testing, Writing
  • Discussions about the task should probably happen on the card associated with the task
  • Only Chris Crawford should move cards from the the Backlog list into the Ready list
  • Only Chris Crawford should prioritize cards in the Ready list

Remember, these are only suggestions.

Posted in Uncategorized | Tagged , | Leave a comment

Entire Game on One Screen

The thirty-first Ludum Dare game competition is going on this weekend. For those of you who aren’t familiar with the competition check out this video.

The theme of this competition is Entire Game on One Screen. I don’t know what a majority of the entries will be but it got me thinking about interactive storytelling and Teen Talk, my iOS port of Chris’ Gossip remake.

Teen-Talk

The goal is to become the most popular person by calling other people and gossiping about the other people in your group. You can tell the truth or lie but since other people in the group can talk amongst themselves, you’ll never know if you’ll be caught.

I have to admit that’s Teen Talk is more of an experiment than a game. After you play it once it’s not very interesting but I think it’s a mechanic that will be central to interactive storytelling.

At its heart, interactive storytelling will put people first. Yes, there will be props and locales to add color to the storyworld but characters will be front and center. And when you put characters together on a single stage they talk and they gesture, they posture and they pose. I recently went to see Hedda Gabler at the Gamm Theatre and it was intimate and totally engaging, human drama stripped to its basics.

Hedda-Gabler-Gamm

When characters get together in an interactive storyworld it will be much like a crowded party in a small apartment. People will come and go. You’ll be able to see at a glance who’s around you and from your past histories and present conversations you’ll be able to figure out who hates who and who’s sleeping with whom. The social dynamics will shift and the drama will ebb and flow according to the storyteller’s dramatic intent.

Guns-and-Butter-2

If it was just my opinion I would be sceptical but Alex Vostrov, a game designer whom I know from my Storytron 1.0 days, emailed me a couple of days ago about Rumours, an experiment of his that was inspired by Chris’ Gossip remake.

Rumours

Alex’s experiment “focuses on exploring the tension between status and friendship.” You’re in a kung fu tournament with eight other contestants and you’re trying to find two partners for your team. You want to find the best possible partners but you don’t know anyone and they don’t know you. The core activity is talking to other characters and exchanging information about what other people did (similar to Teen Talk).

Alex was kind enough to send me a copy of his prototype and a writeup about its creation (when he posts his work to his site I’ll link to it here). I’ve only played it once but the similarities are encouraging.

As interactive storytelling matures I don’t know what final components will make up the complete experience but I have a feeling that the mechanics implemented in Teen Talk and Rumours will play a big part.

Excalibur

Posted in Uncategorized | Tagged | Leave a comment

Once more unto the breach

I’ve joined the team that’s going to try and help Chris Crawford make Siboot 2.0 a reality. The main question I asked myself before joining is “Why?”

For those of you who don’t know I spent almost two years using Chris’ Storytron 1.0 technology to do exactly what Chris is doing right now – recreate Trust & Betrayal: The Legacy of Siboot. It was an experiment that was abruptly ending when Chris decided to mothball the project (you can read more about it here).

If a definition of insanity is doing the same thing over and over and expecting different results, why am I signing up for what very well might turn out to be another failed side-project? I don’t have a great deal of confidence that Chris can manage a project of this size and I sometimes think he’s a bit too iconoclastic to take other’s advice.

That said, I’ve played all of Chris’ games and read all his books and believe that his theories about interactive storytelling need to be field tested. His credentials and credibility are still valid, if strained. Until there’s a storyworld out there created using his methodology and technology, all his talk and writing is just a hypothesis that has no chance of being proven. I want to give that hypothesis a chance.

Also, Chris approach appeals to the software developer in me and he himself is the game designer and developer I would like to be if I was a game designer and developer – an auteur struggling alone in a garret cubical trying to mold a personal vision to deliver to the public while advancing the state of the art and making a buck – a D.W. Griffith or a Charlie Chaplin (I felt the same way in film school).

Interactive storytelling is virgin territory, what the game industry was in the TRS-80, Apple II+, and Commodore 64 microcomputer era – wide open to experimentation and willing to try anything for 99 cents (but not a $1.99). I want to be a small part of that.

Finally, my exposure is limited. I’ve only signed up to playtest the storyworld Chris is creating for ten hours a week. During that time I get access to the Storytron code before it becomes open source. Time permitting I can tinker with SWAT and muck around with the Sappho language, learning more about the nuts and bolts behind Chris theories.

In my introduction to the rest of the team with this quote from Henry V, Act 4 Scene 3

And gentlemen in England now-a-bed
Shall think themselves accurs’d they were not here,
And hold their manhoods cheap whiles any speaks
That fought with us upon Saint Crispin’s day.

Maybe I am insane.

Posted in Uncategorized | Tagged , | Leave a comment

Spartan Sprint – Fenway

My 8th 5k obstacle race (1:08:53)

Posted in Uncategorized | Tagged | Leave a comment

Tuff Scramblers

My 7th 5k obstacle race (1:12:08)

Posted in Uncategorized | Tagged | Leave a comment

Home on the Range

I’ve been reacquainting myself with Objective-C by getting up every day at 5 a.m. and going through Big Nerd Ranch‘s Objective-C Programming chapter by chapter. It’s been an nice refresher.

71OV1De7mnL

Posted in Uncategorized | Tagged | Leave a comment

BoldrDash

My 6th 5K Race (1:27:23 – it was a 4 mile race and my total time was 1:52:31)

Posted in Uncategorized | Tagged | Leave a comment