Checklist App (Process Documentation) Interface For Android Mobile Tablet & Phone

Question

I'd like some help figuring out a good interface design for my app. It will be a checklist application, I guess somewhat similar to a todo list but instead of for things todo it is for documenting a process (like a bank employee might have "Open New Business Checking" or "Closing Procedures"). You can also thing similar to an airplane pilots checklist (i.e. "Start Up Procedures" would include items such as: "Fuel Pump - On", "Fuel Mixture Rich").

It will also have multiple levels where an item could be broken down into sub items (as deep as you want). So for example for a banker you might have as an item under "Open New Business Checking" an item that says "Do Credit Check" and this could be itself broken down into "Log onto blah blah site", "Select Beacon Score", "Hit Submit"). Again subitems could be broken down further, on and on.

I've already got my main interface that has a list of your topics and it customizes itself to fit phone and tablet interfaces as appropriate using fragments. So i'm interested in setting up the detail section (a screen on phones, a seperate pane on single screen for tablets).

This will be where the red rectangle is on the following images:

Image 1: Master Phone Screen

Image 2: Detail Phone Screen

Image 3: 7" Tablet

Image 4: 10" Tablet

(Not enough rep to embed pictures, and can only have two links. For images 3 and 4 please copy and paste the URLs. I appologize for the inconvenience. If someone with more rep could please post my pics for me that would be great.)

Image 1: Master Phone Screen

Image 2: Detail Phone Screen

Image 3: 7" Tablet

Image 4: 10" Tablet

Tasks:

• Add a new item
• Edit an item
• Attach multimedia to an item
• Delete an item
• Remove attachment on item
• Break down item into subitems

Obviously I will have a list.

Should I have the actions available on a long press menu?

Or should I have a tool bar to include those items? Or a combination of the two?

Should Add/Edit pop up a dialog to accept input or should they be able to edit directly in the list (and is that difficult to implement in android?)?

Reordering: Drag and drop or select and have Up/Down button?

Answer 1

You have lots of questions here; this answer will include my suggestions for some of them.

1. Add item should be an action (in the action bar) on the list.

2. Edit, Delete, Attach Multimedia, and Break down item seem like they should be actions on the item itself, therefore should be shown as actions on the item detail screen.

   • Long-pressing the item in the list should select it (triggering multiple-selection mode if possible), and show the contextual action bar, where these item-specific actions are shown. This is basically a shortcut.

3. Regarding whether or not to pop up a dialog for Add item and Edit: on Android, dialogs are discouraged. If possible, show edit controls inline, or present a separate item creation/editing screen.

4. Regarding drag and drop vs. up/down buttons for reordering, the Android Design principles state:

   Allow people to directly touch and manipulate objects in your app. It reduces the cognitive effort needed to perform a task while making it more emotionally satisfying.

   Thus, drag/drop and direct manipulation, in general, is preferred.

As a side note, looking at your screenshots, you don't need text labels for every action in the action bar. You should only show text labels for the absolute most important actions, or those that don't have obvious iconography (and even then, try for an icon instead). Note that users can long-press an action on the action bar to see its title.