The Daily Digest - Dorm Room Design
Index
Scenario Changes
For the most part, I use the same scenario as written on DailyDigest - Designs. There are some few modifications,
however. I've outlined the modified scenario here.
- Fred is an experienced user of Daily Digest
- He just got back from a shopping trip to Trader Joes
- He wants to enter the foods that he purchased there
- Enters items, and accidentally misspells asparagus
- Goes to correct that spelling
- He wants to enter the past three meals that he's eaten (last night's dinner, todays breakfast and lunch)
- Receives phone call after entering last night's dinner and is distracted
- Fred wants to look over his past meals
- He wants to view statistics about his eating habits
- Fred logs out
Storyboard
Fred goes to the Daily Digest login page and clicks “Log In.”
He's greeted with a page titled “The Room.” Deciding that he wants to enter the foods that he just
bought at Trader Joes, he clicks on “The Fridge.”
Fred goes to the Daily Digest login page and clicks “Log In.” A window pops up asking for his MIT Certificates.
He's greeted with a page titled “The Room.” Deciding that he wants to enter the foods that he just
bought at Trader Joes, he clicks on “The Fridge.”
On The Fridge page, Fred sees a list of the food that he's recorded on the inside of the right
door. He can scroll through the alphabetical list of items. On the left, he sees the menu to add new
items to that list (hereafter referred to as “the fridge list”).
The first item he adds is a gallon of milk. He types the name in the “Food Name” text box.
Underneath, he selects “Gallon(s)” from the drop-down menu for units, and enters “1” in the amount
text box. He then enters the cost and calories in their corresponding text boxes, and finally checks the
checkboxes corresponding to the “Dairy” food group.
After he types everything, he clicks “Add to Fridge”, and the milk immediately appears in the
fridge list. He reaches into his actual fridge to put the physical milk away, and notices that his 2 Liter of
Sprite is almost empty. Fred pulls it out and drinks the last bit, and turns back to the Daily Digest.
Having just finished the Sprite, he navigates to it in the fridge list, and clicks the “Delete”
button associated with that entry. A confirmation dialog appears, on which he clicks “Yes.”
He then goes to enter the asparagus that he's purchased into the fridge list. He fills out all of the
information, and then hits “Add to Fridge.” It is added to the fridge list and the list scrolls up
automatically to make the asparagus visible. When it appears in the fridge list, he notices that he's
spelled “asparagus” incorrectly. He clicks on the “Edit” button associated with the asparagus. The entry
becomes highlighted in the list, and all of the information populates the form on the left. He fixes the
spelling and clicks the “Add to Fridge” button.
He then clicks on “The Meals” tab on the navigation bar (nav-bar) on the left edge of the screen
to enter the most recent meals that he's eaten.
On The Meals page, Fred is greeted with a familiar interface. He begins to enter dinner fromlast night.
He first selects “Dinner” from the drop-down menu, then names the meal “Spaghetti at
Baker”. He selects yesterday's date from the date-picker, and guesses at the time of the meal to the
nearest hour.
He ate at Baker Dining the night before, so he can't just add foods from his fridge list. He enters
the things he ate using the same interface as the one for adding items to the fridge list on The Fridge
page. As he clicks “Add to Meal” for each item that he's entering, they appear in a list on the right
(hereafter referred to as “the meal list”), which sorts itself alphabetically.
After he is satisfied that the meal list matches what he actually ate, he clicks the “Save Meal”
button underneath the meal list. The list is replaced by the text “Meal saved in The Log,” which
remains for a few seconds before fading away.
Before he begins entering his next meal, Fred receives a phone call which distracts him.
Returning to the task at hand, he realizes that he's forgotten what meal he was about to enter. He looks
at the right side of the screen and sees the Previously Recorded Meal was a dinner which was named
“Spaghetti at Baker.”
He begins to enter his breakfast from this morning, which he titles “Eggs.” He cooked this meal
for himself, using items that he already possessed. He begins by selecting eggs from the drop down
menu, and then enters “2” in the text box next to the label “Approximate Amount Consumed.” He
checks the “remove from The Fridge” checkbox (not pictured) to remove the eggs from the fridge list.
He clicks on the “Add to Meal” button and it appears in the meal list. At this point (and not before), the
eggs are removed from the fridge list.
He then begins to enter the milk that he drank. He finds the milk in the drop-down list. It has
“(1 gal)” in parentheses next to it, which is the amount that was recorded in the fridge list. After
selecting “milk (1 gal)” from the drop-down, “(enter '1/16' for one cup)” appears to the right of the text
box. (These tips appear based on the units of the item in the fridge list.) Fred finishes entering
information about breakfast, and then does lunch as well. He then clicks on “The Log” tab in the nav-
bar, having been overcome by a sudden curiosity at what he has recently eaten.
On The Meals page, Fred is greeted with a familiar interface. He begins to enter dinner from
last night. He first selects “Dinner” from the drop-down menu, then names the meal “Spaghetti at
Baker”. He selects yesterday's date from the date-picker, and guesses at the time of the meal to the
nearest hour.
On this page, Fred sets the “from date” to a week ago using the date-picker. The “to date” (and
also the “from date”) was already auto-completed to today. The list of meals (hereafter referred to as
“the log” with a lower-cased “l,” not to be confused with “The Log” with a capitalized “L” which refers
to this page) appeared on the right. Browsing through the list of meals, he noticed that he had already
entered the dinner for today, which is strange because he only just finished lunch. He realizes that he
entered the date wrong when he was entering last night's dinner. He clicks the plus sign next to that
meal, and then clicks on the “Edit Meal” button. This takes him back to The Meals page.
He changes the date, and clicks the “Save Meal” button. He receives confirmation, and that
dinner is now listed in the “Previously Recorded” section. He clicks on the meal title in the Previously
Recorded section, which takes him back to the entry for that dinner on The Log page.
Satisfied with the log, he decides to check out some analytics. He clicks on “The Stats” tab on
the nav-bar.
Fred is interested in keeping track of two personal goals that he's set for himself. He wants to be
eating more vegetables, and he wants to be spending less money on snack food. The page defaulted to
looking at cost per day over the past month, so he decides to first look at how much he's been spending
on snack food.
He decides that snack foods are generally either grains or sweets. He changes the drop-down
next to “per” to “Food Group.” A series of checkboxes appear underneath the graph: one for each food
group. They all begin checked, and there are a number of colored lines on the graph, and a map key on
the left side of the graph. He unchecks all but the “sweets” and “grains” boxes, and is content that at
least the trend is slightly decreasing.
He then changes the drop-down boxes at the top to view statistics about “Food Groups” per
“Day.” The checkboxes remain in place, but all become checked again. He again unchecks all but
“vegetables,” and looks at the trend over time.
Satisfied, he clicks on the “logout” link in the top right corner of the page to leave the Daily
Digest.