Project overview: SOSUB

Ai Tran Quang
SOSUB
Published in
8 min readJul 13, 2019

"Tài liệu giáo dục ở Việt Nam tụt hậu so với thế giới khoảng 2 đến 3 năm"

Sinh viên hiện nay ở các trường đại học ở Việt Nam so với quốc tế đều dành thời gian học như nhau, nhưng nguồn tư liệu mà chúng ta được tiếp xúc lại khác nhau quá lớn. Chúng ta đang bị tụt hậu…

Nhận thấy điều đó, ban đầu chúng mình chỉ đơn giản thử dịch phụ đề cho một số video giáo dục tuyệt vời trên thế giới rồi share trên mạng xã hội. Và bất ngờ rằng, chúng mình lại nhận được sự ủng hộ rất lớn từ cộng đồng. Vô tình thì chúng mình tạo ra sosub.org, trở thành giải pháp góp phần giảm chênh lệch xã hội, bắt đầu từ việc giảm thiểu bất công trong khả năng tiếp cận tri thức. Một địa chỉ mới toanh để các bạn có thể học mọi thứ qua video với phụ đề song ngữ :))

SOSUB (social subtitle) định hướng là một LEARNING HUB, hoạt động theo dạng NPO 100%. Với mong muốn tạo ra một nền tảng cho phép tất cả người dùng cùng nhau dịch phụ đề cho các video giáo dục và phát triển con người trên thế giới.

https://www.youtube.com/watch?v=THEgFAqiJFI&

https://youtu.be/THEgFAqiJFI

SOSUB hoạt động phi lợi nhuận và mãi mãi như vậy. User sẽ không phải trả phí cho bất cứ tính năng nào SOSUB cung cấp. Trong tương lai, chúng ta là sẽ vẫn có nguồn thu từ chính cộng đồng này khi tập user đủ lớn.

Cụ thể như:

  • Các nguồn thu trực tiếp từ các dịch vụ và sản phẩm của SOSUB (như quảng cáo, bán vật phẩm, cấp chứng chỉ, tổ chức offline, etc…)
  • Các nguồn tài trợ, funding từ các cá nhân, tổ chức, quỹ tài trợ cho hoạt động cộng đồng.
  • Các nguồn cổ tức từ cổ phần sở hữu trong các dự án khác. Trong tương lai xa, SOSUB sẽ hỗ trợ các dự án startup bắt nguồn từ nội bộ team, dự án sẽ khai thác cộng đồng và user của SOSUB, đổi lại SOSUB sẽ sở hữu 1 mức cổ phần nhất định, từ đó có nguồn thu đều đặn để duy trì và phát triển bền vững hơn.

PHẦN I: STRATEGY (USER RESEARCH + BUSINESS GOALS)

Vì đây là việc thiết kế một sản phẩm mới hoàn toàn nên sẽ áp dụng các bước Research, Ideate, Design, Verify Design, Implement và mô hình 5 planes của Jesse James Garett để xây dựng.

UX Research

Objective(Competitor Analysis): Nghiên cứu các learning hubs khác đã hoạt động. Chúng ta có thể liệt kê ra một vài sản phẩm tiêu biểu có chung business model trên thế giới:

  1. Coursera
  2. TED-Ed
  3. Khan Academy
  4. Clip.mn
  5. edX.org
  6. https://www.maven.video/
  7. Udemy

1. User Interview:

Phỏng vấn nhóm người dùng đặc trưng và phân loại ra thành hai nhóm users chính.

  • Đặc điểm nhóm người dùng visiter users:
  • Độ tuổi 13–17 (4,4%), 18–24 (67%), 25–34 (24%)
  • Nam (64%), Nữ (36%)
  • Am hiểu công nghệ, mọt sách.
  • Có tinh thần tự học cao
  • Quan tâm đến trend, info, news
  • Đặc điểm nhóm người dùng potential uploader:
  • Độ tuổi 18–34
  • Am hiểu công nghệ, ham đọc sách
  • Có trình độ tiếng anh ở mức khá trở lên.
  1. Contextual Enquiry

Interviewing users in the location that they use the website/app, to understand their tasks and challenges.

User Empathy Mapping

Quả phỏng vấn và khảo sát một số users, chúng ta tiến hành thực hiện roleplay giữa các thành viên trong team (do không có điều kiện gặp mặt trực tiếp nên mọi người brainstorm qua video call). Các idea được đưa ra được tổng hợp dưới dạng empathy maps bên dưới:

Visiter users (Chỉ xem video)

Uploader users (Mong muốn dịch và làm phụ đề)

User Stories

  1. As a user đang ở trạng thái outcontrol (không biết mình xem gì), I want to có một section gợi ý chính xác những video về sở thích của tôi, so that I can tìm được video yêu thích một cách nhanh chóng và thuận tiện.
  2. As a người có nhu cầu xem video về chủ đề giáo dục, cụ thể hơn là về toán học, I want to vào website và nhanh chóng tìm được các video theo categrories chính xác như tôi mong muốn, so that I can tìm được nhanh các videos về chủ đề tôi quan tâm.
  3. As a người có trình độ tiếng anh tốt, tôi đã xem được một video thú vị về cuộc bầu cử tổng thống Mỹ và tôi nghĩ tôi có thể dịch nó, I want to có một công cụ để tôi dịch thuật và làm phụ đề video thật nhanh, so that I can chia sẻ kiến thức tôi vừa học được.
  4. As a người xem video, tôi đọc tiêu đề video thấy khá cuốn hút, I want to share ngay lập tức trên mạng xã hội, so that I can có một chút gì đó tự hào vì là người đầu tiên tiếp cận thông tin ấy, và cũng là muốn người khác có thời gian xem video đó để ngay khi vừa kết thúc video thì tôi có thể trở ra và bắt đầu cuộc thảo luận với bạn bè tôi về video tôi vừa xem. => Trường hợp share trước xem sau hoặc share để lưu lại lúc rảnh xem.
  5. As a người xem video để học tiếng anh, I want to có thể mở video dạng audio và nghe nó trong khi làm việc khác hoặc lúc đang đi xe bus, so that I can tranh thủ được thời gian của mình.
  6. As a người xem video, I want to chỉnh sub nhanh chậm hoặc lặp lại một đoạn sub bởi video chạy quá nhanh, so that I can theo kịp nội dung video.
  7. As a người xem video, I want to công cụ giúp tra cứu từ điển nhanh trong lúc xem video, so that I can hiểu được trọn vẹn nội dung video và cũng để vừa học thêm từ vựng.
  8. As a learder, anh muốn mọi người trong team có một kiến thức chung về team work, anh sẽ đưa ra bài test đó, tất cả những ai làm đến câu cuối cùng đều coi như đã nắm hết nội dung cơ bản

Kind Of User Stories

  • Must have: (1),(2),(3)
  • Should have: (4),(6)
  • Could have: (5),(7)
  • Won’t have: (5)

BUSINESS GOALS

  1. Business model
  • NPO
  • Leaning Hub
  • Theo định hướng này thì sẽ tiếp tục phát triển các yếu tố: Course → Test → Cerfitication thành một hệ sinh thái giáo dục xoay quanh nội dung video.
  1. Success metrics
  • Lượng user account
  • Lượt xem videos
  • Tỉ lệ tương tác của users tới từng videos, chia sẻ, love, comments.
  • Số lượng videos và subs được upload lên mỗi ngày
  • Lượt xem trang ổn định mỗi ngày (hiện nay vào khoảng 113,4k views, mức độ tăng trưởng 668,2%). Duy trì tăng trưởng 40% trên tháng ở giai đoạn này.
  1. Branding & PR
  • Mạng xã hội
  • Các hoạt động offlice, tham gia các events khởi nghiệp.
  • Khi nhắc đến một website cho phép học mọi thứ bằng phụ đề song ngữ sẽ nhớ ngay tới SOSUB.org như là một free learning hub

PHẦN II: SCOPE (FEATURES + CONTENT REQUIREMENTS)

Ràng buộc thiết kế:

Thiết kế website SOSUB ở phase 02.

  • Visiter: Ở giai đoạn này tập trung vào trải nghiệm xem và chia sẻ videos, nhằm xây dựng tập user ban đầu. Chú trọng tiện lợi, đáp ứng nhu cầu cơ bản nhất một cách hoàn hảo nhất.
  • Uploader: Uploader có thể paste trực tiếp links video từ YouTube và upload phụ đề cho video. Cải thiện quy trình. Uploader là người đã qua huấn luyện.

Tập trung thiết kế mobile first nên phải test liên tục. Ở giai đoạn hiện tại sẽ chưa có khả năng cung cấp app vì thế giao diện mobile vẫn là phần user sẽ phải tiếp xúc khá nhiều trong thời gian sắp tới.

Tìm ý tưởng:

Here is a Pinterest moodboard of Design spirit and Visual direction I’d like to go with.

https://www.pinterest.com/leoliondesign/sosub-moodboard/

https://www.pinterest.com/leoliondesign/sosub-moodboard/

Tính năng:

  • Chia sẻ lên mạng xã hội (chủ yếu là facebook). Thiết kế để dễ dàng share trước khi xem.
  • Dán link trực tiếp từ youtube để embed video vào, sau đó sẽ upload sub đính kèm lên video đấy và chia sẻ cho cộng đồng. User chỉ được quyền upload video sau khi verify bởi SOSUB
  • Xem danh sách video theo chủ đề
  • Xem phụ đề song ngữ, tùy biến hiển thị sub.
  • Tính năng phát triển trong tương lai:
  • Theo dõi script của video để nắm bắt nội dung nhanh mà không cần xem video
  • Điều chỉnh tốc độ phát của video và các tùy biến khác.
  • Dịch cụm từ, tra cứu nhanh từ mới
  • Làm phụ đề theo nhóm, tương tự như Amara

Content cần chuẩn bị:

  • 800 videos đang được upload lên website
  • Trong tương lai gần user sẽ là người tạo nên content

Toàn bộ nội dung này do API, server và đội làm content đảm nhiệm

PHẦN III: STRUCTURE (INFORMATION ARCHITECTURE + INTERACTION DESIGN)

1. Information architecture

Information Architecture sử dụng lại cấu trúc danh mục và filter từ web

2. Interaction Design

User Flows http://ozxx1k.axshare.com/#g=1&p=user_flows

PHẦN IV: SKELETON (INFORMATION DESIGN & NAVIGATION DESIGN)

Đây là user flows sơ bộ đang được tập trung vào cải thiện uploading video flows.

PHẦN V: SURFACE (VISUAL DESIGN)

Phần này sẽ ưu tiên và test hoàn thiện uploading trước nhằm public tính năng này sớm, cho user tạo nên content đủ lớn trước khi xây dựng các tính năng mở rộng khác.

Hiện tại đang có hai tuỳ chọn thiết kế ở phần này và trước mắt sẽ đem testing để chọn ra phương án hiệu quả nhất để sử dụng cho bản chính thức.

Bản UI Design đầu tiên của một số pages chính:

--

--