...
Storyboard
| Anchor | ||||
|---|---|---|---|---|
|
Jeff 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.”
Jeff Fred goes to the Daily Digest login page and clicks “Log In.” A window pops up asking for his MIT Certificates.
...
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.
Usability Analysis
| Anchor | ||||
|---|---|---|---|---|
|
...