Justin's Walkthrough
Sakai User Experience Walkthrough Report
(Accessibility and usability heuristic evaluations combined with cognitive walkthroughs)
Evaluation Completed by: [Insert evaluators name]
URL: http://bspace.berkeley.edu/portal/site/24cc0997-e57a-4f55-00ca-02eb0b35a6e7
Date: 22 Oct 07, 29 Oct 07
Heuristic reviews and cognitive walkthroughs were performed on a [Dell] at [screen resolution] resolution (most common resolution) and [color setting] colors (most common novice resolution; if graphics work at this resolution, they'll work in higher resolutions) using [Firefox and Win XP Pro SP2] at a [broadband] connection rate.
See UX Walkthrough Heuristics for heuristics used in this evaluation.
Scope of Walkthrough
• See UX Walkthrough Work Breakdown
User profile(s) and context of use:
Profiles will generally only be used for the cognitive walk-through, not the heuristic evaluation. However, users may be set up with a certain role in the system (e.g. student, instructor) for the heuristic evaluation.
• See Sakai Personas
Scenarios
Scenarios will generally only be used for the cognitive walk-through, not the heuristic evaluation. However, it is fine to use these scenarios for the heuristic evaluation if it is helpful to evaluators in figuring out how to walk through the application. See Content Management Scenariosfor a list of all possible scenarios. Evaluators will likely only cover some of the scenarios, in one of the roles, in their individual evaluations.
• General Overview (heuristic evaluation)
• Scenario 2
• Scenario 3
• Scenario 4
• Scenario 5
Assumptions for this evaluation:
• [Performed based on an instructor]
Positive Findings
All positive findings, from both the heuristic evaluation and the cognitive walk-through, should be placed in this section.
Usability Positives |
Tool |
Evaluator |
---|---|---|
Clicking the help icon takes you directly to the help section for the tool it was called from. |
all |
JO |
Sortable tables show an arrow icon beside a heading. This shows both the method of sort (ascending/descending) and the heading which for which the sort is based on. |
all sortable tables (i.e. announcements and resources) |
JO |
Users are able to include only the tools they want for their site |
|
JO |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Accessibility Positives |
Tool |
Evaluator |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Summary of Usability & Accessibility Issues Found
All usability & accessibility issues found, in both the heuristic evaluation and the cognitive walk-through, should be placed in this section.
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
Usability Issues |
Principle |
Link to screen shots |
Priority |
Suggestions for solution |
Tool |
Component Identified? |
---|---|---|---|---|---|---|
General |
|
|
|
|
|
|
Use of the term "Reset" for the mechanism to take the user back to the first page of the tool. Reset is often used to refer to clearing the information entered and not just returning to a previous location. |
Consistency and standards |
|
|
A term such as "Return" may be more appropriate |
All |
|
There are three methods to organize content. Method 1 uses up/down arrows seen in the Syllabus, Method 2 uses drag and drop seen in the Site Info, and Method 3 uses numbers in a combo box seen in the Forums |
Consistency and standards |
|
|
Choose one or at most two methods of organization. |
Syllabus, Site Info, Forums |
Syllabus Items, Tool Order, Organize Forums and Topics |
Should the instructor be able to set permissions. Is this more of an admin function? |
Aesthetic and minimalist design |
|
|
Remove from the instructor's view |
Announcements, |
Permissions |
Both the Question Pools and Resources pages are used to manage a hierarchical system of information, but are designed with a different look and feel. |
Consistency and standards |
|
|
Choose one method to be used in all necessary areas |
Resources, Quiz |
Site Resources, Question Pools |
The horizontal navigation bar used for navigation within a tool is different across the tools, some user lighter text to show selection, others use darker, some are have vertical bars to separate items, others do not, some have no underline for the selected item, and etc. |
Consistency and standards |
|
|
Choose one method to be used in all necessary areas |
All |
|
Syllabus |
|
|
|
|
|
|
Complicated work flow if the instructor just wants to add a file as the Syllabus. (Syllabus > create/edit > add > add attachment > upload file |
Flexibility and efficiency of use, Match between system and the real world |
|
|
Add an option along side create/edit to add a file. (System should probably also be able to display the contents of the file and not just a link) |
Syllabus |
|
The Add Syllabus form and editor do not display the same as the actual output. The style of bullets changes from the editor to the output. Also the preview shows the Title in a different font size and colour than is actually outputed. |
Consistency and standards |
|
|
The preview should be identitcal in appearance to the output on the site. The user may also like to be able to control the style of the Title. |
Syllabus |
Add Syllabus |
In the create/edit screen of the Syllabus tool, the "Preview" and "Reset" link perform the same actions. |
Consistency and standards, Aesthetic and minimalistic design |
|
|
If there are no other functions for the "Preview" link to that what is performed by the "Reset" link, "Preview" should be removed. |
Syllabus |
create/edit |
Redirecting a syllabus prevents other posted syllabus from being displayed. This is the case even after adding a new syllabus and verifying it's output with preview. |
Error prevention, visibility of system status |
|
|
The system should inform the user that a redirected website will block all other syllabus, or display all of them sequentially. |
Syllabus |
Redirect |
To remove a redirected syllabus (web site) the user has to erase the url and push the save button. For all other syllabus the user can remove after it by going to create/edit, which isn't even viewable if a redirect has been used. |
User control and freedom, consistency and standards, error prevention |
|
|
Provide an item in the syllabus list (create/edit) so that all of the syllabus can be managed in a like manor. |
Syllabus |
Redirect, create/edit |
When re-ordering syllabus in the Syllabus Item list, the user does not need to click the update button for the changes to take effect. Update is only needed for removal. |
Error prevention, User control and freedom, Visibility of system status |
|
|
Require that the user perform an update before the reordering takes effect, or rename the button to "Remove". Also disablling the button until an update/removal is needed will signal to the user when it is needed. |
Syllabus |
Syllabus |
Home |
|
|
|
|
|
|
On the "Home" page, clicking "Options" under Worksite Information allows you to add text. However, clicking on "Options" under Recent Announcements provides no ability to add text. |
Consistency and standards |
|
|
Provide a link to the announcements editing page. |
Home |
Recent Announcements |
The "Title" and "URL" text fields are both smaller in width than the "Description" text area |
Consistency and standards |
|
|
The text fields do not limit the input to their size, so they should be equal in width to the Description text area, allowing for maximum visibility of information. |
Home |
Worksite Information > Options |
Site Info |
|
|
|
|
|
|
Should an instructor be able to add/remove users and change their role? Is this more of an admin function? |
Aesthetic and minimalist design |
|
|
Remove these features from the instructor, or put them under a subheading |
Site Info |
|
The Edit Tool and Tool Order links have the same function but different implementations of it (with the exception of the ordering option for tool order) |
Consistency and standards, Aesthetic and minimalist design |
|
|
They should probably be combined or have the titles changed so that one indicates for keyboard use and the other for mouse. |
Site Info |
Edit Tools, Tool Order |
Slow to add/remove tools |
Visibility of system status |
|
|
There is a message displayed after the tool has been added/removed. There should also be a message indicating that the process is in progress. |
Site Info |
Tool Order |
The user can drag to add tools but can't drag to remove tools |
Consistency and standards |
|
|
The user should be able to drag the tool off of the column and drop it either onto the available tools column or drop anywhere off the current column to remove. |
Site Info |
Tool Order |
Removed tools do not show up in available tools until after a save is performed. |
Visibility of system status |
|
|
Tools should show up in the available tools list as soon as they are removed from the list of current tools. |
Site Info |
Tool Order |
The "Reset" button is used to put the order of the tools to the default ordering. The term "Reset" is also used at the top as a means to return the tool to it's start page. |
Consistency and standards |
|
|
One or both of these items should be renamed. The "Reset" button could be renamed to "Default Order". |
Site Info |
Tool Order |
Assignments |
|
|
|
|
|
|
The descriptive text is unclear as to whether is is describing the combo boxes above or below it. |
Error prevention |
|
|
Information in the Assignment form needs to be borken up by white space to better seperate the sections. |
Assignments |
Add |
Polls |
|
|
|
|
|
|
When adding a poll, the user has to add the question and all possible answers on different pages. The only item that persists across pages is the question. If the user forgets what answers were already entered, they have to save, leaven and exit. |
Recognition rather than recall |
|
|
The user should be able to add the question and all possible answers on the same page. |
Polls |
Add |
Schedule |
|
|
|
|
|
|
When setting the time for an event, the time zone is displayed after the time combo boxes. However, the user is unable to change the time zone. |
Aesthetic and minimalist design |
|
|
The time zone seems to be set by the server, if the user has no control over it, it should not be displayed here. |
Schedule |
New Event |
The legend below the Calendar is quite large and contains many items that may never appear on any one calendar all at a time. |
Aesthetic and minimalist design |
|
|
It would be better to only include those items which are currently visible in the calendar. Another solution would be to have a tooltip for the icon rather than include the icon in the event's title. |
Schedule |
Calendar |
To scroll through the hours on the calendar, the user has to click on the links for earlier and later. |
Consistency and standards |
|
|
Users are often more familiar with using a scrollbar. |
Schedule |
Calendar |
Announcements |
|
|
|
|
|
|
The update button in the Announcements section is only used for removing announcements. This can cause confusion as the user can sort the list based on the table headings; however these changes don't affect the announcements posted on the site. |
Error prevention, User control and freedom, Visibility of system status |
|
|
Rename the button to "Remove". Also disabling the button until an announcement has been checked for removal. Another option would be to have a removal button next to each announcement instead of a check box. |
Announcements |
|
Resources |
|
|
|
|
|
|
It is not clear what the resources are for. Items such as Quiz and Syllabus allow the user to upload the resource directly and don't seem to link to the resources for the user to select an item from there. |
Consistency and standards, Aesthetic and minimalist design, Match between system and the real world |
|
|
|
Resources |
|
When viewing other site's resources the user is given the same access level to the files but does not have access to the sort methods that they would on resources from their own site. Also, the items are listed with all of the information that the items in the user's table but the headings aren't easily matched. |
Consistency and standards |
|
|
When selecting a folder from another site it should be broken off to show the table headings for the columns that are displayed. This will allow the user to sort, understand what the information is, and separate it from the other resource folders available. |
Resources |
Site Resources |
When creating a new folder, uploading a file, or adding a web link there is an ' X ' at the far right. The tooltip for the ' X ' says "Remove this item". Clicking the ' X ' does nothing and there is already a cancel button at the bottom. |
Consistency and standards, Aesthetic and minimalist design |
|
|
remove the ' X ' |
Resources |
Upload files, Create folders, Add web links (urls) |
When adding a new folder there is an option to add another folder. This can be done when the first folder isn't created. Also it is unclear whether this other folder is meant to be a sub folder to the original or the one you are creating. |
Error prevention |
|
|
Only show the add another folder link once the original folder has been specified, or have an add multiple folders option. Also allow the user to add subfolders for the newly created folder, thereby distinguishing the levels of the folders created. |
Resources |
Create Folders |
The text document and the HTML page result in similar documents. The exception being that the HTML page has more formating options |
Consistency and standards |
|
|
Rename the html page to something like rich text document and/or remove the simple text document. |
Resources |
Create HTML page, Create text document |
The options section says " Select or unselect resources types to indicate whether resources of that type can be created in this site." Currently it is only a list of checked items which cannot be edited, except for Form item. Unchecking Form item and updating does not seem to have any effect. |
Consistency and standards, Aesthetic and minimalist design |
|
|
If these items are set by another user (i.e. an admin) this section shouldn't be called options, as all other instances of options contain editable options. It may be better to include it as a list somewhere on the main resources page or to omit it completely; as the user can easily determine the types of resources by hovering over add. |
Resources |
Options |
When hovering over add or actions when they are close to the bottom of the browser window, the context sensitive menus are cut off. |
Visibility of system status, Error prevention |
|
|
The menus should open upwards when at the bottom of the screen instead of always opening downwards. |
Resources |
Site Resources |
Can't collapse items into the top level folder. |
Consistency and standards, Aesthetic and minimalist design |
|
|
Allow the user to collapse contents of the top level folder. |
Resources, Drop Box |
|
Roster |
|
|
|
|
|
|
There are two views of the roster, Overview and Pictures. The information provided for the picture view is cut off. |
Aesthetic and minimalist design, Recognition rather than recall |
|
|
Rather than having two separate pages, there should be one page with an option (e.g. a check box) to show pictures. When show pictures is selected the image should appear in a new Pictures column next to the name. |
Roster |
|
The term "Roster" may not be immediately relevant to all users |
Consistency and standards, Match between system and the real world |
|
|
A term such as course list, course users, or course participants may be more applicable. |
Roster |
|
Chat Room |
|
|
|
|
|
|
Chat room does not show current user in the "users in chat" list, to the current user. This prevents the user from knowing if others can see they are there. |
Visibility of system status |
|
|
The users should see everyone available in the chat, even themselves |
Chat Room |
|
Email Archive |
|
|
|
|
|
|
There are two separate tools, one for sending e-mail (Mailtool) and one for receiving e-mail (Email Archive). |
Match between system and the real world, Consistency and standards, Aesthetic and minimalist design |
|
|
The MailTool and Email Archive should be rolled into one Email tool. If the instructor is the only one who needs to send e-mails this portion should be blocked from the students. Users are used to having their email clients able to both send and receive e-mail. |
Email Archive, Mailtool |
|
Forums |
|
|
|
|
|
|
When adding a new Topic the user selects "New Topic", when the page opens it is called "Topic Settings" |
Consistency and standards |
|
|
Keep the name the same, the page should also be called New Topic |
Forums |
Topic Settings |
The buttons at the bottom of the Topic Settings page include "Save Settings" and "Save Settings & Add Topic". The first implies that only the settings are being saved and the second that the settings and the topic are being saved. In actuality "Save Settings" saves the topic and the other saves and opens a new page to add another topic. |
Match between system and the real world, Consistency and standards |
|
|
Change the names to something like "Save Topic" and "Save & Add Another Topic" |
Forums |
Topic Settings |
Gradebook |
|
|
|
|
|
|
When a category at the top is selected the text colour becomes a lighter shade to indicate that it is the currently selected category. However, the Upload/Import link is always a lighter colour |
Visibility of system status, Consistency and standards |
|
|
Make the text colour for Upload/Import follow the same conventions of the other links, being a darker shade when not selected. |
Gradebook |
|
News |
|
|
|
|
|
|
Descriptive text between Page Title and URL text fields is not clear as to whether it refers to the field above or below. |
Error prevention |
|
|
Use whitespace to separate it from the lower field. |
News |
News Options |
Not clear that the URL field requires the URL for an RSS feed |
Error prevention |
|
|
Indicate that an RSS feed is required. Change "URL" to "RSS feed URL" |
News |
News Options |
Web Content |
|
|
|
|
|
|
The web content does not show the browsers icons when opened in a new page. Many users may not know the keyboard shortcuts for those actions. |
Recognition rather than recall |
|
|
Allow the page to load with a normal browser view, or provided icons within the browser to fulfill those functions. |
Web Content |
|
Wiki |
|
|
|
|
|
|
When editting a wiki, clicking on the modifier icons for bold, italic, and etc, repeatedly doesn't remove a modification but adds it again instead. |
Consistency and standards, Error prevention |
|
|
A second click should remove the modification |
Wiki |
Wiki Editor |
Home and View appear to perform the same function. Both bring the user back to the home page of the wiki. |
Aesthetic and minimalist design, Consistency and standards |
|
|
If it performs the same function remove "view" |
Wiki |
|
Mailtool |
|
|
|
|
|
|
There are two separate tools, one for sending e-mail (Mailtool) and one for receiving e-mail (Email Archive). |
Match between system and the real world, Consistency and standards, Aesthetic and minimalist design |
|
|
The MailTool and Email Archive should be rolled into one Email tool. If the instructor is the only one who needs to send e-mails this portion should be blocked from the students. Users are used to having thier email clients able to both send and recieve e-mail. |
Email Archive, Mailtool |
|
Drop Box |
|
|
|
|
|
|
Can't collapse items into the top level folder. |
Consistency and standards, Aesthetic and minimalist design |
|
|
Allow the user to collapse contents of the top level folder. |
Resources, Drop Box |
|
Accessibility Issue |
Principle |
Link to screen shot |
Priority |
Suggestions for solution |
Tool |
Component identified? |
---|---|---|---|---|---|---|
General |
|
|
|
|
|
|
It isn't always clear which item is selected when tabbing through a page. The selection bounding box is not always visible. |
|
|
|
|
|
|
After selection of a tool from the left navigation bar, the tab traversal resets and cycles back from the start. |
|
|
|
It would be more helpful to the user if the tab traversal starts inside of the tool's frame |
all |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|