CASE STUDY: WileyPLUS Assignments

Multi-phase research and design drive high-impact improvements to the student assignment experience

Wiley Publishing: WileyPLUS Student Assignments

Multi-phase research and design drive high-impact improvements to the student assignment experience.

Student assignments are complex by design. When that complexity is amplified by technical constraints, retrofitted navigation, and poor information hierarchy, it results in a frustrating experience for students and instructors. Openfield harnessed the complexity into a focused experience that meets the needs of students and the business.

Great UX lets students and instructors focus on learning, not troubleshooting issues.

Students were overwhelmed by the Assignment View, leading to increased CX calls from frustrated instructors. Display of assignments was confined to an iFrame within the LMS, and students couldn’t differentiate which navigation was controlled by Wiley or by their LMS.

Openfield held co-creation sessions and interviews with students to understand their needs while taking assignments. They then helped the team convert the restrictive iFrame into a launchpad instead of a container for the assignment, which maximized screen real estate to meet student needs.

Students could now focus on completing assignments with renewed confidence that they had everything they needed to succeed. Instructors could focus on teaching rather than fielding complaints, resulting in fewer complaints to the CX team.

A "before" screenshot shows the original student assignment of WileyPLUS, which was embedded in an iFrame within the LMS: Multiple tiers of LMS navigation distract from assignment requirements and navigation. The "after" screenshot shows the new WileyPLUS assignment design, which is now displayed outside of the LMS and therefore without the distracting navigation. Assignment parameters are clearly summarized at the top of the page now.

Reduced Student Anxiety During Assignments

An updated cover page that sets clear expectations

Students had trouble finding and understanding how many questions an assignment had, how many points it was worth, or when it was due. They often could not tell how long an assignment would take until they started it — if it ran on limited time or limited attempts, students ran the risk of unwarranted penalties for late or incomplete assignments.

The updated cover page summarized all the information they needed, and now included a persistent timer that alerted students to the remaining time during timed assignments. Instead of stressing and wondering about the time they had left, students could plan their time and focus on the task at hand.

A crop of the assignment cover page showing a summary of assignment parameters to the student: Number of questions, points possible, due date and time, and the time limit (if one is present). An additional, cropped image of the timer counting down is also shown.

Streamlined navigation among questions within an assignment

To add another layer of assurance to the student assignment experience, a side panel was added. This panel is visible at any time in the assignment, and can be expanded to reveal the full list of questions an assignment contains. Not only would this allow students to move between questions and work in an order in which they’d be comfortable, but it also provided context for their progress through the assignment as a whole.

A cropped image of the Question List panel showing all questions in the assignment. Each question includes the type of question, how many points were earned, how many points the question is worth, and the status (correct, incorrect, instructor is grading, etc.).

Modernized UI that felt familiar

Students thought the interface of the previous system looked outdated compared to other tools they were using at the time. It lacked a consistent visual design system. Around the time of this project, Wiley acquired Knewton Alta, an adaptive assessment product with a modern, streamlined interface. Openfield worked with the Knewton Alta team to create a refined UI that leveraged their design system. The team then used that system throughout WileyPLUS for additional consistency.

A cropped collection of design system UI components used in WileyPLUS assignments: colors, buttons, form fields, checkboxes, radio buttons, toggles.

Instructors feel like it's their job to explain things to students, and when courseware isn't intuitive, it can be frustrating for everyone.

Three images in a grid: 1) A student taking a WileyPLUS assignment on his laptop at home. 2) A photo of students sharing thoughts with each other and Sarah Freitag, Director / UX Research, during a co-creation session. 3) A cropped photo of sticky notes posted on the wall during the co-creation session.

Building an Experience that Supports the Needs of Students

A photo of three students seated at a table as they write down ideas on sticky notes during the co-creation session.

Co-creating new solutions directly with students

Openfield reached out to actual students to get a direct understanding of their assignments and the obstacles standing between them and a smooth WileyPLUS experience. We began with homework probes, where they answered questions about their experience doing homework in WileyPLUS. We then met with students for an in-person co-creation session, where we facilitated a gallery walk, experience mapping, brainstorming solutions, and finalizing solutions. The session helped the team understand how students felt before, during, and after the assignment experience.

A cropped image of a marker sketch drawn by a student, showing an assignment page with a large timer counting down at the top.

Design exploration expanded upon key student ideas

Sketches drawn by students during the co-creation session proved to be a helpful starting point. Openfield’s design team made wireframes and an array of concepts based directly on the students’ feedback. The Openfield and Wiley teams collaborated to assess the concepts and determine what was working and what wasn’t. We also made sure to address accessibility concerns that the product previously exhibited, such as ensuring that heading levels were consistent, alt text was present, and that screen readers covered the content in the correct order.

A cropped image of a table from the validation report, showing the success/fail status and rates for various tasks that were tested with students.

Validation helped focus and refine final designs

As the iterative process continued, the team conducted two phases of testing. Twelve students representing ten institutions and five disciplines participated in testing, which led to the final solutions.

Wiley logo

About Wiley

For over 200 years, Wiley has been a global leader in helping universities, businesses, and individuals move between education and employment to achieve their ambitions. Wiley develops digital education, learning, assessment, and certification solutions that empower learners, researchers, universities and corporations in an ever-changing world. Their online scientific, technical, medical, and scholarly journals, books, and other digital content build on a long heritage of quality publishing.

More About...

UX Capabilities at Openfield

Research & User Insights

Focus all stakeholders and team members on what really matters to your users. Make more confident decisions about what you deploy and when.

Learn More

Ideation & Planning

Align product features and flows with the real-world wants and needs of student and instructor users.

Learn More

Design & Prototyping

Create and validate bar-setting user experiences that will endear students and instructors to your product.

Learn More

Spread the word