대지너비 통일 CMS to B2C, LMS

킥오프 할 때 빼먹지 않고 SRS 문서 같이 쓰기

연관 자료

프로젝트 자료

User Story Map
UIUX Figma
Tech Spec [Back-end]
Tech Spec [Front-end]
이슈 관리
백로그

Summary

CMS에서 제작한 콘텐츠가 LMS와 B2C를 포함한 모든 도메인에서 일관된 방식으로 제공되는 경험

Theme from Roadmap

피쳐 제작 완료 : 3월 14일(금) 오후
버그배시 : 3월 18일(화) 오전
QA 검증 시작 : 3월 18일(화) 오후
최종 배포 : 3월 20일(목)

Targeted Release Date

일관되고 통일된 가이드라인 아래에서, 플랫폼을 이용하는 유저와 콘텐츠를 제작하는 메이커가 혼동 없이 활용하고 제작할 수 있는 경험

The Goals

핵심 기능을 담아내는 액티비티 대지너비의 일관된 가이드라인 제작

 Problem Alignment

톺아보자
CMS에서 의도적으로 설계한 줄바꿈, 띄어쓰기 규칙들이 B2C 혹은 LMS에서 원치 않은 곳에서 줄바꿈이 되거나 해서 의도한 대로 콘텐츠 제작이 어려워요.
표 그리기의 표는 절대값을 가지고 있어요. 그런데 CMS보다 B2C, LMS의 너비가 좁다 보니까 표가 강제로 스크롤이 생기는 상황이 생겼어요. 학습 경험이 저해되고 있습니다.

 The Success

가치 (1) :

 Solution Alignment

대지 너비 : 좁게

해상도별 가이드
PC (1920 - 1280) 784px(752[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
TA-L (1279 - 960) 784px(752[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
TA-S (959 - 600) 784px(752[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
MO (599 - 360) 좌/우 16px / 전체 컨테이너 패딩 제거

대지 너비 : 넓게

해상도별 가이드
PC (1920 - 1280) 1632px(1600[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
TA-L (1279 - 960) 1632px(1600[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
TA-S (959 - 600) 1632px(1600[콘텐츠], 16씩 좌/우 패딩) / 전체 컨테이너는 32px 패딩
MO (599 - 360) 좌/우 16px / 전체 컨테이너 패딩 제거

Key features

CMS - 메타 콘텐츠 제작 / 수업 설정 - 미리보기
LMS - 수업 미리보기 / 실시간 정규 수업 / 정규 수업 편집 / 수업모드 / 모둠학습 ← (이건 안해도 될듯 ㅋ)
B2C - 학습하기 / 과제목록 / 모둠학습 / 학습 요약

Policy & Ubiqutous Language

콘텐츠 영역 / 전체 대지 영역등에 대한 정의 필요