Lexture.

Lexture is an online platform that hosts lecture recordings and allows students to search for lecture content with the recordings through keyword searches and topics. For this project, I collaborated with students at Cornell Tech. In the product studio, we took on the HMW challenge from Digital Ocean and went through the entire product development process.
My Role:
UX/UI Design, Visual Design, User Research, Usability Testing
Teammates:
Chan Baik, Brian Ho, Kieran Taylor, Leven Xu
How might we leverage cloud infrastructure in classrooms to support students and educators?

Challenge

Research

Industry and Technology Research
In order to have a better understanding of the traditional education and Ed-tech market. We conducted in-depth research about the different players in the market, the processes it takes for each role to operate, how organizations generate profits and the different participation sets within the market. In addition to analyzing the technology used by different institutions.
 
User Interview
In order to better understand the challenges students and teachers face. We conducted user interviews to identify the main pain points users experience. These interviews helped us identify areas that can be improved. Here are some of our findings: 
Goal
- Engage students in classes
- Make sure students fully understand course content
Pain Point
- For bigger classes, it is hard to answer all the questions and finish the class on time
- It is hard to keep students focused on course content all the time
-It is hard to know which part students have difficulty understanding
Goal
- Stay focused and engaged in class
- Try to comprehend course content while listening
Pain Point
- It is hard to follow the instructor if you accidentally miss some parts or get distracted 
- The website that hosts course video recordings is very hard to navigate
- It is hard for especially international students to understand course content due to language barrier

Sprint

Ideation 
Based on the research we conducted and understanding about the pain points students and teachers faces, we came up with 50 ideas and narrowed them down to 2 ideas by using the idea evaluation tool Darwinator and by discussing our ideas in the idea workshop, the 2 ideas we had remain are:
 
1. Class Central
We came up with the Class Central idea based on the interaction we had in class, many times the questions that are answered in class are not the most common ones students have. With Class Central, students can highlight slides areas where they feel stuck using their own devices on the class central app, this the get compiled into the teacher's view to show which areas students have questions about. 
Student's View
Teacher's View
2. Lecture Analyzer
We came up with the Lecture Analyzer idea based on the interaction we had in when browsing the course recordings online. The current website that hosts the lecture recording is very hard to navigate. If you want to find a certain part that you didn't follow in class you might have to go through the entire recording to find that part. With Lecture Analyzer, students can easier search for course content through keywords and topics.
Current website
Feedback 
After presenting our ideas to the crits and talking to potential users, we decided to abandon the class central idea, mainly due to no tech in class policy at Cornell Tech. Although the idea might benefit students, on the teacher's end the highlighted slides might look messy and don't make a lot of sense.
 
Later on, we changed the name Lecture Analyzer to Lexture.

Lexture - Solutions

It is hard for especially for international students to understand course content due to language barrier
It is hard to answer all the questions in class due to time and the size of the class
Pain Points
It is hard to find the part that you missed in class when browsing the video recording
Allow students to search video content by keyword, select courses by topics and instructors
Translate course content in different languages and display as transcripts for easy understanding
Solutions
Q&A section for students to post questions and for teacher and TA to answer them
It is hard to for users to go back to parts they have difficulty understanding after watching the video
Allow users to add their own tags in the video for easy reference in the future
User flow
Information Architecture

Usability Testing

Prototype
I created the wireframes for Lexture in Sketch and turned them into a clickable prototype in Flinto. I then test the prototype with several students by asking them to conduct different tasks and see if they run into any difficulties.
 
Feedback 
After testing the prototype with students in CornellTech. We received some valuable feedback:
- User interface design is intuitive, it is easy to use.
- The tag icon is a bit confusing, users didn't know what to do with it.
- Users think that Lexture will benefit them when going over lecture content.

UI Design

Hi-Fi Wireframes
After the user testing, I made a few iterations and turned the lo-fi wireframes into hi-fi wireframes in Sketch.
Homepage
The homepage features my courses, recommend topics and courses related to search history.
Search page
Users can search for lecture content using keyword searches, then filter the search result by teachers, time, and transcript.
Watch page
Users can watch the lecture recording on this page, check the overview, transcript, ask questions and add their own tags.

Brand  

Identity 

Character Design
I designed a boy and a girl character for Lexture and 3D modeled them in C4D, for the look of them I took inspiration from the appearance of students at CornellTech, as students are our target audiences.
Open Studio
We presented Lexture in Open Studio in Cornell Tech, a lot of people from the tech and media industry came to see our work. We are pleased to hear feedback from many industry professionals.

Demo

© 2020 by Queena Wang.