Skip to content

화면별 상세 기획 v1

doyeon edited this page Nov 1, 2021 · 1 revision

updated 2021.10.28

화면별 상세 기획

와이어프레임 Figma

💨0. Bottom Navigation

  • 메인화면 : 캘린더, 투두
  • 랭킹화면 : 키워드 랭킹
  • 옵션화면 : 푸시알림 설정

💡1. 메인 화면 Activity - 캘린더 및 Not To do

  1. 캘린더

    • 월간/주간 캘린더 선택 가능 - 접기 가능
    • 기본 포커스는 당일, 사용자가 날짜 변경하면 그에 따라 Not Todo도 변경
    • 월간일때는 -버튼으로, 주간일때는 +버튼으로 월간 캘린더 선택
    • Not Todo 달성률에 따라 날짜를 감싸는 동그라미 색상을 다르게 표시(heat chart ex. 깃허브 잔디밭)
  2. Not To Do List

    • 성공, 실패 여부에 따라 색상 변경 혹은 아이콘
    • 반복되는 투두는 ♻으로 표시
    • 스와이프 : 왼쪽 스와이프(성공), 오른쪽 스와이프(실패)
    • 옵션버튼 : 수정, 삭제
  3. 라벨 별 투두 리스트를 출력

    • 다중 라벨 가능
    • 라벨을 선택하면 그 라벨에 해당하는 Not Todo 보여지게 함 (여러 개 선택 가능)
    • 라벨 끝에 편집 버튼을 고정하고, 편집 버튼을 누르면 라벨관리 activity로 넘어가서 추가/삭제/편집(순서 변경 등) 수행
  4. 전체 스크롤

    • 캘린더 포함 전체 스크롤
      • ConcatAdapter를 사용할지, NestedScrollView를 사용할지 결정 필요
    • 목표 추가 버튼 : Floating Action Button

📝2. Not Todo 추가 / 편집 Activity

  • 데이터 로컬 저장
  • 추가/수정/삭제 시 키워드 분석을 통해 Firebase에 키워드 카운드 저장
  • 추가
    • Not Todo 타이틀
    • 라벨 선택
    • 반복 여부 선택
    • 알림 설정
    • 추가 버튼
  • 편집
    • 편집 버튼과 타이틀만 수정
  • 사용자 커스텀 알림
    • 본인이 알림 설정(1시간 마다, 2시간 마다...)
      • 상태창 알림(yes or no 선택시 삭제)
    • WorkManager / AlarmManager

✒3. 라벨 편집 Activity

  • 왼쪽 상단에 X 버튼으로 창 닫기 가능
  • 오른쪽 상단에 + 버튼으로 라벨 추가
  • - 버튼으로 라벨 삭제
  • 이동 버튼으로 라벨 순서 편집
  • 라벨 텍스트 터치하면 라벨 이름 수정 가능

📢4. 키워드 랭킹(추천) Activity

⚙5. 옵션 Activity

  • 푸쉬 알림 여부
    • 사용자 전체 알림(FCM)
  • 라이센스
  • 개발자

기존 서비스 참고

추가 기획

4, 5주차 진행 상황에 따라 구현여부 결정