...
| Good Points | Bad Points |
Learnability |
|
|
Efficiency |
|
|
Safety |
|
|
|
|
|
Sketch 2
Sketchs | Ben's Story | Description | |||
|---|---|---|---|---|---|
| Ben Bitdiddle goes to try out QuickPick to figure out his schedule. He goes to log in. | Standard Login Page. Remembering the user is a key part of our design because we want them to be able to come back and update their four year plan as well as connect to their friends and see their schedules. When you first create your account, it asks you for your major, with specifics like 6-3, or 1C so that it better matches your required classes. | |||
<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="332fc17dd116aa00-d54b2fc9-42c84a2c-8ecf928f-ed3c5de3eccc3485599662c1"><ac:plain-text-body><![CDATA[ | !Doc - Mar 11, 2012 10-45 PM - p2.jpg | thumbnail,border=1,width=200! | Ben Bitdiddle sees all the requirements he needs to graduate with his CS degree. He can drag and drop the blocks containing his classes into the semesters he plans on taking them. | Once you enter your major, QuickPick preloads all the requirement classes, so users don't miss any of them when making their four year plans. Users can also add extra classes, majors, minors, electives, etc. to the four year plan. Classes that have multiple options that fulfill the requirement show up in a different color and with a label like [6.AUS] or [6.LAB]. Clicking this will bring up an info box that indicates the options that users can pick between to fill the requirement, as well as course descriptions, ratings from the underground guide, etc. Users can drag and drop classes into appropriate semesters, to make their four year plan. | ]]></ac:plain-text-body></ac:structured-macro> |
| Ben has a rough schedule based on what he remembered from his meeting with his advisor. He plays around with a few classes, because he thinks he remembers his friend Ruby is taking 6.033 Junior Year. | Here's an example schedule, with all the requirements laid out. (Note that we added IAP as a term, as apparently some majors have required classes over IAP. eg. 2.670.) Users can rearrange (using drag and drop) classes, and then generate a schedule based on the semester they're currently in. | |||
| Ben goes to add 6.033 into the schedule and is helped along by the interface, which grays out semesters in which the class isn't offered. This helps Ben schedule accurately, and avoid mistakes like the time he tried to take 6.813 in the fall. | To add a class, click the appropriate block. When holding to drag into a semester, QuickPick will gray out semesters that are ineligible for the particular course. For example, 6.033 is not offered in the fall, and has the prerequisite of 6.004. It will not let you schedule a class in a semester it is not offered. It will, however, let you schedule a class without a prereq, after warning the user of the prerequisite. | |||
| Ben now generates his schedule for this semester. He groans at the really early start time on Tuesday/Thursdays for 6.046. He starts to plan his lectures and recitations for the classes he plans on taking this term. He has a few options for recitations, and finds one that doesn't conflict with his other classes. | After the user generates a schedule for a particular term, this screen will appear. As you can see, some classes are already in this schedule (the user did this). When he is done scheduling the classes (including lectures, recitations, labs, etc.) a green checkmark indicates that he has completed it. This helps the user ensure he's not missing a recitation or lab. | |||
| Ben is now excited to share his four year plan with his friend Ruby. He clicks on her profile in the social bar and it shows her four year plan next to his. Ah! It seems that Ruby knows that 6.813 is only offered in the spring, and he adjusts his four year plan, so they can take it together. | The Social Bar shows the users' friends. This could be through Facebook integration or through explicit add for users without Facebook, or for advisors who students may be hesitant to add on Facebook. You can select multiple friends to see what other users are taking. Unseen is the ability to search for particular classes, and see when your friends are taking it on this same screen. | |||
| Ben is now planning what classes he's taking with his good friends Ruby, Miguel, and Tamara. Ruby and Tamara are also in 6.046 in the morning, and can help Ben make it to such an early class. Ruby, Miguel and Ben are in 6.813 together, just like Ben planned! Miguel is taking a CMS class that Ben isn't in. Ben looks at the class to see if he wants to take it too. It could be fun. Ben is also in ESD.051, which none of his other friends are in. | This screen allows a user to compare their weekly schedule with their friends. They can see who is taking the same classes, who is in what recitation, and what other classes users are taking (which is useful for classes like HASS classes). Again users can select multiple friends, or search by class. |
...
| In this design, the day-and-time schedule for Ben's current semester is displayed on the left hand side of a notebook-like layout. In order to add a course to the schedule he drags and drops it from the list of suggested courses on the right hand side. If he wants to learn more about the course before he adds it, he clicks on the course and a drop-down window appears with info such as the professor teaching the class, prerequisite courses, and the day(s) and time(s) offered. Lectures will be locked in because there is no opportunity for student choice here, but there will be when it comes to recitation sections. So when Ben initially adds a course the app will automatically select the recitation for him that fits in his earliest available time slot, but if he hovers over that section in the schedule his other options for the recitation will appear (with lower opacity than the already-scheduled blocks) on the planner. |
| Ben and Alyssa are planning their semesters separately on their respective computers, but at one point they want to share their schedules with one another to see if/how they line up. They both have facebook accounts, so using the "Friends" sidebar at far right and the "Share" interface at the bottom, they drag and drop each others' names and check the box for sharing on facebook. This will send the schedules out in a private facebook message as a link to be opened in the web app. If Ben clicks on the link his browser will navigate to the corresponding page in the planner (if he isn't there already) and overlay Alyssa's schedule on top of his own. A simple prompt will appear on the bottom of the page with an option to click that will allow Ben to exit this mode and make Alyssa's schedule disappear. |
| There is a page in the planner for every year Ben spends at MIT, and an option at the top of the page to toggle between spring semester and fall semester. The pages will be linked so that if Ben makes a change in one semester that affects his course options in another semester, a pop-up will occur to inform him as such. For instance, if Ben has scheduled 6.02 for Fall '12 and 6.02 for Spring '13 but then tries to remove 6.01, the window will warn him that this means he will no longer meet the pre-requisites for taking 6.02 that spring. The app will make suggestions for other placements of these courses in his plan, but will also allow him to "force" the original change and will then simply "grey out" 6.02 on the Spring '13 schedule to indicate his course trajectory doesn't meet the requirement as it stands. Linking up the pages also allows the "Suggested Courses" for each semester to adjust based on changes Ben makes to other semesters in his plan. |
Analysis
Good Points | BadPointsPoint | ||
Learnability |
|
| |
Efficiency |
...
|
|
Efficiency |
|
...
| |
Safety |
|
...
|
...
|
...
|
...