We Teach

A website for teachers to share and organize classroom resources.
The UX Team
Nelson Diaz

Research & Synthesis

Initial Assumptions

I began the research half of the project by conducting nine interviews with teachers who were all actively teaching remotely
Going in I was expecting most of them to primarily need resources pertaining to remote learning. My questions were therefor oriented around resource acquisition, organization, sharing. I made a point to differentiated between resources about teaching remotely, and resources used to teach remote classes.

Methods & Tools

  • User Interviews
  • Feature Analysis
  • Affinity Mapping
  • Miro
  • Persona
  • Journey Maps
  • Problem Statement

Interview Insights

eight out of nine
Need more resources specific to the subject they teach
six out of nine
Need resources about remote teaching in particular.
five out of nine
Organize resources using several separate means (bookmarks, GDrive, Github etc).

During the interviews, I found out that my initial assumptions regarding the need for additional resources for remote learning was correct. The most sought after being tutorials for applications used to teach remote classes.

Additionally, many needed specific resources pertaining to their classroom subjects, with those that taught children needing more engaging resources than usual for teaching remotely.

Affinity Mapping

During Affinity Mapping, I sorted the data from the nine interviews into pools based on similarity.

Affinity Map image outlining user insight 'I have a need for specific resources'Affinity Map image outlining user insight 'I have a system of organization for my resources'
Affinity Map image outlining user insight 'I exchange resources with social networks'Affinity Map image outlining user insight 'I am facing new challenges teaching remotely

Afterward a few hours of sorting a hundred virtual post it notes, I labelled them to form insights.

Representing the distillation of the interviews, these insights inform the goals, needs and tendencies of the persona.

Additional Insights

I also performed a feature analysis on several other websites that host resources for teachers. Noting in my interviews that Teachers Pay Teachers was the most common name drop, I paid particular attention to the heuristics of that site.

Interestingly, many of these websites, while all hosting resources, function quite differently from each other. Some are hubs for specific teaching communities, some are marketplaces, and others paid subscription services.

Synthesis

Journey Map

Allie's user journey shows how she might typically search for a resource. The most difficult part of her journey is in evaluating resources for her classroom. This to me indicates a need for specificity, and perhaps curation.

Problem Statement

Teachers often have trouble finding appropriate resources to suit their needs, particularly during this pandemic where remote learning is required.

Allie is having trouble finding remote teaching resources that will help her engage students effectively. How might we help her find the most valuable resources quickly?

Ideation and Design

Applying Insights

Now that I had distilled the research and identified our problem, I decided to prioritize search functionality to ensure a high level of specificity to suit Allie's needs.
Additionally, I thought some level of curation could also assist in achieving this goal.

Methods & Tools

  • Adobe XD
  • Wireframing
  • Prototyping
  • Usability Testing

Mid Fidelity Prototype

This is a live prototype for my mobile mid fidelity design, made in Adobe XD. Give it a try! Note that this is prototyped to test a specific user flow, so not all elements are functional.

I placed 'Trending Searches' in the hero section in order to allow users to start a search immediately, followed by sign up and search buttons, and then a 'Popular Resources' section in order to highlight the most broadly useful resources.

Five out of five
All users were able to both complete a search query, and save a resource.
two out of five
Wanted confirmation that the resource was saved.
Click here for screenshots

Hi Fidelity Prototype

This is a live clickable prototype for the mobile hi fidelity design. This is only prototyped to test specific user flows so not all elements are functional.

As with the mid fidelity, users were able to navigate quickly and efficiently, though there was valuable feedback on the visual components.

Five out of five
Were able to quickly search for a resource and save it.
four out of five
Wanted to see more specific filter options.
three out of five
Mistook the resources on the homepage for ads.
Click here for screenshots

Conclusion & Next Steps

I was able to make a user flow that was straightforward and very quick to navigate to accomplish the primary goal of the website, finding resources quickly.

However our usability tests indicated that there is a need for even more filters of increasing granularity. Going forward I would add filter subsections. Additionally I would tweak the resource cards to appear more cohesive with the overall design.