work_learn-2.png

Learn.co: The First Social Learning Platform.

Creative Direction, Product Design, UI/UX

In the fall of 2015, Flatiron School launched a public learning management system for remote students. Learn.co is an open source collaborative learning platform first used by immersive students in the fall of 2014. At the time, it had one simple social interaction: “Asking a Question”. In the start of 2016, social activities on Learn expanded to full chat, a Slack like chat experience offering multiple rooms, study groups, direct message, to help bring remote students together.

 

The breadth of work on Learn.co span over 2.5 years, the iterative process helped shaped this product to become a Co-learning platform. My role was to align brand design within Flatiron School with the product and provided all UI and UX design for all digital products. This case study focuses on social and community building concept.

A Collaborative Online Learning Platform

A Collaborative Online Learning Platform

Learn started out as a curriculum consuming and progress tracking platform used within the classrooms, with a simple 'ask a question' chat and screen sharing functionality. The main hypothesis was that most online learning platforms isolated students and created a solitaire environment not conducive to learning. Collaborative learning has many benefits, especially with retention and comprehension of the curriculum.

Learn Lesson with Ask a Question

Learn Lesson with Ask a Question

The priority for designing the Learn UI was to allow students to focus on learning. We provided "lab lights" on the right rail to help student track progress and when the lights turn from Gray to Green, symbolizing success, it often gave the student a sense of accomplishment.

Focus mode helping students focus on learning by creating a flexible UI that can hide non essential ui components.

Focus mode helping students focus on learning by creating a flexible UI that can hide non essential ui components.

Full Chat Experience

Full Chat Experience

Students can now enjoy a full chat within Learn.  They will be placed in predetermined rooms where other active students that are close in lesson proximity. This will ensure that students who have successfully completed previous lessons and labs will, in turn, help struggling students behind them. 

Bring your Cohorts along while you learn

Bring your Cohorts along while you learn

Custom Chat

Custom Chat

Allows students to keep their trusted study buddies with them throughout the curriculum. Students are assigned buddies upon signing up to Learn so they have a companion to help remote learning more social.

Learning with friends

Learning with friends

When students on Learn become friends, they can bring them along throughout their curriculum and can initial direct message to anyone while they learn.

Friends graph and social profile

Friends graph and social profile

 

The first real social features that bring students together online was introduced in early 2016. This allowed students to set up groups and invite students to the Learn platform. Students use Google Hangout to study specific or broad coding concepts and allowing instructors to hosts structured lessons in real time.

Students' profile page was designed to show student progress and social interactions in a card like the design. Students can add each other as friends and bring them along throughout the curriculum, helping or cheering for each other on.