Added by Gary Thompson, last edited by Allison Bloodworth on Oct 26, 2007  (view change)

Labels:

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

Walkthrough Setup

Evaluation Completed by: Gary Thompson
Date: September 19, 2007
Environment/URL: MyUW

Scope of Walkthrough

uPortal: Public/Guest page, Login, Home Page, Academics Page, UW Course Resources, Logout

User profile(s) and context of use

Persona: Ed McClellan, Undergraduate
Ed is in his freshman year. Ed has used the portal a few times and recognizes that there are a few valuable (though not highly usable) services within the portal. Ed is accessing the portal via his laptop from his dorm room.

User Expectations & Conventions

Scenarios

Ed is searching for his instructor's contact information to email a question regarding his assignment.

Walkthrough

Guest Page and Login

As I had to use the demo account, I could not properly evaluate the login or the guest page.

Home Page

Usability Issues Principle Priority Suggestions for solution Component Identified?

Easy recognition of My UW brand. 		Visibility of system status, Aesthetic and minimalist design     Header

Header links in the top right corner get lost in the graphic image. 		Aesthetic and minimalist design   Re-design the header imagery to clearly display the header links Header, Host Links

Tab navigation is recognizable and current tab is visually identified. Labels are decent. 		Match between system and the real world   Do some user research and cardsorting activities to determine best labels Main Navigation/Tab Navigation

Quicklinks below the tabs are confusing because of their spacial relationship to the tabs and unfamiliar icons. 		Match between system and the real world   Delineate the links from the tabs, give the group a label, and use familiar/standard icons Quicklinks/Featured Links

Login/logout status and links are hard to locate 		Visibility of system status, User control and freedom   Move the login status and info to a prominent place in the header Login Status/Logout

Customize this page links are always visible and at the same time get lost within the page 		Aesthetic and minimal design, Flexibility and efficiency of use   Hide customization links in a menu under a single "Customize" label. This removes information when it is not wanted, yet provides a mechanism for quick access. Customization Menu

Content is not immediately recognizable with a whole page scan, and forces the user to read and interpret each box of content (the weather portlet is an exception in that it pretty clearly identifies itself by the images/icons; on the contrary, even though the calendar portlet has some styling and icons, it is not easily recognized as a calendar). Portlet titles are difficult to read. 		Visibility of system status, Match between system and the real world, Recognition rather than recall   Clearer, more readable titles. Content should better match user convention of popular applications. Portlet Container

Links are not recognizable as links 		Consistency and standards   Use conventional underlining of links  

No course information is found on this page, so Ed goes hunting through the tabs and picks "Academics". Clicking the tab takes Ed to the Academics page 		  Match between system and the real world, Recognition rather than recall, Flexibility and efficiency of use It seems that there may be a better label than Academics, but would require some research. Some kind of accelerator would be nice to see some kind of Academics status on the home page Main Navigation/Tab Navigation, Quicklinks/Featured Links, Content Cameo

Academics Page

Usability Issues Principle Priority Suggestions for solution Component Identified?

Student Center content is the same as the home page, but now has a different location, which is just enough to be troubling (have to spend the time seeing if it is really the same thing) 		Consistency and standards   Put the content in the same place or only have it in one place or the other component

Content overload - there are multiple complex interfaces presented together with no clear starting point 		Match between system and the real world, Aesthetic and minimalist design   Design better content cameos that gradually introduce the information and applications, use progressive disclosure Content Cameo

Though Ed am uncertain of how to proceed with what he is presented, he finds no contextual help 		Help and documentation, Recognition rather than recall   Provide contextual help. Better yet, design a better presentation of the content such that help is less needed Contextual Help

UW Course Resources

Usability Issues Principle Priority Suggestions for solution Component Identified?

Sifting through the information, Ed begins to understand that the Campus Resources channel is a list of his classes. 		Recognition rather than recall   A cleaner, more readable and digestible course list; use a consistent grid Course List

Ed identifies his General Botany class and sees that there is a "contact" and "Webpage" link next to the instructor's name 		Match between system and the real world   Rename the link to Contact Instructor, and/or link the instructor's name. Consider following a standard contact card type of format. Provide a picture of the instructor to both increase speed of recognition and to associate the information as contact information (tied to a person) Contacts

Ed clicks the contact link and a popup window appears displaying a non-portal webpage of the UW Directory search. The page shows the instructor's institution (name, title, department, etc.) and contact information (mailing address, phone, email). The instructor's office hours are listed in the portal, but not in the popup information; Ed has to shift windows to check office hours in the portal to verify that he can call the instructor at the current time and reach him. 		Recognition rather than recall   Display the contact information in the portal, coupled with the office hours. Avoid popup windows Contacts, Balloon Content

Ed calls his instructor on the phone and talks about the assignment.