Interaction Design for Online Training

In 2006, the Pennsylvania Turnpike Commission (PTC) embarked on a project to upgrade their entire enterprise with SAP, known internally as the PRIDE Project. The PTC needed an online training intranet site to supplement classroom training for 2,000 employees. The site required deep information architecture to accommodate extensibility and one-to-one correspondence with classroom training. The course titles, an acronym-based schema, could not be changed to more intuitive titles.

Because actual training content was always delivered in a separate window or document, there was plenty of space in the content area of the site to display the information architecture. As the Interaction Designer on the project, I chose to reinforce the user’s location in the deep information architecture by utilizing an interaction that could progressively expand or collapse the curriculum. I also designed a hierarchy of “selected state” navigation to reinforce the user’s location.

HTML Prototype

The prototype is available on to view on the portfolio examples page with a supplied user ID and password.