Weird Enough Productions.png

Weird Enough Productions

Weird Enough Productions

Weird Enough Productions 2.png

Roll: UX Research and Wireframes

SUMMARY: Weird Enough Productions is an educational platform that strives to teach students to critically analyze the different types of media they are presented with on a daily basis. Teachers who sign up for this platform are able to create lesson plans based on the various media provided by W.E. Productions. 

THE CHALLENGE

  • How can we build platform that is robust enough for all users (including teachers, students and parents)?

  • How do we encourage student engagement? 

  • How do we encourage teachers to go beyond the free trial?

THE PROBLEM

Users want a platform that will allow them to plan out their lessons, present that lesson to students and track their progress along the course.

THE SOLUTION

Provide teachers with features that will help make presenting a lesson via the platform as easy and straightforward as possible.

Use badges as a way to encourage students to progress through assignments.

Make sign up as easy as possible for types of users.

UX TOOLS

Weird Enough Productions tools.jpg

RESEARCH

Due to financial and time restrictions , this project was done over a short time period. Much of the initial research including, competitive analysis and user personas were already completed. Although not ideal, I had to rely on the clients prior research. One benefit however was my prior teaching experience which proved extremely valuable in this situation.

USER INTERVIEWS

I was very excited to beginning user interviews as an early step in this process. I created a script and questions. The goal was to fond common needs that teachers have when interacting with various educational platforms. Unfortunately, I soon learned that my client could not provide access to actual users.  As a compromise I did call on teachers in my network to validate or invalidate some of my assumptions along the way.  This was done via phone interview and Facebook survey.

Information Architecture

After reviewing all the available research material, and gaining an understanding of the goals and features that would be included in the new platform, I decided to dive right into creating the information architecture. I created four (4) IA's to represent each of the paths the four (4) types of users would take.The AI became a useful tool throughout the duration of the project. The entire team was able to refer back to the AI to ensure major pages and functions were accounted for. Also, as myself and the graphic design worked together on early sketches it was helpful to indicate what pages we would each work on and in tracking overall progress. Matching each node with a sketch also helped me work though areas that could be refined.

Screen Shot 2018-04-24 at 10.55.36 AM.png

User Flow

Teacher Sign Up.png

I created several user flows. One for each of type of user (Individual Teacher, School Teacher (high tier), Students and Parents). This gave the whole team a detailed flow for each user and quick snap shot of how the user would reach their goal. It also provided details regarding what information would be needed on each page. 

 

WIREFRAMES

Below are the lowest fidelity wireframes that I created. These wireframes were a quick and easy way to begin laying out each of the pages including the features we planned to include. It also provided a great visual that I was able to use to discuss with the rest of the team to show the step by step of the features and how the user would flow through the process.

These medium fidelity wireframes, which were created in Sketch were done early in the design process. After talking with the stakeholders and going over my previous pencil sketches, it was agreed that my original wireframes would be used as the basis for the project going forward. Seen here are the Teacher Profile Page and the Lesson Plan Page

What I Learned...

1. Things don't always go as planned. Although I made it clear to the stakeholders that one of my first steps would be to do a usability test and interview their current users, in the end, it wasn't possible. As a last resort, I did do a few informal interviews with teachers in my personal network which validated the additional features I suggested. I also wrote a script for the stakeholders as a guide to do their own interviews at a later date.

2. Using collaborative tools makes remote communicate easier. As I was creating my original Information Architecture document, it became apparent that my stakeholders preferred a format that was more collaborative. They wanted to be able to comment directly on the document I was creating. I decided to look for a solution and found Realtime Board. With RTB I was able to create the IA and allow the stakeholders and designer access to the document which made talking about it and making changes must easier.