The MVP #1: Làm một trang dạy học trực tuyến cần gì?

Giới thiệu

The MVP sẽ là series mình cùng team sẽ lên ý tưởng + thực hiện các product thật tế nhất. Các bài viết như là document của tụi mình. Nếu ai dự định làm product giống tụi mình làm thì giao lưu, trao đổi hen.
Tụi mình có thể viết về product, design và techinal. Dự định là series này mình sẽ làm dạng video (vlogs) nhưng hiện tại chưa phù hợp nên vẫn ở dạng blog. Thôi 15s quảng cáo đã xong, mời mọi người đến với bài đầu tiên #1

Mình có publish 3 khoá học trên Udemy từ thời sinh viên. Sau khoảng vài năm sử dụng Udemy với tư cách là Instructor, mình thấy nó có một số hạn chế nên mình sẽ dự định xây dựng 1 site riêng để đăng các khoá học.

Một số nhược điểm của Udemy

Doanh thu thấp

Phần lớn mình chỉ nhận được 25% doanh thu do Udemy sẽ tính chi phí để chạy ads cũng như trả cho bên affiliate. Nếu mình có hệ thống riêng và tự chạy quảng cáo thì sẽ tốt hơn. Với lại do mình đăng khoá học tiếng Việt nên việc để Udemy chạy quảng cáo cũng không hiệu quả lắm.

Ở những đợt sale, dù giá khoá học của bạn là $200 nhưng Udemy vẫn có quyền hạ nó xuống $10 để bán.

Mình thì không thích chính sách này chút nào. Kiểu như không được chủ động về giá cả ý. Sale cũng tốt nhưng sale vậy hơi quá.

Bạn chỉ được 25% nếu Udemy bán qua bên affiliate

Tool thống kê chưa tốt

Thống kê trên Udemy

Sắp tới vì mình muốn đăng nhiều khoá học liên quan tới nhau kiểu Learning Path. Nên mình muốn có thể xem được chi tiết thống kê từng video, từng khoá học liên kết với nhau thế nào. Ví dụ có khoá là C# và khoá ASP.NET Core thì mình muốn xem tỷ lệ là bao nhiêu học viên đã join khoá ASP.NET nhưng chưa join khoá C# và ngược lại. Từ đó hệ thống sẽ recommend bài phù hợp luôn.

Không lấy được email học viên

Một điểm quan trọng nữa mà mình không thích trên Udemy đó là không lấy được email của người dùng để làm Email marketing. Có list email thì mình có thể gửi content qua email hằng tuần.

MVP: NIVIKI ACADEMY

Code sắp xong rồi nè, mới import được Bootstrap :D

Trước tiên, cần đặt mục tiêu cho bản MVP:
- User có thể xem danh sách khoá học
- User có thể tham gia nhiều khoá học. Version này, mọi khoá học sẽ free nên không cần tính năng thanh toán trực tuyến
- Instructor có thể tạo khoá học. Chưa phải marketplace nên không cần tính năng quản lý cho instructor.
- Trang admin:
+ Quản lý danh sách user, xem được user đã học khoá nào, xem được instructor đang có bao nhiêu khoá học, bao nhiêu học viên.

Về phần design, workflow chủ yếu mình sẽ chôm trên mạng và update lại cho phù hợp. Hai trang mình rất thích là Udemy và Teachable.

Authenticate/Authorization

Đăng ký đăng nhập. Phân quyền tài khoản. Có 2 loại tài khoản:
- User: học viên
- Instructor: Cho phép tạo khoá học.

Đăng nhập - https://teachable.com/login

Phần login sẽ chôm bên Teachable. Bên trái sẽ có một hình ảnh, sẵn để giới thiệu + quảng báo site luôn.

Nhưng mình sẽ thêm login với Facebook & Google để thuận tiện cho user. Ngoài ra, mình sẽ chọn màu chủ đạo là màu khác.

Đăng ký

Bên trái đăng ký sẽ có 1 tấm hình như lúc đăng nhập để trigger guest đăng ký trở thành user.
Sẽ để 3 lý do tại sao họ cần đăng ký học tại site này.

Trang chủ

Trang chủ sẽ gồm 3 phần:
- Header: gồm menu và title
- Learning path
- Phần danh sách khoá học

Phần Header

Header

Gồm có menu điều hướng. Góc phải sẽ có 1 Call to Action Học ngay.
Background image sẽ là một hình truyền cảm hứng. Mình sẽ chụp lại hình đang gõ code với khuôn mặt vui tươi.
Title và sub title sẽ suy nghĩ và research cách viết gãy gọn hơn để người đọc có thể hiểu được mission/vision của trang :D

Learning path

Mục đích của learning path là để user biết mình nên học cái gì trước, nên học cái gì sau để đạt được mục đích cuối cùng.

Learning path

Khi bấm vào mục nào trên path sẽ hiện thị phần giới thiệu và danh sách khoá học tương ứng bên dưới.

Tuy nhiên phần này mình sẽ dùng idea của git branch để làm learning path. Chẳng hạn bạn học backend sẽ có 2 hướng là học (Python + Django) hoặc (C# + ASP.NET Core). Thì lúc đó path sẽ ra nhánh ra, học nhánh nào cũng được sau đó trở về path chính. Phần này phải custom lại UI, mình sẽ trao đổi với bạn Nam Trần (Nam sẽ 'đứng lớp' khoá Vue.js nhé) về animation cũng như action chỗ này.

Dùng idea của git branch để làm learning path

Danh sách khoá học

Một khoá học gồm: title, description, status( Free hoặc giá khoá học cho paid course), số lượng đã học, thông tin instructor.

Chi tiết khoá học

Mình rất thích trang chi tiết khoá học của Udemy nên sẽ theo format này. Chỉ bỏ đi một số phần như Add to Cart, Buy now, Wish list.
Call to action ở trang này là nút "Tham gia".

Trang chi tiết khoá học

Review Khoá học

Review là phần không thể thiếu để tạo social proof một cách công khai nhất.

Với góc nhìn là học viên thì chỉ nên cho phép user cho đánh giá khi đã xem được khoảng 1/3 -> 1/2 thời lượng khoá học mới có độ chính xác cao.

Trang xem bài học

Đây là trang user sẽ tương tác nhiều nhất. Các bài học dưới dạng video hoặc text. Mình chỉ để dạng bài học là video thôi, còn text có thể dẫn link sang blog vì blog SEO tốt hơn.
Các khoá học free mình sẽ upload lên Youtube hết.

Trang xem bài học

Ở Trang xem bài học này, có thêm phần Q&A để học viên có thể hỏi những thắc mắc về từng bài học

Q&A trong mỗi bài học

Các tính năng khác

Một số tính năng khác như Quản lý tài khoản, report comment, tìm khoá học thì mình sẽ làm đơn giản nhất cho thể cho bản MVP lần này.

Kết

Ở phần này, mình đã giới thiệu lý do tại sao team mình cần một trang dạy học thay thế cho Udemy. Series sẽ tiếp tục với những bài viết tiếp theo về quá trình tụi mình làm. Vì còn bận dự án outsource -code dạo nên trang MVP này, mình sẽ launch vào khoảng giữa tháng 6.