Page Title: New Task List - Priority Sort

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Tasks
Page Notes:

1 NEW DESIGN AND DIFFERENT FUNCTIONALITY

o Each task can be sorted by two different parameters: priority and
due date. This replaces the Active, Long Term, and Recurring
organization.
o Each task is listed individually, with a widget (A, B, C) and text

Pay rent
color indicating priority and due date.
A o The number of tasks of each type isn’t shown.
o Deleted tasks aren’t shown.
o Tasks turn yellow when the Warning Date is reached. They turn
A
Water B’s plants o
red after the due date. The Red Alert Date field is eliminated.
A configuration menu replaces “TIMEZONE”. The user can set
these items in the Config menu:

Buy cat food

o Time Zone
A o Warning Date default
o Date Format
o Time Format

B
UPA meeting 1
List is in priority order. Text color indicates how close the
task is to its due date.

B
Res for FL Within each priority group, items are sorted in due date
order.

C
Schedule painting 2
2 Clicking on selected task brings up Task Detail screen.

MORE 3
3 “MORE” appears when there are more items than can be
shown on one screen. It tells the user to scroll.

-------------------------
4

Create Task >>

On click, return to main menu.

4 On click, elicits the Configuration menu. The Warning Date

6
5 field default can be changed via the Configuration menu.
Exit 5 By Due Date This button cannot be changed to text and must lead to a
menu.

6 On click, re-sorts the list in Due Date order.

Page: 1 of 10
 1 Page Title: New Task List - Due Date Sort

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Tasks
Page Notes:

1
List is in due date order. Text color indicates how close the
1
task is to its due date.

Within each due date group, items are sorted in priority

Pay rent
order.
A

C
Schedule painting
A
Water B’s plants
A
Buy cat food
B
UPA meeting
B
Res for FL
MORE
-------------------------
Create Task >>
Exit By Priority

Page: 2 of 10
 Page Title: Task Detail Screen

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Task Detail NEW DESIGN AND DIFFERENT FUNCTIONALITY

o
o
o
Field names are eliminated, only the fill-in data is shown.
The date the task was created is shown.
A pop-up menu (“Edit/Delete”) allows edit, delete, and save
functions.

C Schedule painting 1 From “Details” field of Create & Edit screen. May be blank.
Call Ted about touch up painting in It may also be preferable to place this detail below the due
date and time display.
foyer 1

2 This may be superfluous.

_______________
3 Returns to Task List.

11/5/08
10:15 am
On click, elicits a pop-up menu with three items: Edit,
4
Delete, Save.
o Edit elicits the Create & Edit screen.
o Delete elicits a delete confirm screen.
o Save makes the pop-up go away and leaves the user
at the Task Detail screen.

Created 11/1/08 2

3 4

Back Edit/Delete

Page: 3 of 10
 Page Title: New Create & Edit Task, screen 1

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Create & Edit Task NEW DESIGN AND DIFFERENT FUNCTIONALITY

Description <countdown character counter here>
o
o
The Create & Edit Task function occupies two separate screens.
All tasks are created on the same two screens.
o New functionality: the user can specify a priority. This is similar to
1
o
Active versus Long Term but allows more granularity.
New functionality: the user can specify a time.

2
1 Countdown character counter is a “nice to have”.

In the Edit case, this field and all the others (except
Priority 2 “Details”) would be populated. “Details” may be
populated.

Enter A, B, or C 3
The formats for date and time can be changed in
the Configuration screen.

Due On
4 On click, return to previous screen, which will be

MM/DD/YY 3
either the:
o Task List, or
o Task Detail

Due At 5
On click, the application should:
o Save the data.
o Populate the Warning field on the next screen

HH:MM:am/pm with a meaningful date, based on the Warning

Date default value in the configuration.

Recurs
Enter number of days
5
4

Cancel Next
Page: 4 of 10
 Page Title: New Create & Edit Task, screen 2

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Create & Edit Task 1 I don’t know if you can make input text a particular
color. If you can’t, we can go back to using the
yellow indicator. But the idea is that the text itself
indicates how close the task is to its due date.

Warning Date
2 On click, return to first Create & Edit Task screen.

MM/DD/YY 1
3
On click, confirm save and go to Task List.

Details <countdown character counter here>

2 3

Back Save
Page: 5 of 10
 Page Title: Tasks

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Tasks
1 I changed “Active” to “Short Term” to make it
parallel with “Long Term”. I think you were right

Short Term [3]

from the start.
1
However, there is not much functional difference
between a short term and long term task. Although

Long Term [1]

the path to the Create Task screen differs, once
2 you get there the fields are exactly the same. So I
think we should make sure we really need these
two different task types.

Recurring [6] 2
I made the indicators smaller because I think the
text is more important. Yellow and red are easily
seen.

Deleted [3]5

3
I deleted the arrow in front and added more space
between “Create Task” and the other lines
because I wanted it to stand out. I really like the
angle brackets at the end.

I don’t know if you can make this text a smaller font

Create Task >>

than the others. Would be nice because these are
3 lesser-used keys. The color separates them from
4
the other commands, so I changed them to cap
and small. Cap and small is easier to read than
ALL CAPS. I also made “Time Zone” two words

4
Exit Time Zone It’s not clear if this number is the total number of
tasks of that type, or the number in the red state. I
5 can think of designs that would resolve the
ambiguity, but they are more complex – maybe too
complex for a cell phone to-do list.

Page: 6 of 10
 Page Title: Active

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Active 1
Possible to have a “Create New >>” command at
this level? It would create a new Short Term task.

Apply to GW
I don’t know if people will understand that this
2 allows you to mark a task as done or not done. I
also think they might be a little confused about
what happens when they do use the functionality:
o If I mark a task that is past its deadline as

Buy Health Ins

“Not Done”, I see a red alert indicator next to
it – the same indicator I see if I didn’t mark
the task.
o If I mark a task that is not yet overdue as “Not

Res for FL
Done” the indicator also doesn’t change.
3
However, some people might really like it, because
you can see all that you have accomplished during
a week.

One possibility is to add the marking functionality

to the Edit screen. If you did this, you could
substitute the word “Edit” for the stacked lines at
the bottom of the screen. This would make the Edit
functionality more evident.You could still bring up
the Edit screen if the task is selected and clicked,
as you do now.

I added a comment to this task but didn’t see

3 anything at this level to indicate that there was a
1 1
2 comment. Possible indicators:
o A series of three dots (. . .)
o The text ”More”

Back Delete

Page: 7 of 10
 Page Title: Create Short Term Task

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

1

Page Notes:

Create Short Term Task 1

The heading should match the command name on
the earlier screen.

I have made the field labels a smaller font than the

2 Description 2 fill in text. I don’t know if you can do this. If you

can’t do this, is there other text styling (such as
3 bold) that would make the field input more evident?

Res for FL I’ve also made the background white so the

3 selected field (which is a light blue here) is more
evident. When I used the prototype, I had trouble
discerning which field was selected.
4 Target Date
I’ve made field labels that are two words initial cap
4 (“Target Date” not “Target date”). This is very
...Date... minor, but I thought it looked a little nicer.

I don’t know if you can include the yellow indicator

5
in either the label or input field, but if you could,
5 Warning Date that would go a long way to conveying what
“Warning Date” and “Red Alert Date” mean.

...Date... We’ve talked about alternative labels: “Heads Up

Date”, “Orange Alert Date” “Past Due Date” and so
on. These labels are all a poor substitute for a tiny
graphic!

Cancel OK

Page: 8 of 10
 Page Title: Create Recurring Task

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Page Notes:

Create Recurring Task 1

The Target Date of the task will change, so this is
the first Target Date.

Description

Pay rent

First Target Date 1

...Date...
Recurrence
Number of days 1

Cancel OK

Page: 9 of 10
 Page Title: Date Input Screen

File/Version: @BCL@A8119B5C.vsd

Last Updated: 11/10/2008

Create Task
Page Notes:

1
1 I think it’s OK to have this screen a child screen of
the Create Task screen. Maybe the Warning Date
child screen should obscure a little more of the
background so it’s completely clear where the
Target
2 Date input is.

Warning Date. Usually a day or two before the Target Date. 2

I eliminated the calendar icon because I thought
people wouuld try to click on it. I used the real
estate to add help text.

Wed 11/05/08 3 “OK” instead of “Ok”. Very minor.

Cancel OK

Page: 10 of 10