It was quite a journey working with Bask founder Ryan Metzger to envision, design and build a peer-to-peer video learning platform that integrates with existing third party education management platforms including Canvas, Blackboard, and Doodle. I'm excited that Bask has been acquired by Brainly.
I designed the web platforms for both professors as well as students, as well as designing the Bask landing page and brand guideline.
Modernizing the online learning experience and bridging the inefficiencies between students' questions and professors' time/method of answering.
As the only designer/design consultant, and with a blank slate, it was great being able to help reimagine what the workflow between students and professors might look like.
Why was video the solution?
The core functionality on the student side platform is for students of a specific class to be able to view and interact with questions that have been asked by other students and answered by the professor, sorted by most recent. The navigation bar, while simple, provides students with easy access to searching for a specific question, which sorts and filters automatically with each letter queried (displayed below). To minimize the negative effect of latency on the user, Bask provides a skeleton loading state between letter entries (displayed below).
If no questions are found relating to the user's query, the user is presented with an empty state and a CTA that encourages them to submit the question they queried. If clicked, the page below then follows:
The student's question is automatically filled into the textbox, reducing an extra step to re-enter the question. All the user has to do now is to add a topic and click submit, then the question is submitted to the professor.
The professor default view parallels the student view - the default state provides professors with a feed of unanswered questions that they can answer. The navigation bar is rather vertically large for a few reasons: a) accessibility, as many professors are older and might struggle to make out small text sizes and b) to provide an extra tab for easy access to analytics , which provides professors with data to understand the topics or trends that students might be struggling with in more depth.
Professors have 60 seconds to record their answers. They can record and splice videos within the modal window.
The analytics dashbaord provides professors with the total accumulated amount of time students have watched their responses/answers, as well as a list of questions that are most popular.
I look forward to seeing the future of education technology driven by Brainly.
Designed and coded with ❤. Copyright © Jeff Wang 2018.