Social - Profile Sharing UX

Purpose

• Định nghĩa trải nghiệm chia sẻ profile theo hướng đơn giản, an toàn, dễ kiểm soát.
• Giúp user có thể chia sẻ trang cá nhân, quá trình luyện tập, thành tích và kiến thức với cộng đồng khi họ muốn.

Product Goal

• Tăng động lực học qua cơ chế “khoe tiến bộ” tích cực.
• Giữ quyền riêng tư làm mặc định.
• Khi user bật chia sẻ công khai, mọi người đều xem được.

UX North Star

• Owner control first: user luôn biết mình đang ở Private hay Public.
• Safe by default: profile mới luôn Private.
• Share with pride: nội dung public ưu tiên nỗ lực học và thành tích.
• One-step clarity: bật/tắt chia sẻ công khai trong 1 thao tác.

Canonical Rule Set

• Rule 1: Mặc định profile là Private.
• Rule 2: User tự bật Public sharing khi muốn chia sẻ.
• Rule 3: Khi profile ở Public, ai có link cũng xem được (kể cả chưa đăng nhập).
• Rule 4: Dữ liệu nhạy cảm không đưa lên public profile.
• Rule 5: User có thể tắt chia sẻ công khai bất kỳ lúc nào.

Shareable Content Blocks

• Learning Journey: tổng quan tiến trình học theo dạng aggregate.
• Practice Consistency: streak, ngày học, tổng số bài đã hoàn thành.
• Achievements: badges, milestones, Hall of Fame (nếu có).
• Knowledge Sharing: bài/note kiến thức mà user chủ động đăng công khai.

Owner Experience

• Private state:
  • Thấy preview profile của mình nhưng người ngoài không xem được.
  • Có CTA rõ ràng: Bật chia sẻ công khai.
• Public state:
  • Hiển thị nhãn trạng thái Đang công khai.
  • Có CTA rõ ràng: Tắt chia sẻ công khai.
• Block-level sharing:
  • User có thể bật/tắt từng nhóm nội dung (Journey, Consistency, Achievements, Knowledge).

Viewer Experience

• Viewer bất kỳ mở link public profile:
  • Thấy thông tin học tập ở mức tổng hợp, không thấy dữ liệu nhạy cảm.
  • Thấy thông điệp tích cực, dễ hiểu, không quá dày.
• Nếu profile đang private:
  • Hiển thị trạng thái “Profile này chưa bật chia sẻ công khai”.

Auth & Login UX Cases

• Anonymous viewer mở public profile:
  • Cho xem đầy đủ phần public, không bắt login.
• Anonymous viewer bấm hành động cần tài khoản (follow, bình luận, lưu bài chia sẻ):
  • Mở login entry nhẹ, sau login quay lại đúng profile đang xem.
• Owner mở link profile khi chưa đăng nhập:
  • Sau login quay lại đúng trang profile của mình, giữ ngữ cảnh chỉnh Private/Public.
• Nếu login fail hoặc session hết hạn:
  • Giữ thông điệp ngắn, cho retry rõ ràng, không làm mất context profile.

Scenario Coverage

• User mới chưa có nhiều dữ liệu:
  • Vẫn cho bật public, hiển thị empty-state định hướng tích cực.
• User có nhiều thành tích:
  • Ưu tiên hiển thị mốc mới + mốc nổi bật, tránh quá tải.
• User tắt public sau khi đã chia sẻ:
  • Link cũ không còn xem được nội dung profile công khai.
• User vị thành niên:
  • Mặc định private và tuân theo policy bảo vệ trẻ vị thành niên.
• Viewer quay lại link đã lưu khi owner vừa chuyển về private:
  • Hiển thị trạng thái private rõ ràng thay vì lỗi mơ hồ.

Content & Interaction Guidelines

• Ngôn ngữ microcopy ngắn, rõ, action-first:
  • Bật chia sẻ công khai
  • Tắt chia sẻ công khai
  • Chỉ bạn mới xem được profile này
  • Mọi người có link đều xem được
• Không dùng copy gây áp lực so sánh.
• Tập trung vào tiến bộ cá nhân và tính bền bỉ.

Moderation Boundary (UX-facing)

• Nội dung chia sẻ công khai phải có đường report rõ ràng.
• Nội dung bị hold/moderation thì ẩn khỏi bề mặt public cho đến khi được duyệt.

Iteration Loop (Build -> Check -> Adjust)

1. Xác định 3 hành vi cốt lõi cần tối ưu: bật chia sẻ, xem profile public, tắt chia sẻ.
2. Rà lại toàn bộ copy và luồng để giảm ma sát thao tác.
3. Kiểm tra coverage edge cases (no-data, private/public switch, minor safety).
4. Loại bỏ nội dung trùng/lỗi thời trước khi chốt.
5. Chỉ giữ lại rules có giá trị dài hạn và dễ tái sử dụng.

UX DoD

• User hiểu trạng thái riêng tư của profile trong < 3 giây.
• User bật/tắt chia sẻ công khai trong 1 thao tác chính.
• Public profile hiển thị đủ động lực học tập nhưng không lộ dữ liệu nhạy cảm.
• Tài liệu không mâu thuẫn giữa Social/Account/State.

Non-goals

• Không mở rộng thành mạng xã hội full-feed phức tạp ở phase này.
• Không thêm cơ chế permission nhiều tầng gây khó dùng cho user phổ thông.

References

• Social/SOC_Profile_Logic.md
• Social/SOC_Logic.md
• Social/SOC_Achievements_Logic.md
• Social/SOC_Leaderboards_Logic.md
• Account/ACC_Logic.md
• Product Discovery/30_STATE/STATE_Access_Profile_Subscription_Envelope.md

Change log

• 2026-03-05: Tạo baseline UX Profile Sharing: default private, public opt-in, ai cũng xem được khi bật public.