Overview

Knowledgehook is an instructional tool that empowers Math teachers to deliver a classroom learning experience in a fun gamified manner.

As a product design intern, my role was to take knowledgehook to a whole new level by integrating elements which will get students excited about interactively learning math and assisting teachers in understanding a student’s step by step process that they use while solving a Math problem.

I was asked to focus on the teacher’s side of interaction with Knowledgehook Inc. as they were the ones who initiate the interaction and put up a Math quiz on the platform.

ROLE

Product Design Intern

TOOLS

Sketch, Balsamiq & InVision

DURATION

3 Months

RESPONSIBILTIES

User and competitor
research, synthesizing
research insights, creating
persona and journey
mapping, ideating solutions,
wireframes and visual
design.

TEAM

Product Manager, UX Designer
& Developers

The Problem

Help teachers to capture a student’s thought process while teaching math using knowledgehook in class

THE SOLUTION

Students can
upload their work

Teachers can ask students to respond to a
question by uploading a personal piece of
work.

Point and drag on an image

Students can reflect and respond on a topic or a question asked by the teacher by pointing and dragging a point on an image.

Interact and draw on a canvas

Students can interact with a question by
drawing on a canvas, and using the provided
markup tool along with a text response

Formative assessments

A teacher can track a student’s understanding of the problem, through real-time formative assessments.

 

TARGET USERS

K-12 school Teachers as primary user

Teachers and students are the primary users of Knowledgehook e-learning platform. However, to design an effective teaching experience, the focus was on the teacher’s side of interaction with the product, as teachers were the initial users who use this tool to start the process in classrooms. It is very crucial for a teacher to have the right set of tools that help students learn math in a very engaging way.

 

CURRENT SCENARIO

Experiencing the existing product

To get a holistic understanding, I played with every facet of the product. This helped me understand the pros and cons of each step of the interaction.

Teachers would engage students by making students participate in a Math quiz called Gameshow. This was done during a class, where students would answer multiple choice questions and on getting each answer right, they would earn rewards.

Keeping the two prime users in mind, I used the Knowlegehook tool, first as a teacher and then as a student. This further helped me get insights into the shortcomings from the teacher’s point of view.

 

List of Existing Content

Issue #1 Emphasis on existing content and no new content

Teachers used the same set of questions which were pre-defined in knowledgehook. Although this saved a lot of time for teachers to create new questions, but it became repetitive for students who had solved the questions earlier. There was an immediate need for a new question bank.

 

Issue #2 Solely based on MCQ question type format

A class consisted of multiple quizzes, that only consisted of multiple-choice questions and its different variations like Multiple select, Number entry, etc.

Multiple choice questions

Multiple choice questions

Issue #3 Non intuitive UI for student to answers questions

Students had a lot of limitations on how they interacted with a question. The multiple-choice questions made students rely on guesswork as opposed to, trying to solve a problem step by step.

Issue #4 No in-depth view of student’s performance.

Teachers could neither see which student in the class did a great job by answering correctly, nor could they get an in-depth analysis of how the class is performing.

 

Multiple choice questions

PROJECT SCOPE

Why weren’t teachers able to understand
their students thinking rationale?

1. It is difficult for a teacher to focus on a single student during a class
2. Students did not get pointed feedback from teachers
3. There is a communication gap between teachers and students.
4. A teacher does not have the right tools to understand a student’s thought process.
5. Teachers miss out specific essential topics to be taught due to tight timelines
6. It can be sometimes boring for students to answers MCQ questions over and over again.
7. Tough to ensure, that every student understands the topic being taught in class
8. Make learning math fun again.

RESEARCH

Understanding how teachers interact and

communicate with students while teaching

Referred to existing research data and conducted user interviews with four teachers who used Knowledgehook daily to gather insights about user behaviors and the type of interactions they had with students while teaching

Participants

Conducted interviews with four classroom teachers who used knowledgehook tool daily to teach math concepts.

Questions asked

How do you use Knowledgehook?
Which type of activities are performed in class?
How do you interact with students in a class?
What type of communication do students have with you?
How many concepts are taught during a session?
How do you and on what basis do you grade students?
How do you assess a student’s performance?

Collecting and synthesizing the gathered insights

01.

Teachers asked verbal
explanation to students

Teachers constantly kept on
rechecking with students whether
they understood a particular topic/
concept.

ISSUES

No other way for students to
reflect their understanding of
concepts

02.

Lot of students shy away from
communicating with a teacher

Lack of communication and synchronization
between a student and a teacher during a
class discussion.

ISSUES

All students do not participate in class discussion

03.

Teach and assess
students based on
Multiple choice questions

Questions needed to be more challenging, rather than just relying on MCQ’s

 

ISSUES

Students rely on guess work
Unable to asses students based on deep learning

04.

I would like to see
individual student class
performance

Teachers wanted to understand
the class performance and work
with students who had difficulty
understanding certain concepts.

ISSUES

Unable to view realtime class performance

Looking at the players in the market

Conducted competitor research to understand how other players in the market compared to Knowledgehook. Below is a graph of the competitive analysis which is laid out based on serving customer value

INTERACTIVE, OPEN-ENDED & FORMATIVE

1. NearPod: Gives students opportunities for
interaction and immediate feedback by having
them draw on a map or diagram, respond to a poll
question, post a note or image to a collaboration
board, or take a multiple-choice quiz

OPPORTUNITY

An open-ended approach to help students learn
and show their thinking process as they progress
in the class quiz.

INTERACTIVE & FORMATIVE

2. PearDeck: Teachers can see student
responses as they occur. Using these teachers
can correct students who are getting off track.
Peardeck also allows students to build off
concepts and learn from each other

OPPORTUNITY

A formative learning experience in a classroom
along with heavy student engagement.

QUIZ BASED AND SUMMATIVE

3. Kahoot!: Kahoot features low-level quizzes in
class for kids. This platform heavily relies on
multiple choice question with some picture and
graph integrations. Kahoot misses out on
formative individual student assessment.

OPPORTUNITY

Creating a Kahoot quiz is as easy as it gets for teachers.

INTERACTIVE & FORMATIVE

4. Quizziz: Quizizz is limited to single-select or
multi-select multiple-choice quizzes, and it’ll likely
be best for helping students recall facts and
prepare for traditional tests. Quizizz can be used in class or as homework.

OPPORTUNITY

Teachers get a data report which is an excellent
tool for a quick and engaging formative assessment.

“Student engagement is the product of motivation and active learning.
It is a product rather than a sum because it will not occur if either
element is missing.” – Elizabeth F. Barkley

PERSONA

Meet Jessica

As a teacher, I want to understand a student’s prior knowledge of Math and check their
understanding of a concept while in a quiz. This can help me instantly
assess a student’s response and focus on the areas that need improvement.

 

Classroom teacher
Grade: 6,7 & 8
Age: 35

WHO IS JESSICA?

Jessica has been teaching Math to
students from grade 6 -8 since the past
8 years. She has been using
Knowlegehook since 2015 and has
found it to be beneficial.

 

PROBLEMS

1. Knowledgehook doesn’t have room for explanation of each step of solving a Math problem.
2. Students want to beat the clock rather than think carefully about the different options.
3. The depth of thinking and the data provided by knowledgehook is not particularly actionable.

NEEDS

1.Wants to create a strong foundation for
students so that they understand Math
concepts clearly
2.Wants to get more feedback from
students on taught concepts
3.Wants to help students to learn more
and engage in an interactive learning
process
4.Help students in becoming critical
thinkers
5: Wants to provide a space for students
to participate in class discussion and not
shy away from talking

JOURNEY MAPPING

Understanding the user journey

Based on Jessica’s persona, created a customer journey map to understand the high-level
user goals and pain points at every step.

TEACHER

BEFORE THE QUIZ

Login as a teacher

This step consists of the onboarding related processes like signing up as teacher and login in.

Create or select new activity

Activities in knowlegdehook is a section which contains all the quizzes and questions. Teachers usually select pre-defined activities or activities from their previous class

ISSUES

Teachers do not intend to create a new activity as creating new
activity is a time-consuming task.

STUDENT

Introduce the class topic
and agenda

Teachers use presentations to introduce the topic of the day which they intend to teach in class

Students learn about the
upcoming topic and take
notes

Students scribble notes based on what is
being introduced to them. Also, they ask
question to the teacher during this phase

Initiate a quiz and invite
students

Once the teacher initiates a quiz, a class code is shared with the students through which they can access the quiz.

Access the quiz

Students login using their usernames
followed by the link and the class code.

DURING THE QUIZ

Start off with the quiz and
present questions

Teacher on their end starts off with the quiz.
Each question may accompany a slide along with which introduces certain concepts

ISSUES

The teacher is not sure if students are the approaching the problem in the right way.

View the question and
answer

Students view the question on their end and
choose the correct answers. They also refer to
the slide while doing this.

ISSUES

Sometimes students guess answers even without knowing the
right approach behind it.

AFTER THE QUIZ

Ask verbal questions and
start a class discussion

To check if students have grasped the
concept which was covered in the previous question, they start a discussion by asking specific questions.

ISSUES

Some of the students completely shy away from participating in the class discussion. This way there is a huge communication gap between a student and a teacher.

Student assessment

Teacher assessed a student based on their quiz performance and class discussion.

ISSUES

1.MCQ is not the best determining factor of reviewing
performances
2.Can’t pinpoint on individual student’s strengths and
weaknesses
3.No real-time assessment

Reflect back on the concept
and discuss

Students give opinions and support the class
discussion.

Reframing the problem space

“How can teacher’s get an insight into each student’s understanding and progress, in order to customize their teaching methods to draw students into learning.

DESIGN GOALS

What should the design incorporate?

Way for teachers to ask right question

Making it flexible for teachers to ask questions which results in quality teaching experience

Build curiosity in students

Help in class engagement and participation

High Interactivity

Makes learning fun and exciting and interactive. Introducing new topics will become easy

Critical thinking

Helps in understanding the concepts clearly and easily reflect on it

New Challenge

A challenging activity helps in self-determination and motivation.

IDEATION

Brainstorming solutions

After gathering data form product research, market research, design goals, and user pain points, I collaborated with the team to conduct a brainstorming session, that helped me come up with sketches, solution and features.

 

FREE FORM QUESTIONS

Upload Work

Interact and draw on a Canvas

Point and drag on image

FEATURES

Crop any image to
upload

View Class and individual class performance

View and present the best student response

TASK FLOW

Mapping out user experience

WIREFRAMING

Design Decisions

Low fidelity mockups allowed us to test features and functionalities of the new question type
format using Balsamiq.

Creating upload work question and presenting it to students

When the user onboards Knowlegdehook, the user will select the activity and choose to create a
new question for that specific activity. Users then select the free form question type and decide
to select upload work question.

Upload work question type UI

This question type consists of

1. Creating a question: User will type in the question accompanied by uploading images. Users. can leverage this feature to add any visual element to help students think and answer correctly.

2. Preview attached image and crop if needed: User can reconfirm and check if the picture matches with the question. Teachers can also crop an image

3. Choosing the type of response: While creating this question, teachers can select the type of
responses they need want from students. Text, image, document, and links are the type of
responses students can send it.

4. Preview question: It is essential for teachers to preview the entire question as they create it to
check how it is displayed on the student’s side.

Student side UI: Upload work question on the student’s side will consist of the question itself along with the image. Students can respond to the question based on the type of requirements which can be text, image, document and link response

Interact and draw on canvas question UI

Student side UI: Along with creating a question:

1. Attach canvas to a question: User can attach a canvas in the form of a blank, graph or a grid for students to interact and draw on it. The user also has the option to include an image instead of a canvas.

2. Request a text response: Teacher can request a text response in addition to the default
response which is the scribbled content on the canvas. This helps to understand student thinking process.

3. Markup tool: Once the user uploads a canvas or an image, the markup tool appears right under the canvas which denotes that a student can start interacting and drawing on the canvas. This way student can put down their thoughts using pencil and colors however they want.

Student side UI: Student sees a canvas with a markup tool which
consists of color, pencil and eraser selector. Using this a student can
write and respond to the question being displayed on their screen. Along
with it, they can also type in their feedback in the form of text.

Point and drag on image

This question type consists of

1. Attach an image to a question: User will be asked to attach a copy to the question. An attached
image can be previewed.

2. Place a pointer: Once an image is connected, a user can select among three different pointers
which will be used by students to drag and point on the image. Students will either use a mouse
pointer or their fingers to interact with it.

3. Request a text response: Teacher can request a text response besides the default response

Viewing class performance along with individual responses

Overall class performance: Once students send in their responses after every question during a quiz, teachers will get a combined view of all the responses. This helps teachers to get an overview of how the class has performed for that particular question. So, the teacher can take the necessary steps to help students learn.

Individual responses: Along with a combined class performance window, teachers can view and open individual responses. This can help students in getting appropriate feedback on their responses. Teachers can show student responses anonymously to the class for explaining concepts.

STYLE GUIDE

Design Pattern

TYPOGRAPHY

COLOR PALLETTE

HIGH FIDELITY PROTOTYPE

Design Decisions

CREATE QUESTION

Select Free Form type

Type of Free Form questions

UPLOAD WORK

Teacher’s view

Students view

DRAW ON CANVAS

Teacher’s view

Students view

POINT AND DRAG

Teacher’s view

Students view

CLASS PERFORMANCE

Teacher’s view

Students view

CONCLUSION

Outcome

The feature designed by me – Upload work a.k.a snapshot has been successfully shipped on the Knowledge hook platform. This feature is helping teachers to conduct Realtime formative assessments and to close the learning gaps which students face in class. 

Adoption rate has been increased is now being used by many more schools across Canada and Mexico. Schools In USA will also be using Knowledgehook in the near future.

 

More Projects

GE IoT Refrigerator

Designed a smart home IOT refrigerator for shared spaces along with its connected app.

Fella Mobile App

Smart personal assistant designed for international students.

IUPUI One-Spot Kiosk

On campus kiosk platform designed to help ease out student life.

ActVirtual App

Accessibility app to help disabled people to participate in public activisms.

Eskenazi Health Foundation

Coming Soon…

Get in touch

To know more about my work, feel free to drop me an email. Looking forward to hearing from you.