img/nextlesson-interestid/hero/hero-img.png

NextLesson InterestID

One of the biggest selling points of NextLesson's content is that its built around students' current interests. To stay up-to-date on these interests, we came up with the idea of an interest rating tool—a “Student Tinder”—if you will. With InterestID, students can voice their interests by liking and disliking items within categories such as sports, movies, books, music, food and gadgets. If they can’t find a certain interest, they can add it in the tool – these recommendations help us determine which lessons we should create.

For teachers, they are then able to view the interests of their students in a summary that displays the top liked categories, most popular interests within those categories, and recommended lessons from NextLesson based on those interests. They can also view interest summaries for individual students or classes as a whole, and even track changes over time.

An overview video of InterestID, with art and animation assets provided by our team.

The Student Experience

On the student view, the layout mimics our lesson browse page for consistency. Interest categories buttons, which act as filters, are presented on top with unrated randomized interests on the bottom. To the left we have more filters to break down interests by liked, disliked and subcategories. As interests are rated, they disappear and the other interests shift over to replace it.

A student browses the interests and votes on ones they like and dislike.

In designing the student side of the experience, we wanted to keep the interests front and center. We know students can be easily distracted and with over 3,373 interests, we took steps to minimize scrolling and page clicking. The idea was to try to keep the screen static as students voted.

Conceptual functionality sketches. The top one was made by the project manager and the bottom by me.

At some point, a student may want to look up something specific or look into their favorite hobbies. This is where our filters come in. We made our different categories readily accessible at the top, anticipating that this is something that the student would do quite often.

We implemented a simple system to filter by categories, as well as to show what you've liked and disliked.

We put filters in so you can browse by category or by interests you've already liked or disliked.

Originally, the project manager wanted to have the categories and interests separated.

link to project


Student Interest Tool

2015

  • Sketches
  • UI/UX
  • Illustrator
  • Mockups (PHP+JS)

Student Interest Tool

2015

  • Sketches
  • UI/UX
  • Illustrator
  • Mockups (PHP+JS)

An overview video of InterestID, with art and animation assets provided by our team.

The Student Experience

On the student view, the layout mimics our lesson browse page for consistency. Interest categories buttons, which act as filters, are presented on top with unrated randomized interests on the bottom. To the left we have more filters to break down interests by liked, disliked and subcategories. As interests are rated, they disappear and the other interests shift over to replace it.

A student browses the interests and votes on ones they like and dislike.

In designing the student side of the experience, we wanted to keep the interests front and center. We know students can be easily distracted and with over 3,373 interests, we took steps to minimize scrolling and page clicking. The idea was to try to keep the screen static as students voted.

Conceptual functionality sketches. The top one was made by the project manager and the bottom by me.

At some point, a student may want to look up something specific or look into their favorite hobbies. This is where our filters come in. We made our different categories readily accessible at the top, anticipating that this is something that the student would do quite often.

We implemented a simple system to filter by categories, as well as to show what you've liked and disliked.

We put filters in so you can browse by category or by interests you've already liked or disliked.

Originally, the project manager wanted to have the categories and interests separated.

link to project

Some of my Favorite Interests

anna-kendrick
asian
back-to-the-future
batman
bbq
biscuits
cake
candy-cane
candy
cereal
cheese-subs
chewing-gum
chicken-nuggets
chicken-sandwich
chocolate-chip-cookies
chocolate
chris-pratt
coffee
cookie
corn
cupcake
denver-nuggets
diary-of-a-wimpy-kid
divergent
donuts
dwayne-johnson
eggs
emma-watson
french-fries
fried-chicken
fruit
golden-state-warriors
hamburger
harry-potter
houston-rockets
ice-cream-cake
ice-cream
indiana-jones
iron-man
italian
jurassic-park
lasagna
lego-mixels
lemon-meringue-pie
los-angeles-lakers
marvel
mashed-potatoes
meatball-subs
meatballs
mexican
milk
milkshake
molasses-spice-cake
new-york-knicks
onion-rings
pancake
pirates-of-the-caribbean
pizza
pokemon
potato-salad
pumpkin-pie
red-velvet-cake
samoas
sandwich
smoothie-bar
spider-man
superman
tagalogs
the-hunger-games
thin-mints
toy-cars
toy-story
turkey
twilight
waffle
watermelon
x-men

Other NextLesson Projects

NextLesson Characters

Nextlesson Search and Browse

NextLesson Marketing

NextLesson Lesson Covers

Back to all projects