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
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.
Product Design Intern
Sketch, Balsamiq & InVision
User and competitor
research insights, creating
persona and journey
mapping, ideating solutions,
wireframes and visual
Product Manager, UX Designer
Help teachers to capture a student’s thought process while teaching math using knowledgehook in class
upload their work
Teachers can ask students to respond to a
question by uploading a personal piece of
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
A teacher can track a student’s understanding of the problem, through real-time formative assessments.
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.
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
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.
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
Conducted interviews with four classroom teachers who used knowledgehook tool daily to teach math concepts.
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
explanation to students
Teachers constantly kept on
rechecking with students whether
they understood a particular topic/
No other way for students to
reflect their understanding of
Lot of students shy away from
communicating with a teacher
Lack of communication and synchronization
between a student and a teacher during a
All students do not participate in class discussion
Teach and assess
students based on
Multiple choice questions
Questions needed to be more challenging, rather than just relying on MCQ’s
Students rely on guess work
Unable to asses students based on deep learning
I would like to see
individual student class
Teachers wanted to understand
the class performance and work
with students who had difficulty
understanding certain concepts.
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
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
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.
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.
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
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.
Grade: 6,7 & 8
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.
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.
1.Wants to create a strong foundation for
students so that they understand Math
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
4.Help students in becoming critical
5: Wants to provide a space for students
to participate in class discussion and not
shy away from talking
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.
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
Teachers do not intend to create a new activity as creating new
activity is a time-consuming task.
Introduce the class topic
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
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
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
Teacher on their end starts off with the quiz.
Each question may accompany a slide along with which introduces certain concepts
The teacher is not sure if students are the approaching the problem in the right way.
View the question and
Students view the question on their end and
choose the correct answers. They also refer to
the slide while doing this.
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.
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.
Teacher assessed a student based on their quiz performance and class discussion.
1.MCQ is not the best determining factor of reviewing
2.Can’t pinpoint on individual student’s strengths and
3.No real-time assessment
Reflect back on the concept
Students give opinions and support the class
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.
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
Makes learning fun and exciting and interactive. Introducing new topics will become easy
Helps in understanding the concepts clearly and easily reflect on it
A challenging activity helps in self-determination and motivation.
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
Interact and draw on a Canvas
Point and drag on image
Crop any image to
View Class and individual class performance
View and present the best student response
Mapping out user experience
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
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
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.
HIGH FIDELITY PROTOTYPE
Select Free Form type
Type of Free Form questions
DRAW ON CANVAS
POINT AND DRAG
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.
Eskenazi Health Foundation