Skip to content

Latest commit

 

History

History
537 lines (335 loc) · 17.1 KB

cobook_기획안.md

File metadata and controls

537 lines (335 loc) · 17.1 KB
Raw

공통 프로젝트_Co-Book 기획안

1. Project Concept

책 읽는 사람들의 소셜 살롱, Co-Book(코북)

책 읽는 사람들을 위한 SNS 커뮤니티 & 모임 매칭 서비스

  • 핵심적인 기능은 "연결", 다른 기능은 핵심 기능을 보조
    1. 소통: 책을 읽고 난 후의 감상 공유
      • 독서 활동 기록 & 관리 기능
      • 독서 기록 공유 기능
    2. 연결: 편리한 책모임 매칭
      • 책 모임 매칭 & 관리 서비스
      • 온라인 독서 회의 기능
  • 책 읽는 거북이, 코북이
    • 귀여운 캐릭터 활용해 서비스 사용의 친근감 제고
    • 첫 로그인 시 서비스 소개 화자 등 다양하게 활용

2. Target User

  • 독서 활동을 손쉽게 기록하고, 다른 사람들과 공유하고 싶은 사람
  • 책을 열심히 읽고 싶지만 혼자서는 꾸준히 책읽기가 어려운 사람
  • 책도 읽고 사람도 만나고 싶은 사람
  • 책모임을 좀 더 쉽게 관리하고, 활동 내용을 잘 정리해두고 싶은 사람

3. Persona

독서 애호가, 정세랑

  • 25세, 여성, 대학생

    ​ 평소 책읽기가 취미인 정세랑은 한달에 1, 2권의 책을 읽고 개인 다이어리에 정리를 하곤 한다. 그렇게 쌓아온 독서 다이어리만 세 권째. 빼곡히 적혀있는 독서 기록을 볼 때마다 뿌듯함을 느끼지만, 필요한 내용을 언제든 쉽게 찾아보기는 어려워 불편함을 느낄 때가 있다.

    ​ 정세랑은 책 읽는 것이 유일한 취미이지만, 주변 친구들과 공감대를 형성하기가 쉽지 않다. 책 이야기를 꺼내는 것이 마치 지식을 뽐내는 것처럼 보일까 걱정이 되기도 한다. 학교 독서 동아리에 들어갈까 생각을 해봤지만, 낯을 많이 가리는 성격이고, 즐거움이 돼야할 책읽기가 하나의 일처럼 느껴질까봐 마음을 접었다. 너무 본격적이진 않지만, 다른 사람들과 편하게 책을 읽은 후 드는 생각을 공유하고 싶다.

독서를 시작하고 싶은 직장인, 한상영

  • 33세, 남성, 직장인

    ​ 어느덧 직장인 5년차가 된 한상영은 최근 너무 일에만 치중된 일상에 염증을 느끼고, 새로운 활동을 즐기고 싶은 마음이 크다. 너무 한가지 분야에만 매몰되어 지내다보니 세상을 보는 시각도, 주변 사람들과의 관계도 점점 좁아지는 것 같아 속상하다.

    ​ 한상영에게는 20대 때부터 바쁘다는 핑계로 끝내 이루지 못한 꿈이 있다. 예전부터 마음 속으로만 생각했던 고전읽기 프로젝트를 나름의 계획까지 새워 시도해보았지만, 습관이 잘 잡히지 않아 매번 흐지부지 끝나버리곤 했다. 이번만큼은 목표로 했던 책을 읽고 독서 습관을 몸에 익히고 싶은 한상영은, 직장 동료, 대학 동창 중 고전읽기 프로젝트를 함께할 사람을 구해봤지만, 다들 바쁘거나 여유 시간이 잘 맞지 않아 끝내 구하지 못했다.

    ​ 마음, 그리고 시간이 잘 맞는 사람들과 함께 책을 읽어가고 싶은 한상영은 이대로 시간이 흘러 목표했던 것을 아무것도 이루지 못하고 늙어가지 않을까 불안한 마음이다.

책모임을 좀 더 체계적으로 관리하고 싶은 책모임 리더, 양귀자

  • 37세, 여성, 선생님

    ​ 초등학교에서 국어를 가르치는 선생님 양귀자는, 학교 동료들과 2주에 1회 만나 이야기를 나누는 책모임을 1년 째 해오고 있다. 처음에는 친목을 도모하며 가볍게 책을 함께 읽는 모임이었지만, 시간이 지나면서 나름대로의 체계를 갖추고 열정적으로 책읽기를 진행하고 있다. 매번 모일때마다 멤버들로부터 새로운 관점과 좋은 이야기를 얻을 수 있어 만족스러운 양귀자는, 책모임의 내용을 정리해 수업 시간에 활용하고 싶은 마음이 있지만, 기록하고 정리하는 것 역시 하나의 일이라 엄두가 쉽게 나지 않는다. 좀 더 쉽고 빠르게 책모임 내용을 정리해볼 수 있는 방법을 찾고 싶다.

4. Main Features

1. 피드 - 책 리뷰 컨텐츠 중심의 SNS 서비스

"나만의 책 읽기 경험을 다른 사람과 공유해보세요."

  • 카드 형태의 깔끔한 표현 방식 - 한 줄 평, 책 표지 이미지
  • 팔로우한 유저의 책 리뷰 게시물 리스팅
  • 검색 - 책, 유저, 태그

2. 소셜 - 책 모임 매칭 서비스

"함께 읽는 즐거움을 경험해보세요."

  • 책 모임 매칭 & 관리 서비스
    • 클럽: 정기적으로 책 모임을 가지는 유저그룹
    • 리딩: 클럽에서 진행되는 각각의 책 모임
    • 밋업: 클럽과 관계없이 진행되는 일회성 책 모임

3. 서재 - 개인 독서 활동 관리 서비스

"나만의 독서 활동을 편리하게 모아보세요."

  • 읽은 책 / 참여 모임 모아보기
  • 독서 활동 통계 서비스
  • 독서 일정 관리 서비스

5. Service Details

NavBar

1. 로고
2. 검색
  • 검색어 입력 시 default는 "게시물" 필터
  • 각 필터 클릭 시 해당 유형에 맞는 검색 결과 노출
    • 게시물 - 게시물 피드와 유사한 구조 / 클릭 시 책 리뷰 디테일 페이지로
    • 책 - 책 표지 이미지 / 호버 시 책 기본정보 / 클릭 시 책 디테일 페이지로
    • 유저 - 프로필 이미지, 유저네임, 팔로잉 버튼
    • 클럽 - 클럽 피드 카드 리스팅과 유사한 구조
    • 밋업 - 밋업 피드 카드 리스팅과 유사한 구조
3. 피드
4. 클럽
5. 번개
6. 알람
7. 프로필(서재)

인증

1. 회원가입
  • input: 유저네임, 이메일, 패스워드, 패스워드 확인, 핸드폰 번호
  • 각 input 별 warning message 출력(ex_"패스워드는 8자리 이상이어야 합니다.")
  • 모든 input이 문제없이 입력된 경우에만 '가입하기' 버튼 활성화
2. 로그인
  • input: 이메일, 패스워드
  • 모든 input이 문제없이 입력된 경우에만 '가입하기' 버튼 활성화
  • 로그인 실패 시 관련 에러 메시지 팝업으로 띄워주기
  • 패스워드 찾기 버튼
3. 로그아웃
  • 유저 프로필 - 설정 버튼 - 로그아웃 버튼
4. 패스워드 찾기

  • input: 이메일, 유저네임

  • 패스워드 재설정 안내 메일링

    • 패스워드 재설정 페이지
      • input: 패스워드, 패스워드 확인

프로필(서재)

1. 기본정보(상단)
  • 프로필 이미지, 유저네임, 팔로우/팔로워, 관심장르, 통합 좋아요 수, 팔로우 버튼(타인만)
  • 설정 버튼(본인만) - 클릭 시 드롭다운
    • 로그아웃
    • 정보 수정(누르면 Modal 창)
      • 프로필 이미지, 유저네임, 관심장르 수정 가능
      • 계정 삭제 가능
2. 책(세부 탭 - 1)
  • 읽은 책
    • 책 표지 이미지 리스팅
      • 호버 시 효과(ex_어두워 지면서 책제목, 저자, 출판사 나오게?)
      • 클릭하면 유저가 해당 책에 쓴 리뷰 디테일 페이지로
  • 찜한 책
    • 책 표지 이미지 리스팅
      • 호버 시 효과(ex_어두워 지면서 책제목, 저자, 출판사 나오게?)
      • 클릭하면 해당 책 디테일 페이지로
3. 모임(세부 탭 - 2)
  • 참여 클럽
    • 클럽 카드 리스팅
      • 프로필 이미지, 클럽네임, 간단소개, 관심장르, 좋아요, 모집상태
      • 클릭하면 해당 클럽 디테일 페이지로
  • 참여 밋업
    • 밋업 카드 리스팅
      • 책 표지 이미지, 도서명, 간단소개, 참여 인원, 장소, 일시
      • 클릭하면 해당 밋업 디테일 페이지로
4. 북마크(세부 탭 - 3)
  • 유저가 북마크한 게시물
    • 게시물 피드와 유사한 형태로
5. Overview? 내 활동?(세부 탭 - 4) => 이거 네이밍 어떻게 할 지 생각해봅시당

  • 독서 캘린더(유형별로 색 다르게 표현)

    • 내가 읽은 책(리뷰 남긴 날)
    • 내가 참여한 리딩(리딩 참여 날)
    • 내가 참여한 밋업(밋업 참여 날)

  • 독서활동 통계

    • 월별 독서 활동 그래프
    • 월별 리딩/밋업 활동 그래프
    • 장르별 독서 활동 파이그래프

게시물 - Feed

최신 게시물 순으로 노출, 스크롤로 이전 게시물 탐색

1. 책 리뷰 게시물(카드)
  • 책 표지 이미지, 따옴표 안의 한줄평, 유저네임, 도서명, 좋아요수, 댓글수, 북마크, 태그
  • 게시물 클릭 시 해당 책 리뷰의 디테일 페이지로
  • 책 제목 or 표지 이미지 누르면 책 디테일 페이지로
  • 유저네임 클릭 시 해당 유저의 프로필 페이지로
  • 태그 클릭 시 해당 태그로 검색된 게시물 검색 창으로
2. 클럽 게시물(아직 확정 X)
  • 모임 리뷰 관련 게시물
  • 클릭 시 해당 클럽 게시물 디테일 페이지로
3. 책 큐레이션 게시물(아직 확정 X)
  • 책 표지 이미지, 책 기본정보, 현재 이 책을 읽고 있는 사람들
  • 클릭 시 해당 책 디테일 페이지로
4. 책 문장 사진 게시물(교수님 추천 - 추후 논의)

게시물 - Detail

1. 게시물 기본정보(상단)
  • 책 기본정보
    • 책 표지 이미지, 제목, 저자, 출판사
    • 클릭 시 책 디테일 페이지로
  • 작성자 - 클릭 시 유저 프로필 페이지로
  • 평점
  • 좋아요 버튼, 북마크 버튼, 수정/삭제(드롭다운 - 작성자만)
2. 게시물 컨텐츠(중단)
  • 한줄평
  • 책 리뷰 디테일
  • 태그
3. 댓글(하단)
  • 댓글 작성 Form
  • 댓글
    • 작성자 - 클릭 시 유저 프로필 페이지로
    • 댓글 내용
    • 수정/삭제(드롭다운 - 작성자만)

게시물 - Create(Update)

1. 게시물 기본정보(상단)
  • 책 기본정보
    • 책 표지 이미지, 제목, 저자, 출판사
  • 평점
  • 공개 범위 설정
2. 게시물 컨텐츠(하단)
  • 한줄평
  • 책 리뷰 디테일
  • 태그

책 - Detail

1. 책 기본정보(상단)
  • 책 기본정보(책 표지 이미지, 제목, 저자, 옮긴이, 출판사, 평균평점)
  • 찜하기 버튼
  • 책 리뷰 작성하기 버튼
2. 책 상세정보(중단)
  • 페이지 수, 출판일, 책 소개, 목차, 저자 정보 등
3. 관련 컨텐츠
  • 책 관련 리뷰(세부 탭 - 1)
    • 게시물 피드와 동일한 구조
  • 책 관련 밋업(세부 탭 - 2)
    • 밋업 탭과 동일한 구조

클럽 - Feed

1. 탭 설명(상단)
  • 적당한 배너 이미지 + 문구(ex_"원하는 클럽에 참여해 함께 읽는 친구를 만들어보세요 :)")
  • 클럽 생성 버튼
2. 인기 클럽
  • 클럽 카드 리스팅(좋아요 많이 받은 순)
    • 프로필 이미지, 클럽네임, 간단소개, 관심장르, 좋아요, 모집상태
    • 클릭하면 해당 클럽 디테일 페이지로
3. 모집 중인 클럽
  • 클럽 카드 리스팅(현재 모집상태가 "모집중"인 클럽 - 좋아요 순 or 최신 순?)
    • 프로필 이미지, 클럽네임, 간단소개, 관심장르, 좋아요, 모집상태
    • 클릭하면 해당 클럽 디테일 페이지로
4. 추천 클럽(아직 확정 X)
  • 클럽 카드 리스팅(장르 기반으로 클럽 추천?)
    • 프로필 이미지, 클럽네임, 간단소개, 관심장르, 좋아요, 모집상태
    • 클릭하면 해당 클럽 디테일 페이지로

클럽 - Detail

1. 클럽 기본 정보
  • 프로필 이미지, 클럽네임, 간단 소개, 관심 장르, 주 모임지역, 좋아요수, 팔로워수
  • 팔로우 버튼
  • 가입 신청 버튼(비가입 유저만) - 클릭 시 Modal 창
    • 간단한 소개
    • 제출 버튼
  • 설정 드롭다운(클럽장만)
    • 리딩 생성 버튼
    • 클럽 정보 수정
    • 클럽 멤버 모집
      • 클릭 시 Modal 창
        • 모집 인원 설정
        • 제출 버튼
2. 클럽 멤버
  • 유저 프로필 이미지 + 유저 네임
  • 클럽장은 별도의 표시
  • 기본 5명까지 노출(넷플릭스 처럼 오른쪽으로 넘길 수 있게)
  • 각 유저 클릭하면 유저 프로필 페이지로
3. 클럽 설명
  • 접기 가능
4. 진행 리딩
  • 리딩 카드 리스팅
    • 책 표지 이미지, 도서명, 간단소개, 참여 인원, 장소, 일시
    • 예정 / 진행 / 종료 표시
    • 클릭하면 해당 리딩 디테일 페이지로
5. 클럽 게시물
  • 책 리뷰 게시물 피드와 같은 구조
    • (디테일 역시 책 리뷰 게시물 디테일과 같은 구조)

클럽 - Create(Update)

1. 클럽 기본 정보
  • 프로필 이미지, 클럽네임, 간단 소개, 관심 장르, 주 모임지역
2. 클럽 멤버
  • 클럽장
  • 클럽 멤버 추가 가(유저 서치)
3. 클럽 설명

리딩 - Detail(a => 책 미선정, b=> 책 선정)

1. 리딩 기본 정보
  • 책 표지 이미지(책 선정된 경우에만), 리딩네임, 간단 소개, 참가 인원, 일시, 장소
  • 참가 신청 / 취소 버튼
  • 입장 버튼(온라인 이벤트인 경우, 시작 30분 전부터 활성화)
    • 클릭시 온라인 음성 모임 페이지로
2. 참가 멤버
  • 유저 프로필 이미지 + 유저 네임
  • 클럽장은 별도의 표시
  • 기본 5명까지 노출(넷플릭스 처럼 오른쪽으로 넘길 수 있게)
  • 각 유저 클릭하면 유저 프로필 페이지로
3. 리딩 설명
  • 접기 가능
4-a 책 선정
  • 책 투표(좌측)
    • 투표 정보 - 복수 선택 가능 여부, 투표 기한 등
    • 책 투표 리스트
      • 책 표지 이미지, 제목, 선택 버튼(우측)
  • 책 검색 창(우측)
    • default는 내가 찜한 책 노출
    • 책 찾아서 클릭하면 투표 리스트로 이동
4-b 질문지
  • "+" 버튼
    • 리딩 리더인 경우 - 바로 질문지 추가/수정 가능
    • 일반 멤버인 경우 - 질문지 추가 요청만 가능
  • 리딩 리더인 경우 활성화 되지 않은 질문 목록을 편집 가능(활성화, 삭제, 수정 등)
5-b 리뷰 게시물
  • 선정된 책에 대한 멤버들의 리뷰 게시물 리스팅(카드)
    • 따옴표 안의 한줄평, 유저네임, 태그
6-b 기록(종료된 리딩의 경우에만)
  • 음성 파일(클릭 시 다운로드)
  • 기록지(클릭 시 모달창에 내용 - 다운로드 버튼)

리딩 - Create(Update)

1. 리딩 기본 정보
  • 리딩네임, 간단 소개, 일시, 장소
  • 책 선정
    • "투표" 상태로 선택 가능
    • 미니 책 검색 창
      • 특정 책 선택 가능
2. 리딩 설명

밋업 - Feed

1. 탭 설명(상단)
  • 적당한 배너 이미지 + 문구(ex_"초간단 책모임 참여! 밋업을 통해 쉽게 책에 대한 이야기를 나눠보세요 :)")
  • 밋업 생성 버튼
2. 오늘의 밋업
  • 밋업 카드 리스팅(최신순?)
    • 책 표지 이미지, 책제목, 간단소개, 일시, 장소, 현재인원/정원
    • 클릭하면 해당 밋업 디테일 페이지로
3. 추천 밋업
  • 밋업 카드 리스팅(장르 기반 추천?)
    • 책 표지 이미지, 책제목, 간단소개, 일시, 장소, 현재인원/정원
    • 클릭하면 해당 밋업 디테일 페이지로

밋업 - Detail

1. 밋업 기본 정보
  • 책 표지 이미지, 간단 소개, 참가 인원, 일시, 장소
  • 참가 신청 / 취소 버튼
  • 입장 버튼(온라인 이벤트인 경우, 시작 30분 전부터 활성화)
    • 클릭시 온라인 음성 모임 페이지로
2. 참가 멤버
  • 유저 프로필 이미지 + 유저 네임
  • 클럽장은 별도의 표시
  • 기본 5명까지 노출(넷플릭스 처럼 오른쪽으로 넘길 수 있게)
  • 각 유저 클릭하면 유저 프로필 페이지로
4-b 질문지
  • "+" 버튼
    • 밋업 리더인 경우 - 바로 질문지 추가/수정 가능
    • 일반 멤버인 경우 - 질문지 추가 요청만 가능
  • 밋업 리더인 경우 활성화 되지 않은 질문 목록을 편집 가능(활성화, 삭제, 수정 등)
5-b 리뷰 게시물
  • 선정된 책에 대한 멤버들의 리뷰 게시물 리스팅(카드)
    • 따옴표 안의 한줄평, 유저네임, 태그
6-b 기록(종료된 밋업의 경우에만)
  • 음성 파일(클릭 시 다운로드)
  • 기록지(클릭 시 모달창에 내용 - 다운로드 버튼)

밋업 - Create(Update)

1. 밋업 기본 정보
  • 간단 소개, 일시, 장소
  • 인원 수
  • 책 선정
    • 미니 책 검색 창
      • 특정 책 선택 가능

추가적으로 구현해야할 기능

1. 온라인 음성 모임(자동 녹음)
  • 독서 모임 기록지(참가 멤버 공유 - 구글 docs 느낌)
  • 참가 유저
    • 보이스 활성화 될 때마다 표시
  • 멤버 리뷰 btn
    • 누르면 참가 멤버들의 책 리뷰 나옴
  • 질문지 btn
    • 리더가 특정 질문 클릭하면 모든 멤버 화면 상단에 해당 질문 고정됨
  • 투표 btn
    • 누르면 투표 생성 가능
    • 생성된 투표 참가 멤버들에게 모달창으로 노출
    • 결과 확인 가능
  • 녹음 음량 조절 btn
  • 모임 나가기 / 종료(리더만) btn
    • 클릭하면 리딩/밋업 디테일 페이지로
2. 알람(Navbar)
  • 게시물 관련 알람
  • 클럽, 리딩, 밋업 관련 알람