Design
work_learn.png

Flatiron School: Learn.co a Social Learning Platform (Product Design)

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. This case study focus on social and community building concept.

Co-learning Swag Ideas

Co-learning Swag Ideas

Flatiron School's curriculum is well known in the industry for its rigor and hard work to complete. Using school brand values to create marketing swag gave students purpose and motivation to achieve their learning goals.

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. 

Bringing Students Together

Bringing Students Together

Full chat allowed students to connect and communicate anywhere within Learn.co.  In 2016, Chat was expanded to include direct messaging, study groups and social chat.

Full Chat Experience

Full Chat Experience

Students can now enjoy a full chat within Learn.  They will be placed in pre determined 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. 

Custom Chat and Direct Messaging

Custom Chat and Direct Messaging

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

Responsive behavior

Responsive behavior

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

Virtual study groups

Virtual study groups

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

Friends graph and social profile

Friends graph and social profile

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

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. 

DM.png