OVERVIEW

Learning Tools Interoperability Advantage (LTI-A) is an emerging standard certification that school districts, especially those preparing for adoptions are requiring. A key portion of this project was understanding user needs and requirements with the technical project manager. Currently Savvas Realize only delivers Thin Common Cartridges or LTI 1.1, where users have to download a compressed file package often with thousands of educational resources, expand it, and search a second time in the package to extract the content item they wish to use.

RESEARCH & requirements

• Customers including Austin District find the TCC UI to be slow and cumbersome.

• Austin School district required us to meet the LTI-A certification which builds on deeper integration of any tool with any LMS.

lo-fi wireframes

After reviewing initial requirements with the product manager, I created an rough wireframe with the user goals in mind:

1. View all program content
2. Search and identify content to use
3. View the content item
4. Import the content into any LMS

USER FLOW

I worked with the product manager to better understand the general discovery flow and created a diagram for new users launching the Tool for the first time. We identified the first step that users would need to have programs already selected in their Settings. I further worked on potential error scenarios and edge cases to progress designs.

USER TESTING

In this project I proposed a new pattern for multi-select using an “Add” button similar to an online purchase/checkout experience. There was some hesitation to move forward with this new pattern as it could introduce difficulties for our target audience, who might be more familiar with checkboxes (a commonly used pattern in Realize). An A/B test was conducted with counterbalance in subject approach (Flow A presented the Add button option first, then the Checkbox option second; and vice versa for Flow B). Participants desired were 3rd-12th teachers using a learning management system and teaching at least one core class. Our findings included:

• Although slightly more users preferred the checkbox method vs. the Add button method, they were more successful with the Add button. Some preference explanations for the Add method include “With the checkbox option, I am not sure if I need to check in order to view” and “I liked having the "view" and "add" buttons right next to each other”, while explanations for the checkbox method include “I am more used to using checkboxes”. In conclusion, the new pattern did not cause suspected difficulties in selecting their desired content items.

• The participants clicked on “Continue” and the “Review/x items” selected link equally. There was no clear preference trend of seeing selected choices in a single view. Feedback also suggested the labeling of the link to see items in a single view needed to be clearer as “Review” caused confusion for some participants and “5 item(s) selected” was not directive enough.

REFINING / HI-FIDELITY PROTOTYPE

After confirming the “Add” multi-select pattern was desired to move forward with, I refined on the details of each page. On the program selection page, I created several states for first time users vs. returning users and accommodated for long program titles. I finalized visual design on the content list, filter, and loading state. Filter functionality was another complicated process, as we tried to understand and re-use functionality from Realize. For programs, we used OR logic, while for facets such as grade, media type, etc. we used AND logic, with each selection re-loading the page and updating content item count in parentheses.

FUTURE IMPROVEMENTS

• Infinite scroll: Numbering amount of items viewed such as “x out y items” at bottom of each load.

• Review process: Decide from the various concepts which process to use for reviewing selected items before importing.

• Research and gather data on filter/facet functionality, understanding, and usage.

• Implement “By Program” view (content items grouped by program containers/folder structure) as a secondary way to browse content items.

• Implement an additional tab in the global navigation to bring in student and assignment data from Realize.

• Implement additional Setting options added such as language.