Coteacher

Helping teachers share resources and collaborate better

Live Site

coteacher.com

Topics

PRODUCT DESIGN, UX RESEARCH, PROTOTYPING

Introduction

THE GAP

There is a growing need for passionate teachers with little experience to gain access to better educational resources and collaborate with more experienced teachers so they can become better teachers and improve the learning experience of their students.

TASKS I PERFORMED

Product Design, Designed Landing Pages, Created User Flowcharts & Use Cases,  Built Site Maps & IA Diagrams, Created Wireframes& Prototypes, Performed User Testing

THE SOLUTION

To develop a platform that allows teachers to share their resources in an well-organized file system and also collaborate with one another.

The process

Design thinking as a process was instrumental for developing the solution. UX projects don’t follow a linear methodology, but for the purposes of the case study, I will break down the various work done during different phases in a linear structure below:

empathize

It was key to understand the users were were designing for as well as the industry. Information gathering and research was done using methods like Direct and Indirect Competitor Analysis, Elementary School Teacher Interviews, Middle/High School Teacher Interviews, Coach and Administration Interviews and Persona Development

Personas were built to better understant our users and their motivation

Identifying the competition was essential for us to know how to make Coteacher stand out in the market

The process

After taking time to go over both the quantitative and qualitative data we collected, we gathered our insights into key findings.

  1. The importance of tagging resources

  2. The more information administration can see about teacher’s lessons, plans, work and students, the better

  3. Teachers and administration need the ability to go back and assess what they did and how it worked in the classroom

  4. Teachers want material that is editable and / or download-able, they want to adjust to fit their kids

  5. School “hubs” are important, teachers are very connected to their students, colleagues and school

  6. Each school will have a different way of making templates and sharing files

Our findings revealed that teachers need that ability to go back and assess what they did and how it worked in the classroom. They also want editable materials that allows them to adjust to their students

define

Creating a Point of View

The POV allowed me to  ideate and solve the  design challenge in a goal-oriented manner in which I keep a focus on the users, their needs and insights about them. I constructed  a narrowly-focussed  POV as this helped  generate a greater quantity and higher quality solutions when generating ideas

Creating a Point of View

The How Might We question helped us maintains a level of ambiguity, and opens up the exploration space to a range of possibilities. It's a re-wording of the core need, which is uncovered through a deeper interrogation of the problem

How might we design a solution that allows teachers with little or no experience find better resources and also collaborate with more experienced  teachers to improve their teaching workflow?

ideate

Brainstorming Sessions

At the ideation phase of the project, brainstorming was used a tool to generate as many ideas as possible from the team. At this stage the focus was on quantity rather than quality. Afterwards the ideas were sorted and the most effective ones from each category were selected.

Brainstorming with the team

Generating Idea

Converting Sketches to Wireframes

Wireframes provided a quick way to advance the design process without placing a lot of emphasis on the branding and design. Sketches were converted to wireframes to have a mental picture of the layout and placement of key UI Components within each screen.

Understanding the Data Flow using IA Diagrams

I used Site Maps to better understand the site navigation and how screens are connected within Coteacher. More complex Information Architecture Diagrams were further developed from the site map.

Understanding the how users would use Coteacher to share Collections required the use of user flow charts. I used this  tool to breakdown the complexity of a flow with multiple decision points and how information will be displayed in response to the users choices.

Understanding the Data Flow using IA Diagrams

Creating a Collection

Adding a new resource

Use Cases were goal specific, I  used this tool to layout the path users might take to perform specific tasks within Coteacher.

prototype

High Fidelity Prototypes

A snapshot of other High Fidelity prototypes for major screens in Coteacher. High Fidelity Prototypes brought me as close as I could get to the real life product before starting the development phase.

test

Getting Feedback

High Fidelity prototypes were used for User Testing. Feedback from the users were used to make several Iterations that contributed to the improvement of the solution.

Final Results

The effectiveness of Coteacher as a solution is dependent on how well users can tags and descriptors to their uploaded resources. One challenge was designing the resource addition screen in such a way that the user does not feel overwhelmed when adding descriptions.

This requirement led to the design of a page that only displays key  fields based on what the user enters in previous feilds

Video available on desktop view

Conclusion

The effectiveness of Coteacher as a solution is dependent on how well users can tags and descriptors to their uploaded resources. One challenge was designing the resource addition screen in such a way that the user does not feel overwhelmed when adding descriptions.

This requirement led to the design of a page that only displays key  fields based on what the user enters in previous feilds.

The Usability impact is a more engaging resource addition page that leads to better resource cataloging and search-ability within Coteacher.

Looking Foward

REFLECTIONS

I learnt that  in order us achieve the business goals, users have to guided in a subtle manner during their interactions with the product

I also understood how user flow diagrams as a research tool was effective  identifying “hidden” screens that I initially took no account in my design process

NEXT STEPS

Further User Testing, Improving the Community and Planning Features.