지난 작업 보완
이번 강의를 듣고 나서, 지난 1일차, 3일차에서 진행한 내용들을 보완해야되겠다는 결심을 했다. 본 과제를 진행하기 이전에 아래와 같이 보완작업부터 진행했다.
1. 마인드맵 보완
마인드맵 만큼은 번거로운 사후작업을 줄이기 위해서라도 꼼꼼히 설계해야한다는 강사님의 말씀을 듣고 마인드맵을 보완하기로 했다. 특히 필수기능을 빠짐없이 추가하고, 발생가능한 예외상황에 대한 처리기능을 집중적으로 설계했다. 참고한 레퍼런스는 아래와 같다.
| 사이트명 | 참고내용 | 링크 |
|---|---|---|
| goorm | 마일리지 서비스 | https://edu.goorm.io/ |
| Cafe24 | 페이지 관리 기능 | https://www.cafe24.com/ |
| Google Class | 수업 개설 UI | https://classroom.google.com/c3 |
1) 추가사항
- 나와 비슷한 러너 찾기 : 주제별로 다른 러너들의 커리큘럼(공개설정한 경우에 한함)을 조회가능함.
- 커리큘럼 공동작업
- 마일리지 서비스
- 커리큘럼 콘텐츠 업로드 예약 : 추가하고자 하는 콘텐츠가 아직 업로드 되지 않은 경우(ex. 유튜브 시리즈물), 원본 콘텐츠가 업로드 되면 커리큘럼에 콘텐츠를 자동적으로 업로드할 수 있도록 예약설정이 가능하다.
- 커리큘럼/강좌 구분 : 커리큘럼과 강좌의 개념을 각각 정립하였다.
2) 보완사항
- 커리큘럼 삭제/복구 서비스 : 커리큘럼을 editing 할 때, 편집 중이던 내용을 임시저장하거나 작업내용을 삭제/복구할 수 있는 기능을 추가했다.
- 환불/문의 서비스
- 알림 : 커리큘럼에 URL, 외부 영상이 포함된 경우, 원본 콘텐츠가 삭제되면 자동적으로 알림을 보내는 서비스를 추가했다.
- admin : 관리기능을 주요 서비스별로 명확히 단위화하였다.
2. 유저케이스 다이어그램 보완
마인드맵 업데이트 사항을 유저케이스 다이어그램에도 적용시켜줬으며, 유저케이스에 대한 개념을 다시금 확립하고 관련된 수정도 진행함
- 비즈니스 회원가입은 비즈니스 승인이 있어야 가능함
- 강의 혹은 주제 검색 후 해당 대상을 팔로우 가능함
보완사항
- 워딩 통일 : 커리큘럼/강의 워딩 통일
- 관계 재정립 : 기존 유저케이스 다이어그램은 actor 간 상호관계를 위주로 설계했음. 허나 유저케이스 다이어그램의 기본개념은 actor와 시스템 간의 상호관계의 표현에 따라 이용가능한 기능을 도식화하는 것이므로 이를 반영하여 일부 도식을 수정함
3. 액티브 다이어그램 보완
역시 마인드맵 업데이트 사항을 적용함
보완사항
- 워딩 통일 : 커리큘럼/강의 워딩 통일
- 부연설명 추가 : 각 기호에 부연설명을 추가하여 가독성을 높임
오늘의 과제
이제 본격적으로 오늘의 과제를 수행하기 이전에 유데미 강의에서 배웠던 기획이론을 적용해보려 한다.
1. 핵심 서비스
가. 커리큘럼 에디터
교육 플랫폼에 자주 보이는 커리큘럼 레이아웃을 간단하게 생성할 수 있다.
링크만 붙여넣으면, 관련 영상 list를 가져와 섹션 편집이 가능하다.
데드라인 등으로 수료 기준을 정할 수 있다.
나. 보증금 결제/환급 서비스(옵션)
이용자가 원할 경우, 보증금을 결제하여 강제성을 부여받을 수 있다.
이용자의 기준에 따라 커리큘럼을 무사히 수료할 경우 보증금이 100% 환급되며,
미수료할 경우 보증금의 70%가 내부적으로만 사용가능한 포인트로 환급된다.
환급받은 포인트로 플랫폼 내의 유료 강의를 수강가능하다.
다. 비즈니스 서비스
일반사용자에서 인스트럭터(비즈니스 계정)로 전환하면 본인이 제작한 교육영상을 저작권 규정하에 유료 커리큘럼으로 업로드 가능하다. 비즈니스 서비스로 전환해야 강좌개설이 가능하며, 그로부터 수익창출이 가능하다.
2. UX/UI 컨셉
- 핵심기능인 커리큘럼 에디터가 가장 먼저 표출되도록 설계
- 커리큘럼 에디터는 일반 학생들이 이용할 수 있도록 최대한 심플하게 설계
레퍼런스
| 사이트명 | 참고내용 | 링크 |
|---|---|---|
| edwith | 강좌개설 editor | https://www.edwith.org/ |
| Udemy | 홈 화면 | https://www.udemy.com/ |
| 경희대학교 E-campus | 학습 대쉬보드 | https://e-campus.khu.ac.kr/index.php |
3. 유저 페르소나
1) 유저 정보
-
이름 : 신유정
-
23살 비전공자로 프로그래밍을 학습하게된지 얼마 되지 않아 동기부여가 필요하다. 전체 영상길이가 긴 인터넷 강의나 부트캠프는 부담스러워 망설이고 있다. 초반에는 YOUTUBE에서 짤막한 강의들을 찾아 듣고는 했지만, 혼자서하려니 지속하기가 어렵고 강제성이 없으니 나태해져만 간다.
2) 행동 목표
조금씩 차근차근 시작하고 싶어
① 기초 강의를 스스로 완강하기
② 개발에 대한 동기부여 받기
4. 아이디어 스케치
| ① HOME | 개설유형 선택 | 커리/강좌 정보입력 |
|---|---|---|
 |  |  |
| ② 커리/강좌 편집화면 | 커리/강의컨텐츠 추가 | ③ 유료 강의 검색화면 |
|---|---|---|
 |  |  |
① HOME
가장 먼저 표출되는 페이지
비회원일 경우 페이지 소개 배너와 create 버튼이 중앙에 표출됨
회원일 경우 스터디보드가 표시되며, 개설된 커리큘럼이나 결제한 강의가 없을 경우 create 버튼이 중앙에 표출됨
- 개설유형 선택(비회원)
비회원일 경우, 커리큘럼 개설인지, 강좌 개설인지를 선택하는 팝업창이 먼저 표출됨 - 커리큘럼/강좌 정보입력
커리큘럼/강좌에 대한 기본적인 정보를 입력하는 팝업창.
② 커리/강좌 편집화면
커리/강좌에 대한 내용을 본격적으로 편집하는 화면이다. 콘텐츠/과제 추가 등이 가능하다.
- 컨텐츠 추가
강좌/커리의 콘텐츠를 추가할 수 있는 팝업창이다. 외부 URL을 가져와서 video를 추가하거나 그 외 다양한 미디어콘텐츠를 추가가능하다.
③ 유료 강의 검색화면
HOME과는 다른 도메인이며, HOME에서 상단
icon을 클릭하여 접속가능하고, 혹은 인터넷 검색을 통해서도 검색가능하다. 하단 오른쪽의 동그라미 버튼을 눌러 다시 editor(HOME)로 이동가능하다.
과제 후기
수업 내용 및 유데미에서 개인적으로 공부했던 내용을 기반으로 서비스 기획을 진행해봤다. 아직 부족한 점도 많고, 실제로 UX/UI 설계를 진행하려면 해야할 것이 많지만 우선 스토리보드까지 만들어보니 서비스 기획이란 작업에 대한 흥미와 자신감이 생기는 것 같다. 추후에 만일 정재용 강사님의 스터디에 참가하게 되거나, 참가하지 않더라도 프로젝트 캠프를 수료하고 나면 간단하게 유저 리서치를 진행한 다음 UX/UI 기획을 이어나가고 싶다. 실제로 구현이 가능할지는 아직 잘 모르겠다. 프로젝트 캠프에서 React를 배워나가면서 고민해보아야할 논제다.
#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃
#IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
——————————————————————————————————————
본 후기는 유데미 x 스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지(B-log) 리뷰로 작성
되었습니다.
