상세 컨텐츠

본문 제목

테니스 기록 앱(tennis_record) V0.1

프로젝트/개인 프로젝트

by 2^7 2025. 2. 23. 17:32

본문

 테니스를 배우고 클럽/동호회 활동을 하다 보면 자연스럽게 자주 만나는 사람들과 게임을 하게 되는데, 내가 얼마나 성장했는지, 누구와 함께 할 때 승률이 높은지 확인하기 위해 '테니스 게임 결과를 기록하는" 앱을 만듬

초기 아이디어(기본 개념)

  • 게임을 하고 경기 결과를 기록
  • 기록 할 때 점수와 파트너 이름을 작성
  • 메인 페이지에 캐릭터 이미지가 있으면 괜찮을 것 같음
  • 기록간 기간 동안의 승률이 표시

 

앱의 주요 기능

✅ 경기 기록 저장 - 날짜, 파트너, 점수 기록

✅ 승률 & 통계 확인 - 경기 결과의 승률 및 기록 확인

 

앱 기획(UX/UI)

 앱 전체 페이지는 3개로 구성(메인, 상세, 설정)하고 경기 기록과 기록 내용을 확인하는 기능으로 만 구성, 좋은 성적을 달성하기 위해 등급과 점수 기능을 추가하여 높은 등급과 점수를 달성하도록 유도

1) 메인 화면

  • 상단 타이틀 표시(타이틀은 수정이 가능)
  • 캐릭터 이미지 
  • 경기 결과, 승률, 등급, 점수를 표시
  • 경기 기록을 추가할 수 있는 버튼과 전체 기록을 확인 할 수 있는 버튼이 배치
  • 최근 5개의 경기 기록이 표시

위 순서대로 메인 페이지를 구성함

2) 상세 페이지

  • 총 경기수와 승률을 원형 차트로 표시
  • 차트 옆 등급과 점수를 표시
  • 파트너 이름을 입력하면 해당 파트너와의 승률을 알 수 있는 버튼
  • 경기 기록 내용을 최신순으로 정렬

위 순서대로 메인 페이지를 구성함

3) 설정

  • 메인 페이지의 타이틀을 수정할 수 있는 입력창과 저장 버튼
  • 하단 기록 내용 초기화 버튼 추가

앱 UX/UI 기획


앱 개발 결과

v0.1.0


v0.1.1

추가 수정 사항

- 개별 경기 기록 내용 수정 가능하도록 기능 추가
- 경기 기록 상세에서 승, 패, 무 경기수 표시
- 설정 페이지에서 캐릭터 이미지 변경 할 수 있도록 수정

728x90