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
Chan Baik, Brian Ho, Kieran Taylor, Leven Xu
September - December 2019


How might we leverage cloud infrastructure in classrooms to support students and educators?


Secondary 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: 
- 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
- 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 the language barrier


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.
Screenshot 2019-11-19 at 15.54.47.png
Current website
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.


Based on the feedback we received and the research findings, we came up with pain points and solutions to resolve them.
Pain Points
It is hard to find the part that you missed in class when browsing the video recording
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
It is hard to for users to go back to parts they have difficulty understanding after watching the video
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
Q&A section for students to post questions and for teacher and TA to answer them
Allow users to add their own tags in the video for easy reference in the future
Information Architecture
User Flow
User flow.png


Lo-fi Wireframes
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.
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.
Hi-fi Wireframes
After the user testing, I made a few iterations and turned the lo-fi wireframes into hi-fi wireframes in Sketch.
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.
Course 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.