‹ Home
Exported

알파피플 앱

조재현, CEO at Alphapeople이재철, Backend at Alphapeople정다희, Designer at Alphapeople김기범, Flutter at Alphapeople
Posted by 정다희 ·

250624 오프라인미팅

✅ 인터랙션 설계 및 디자인 디벨롭

▶ 인터랙션 가이드

  • 예시 레퍼런스가 없다면 텍스트로 가이드 제공 가능
  • 인터뷰 영역은 스크롤 시 문단과 이미지가 순차적으로 노출되는 인터랙션 계획 중 - 통이미지로 확정!

▶ 기범님의 3T 이론 

  1. Trigger (트리거):
    • 유저의 어떤 동작으로 인터랙션이 발동되는가?
    • 예: 클릭, 드래그, 스크롤 등

  2. Target (타겟):
    • 어떤 요소가 반응하는가?
    • 예: 오퍼시티 변화, 위치 이동, 특정 컴포넌트 등

  3. Timing (타이밍):
    • 얼마나 빠르게, 어떤 타이밍 커브로 움직이는가?
    • 예: 0.5초 ease-in-out 등


▶ 탐색 내 인터뷰카드의 이름 길이 처리
  • 이름이 긴 경우 멀티라인 디자인 케이스 필요
  • 이름 + 인터뷰 제목을 통이미지로 넣을지 고민 중 (기범님은 통이미지 선호)


✅ 인터뷰/탐색 인터랙션 고도화 논의
  • 에이급 사용자 인터뷰 영역은 실제 인터랙션 효과 적용 고려
  • 이후 A/B 테스트 가능성 고려. (배포 이후)
  • 이미지 배경과의 대비 고려: 하단 그라데이션 색은 대표 이미지 기준 자동 추출 or 수동 입력 필요.
    • 이미지 전체 명도 판단은 가능하나, 특정 위치의 밝기 판단은 어렵다. - 개발
    • 자동 로직 어려울 경우 수동값 입력(HEX코드)을 위한 필드 추가 필요. (대표 이미지 마다 디자이너가 헥스코드 설정해서, 그 컬러값으로 그라데이션.

✅ 마이페이지 / 사용자 정보 관련
  • 일반 사용자: 프로필 수정 가능 (1.0 버전부터 포함)
  • 알파피플: 1.0 버전에서는 수정 불가


▶ 프로필 - 여행 국가 순서
  • 유저가 선택한 순서대로 노출 → API에서 순서 정보 유지 필요
  • 선택 순서를 UI 상에서도 유저가 인지 가능하게 노출 (ex. 선택시 상단 고정 등)


✅ 온보딩, 권한 관련 UI/UX 설계

  • 1:1 대화와 알파챗 둘 다 존재할 경우 UI 분리 필요
    • 알파챗: 별도 설명 페이지
    • 1:1: 하프팝업 구조

  • 푸시알림 권한 요청:
    • 닉네임 입력 이후 특정 시점에 유도
    • 권한 요청 전에 안내 팝업 제공 (예: “푸시 알림이 곧 뜰 예정입니다”)
    • 시스템 팝업 뜨기 전에 이유를 설명하는 페이지 구성
    • 권한 종류: 푸시, 사진첩, 카메라 → 각각에 맞는 문구와 위치 설정


✅ 채팅 
  • 플러스 버튼: 사진 아이콘으로 교체, 촬영 옵션 제거
  • 접근 권한 없음 안내 페이지 제작 예정
  • 알파피플 채팅에 보이스 아이콘 추가


✅ 기범님 - 결제 및 멤버십 관련 구조
  • 7월까지 상세페이지 등 자잘한 작업 마무리 예정
  • 8월
    • 결제 시스템 적용
    • 멤버십/스타 결제는 웹페이지 연동 방식
    • 출금 계좌 설정은 런칭 이후 빠르게 개발 예정

✅ 국제화(로컬라이제이션) 대응 아이디어
  • 추후 로컬라이즈 서비스 도입 (유료) 어떤지 검토 필요.


✅ 태그/명칭/검색 관련
  • 상단 태그: 3개 이상 걸리면 위 정렬 기준으로 예외 처리 필요
  • 온에어 내 타이틀 (직업) → 이름으로 변경
  • 검색 영역: 트렌딩/NEW 기준은 이름+직업 조합으로 수정


✅ 가입/레퍼럴/딥링크 연동

  • 카카오톡 플친: 1명 추가 시 무료 혜택 → 플친 여부 확인 어려워 따로 확인 없이 진행
  • 링크 수익/레퍼럴 구조:
    • URL에 레퍼럴코드 삽입
    • 웹에서 회원가입 시 코드 자동 삽입
    • 앱에서 복잡하지만 유니버셜 링크로 추후 고도화 가능


✅ 앱과 웹 연동 구조
  • 앱이 없는 유저 → 웹 띄움
  • 앱 설치 후 열면 클립보드에 저장된 정보 기반으로 상태 복원
  • 웹 로그인 정보와 연동 필요 (예: 구글 로그인 여부)
  • 애플 로그인도 웹 대응 필요 (결제 때문)


✅ 기타 디자인 Q/A
  • 홈커버 우측 아이콘 크기 개별 조정 가능 여부 확인 - 조정 가능 (이부분만 키우기)
  • 헤더 하단 선 유무 명확히 안내 필요 - 페이지마다 
  • 북명조 폰트 적용 - 경량화 가능?
  • 대표 이미지 하단 그라데이션 컬러 HEX코드로 전달 예정

조재현, CEO at Alphapeople 정리 잘해줬어요!👍
김기범, Flutter at Alphapeople 👏