Added by Kathleen Moore, last edited by Paul Zablosky on Mar 20, 2009  (view change)

Labels:

walkthrough walkthrough Delete
uportal uportal Delete
scenario scenario Delete
Enter labels to add to this page:
Wait Image 
Looking for a label? Just start typing.

(Accessibility and usability heuristic evaluations combined with cognitive walkthroughs)

Evaluation Completed by:    Kathy Moore

URL:  http://wiki.fluidproject.org/pages/createpage.action?spaceKey=fluid&fromPageId=328018
Date: September 12, 2007

Heuristic reviews and cognitive walkthroughs were performed on a Dell pc at 1152 resolution and millions of colors using Firefox on Win xp over a T1 connection.

See UX Walkthrough Heuristics for heuristics used in this evaluation.

Scope of Walkthrough

•    See uPortal Evaluation Plan

User profile(s) and context of use:

Persona: Brad Dieger, admin/staff, Faculty Support
uPortal: Public/Guest page, Login, myUBC news, Events Calendar, RSS Aggregator, Management System Portal

•    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 uPortal Content Management Scenarios for 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)
•    Finding.....

NOTE: heuristic and accessibility information here duplicates that posted at http://wiki.fluidproject.org/x/AAYa by the same reviewer (Kathy.)

•    Scenario 1: Brad needs to make an announcement about the next session for faculty training.

•    Scenario 2 : Brad wants to check his vacation days balance and see if he has enough time join his buddy for a fishing trip.

•    [List any additional assumptions used in evaluation]

 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
Tabs provide clear navigation Tabs Kathy Moore
Window manipulation tools provide flexibility Minimize, maximize, delete, (detach)  
Page is clearly structured into (clearly-labeled?) logical sections Tabs, columns, channels
 
     
     
     
     
     
     
Accessibility Positives Tool Evaluator
Page is clearly structured into (clearly-labeled?) logical sections
Some labels are clearer than others.
Tabs, columns, channels Kathy Moore
Channel controls (shade, focus, remove) show alt/title tags
Shade, Focus, Remove
 
     
     
     
     
     
     
     

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?
"Channel" language may be unfamiliar Match between system and the real world: The system should speak users' language, with words, phrases, and concepts familiar to the user. Low Is "window" a more familiar term? Channel  
"Channels" do not all follow same behavior; One allows use within uPortal, another appears in new tab. A few links replace uPortal in existing window.
Consistency and standards

Medium Use different visual metaphors and language to describe "channels" that do or do not keep the user in uPortal.
Channel/
May be a matter of best practices
 
Some text overlaps on Win xp Firefox even at normal size, 1152px width; were designers on mac? Visibility Medium Allow text to stack

Use shorter titles
   
User can end up looking in many (plausible places) for a single bit of information;
See Brad posting Faculty training. Ed looking for course registration deadline
Efficiency of use
        What's new aggregator // this would also be useful in Sakai.
Probably runs into familiar (variable)  portal content limitations as to whether it's truly manipulable/accessible by the portal, though
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             


Accessibility Issue Principle Link to screen shot
Priority Suggestions for solution Tool Component identified?
In win Firefox, Home screen scrolls horizontally at 800X600; rightmost of three columns is entirely hidden.
screen should adjust to different resolutions
  Medium Lefthand column should collapse to share screen
Channel?
 
Is minimize (shade) omitted from the tab sequence?
All functionality should be available via tabs
         
Many links spawn new tabs/windows. Is this an accessibility issue?
           
             
             
             
             
             
             
             
             
             
             
             

Cognitive Walkthrough Worksheet

This section should be used by evaluators to keep track of the steps & screens they followed through the application in the cognitive walk-through. Any positive results or issues found should be included in the two sections above.

*Scenario 1:  Brad needs to make an announcement about the next session for faculty training.

# Step Screen Comments/issues Principle Suggestions for solution
1 Scan first  tab after login;
Does Brad have access to "myUBC news?

Can he count on faculty to read it?
Maybe    
2 He could post to the Events Calendar; it even has a "Personal and Professional Development" category

Help button:
"please also contact us to see if you can publish your events in Events Calendar."

Will people look there?
Maybe    
3 There's a "Learning" feed in the "news" listings;

does Jim have access to these?


Will people look there?
Maybe
These are all plausible locations for Jim's post, but the visitor (the audience) might overlook any given one of them; It looks as though creating meaningful information hierarchy and organization is a huge challenge in a portal.
High --The ambiguity may effectively prevent Brad from reaching lis goal and faculty from reaching some of theirs What's new aggregator // this would also be useful in Sakai.
           
           
           
           
           
           


Scenario 2: Brad wants to check his vacation days balance and see if he has enough time join his buddy for a fishing trip.
# Step Screen Comments/issues Principle Suggestions for solution
1 Scan first tab after login for  possibilities
Note overlapping text in win/FF

Also, title does not help user understand what's here; reading text reveals that it includes HR
Visibility

 
Match between system and  real world
Let text stack?

Title below bar: Enter UBC HR & Financial Systems
2 Give focus to desired window
This is difficult to do because text overlaps buttons Flexibility and efficiency of use Use shorter titles
3 Click "enter"
We've left portal Consistency and standards Find a way to keep more content in portal.
Use different visual metaphors and language to describe "channels" that do or do not keep the user in uPortal.