주요기능 :
[ Flow ]
일상공유 주제 제시 (카테고리 질문)
→ 피드백 : 답장의 다양성 (음성 : 1분 이내/ 이모지 : 6개)
→ 마음지도 : 월간 레포트 (구성원별)
[ BM ]
스토리지 기능
구성원별 상세 데이터 확인
Table
Search
요소 정의
설명
액션
논의 필요 내용
login_1
- 앱 로고 및 이름 표시
- 캐치프라이즈(2줄)
- 시작하기 (버튼)
- 회원가입 (버튼)
login_2
- 좌측 최상단 : <
- 이메일 입력 필드
- 비밀번호 입력필드 / 보기 버튼(on/off)
- 다음(버튼)
- caption : 비밀번호를 잊으셨나요? / 비밀번호 찾기(텍스트 버튼)
——————————————————
상세기획
1) 사용자 랜딩 상세기획
1-1) 시작하기 (버튼) → login_2
1-2) 회원가입 (버튼) → signup_1
login_2
이메일 입력 필드
비밀번호 입력필드 /
1) 보기 버튼
1-1) on시 비밀번호 노출
1-2) off시 비밀번호 암호화 노출
1화면 1질문 1응답으로 진행
1) 국가코드/전화번호
2) 닉네임(5자)
3) 이메일
4) 비밀번호(8자이상:영어숫자포함)
5) 초대코드
6) 가족채널 이름 <삭제되었습니다!>
7) 가족과 초대코드 공유
——————————————————
상세기획
1) 이탈 위치별 이후 랜딩 페이지
(설명 : 어떤 경우에 어떤 화면이 보이는지에 대한 기준)
1-1) signup_1 → signup_1
1-2) signup_2_phone → signup_1
1-3) signup_3_email → signup_1
1-4) signup_3_pw → signup_1
1-5) signup_4_nickname → signup_1
1-6) signup_5 → signup_5
1-7) signup_6_code → signup_6_code
1-8) signup_6_code_new
→ (인증시간 유효시) signup_6_code_new
→ (인증시간 만료시) signup_6_code
1-9) 1-8) signup_6_code_new
→ (초대 코드 공유 완료 클릭시) main_1
1) 국가코드(가나다 순 나열)/전화번호 → 본인인증 받기(난이도에 따라 시스템 유효시간 적용_예상: 3분)
2) 닉네임(5자)
: 한글/영어/숫자 허용+특수문자(*,._-+!?까지 허용)
4) 비밀번호(8자 이상)
: 영어대+소문자+숫자까지 허용포함
5) 초대코드 : 6자
: 숫자+영어 소문자
: 유효기간 48시간 → 소멸(리셋)
6) 가족채널 이름 (최대 10자)
: 한글/영어/숫자 허용+특수문자(*,._-+!?까지 허용)
——————————————————
이탈 사용자 랜딩 상세기획
2) 국가코드(가나다 순)/전화번호
: 유효시간 3분(이후 소멸)
(단, 구현 난이도에 따라 시스템 유효시간 적용_예상:3분)
5) 초대코드도 불러오는 방식
: 유효시간 48시간(이후 소멸)
: 숫자+ 영어소문자
6) 가족채널 이름 (최대 10자)
이탈 사용자 랜딩 상세기획
@기획
findpw_1 :
- 좌측 최상단 : <
- 가입하신 이메일을 입력하세요
- 이메일 입력필드
- 다음
findpw_2(비밀번호 재설정)
- 좌측 최상단 : <
- 비밀번호 재설정하세요
- 비밀번호 설정 필드/보기 버튼(on/off)
- 비밀번호 확인 필드/보기 버튼(on/off)
- caption : 영문 대문자/소문자/숫자 3가지를 포함하여 입력하세요
- 다음(버튼)
findpw_3
- 좌측 최상단 : <
- {user1}님 다시 만나 반가워요!
가족과 가까워지는 시간되세요 :)
- 키비주얼
- 쉿-! 웨일던은 가족과만
대화할 수 있는 비밀 공간이에요
- 재입장하기(버튼)
findpw_2
1) 보기 버튼
1-1) on시 비밀번호 노출
1-2) off시 비밀번호 암호화 노출
- onboarding_1 : 일상공유 주제제시
- onboarding_2 : 소통함
- onboarding_3 : 월간 레포트 (마음거리)
- 스와이프 화면전환
- onboarding_1/2 : skip 가능
- onboarding_3 : 시작하기 버튼 노출
온보딩 기획 @기획
- 좌측 상단 인트로 카피 : 안녕하세요, {User}님
오늘도 맑고 상쾌한 하루네요!
- 우측 상단 : 알림/마이페이지 (아이콘)
- 중앙 : 주제 카테고리 카드 (6개)
- 주제카테고리 카드 하단 인디케이터
- 하단 : 자유질문 (버튼)
- 일상 공유 카드 스와이프 질문 카드 변경
- 자유질문 최대 24자(2줄 기준)
일주일 랜덤 인트로카피 기획
주제별 카테고리 카드 질문 기획
- 자유질문 최대 24자(2줄 기준) → DB쌓아 추후 질문지로 활용 예정
→ 가능한지 확인 필요 @서버
→ 가능!
풀팝업
- 좌측 최상단 : < 일상공유 타이틀
- 우측 최상단 : 업로드하기 (버튼)
- 상단 : 일상 질문
- 플레이스홀더 : (0/180자)
- 최하단 : 사진/촬영(버튼), 텍스트(버튼)
- 사진 업로드(1장만 가능)
- 입력창 선택 시, 키보드 노출
- ‘업로드 하기’ 버튼 → 일상 피드 화면 전환
- 플레이스홀더 : (0/180자) → 텍스트 입력에 따라 카운팅
- 플레이스 홀더 : (0/180자) → 적정 위치 디자인 수정 및 반영 전 (~2월 4주차 진행예정)
→ 글자 타이핑에 따라 숫자 카운팅
가능한 지 확인 필요! @프론트
→ 가능!
- 좌측 상단 타이틀 : 마음거리
- 우측 상단 : 알림/마이페이지 (아이콘)
- 상단 : 세계지도(구글 API) + 유저 위치 표시 + 유저 중심 친밀도 원형 영역(color / opacity)
bottm sheet :
- 상단 가족 간 마음거리 (타이틀)
/ 소통을 많이 할 수록 원의 거리가 가까워져요
(설명)
1) 가족 채널명 / 수정 > (텍스트 버튼)
: 수정> 버튼 클릭시 → mypage_2_edit_alarm_active 이동
2) 가족 프로필 리스트업 (가로 스크롤링 가능)
2-1) 우측 끝 가족 추가 버튼
: 클릭시 → signup_6_code_new 이동
3) 가족 간 마음거리 : 구성원별 거리
(스와이프 업하면 노출)
- 마음 거리 줌 인/아웃 view 이동
- 소통 횟수(↑)많을 수록, 지도 속 프로필 주변 원 크기(↑) 커짐
- bottom sheet 스와이프 업 최대 높이 692까지
-(추가) bottom sheet 스와이프 다운 최소 높이 151까지(상단 타이틀 보이도록)
- 가족간 마음거리 컨텐츠 터치 → 구성원별 소통 히스토리
풀팝업
- 좌측 최상단 : < {user2}님 소통 히스토리
- 프로필 이미지 {user1}
- {user1}{user2} 거리
- 프로필 이미지 {user2}
- 소통 프로세스 바
: {user1}소통(00km)+{user2}소통(00km)
———————————————
(멤버십회원만 제공하는 추가내용)
- 총 소통 횟수는
- {user2}님과 총
78회 소통했어요!
- 많은 편에 속해요~
- 가장 많이 소통한 요일은
- 월 화 수 목 금 토 일
- 지난 달대비 소통 비율
- (데이터 시각화)
- 제안 텍스트 : {user1}님, 가족들에게 한 걸음 다가가볼까요?
- 최하단 : 오늘 일상 공유하기(버튼)
- 공유하기
SNS아이콘 (페북/트위터/URL)
{user2} 거리
- 프로필 이미지 {user2}
- 소통 프로세스 바
: {user1}소통(00km)+{user2}소통(00km)
———————————————
(멤버십회원만 제공하는 추가내용)
- 총 소통 횟수는
- {user2}님과 총
78회 소통했어요!
- 많은 편에 속해요~
- 가장 많이 소통한 요일은
- 월 화 수 목 금 토 일
- 지난 달대비 소통 비율
- (데이터 시각화)
- 제안 텍스트 : {user1}님, 가족들에게 한 걸음 다가가볼까요?
- 최하단 : 오늘 일상 공유하기(버튼)
- 공유하기
SNS아이콘 (페북/트위터/URL)- 프로그레스 바 → 마음 거리만큼 채워짐
———————————————
(멤버십회원만 제공하는 추가내용)
- 총 소통 횟수는
- ‘횟수’부분만 강조
- 가장 많이 소통한 요일은
- 많이 소통한 요일에만 강조
- 지난 달대비 소통 비율
- 일상공유, 답장(글, 음성), 리액션에 따른 색차이로 구분
콘텐츠 기획 @기획
소통 1회 - 마음 거리 단위 계산하기
: 총거리 기준
: 측정 방법 기준
- 더좋은 카피 생각해보기
- 많은 편에 속해요~(분류 기준 정하기)
(분류 기준 정하기)- 좌측 최상단 타이틀 : 소통함
- 우측 최상단 : 알림/마이페이지 (아이콘)
- 좌측 상단 : 지금 내시간 / 국기 / 시간
- 우측 상단 : 지금 가족 시간 / 국기 / 시간
1-1) 가족 거주 국가 2개 이상일 경우, </> 버튼 활성화로 넘겨서 확인 가능)
1-2) 가족 거주 국가 1개일 경우, </> 버튼 노출되지 않음)
- 일상피드 : 가족 일상/나의 일상 → 채팅 UI
- 피드내 리액션 : 이모지 n 댓글 n 음성 n (1자리수 노출)
- 필터 : 전체/나의 일상
——————————————————
상세기획
네비게이션 바의 소통함 위 빨간 점 뜨는 기준
: 새롭게 가족 일상/리액션 업로드시 노출
- 일상 피드 스와이프 업 시, 상단
정보 숨겨짐 (소통함/내시간/가족시간)
- 일상 피드 스와이프 다운시, 상단 정보 노출됨
(소통함/내시간/가족시간)
- 우측 상단 : 지금 가족 시간 / 국기 / 시간
1-1) 가족 거주 국가 2개이상일 경우, </> 버튼 활성화로 넘겨서 확인 가능)
1-2) 가족 거주 국가 1개일 경우, </> 버튼 노출되지 않음)
- 필터(전체/나의 일상)을 통해 피드 구분지어 탐색 가능
- bottm sheet : 일상 피드별 리액션 리스트업
- 일상 피드 선택 시, 해당 리액션 리스트가 포함된 bottom sheet와 입력창 팝업
- 입력창 선택 시, 키포드 생성
- 녹음 아이콘 선택 시, bottom sheet에 녹음 기능 생성
- 이모지 아이콘 선택 시, bottom sheet에
이모지 리스트 생성
- 본인이 한 리액션 좌측 스와이프로 삭제 가능
→ 삭제 안내 및 삭제 취소 토스트 팝업창
내 일상 글 삭제 방법
→ 꾹 눌러 삭제?/x아이콘 삭제?
→ + 수정 기능 추가
- (풀팝업)
- 좌측 상단 타이틀 : 알림창
- 좌측 상단 : < (아이콘 버튼)
- 날짜(00/00) / 우측 아코디언 펼치기 버튼
- 도착한 피드백/리액션 카드
반복
- 만약, 알림이 없을 경우,
1) notice_2_empty : 빈화면 페이지/UX writing 과
하단 행동유도 버튼 노출
버튼 : “일상 공유하고 리액션 받기”
→ (클릭시)main_1로 랜딩
- 날짜 우측 아코디언 펼치기/닫기 버튼 기능 추가 (기본값은 펼쳐져있는 모양)
- 알림카드 좌측 스와이프 삭제 가능
→ 삭제 안내 및 삭제 취소 토스트 팝업창
- 도착한 피드백/리액션 카드 클릭
→ 일상피드(2) + bottm sheet(리액션리스트) 화면 이동 + 해당 일상 피드 선택표시(stroke)
- 도착한 피드백/리액션 카드(안읽은 메시지: 컬러표시)
- 알림 유무에 따라 화면 다름
bottm sheet 최대높이
- (풀팝업) < 뒤로가기버튼
- 좌측 상단 타이틀 : 마이페이지
- 우측 상단 버튼 : 수정
- 프로필이미지
- {user1}님(이름)
- 국가 : +82 10-0000-0000
- 가족 채널 : 웨일던,칭찬하는가족
: 이름 고정값으로 선 제공
- 알림 받기 : 시간 / onoff토글
- 약관 동의/정책
- 로그아웃
- 유료멤버십 가입 >
: 웨일던 프라이빗 혜택누리기 > (버튼)
- 최하단 : 탈퇴하기
- 수정 버튼 클릭 가능 → mypage_edit풀팝업으로 이동
- 가족 채널 네이밍 규칙 :
띄어쓰기 → 가능
단, 맨 앞뒤 띄어쓰기 불가
(전체 공백을 만드는 오류를 피하기 위해서)
- 밤낮 구분에 대한 시각화는 우선 현재 버전에는 X : 우선 아이디어로 (hold)
- (풀팝업2) < 뒤로가기버튼
- 좌측 상단 타이틀 : 마이페이지 수정
- 우측 상단 버튼 : 저장
- 프로필이미지
- {user1}님 (이름)
- 국가 : +82 10-0000-0000
- 가족 채널 : 웨일던,칭찬하는_가족
: 이름 고정값으로 선 제공
- 알림 받기 : 시간/토글 버튼
- 약관 동의/정책
- 로그아웃
: 웨일던 프라이빗 혜택누리기 > (버튼)
- 최하단 : 탈퇴하기
- 프로필이미지 → 눌러서 수정가능
- {user1}님 (이름) → 눌러서 입력 수정 가능
- 국가 : +82 10-0000-0000 → 눌러서 입력수정 가능
- 가족 채널 : {family channel1} → 눌러서 입력수정 가능
- 가족채널 이름 (최대 10자)
: 한글/영어/숫자 허용+특수문자(*,._-+!?까지 허용)+
- 알림 받기 : 시간/ 토글 버튼 → 눌러서 수정 가능
→ 시간 : 시스템 UI노출
- bottom sheet노출
1) 이전 데이터보관 (대표이미지) / 혜택 설명
2) 월별 레포트(구성원별) / 혜택 설명
- 인디케이터
- 멤버십 혜택 0000원 > (버튼)
- 유료멤버십 가입 → bottom sheet 올라옴
- 멤버십 혜택 내용 스와이프
- 멤버십 혜택 버튼 → 시스템 ui (ios 결제 창)
AOS 확인필요