UX Walkthrough pilots - Daphne, Clayton & Colin
(Accesibility and usability heuristic evalutions combined with cognitive walkthroughs)
Evaluation Completed by: Daphne Ogle (DO), Clayton Lewis (CL), Colin Clark (CC)
URLs:
Tools Heuristic Overview: https://sak-qa.berkeley.edu/portal/; using the '107 Plant Morphology' site as our target since it is suggested as a "typical" course site
Scenario Walkthroughs: http://bspace.berkeley.edu;
Each evaluator used a unique instructor login created for the evaluation and created individual course sites.
Date: August 15, 21, & 22, 2007
See UX walkthrough guidelines for heuristics and cognitive walkthrough questions used in this evaluation.
Scope of Walkthrough
Functional areas (Sakai content-management related Tools) focused on for review:
Announcements
Home
Assignments
Drop Box
Email Archive
Forums
Mail Tool
Resources
Syllabus
Web Content
User profile(s) and context of use:
Persona: Sarah Windsor - Overwhelemed Faculty
Scenarios:
General Overview of content management tools (traditional heuristics-style)
Create course site
Add syllabus to site
Assumptions for this evaluation:
Through working in groups, usability and accessibility perspectives will both be represented
bSpace (Berkeley's instance of Sakai) is a decent representation of Sakai instances. Evaluators will look for issues related directly to the skin which is much different than the Sakai out-of-the-box skin.
Summary of Positives found
Usability Positives | Tool | Evaluator |
|---|---|---|
Permissions matrix format is mostly consistent across tools. Users can leverage learning in one tool for usage in others. | All tools > Permissions | CL |
When adding participants to a site via their email address, the system checks for valid email address. Protection against users entering the wrong address and not realizing it. | Worksite Setup & Site Info > Add participants | CL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Accessibility Positives | Tool | Evaluator |
Tool & content distinction pretty clear |
|
|
While creating course, default of current semester is good - in most cases user won't have to move down in drop down. |
|
|
WYSIWYG editor listens to common keyboard shortcuts |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Priority Legend:
High = Task cannot be completed
Medium = Task completed with significant effort and failed attempts
Low = Task completed with minor complications and/or annoyance
Summary of Issues Found
Usability Issues | Principle | Link to screen shots | Priority | Suggestions for solution | Tool | Component Identified? |
|---|---|---|---|---|---|---|
General |
|
|
|
|
|
|
On initial view of system it is not clear why I see what I see (what role am I) and how that compares to what others see. This is particularly important because of the hierarchical structure of a class and the need to protect students confidential information. | Visibility of system status |
| High | Display users role on every page. Allow instructors to "see what students" see. . | All | "Role identifier" and/or "Student View" |
Permissions settings are not human readable ( ex. "all.groups", "new") | Match between system and real world - System should speak user's language | Medium | Use terminology that matches user's mental model of the action. The label should be in the "verb + noun" format. For example, "new" in the Assignments Tool could be replaced with "create assignments". Tool tips on the permission settings could add additional information if needed. | All |
| |
Permissions table is not clear. It is not immediately clear is the row or column is the 'role' | Minimalist design | Medium | If it's meant to be spreadsheet like then make it look more like a spreadsheet with gridlines and the such. | All > Permissions | Permissions | |
If the user plays around with permissions, there is no way to get back to the default unless they remember. | Recognize rather than recall |
| High | Add a "revert to default" button (better terminology than default should be used) | All > Permissions | Permissions |
Gradebook |
|
|
|
|
|
|
"Release assignment" is jargon -- not likely a term familiar to instructors. | Match between system and real world - System should speak user's language |
| Medium | New GB designs for 2.5 have a definition link built into several terms like this. Term is always displayed clickable link that on click displays the definition. Need to confirm this was implemented with IU. Not sure this is accessible. | Gradebook | Term Definer |
Home |
|
|
|
|
|
|
"Worksite info" is not a familiar term to users. It doesn't align with the idea that they are working in their Course site. | Match between system and real world - System should speak user's language | Medium | Rename to "Course site information". The appropriate course type should be inserted for "course". | Home | Home | |
Arrangement of tools is inflexible and doesn't always match user needs. For instance, new announements may be most important as deadlines approach yet they are buried below the fold. | User control & freedom |
| Low | Allow users to easily reorganize this page as appropriate for current situation | Page layout/organizer |
|
Syllabus |
|
|
|
|
|
|
If user has uploaded a pdf of their syllabus it displays as a link to the pdf rather than the contents displaying in-line on the page. The users viewing the pdf are required to manage multiple windows since the pdf opens seperately. This particularly cumbersome for keyboard and screen reader users. | Minimalist design | Medium | Display contents of the pdf on the page (as if an image). The root of the issue is the metaphor the tool currently uses -- syllabus are created within the tool so each document uploaded is treated as if an item in the syllabus. The more typical user model is to have an existing syllabus document that they can either display in this tool or copy and paste into the tool. | Syllabus | Resources Viewer (look at what Cambridge is doing here) | |
Schedule |
|
|
|
|
|
|
Intra-tool navigation links at the top of the page are not clear from their labels -- they are not explicit and some use language that will be unfamiliar to users in this context. | Match between system and real world - System should speak user's language | Low | Use explicit terminology in the form of "verb + noun". Use terms that match users model of the action (i.e. "Display more schedules" rather than "Merge"). | Schedule |
| |
If user has no other schedules to merge (they don't own other site for instance), when they arrive at the "Merge" page, there is nothing listed. This is further confused by the unclear label of the page itself. | Match between system and real world - System should speak user's language | Medium | Rather than a blank list, display a message: "You do not have any other schedules to display. You may only display schedule items from other sites you own." (needs better language). | Schedule > Merge |
| |
Title of Merge page and instructions refer to "calendar" but "schedule" is used everywhere else | Consistency & Standards | Low | Use either calendar or schedule everywhere when referring to the same thing. | Schedule > Merge |
| |
Calendar is more common terminology for what that schedule tool is (ical, Oracle calendar, Outlook calendar, etc.) | Consistency & standards |
| Low | Change tool name and all related references to Calendar. | Schedule |
|
On the Fields page, it's not clear what "fields" are (same goes for intra-tool nav label). Am I choosing new fields, do I need to choose from this list? Also, what kind of interaction will these have for users creating new items: date for instance? | Recognition rather than recall - User should not have to remember information from another part of the system. | Medium (edge case functionality not used often) | Rename this functionality to something that better matches the user's mental model. Even something like "Schedule item attributes" would be better (although attribute is pretty geeky). | Schedule > Fields |
| |
On the Fields page, the remove checkboxes do not look connected to the fields. Also the initial inclination is that checked items will appear and unchecked won't since this is a common interaction in Sakai. | Consistency and Standards | Medium | At a minimum make the left table column less wide so there is a visual connection between the item in the list and it's checkbox. Even better change the interaction so there is no doubt what the user is doing. Some ideas are a "wysiwyg interface" (described in issue above) or a different layout where the fields are checked if they're included. | Schedule > fields |