-
Notifications
You must be signed in to change notification settings - Fork 18
10월 26일 회의록 기획 구체화
Jeon, Yeo Hun edited this page Oct 26, 2021
·
2 revisions
- 메이트 러너 Mate Runner
- 다른 사람과 같이 뛸 수 있는 런닝앱
-
가입화면
- 소셜 로그인
- 키
- 몸무게 → 칼로리 계산해서 사용자한테 알려주기?
- 아이디(인스타 아이디 같은거 / 중복 안되는 닉네임)
-
로그인
- 자동로그인
-
온보딩 화면
- 앱 소개 간단하게 있으면 좋을듯
-
홈 화면
-
시작할 때 바로 시작할 수 있는 버튼이 있는게 직관적일 것 같다.
-
친구 목록도 보여주면 좋을 듯 → 아니면 시작하기 눌렀을 때 친구 목록 보여주면서 선택할 수 있게
- 이런식으로 친구 목록이랑 나랑 친구들이 달리기 기록같은거 달력으로 보여주는거?
-
프로필 같은거 보여주면 어떨지?
- 프로필 이미지
-
메뉴
- 런데이는 햄버거로 되어 있는데, 우리는 탭바로 하자
- 탭 구성
- 홈(달리기 시작하는 기능 포함)
- 친구
- 기록
- 마이페이지(설정 포함)
-
홈 뷰는 나이키 런 클럽 + 투두메이트 느낌으로 어떨지
-
지금 위치 지도 + 시작 버튼 + 친구목록
-
시작 버튼
- 시작버튼 하나 두고 위에 친구 목록에서 친구를 선택하면 같이뛰는 모드로 바뀌도록 → 버튼 레이블을 바꿔서 모드 바뀐걸 알려주자
-
-
달리기 모드
-
설정해야할 것
- 달리기 모드
- 경쟁모드
- 거리 선택할 수 있어야 함
- 상대방이 목표를 달성하면 알림만 주고 운동을 강제로 종료시키지는 않게
- 승패알려주기 → 친구랑 상대전적만
- 협동모드
- 거리를 선택하면 두 사람이 같이 달려서 거리합산으로 목표거리를 달성할 수 있게
- 친구 기록은 어떻게 받아오지?
- Firebase Realtime Database
- 어렵겠다...
- 거리 설정 방법
- 최소단위 버튼을 제공하고 눌러서 거리를 증가시킬 수 있도록
-
이건 누가 설정하지?
- 제안하는 사람이 요청을 보내고 받는 사람이 알림을 받고 수락하는 방식으로
-
친구 선택해서 혼자뛰기/같이뛰기 버튼 탭 → 같이뛰기 모드 / 거리 선택 버튼 탭 → 친구가 수락 버튼을 누르면 달리기 시작 → 액션시트 사용
-
알림을 받으면 보낸 상대방에 대한 정보와 달리기 정보를 보여주고 수락/거절 버튼을 제공
-
포기 버튼은 넣어주자
- 한 사람이 포기버튼을 누르면 알림만 주고 진행은 계속 되도록
-
운동 중 화면
-
같이 뛰기 모드에서는 어떤 내용을 보여줄지?
- 커스터마이즈 할 수 있게 해보는 것도 좋을듯
-
왼쪽으로 스와이프하면 지금까지 뛴거 지도로 보여주자
- 경로 보여주자
-
혼자 뛸 때
- 시간 & 내 거리
-
같이 뛸 때 (경쟁모드)
- 시간 & 내 거리 & 상대 거리
-
같이 뛸 때 (협동모드)
- 시간 & 내 거리 & 상대 거리 & 합산 거리
-
운동 종료 후
- 운동에 대한 요약 보여주기
- 같이 뛴 사람한테 이모지 날리기
- 달린 시간 & 거리 & 미션 달성 여부/승패 여부
- 운동에 대한 요약 보여주기
-
-
-
친구 모드
- 친구 목록 보여주기
- 친구를 선택하면 친구의 기록을 볼 수 있게
- 보여주고 싶지 않은 기록은 어떻게 하는게 좋을까
- 스위치 넣어서 사용자가 자기 기록 숨길 수 있게 하자
- 이건 런데이꺼 그대로 클론하면서 UI만 조금씩 수정하는걸로
- 뱃지
- 당근 마켓 뱃지 느낌
- 모드별 첫 운동
- 누적 거리 도달
- 5 → 10 → 50 → 100 → 500
- 친구 만들기
- 이모지 + 제목 + 달성한 날짜
- 당근 마켓 뱃지 느낌
- 스티커
- 사용자한테 텍스트를 입력시키기 보다는 기본 텍스트를 주거나 이모지만 보낼 수 있게 → 사용자가 최대한 안귀찮게
- 사용자 프로필에 들어가면 러닝 기록을 볼 수 있고 친구가 보고 이모지 날려줄 수 있도록
- 친구 기록중에서 나랑 같이한 운동만 모아서 볼 수 있는 페이지를 만드는 것도 재밌을 듯
-
당장 구현을 안할거지만 추가하면 좋을 기능
- 시간이 된다면 자기가 뛴 곳을 색칠해서 보여주도록 (수집욕구 자극)
-
마이페이지
- 설정
- 프로필
-
기록
-
투두메이트처럼 운동한 날짜에 효과를 주자.
-
오늘 날짜는 색상 다르게, 선택한 날짜는 밑줄.
-
날짜 선택하면, 아래에 해당 날짜에 진행한 운동이 카드 형식으로
-
앞에 이미지는 모드에 대한 아이콘으로 사용, 내용은 날짜 + 거리 + 시간 표시하기
-
협동/경쟁 모드는 미션 달성 여부, 승패 여부도 같이 표시
-
셀 선택하면 운동 기록에 대한 상세 정보 보기
-
-
- 네트워크가 안되는 상황에서도 최소한의 기능을 사용할 수 있도록 한다.
- 백그라운드에서도 앱이 계속 동작해야한다.
- 대표 색상 - Primary #448EF6(밝은 파랑), Secondary #FFE981(연노랑)
- 디자인은 런데이 참고
- 피그마로 대략적인 뷰 구성
- 아키텍처는 MVVM
- 라이브러리:
- SnapKit
- RxSwift
- SwiftLint
- 네이버 지도 api 사용
- https://navermaps.github.io/ios-map-sdk/guide-ko/5-7.html
- 나이키런, 런데이 다 애플지도를 쓰는데, 검색같은 기능을 우리는 안쓰니까 애플 지도를 쓰는게 좋을 듯..? ← 민지님이랑 이야기해보고 결정하자
- Backend는 Firebase 고려
- Firebase Auth 써서 소셜로그인 할 수 있게 하는게 좋을 것 같다.
- Apple / Goolge 로그인만 지원
- Firbase Database에 사용자 데이터 저장
- Firebase Auth 써서 소셜로그인 할 수 있게 하는게 좋을 것 같다.
- iOS 최소 버전 : 13.0
- Xcode 버전 : 13