Skip to content

10월 26일 회의록 기획 구체화

Jeon, Yeo Hun edited this page Oct 26, 2021 · 2 revisions

2021-10-26 회의록

  • 메이트 러너 Mate Runner
  • 다른 사람과 같이 뛸 수 있는 런닝앱

Feature

  • 가입화면

    • 소셜 로그인
    • 몸무게 → 칼로리 계산해서 사용자한테 알려주기?
    • 아이디(인스타 아이디 같은거 / 중복 안되는 닉네임)
  • 로그인

    • 자동로그인
  • 온보딩 화면

    • 앱 소개 간단하게 있으면 좋을듯
  • 홈 화면

    • 시작할 때 바로 시작할 수 있는 버튼이 있는게 직관적일 것 같다.

    • 친구 목록도 보여주면 좋을 듯 → 아니면 시작하기 눌렀을 때 친구 목록 보여주면서 선택할 수 있게

      스크린샷 2021-10-26 오전 10.53.53.png

      • 이런식으로 친구 목록이랑 나랑 친구들이 달리기 기록같은거 달력으로 보여주는거?
    • 프로필 같은거 보여주면 어떨지?

      • 프로필 이미지
    • 메뉴

      • 런데이는 햄버거로 되어 있는데, 우리는 탭바로 하자
      • 탭 구성
        • 홈(달리기 시작하는 기능 포함)
        • 친구
        • 기록
        • 마이페이지(설정 포함)
    • 홈 뷰는 나이키 런 클럽 + 투두메이트 느낌으로 어떨지

    • 지금 위치 지도 + 시작 버튼 + 친구목록

    • 시작 버튼

      • 시작버튼 하나 두고 위에 친구 목록에서 친구를 선택하면 같이뛰는 모드로 바뀌도록 → 버튼 레이블을 바꿔서 모드 바뀐걸 알려주자
  • 달리기 모드

    • 설정해야할 것

      • 달리기 모드
      • 경쟁모드
        • 거리 선택할 수 있어야 함
        • 상대방이 목표를 달성하면 알림만 주고 운동을 강제로 종료시키지는 않게
        • 승패알려주기 → 친구랑 상대전적만
      • 협동모드
        • 거리를 선택하면 두 사람이 같이 달려서 거리합산으로 목표거리를 달성할 수 있게
        • 친구 기록은 어떻게 받아오지?
          • Firebase Realtime Database
          • 어렵겠다...
      • 거리 설정 방법
        • 최소단위 버튼을 제공하고 눌러서 거리를 증가시킬 수 있도록
    • 이건 누가 설정하지?

      • 제안하는 사람이 요청을 보내고 받는 사람이 알림을 받고 수락하는 방식으로
    • 친구 선택해서 혼자뛰기/같이뛰기 버튼 탭 → 같이뛰기 모드 / 거리 선택 버튼 탭 → 친구가 수락 버튼을 누르면 달리기 시작 → 액션시트 사용

    • 알림을 받으면 보낸 상대방에 대한 정보와 달리기 정보를 보여주고 수락/거절 버튼을 제공

    • 포기 버튼은 넣어주자

      • 한 사람이 포기버튼을 누르면 알림만 주고 진행은 계속 되도록
    • 운동 중 화면

      IMG_B513A8157654-1.jpeg

      • 같이 뛰기 모드에서는 어떤 내용을 보여줄지?

        • 커스터마이즈 할 수 있게 해보는 것도 좋을듯
      • 왼쪽으로 스와이프하면 지금까지 뛴거 지도로 보여주자

        • 경로 보여주자
      • 혼자 뛸 때

        • 시간 & 내 거리
      • 같이 뛸 때 (경쟁모드)

        • 시간 & 내 거리 & 상대 거리
      • 같이 뛸 때 (협동모드)

        • 시간 & 내 거리 & 상대 거리 & 합산 거리
      • 운동 종료 후

        • 운동에 대한 요약 보여주기
          • 같이 뛴 사람한테 이모지 날리기
          • 달린 시간 & 거리 & 미션 달성 여부/승패 여부

        iOS 이미지.png

  • 친구 모드

    • 친구 목록 보여주기
    • 친구를 선택하면 친구의 기록을 볼 수 있게
    • 보여주고 싶지 않은 기록은 어떻게 하는게 좋을까
      • 스위치 넣어서 사용자가 자기 기록 숨길 수 있게 하자
    • 이건 런데이꺼 그대로 클론하면서 UI만 조금씩 수정하는걸로
    • 뱃지
      • 당근 마켓 뱃지 느낌
        • 모드별 첫 운동
        • 누적 거리 도달
          • 5 → 10 → 50 → 100 → 500
        • 친구 만들기
      • 이모지 + 제목 + 달성한 날짜
    • 스티커
      • 사용자한테 텍스트를 입력시키기 보다는 기본 텍스트를 주거나 이모지만 보낼 수 있게 → 사용자가 최대한 안귀찮게
      • 사용자 프로필에 들어가면 러닝 기록을 볼 수 있고 친구가 보고 이모지 날려줄 수 있도록
    • 친구 기록중에서 나랑 같이한 운동만 모아서 볼 수 있는 페이지를 만드는 것도 재밌을 듯
  • 당장 구현을 안할거지만 추가하면 좋을 기능

    • 시간이 된다면 자기가 뛴 곳을 색칠해서 보여주도록 (수집욕구 자극)
  • 마이페이지

    • 설정
    • 프로필
  • 기록

    스크린샷 2021-10-26 오전 10.53.53.png

    • 투두메이트처럼 운동한 날짜에 효과를 주자.

    • 오늘 날짜는 색상 다르게, 선택한 날짜는 밑줄.

    • 날짜 선택하면, 아래에 해당 날짜에 진행한 운동이 카드 형식으로

      IMG_0159.jpg

      • 앞에 이미지는 모드에 대한 아이콘으로 사용, 내용은 날짜 + 거리 + 시간 표시하기

      • 협동/경쟁 모드는 미션 달성 여부, 승패 여부도 같이 표시

      • 셀 선택하면 운동 기록에 대한 상세 정보 보기

        iOS 이미지.png

Requirements

  • 네트워크가 안되는 상황에서도 최소한의 기능을 사용할 수 있도록 한다.
  • 백그라운드에서도 앱이 계속 동작해야한다.

Design

  • 대표 색상 - Primary #448EF6(밝은 파랑), Secondary #FFE981(연노랑)
  • 디자인은 런데이 참고
  • 피그마로 대략적인 뷰 구성

기술적인 사항

  • 아키텍처는 MVVM
  • 라이브러리:
    • SnapKit
    • RxSwift
    • SwiftLint
  • 네이버 지도 api 사용
  • Backend는 Firebase 고려
    • Firebase Auth 써서 소셜로그인 할 수 있게 하는게 좋을 것 같다.
      • Apple / Goolge 로그인만 지원
    • Firbase Database에 사용자 데이터 저장
  • iOS 최소 버전 : 13.0
  • Xcode 버전 : 13