Mockups for Checklist Extension

Review Request #4668 — Created Sept. 30, 2013 and discarded



First draft of mockups for the checklist extension. I wrote more details on hackpad: The three designs are similar in functionality, but different in looks. The first is pretty basic and simple; the second is semi-transparent; and the third is based off of the RB logo.


  1. Elaine,

    This looks like a great start. I'd like to take a step back from the visual design of this and think a bit about the interaction. I have a few things that I'd like us all to discuss:

    1. Do we let people turn this off? I can see a lot of people who don't care just wanting to get rid of the thing blocking their view. Do we have it off by default?
    2. I can see in all of your mockups how new items are added. If I add something and then change my mind, how do I remove it? How do I edit it? You may want to play with Asana for a few minutes for some inspiration here :)
    3. It would be nice to be able to define some kind of template, so I don't have to type out all of my checklist items every time. Similarly, team leads or managers might want to maintain an "official" checklist for everyone to use. How do I define a template? How do I share it?
    4. If I mistakenly use a template (or make some other mistake), how can that action be un-done?
  1. Hey Elaine,

    Nice sketches! They really help to convey what you're thinking about, so mission accomplished. :)

    I have a few small concerns:

    Primarily, I worry that the idea of templates might be a bit ambitious for a first iteration on this extension. I think we might get bogged down if we try to do too much at once. I like the idea of templates, but I think maybe we should shelve it for a bit, and try to get the simplest (yet still useful) interaction completed first, and then expand out from there.

    I also have a few small suggestions for how to do inline-adding/removing of items in the checklist - see my other comments.


    1. Let me clarify a bit here, so you don't feel like you're getting conflicting messages: I agree that your first prototype should not have all the template functionality. My aim in asking for it was to see how it fit into the eventual design.

  2. Hm. That sounds less like "editing" and more like "adding".

  3. That's a lot of space for these two operations.

    What happens if instead of these two large buttons, you have "X"'s right-aligned after the checklist item name for removal?

    And then a "+" where a checkbox would go in an empty row below the last item, which when clicked, would display a text input and an OK and Cancel button (like the fields in a review request) for adding a new item?

Review request changed

Status: Discarded

Change Summary:

I've uploaded new code with new design.