와이어프레임 페이지별 기능까지 구체화하여 정리
유저플로우 정리
회의 내용
디자이너 - 화면마다 ui에서 어떤 동작이 이루어지고 동작에따라 어떤 결과로 이어지는지 구체적으로 얘기하면 좋겠음
애플 로그인 개발자 신청때문에 문제있음 , 상세페이지 수정 및 생성 날짜 나오는 부분도 소통이 안되어 전달이안됨
모바일웹사이트로 생각하고 작업하기
로그인페이지
로그인 부분은 최대한 컴포넌트 비슷하게 구성
회원가입에 얼만큼의 정보를 요구할지 ( 이메일 , 비밀번호만 요구할지 ) , 프로필 수정 등 인증은 어떤 조건을 요구할지
회원가입 시에는 일단 닉네임,이메일,비밀번호 3가지만 요구하기
회원가입/로그인에서 이메일 회원가입/로그인은 알겠으나 소셜로그인은 어떻게 디자인할지 구성해야함
메인 페이지
모바일은 화면이작기때문에 검색에는 입력이 가능하지만 태그는 따로 카테고리로 분류하는게 나아보임
검색 하려고 할 시 화면에서 인기여행지 목록을 보여주기 -> 입력 시 관련된 게시글 제목만 보일지 , 지역 및 장소 등까지 디테일하게 보여줄지
( 관광지, 가게 , 특정 음식 등 태그 느낌으로 보여줄지 )
또한 일정도 특정 기간만 열람 가능하게 설정하는 방식도 생각하기 -> 검색어 + 날짜 기반으로 최종 검색 결과 보여주기 ( 게시글 )
기본적으로는 인기순 보여주지만 일정 설정 시 기간에맞는 인기순 최신순 이런거만 보여주기 가능하게
-> 이미 지난 날짜에 대해선 어떻게 처리할지? -> 최신순은 그냥 기본화면으로 하고 + 추천을 임의로 설정해서
검색 할 때 지역,날짜를 한정하니 인기순/최신순 정렬 넣기
상세페이지
사진, 제목 , 날짜 , 가격 , 소개 , 태그내용 , 지도 , 날짜별 일정 ( 일정별 설명까지 ) , 리뷰는 일부만 캐러셀 방식으로 보이고 + 모두보기를 따로 두기
작성자 정보 + 메시지 보내기 기능 , 예약or결제 까지 마무리
-> 작성자가 예약자 정보 ( 연락처 , 프로필 , 결제여부등 ) 확인도 가능해야할듯
가결제 시 계좌번호는 통일되어서 사용해야할듯
작성자만 수정/삭제 버튼이 있도록 / 게시글 작성 시간도 표시
네비바
구성을 어떻게할지 ( 마이페이지 경우 햄버거랑 바 중에 둘 다 or 선택으로 할지 등 )
햄버거 메뉴의 경우 얼만큼의 접근이 가능하게할지 생각해봐야함 -> 햄버거 없이 하는게 편할듯
개인정보 필요한 서비스의 경우 접근 시 안내 후 로그인페이지로 이동하게하기
작성 페이지
이미지 , 태그 , 설명 등 입력 , 선택 등 어떻게 입력할지
기본적으로 내지역으로 설정할지 + 변경가능하게 할지 , 기간 선택 , 일정별 장소 및 소개 추가 + 검색 + 순서 조정은 어떻게할지
-> 기간 제한을 몇일로 할지도 생각해야될듯 , 금액은 총액에 관련하여 어느정도의 범위를 포함하고있는지 체크박스? 로 할지 -> 저장까지 마무리
이미지를 기본적으로는 대표이미지1장 -> 늘리는건 고려 , 내용에는 무조건 글씨만 ( 에디터는 보류 검색까지 하면 너무 어려울 듯 )
필터가 어려우니 태그 , 지역 같은건 선택으로 하게 하는게 편할 듯 / 태그는 복수 선택으로 하는게 좋을 듯
수정 및 취소 수정페이지에서 가능
마이페이지
나와 관련된 정보에관해 수정/삭제버튼
마이페이지 기본 리스트 구성은 어떻게 해서 리스트에관한 상세페이지는 어떻게 할지
투어와 예약 찜 등 이름을 어떻게 명확하게 정의할지
리뷰 글자 수 제한은 얼마로 제한할지
이메일 , 닉네임 및 비밀번호등 정보 변경 및 탈퇴 등 필요함
거주 지역 및 거주일까지도 입력을 하게 할지? -> 상세페이지에서 가이드 소개에 쓸 신뢰 자료로 어떤 정보를 사용할지?
그리고 작성자 정보를 마이페이지에서 작성할지 , 글 작성에서 적게 할지 -> 작성시 일관된 모습을위해 선택으로 구성하게 제한할지
내 거주지역 실제 동네로 설정 제한하기 -> 신뢰성 향상을위해 작성자 정보 추가 , 상세페이지 등 여러군데에서 프로필 확인 가능
투어에서 예약자 명단을 어떻게 확인할지 + 환불 관련도 고려
최대한 한페이지내에서 프로필 수정 및 열람 / 여행 관련 정보 화면전환식으로 볼 수 있게 하기
프로필 편집은 모달로 해보는건 어떨지?
인기순 보류로 북마크식으로 좋아요 관리하면 될 듯
메시지
카카오 채팅 같은 ui가 필요할듯
채팅리스트 ( 이름 및 프로필 확인 등 채팅방에 관한 확인 가능해야 할 듯 ) , 이름 옆에 동네가 나온다든가
채팅방 ( 각자 메시지 및 이미지 입력등이 내껀 우측 남은 좌측에 나오게끔 )
깃허브 참고하고 깃허브에 올가니제이션으로 진행 할 경우 배포 문제 확인 필요
그리고 버셀 배포는 일찍부터 해보는게 어떨지
yarn build는 문제 없는데 버셀에서 문제가 있는 경우 발견함
버셀에서 문제 발생시 챌린저 분들도 2일이나 해결한다고 시간 쏟아부으심
CI/CD -> 자동화 배포
------------------------------------------------------
ui는 와이어프레임 최대한 따라하기
언어는 영어가 기본이지만 지도관련된거는 한국어로 ( 카카오가 영문 지원 X )
메인은 검색 시 지역 선택만 나오게하고 일정 검색은 일정 선택 시 ui에서 시작,종료일이 표시되고 검색 버튼에도 반영
+ 월만 선택 하는 경우까지만 구현 ( 구체적인 날짜가 없어도 검색 가능한게 포인트 )
몇박며칠 , 검색에서 날짜를 어떻게 할지도 문제인데 , 우선 인원제한에대한 부분도 생각해야됨
-> 우선 최소부터 하고 최대까지 추가하기 -> 신청 시에도 예약정보( 인원 등 ) 제출해야함
-> 일정에 딱 맞는 검색만 보이고 추후에 일정에 해당만하면 다 보이게 추가하기
-> 그냥 월별만 검색해서 일정이랑 다 보여주고 일별검색을 나중에 추가하기 + 최소한 월은 꼭 골라야함
월이 7,8월을 겹치면 어떡할지 고민하기 -> 월 선택을 복수로도 가능하게 고민해보기 해결 될지도? 이건 경우의수가 애매할듯
결론 : 지역 , 월을 골라서 검색하면 그냥 보여주기 ( 최신순 , 인기순은 나중에 생각하자 )
검색 시 지역 검색해서 이미지를 아이콘으로 보여주기
상세페이지(작성포함)
날짜별로 일정이 지도에 포함된 일정만 숫자로 표기되면서 표시 ( 이어지면 가장 좋지만 모르겠음 )
-> 안되면 전체 일정을 숫자로라도 보여주기 / 리뷰 일단 1개씩만 보여주기
리뷰 글자 수 제한 (웹은 몰라도 앱은 필요함) -> 상세페이지에서는 한 100자정도(2줄?)만 보이고... 처리 -> 모두보기로 500자 제한
여기서 리뷰 관리하는건 추후에 추가하기 / 상세페이지에서 리뷰 하나하나 더보기 기능은 보류
리뷰 상세 페이지는 무한스크롤 / 작성자 프로필은 클릭 안되고 메시지만 보내기 ( 클릭은..작성자 정보때문에 나중에 ㅎ... )
결제 페이지에서 인원을 설정하는데 약관 안내 등은 어떻게할지 ( 아무데나 참고해보자 )
최대 최소 인원에 관한 설계 문제 고민 필요
작성페이지
메인이미지1장만 쓰지만 -> 업데이트 및 삭제는 구현해두면 여러장으로 변경해도 편할 듯
내용도 깔끔하게 에디터 없이 진행 / 태그는 단수 -> 추후에 복수로
지역 설정 시 내 지역을 설정했으니 -> 기본값 , 지역 변경 -> 내정보에서 지역 정보가 바뀌어야만 가능하게 한정하기
날짜 선택 클릭 으로하면 시작 종료일 누르고 중간이 이어지게 ( 색 변환 ) -> 완료 버튼에 날짜 반영되게 ( 미선택 시는 버튼이 안보임 )
가게 소개는 100자 제한하기
내정보에서는 내 위치 핀이 찍히지만 작성 페이지에서는 안보이도록하기
날짜별 핀 찍히는게 분리가 잘 안되면 ux고려하여 개선하기 -> 해당 위치 확대해서 보여주기도 고려하기
작성 시 지역별 이미지 표시는 api가 있으면 고려해보기
작성페이지 일정별 장소 관리 할 때 Day 1~n 에 해당하는 날짜/요일 일단 생략하되 나오게 추가하기
-> 장소 편집을 통해 삭제 및 순서 변경 필요함 , 일단 삭제만하고 수정은 드래그로 시도해보기 -> 드래그 안되면 삭제 시 순서 문제 생각하기
장소도 일단 날짜별4개만 하고 나중에 개선 / 투어도 2박3일로 한정 -> 나중에 제한 풀기
장소 추가 시 관련 장소 나오는 범위랑 다중 선택 고려
마이페이지
내 찜 / 투어 / 예약 최대한 ui 중복되게 사용하고
하트는 이미지 우측상단에 위치하며 쓰이는 모든 페이지에서 동일하게 작용
내 예약에서 최신 날짜 순으로 리스트를 나열하고 투어 예정 / 완료로 다르게 나오며
리뷰 별점 잊지 말고 잘 해보기
완료는 리뷰작성 / 예정은 판매자에게 메세지 보내기 , 투어취소 ( 환불 ) 되게끔 + 결제 상세보기까지 고려하기
완료는 게시글 누르면 게시글 상세페이지 / 리뷰보기 누르면 전체리뷰 보는 리뷰상세페이지로 ( 작성한 리뷰 보기 )
내 리뷰에서 제목 누르면 게시글 가지기만 / 빈 데이터는 따로 없다고 보여주기
프로필 편집
프로필 이미지 , 닉네임 , 이메일 , 내 지역 변경하기 ( 지도에 내 위치 기반으로 지역명 강제 설정 )
비밀번호 변경 , 탈퇴 , 로그아웃
지도는 내 동네에 지역 이름 일부분을 가져다 올 수 있는지 확인 필요 -> 이건 게시글 상세페이지 판매자 정보에서 보게 할 예정
리뷰 작성 페이지
내 리뷰에서 보이는 대표이미지+제목+날짜 그대로 가져와서 별점,내용 작성/수정 가능하게 -> 일단 작성 완료로 통일
채팅 페이지
채팅이 오면 네비바에 빨간점? 등 변화가 생기고
채팅리스트에도 어떤 채팅방에 채팅이 왔는지 티가나야함 ( 확인 안 한 채팅 수가 나오면 제일 좋음 )
채팅은 1:1만하고 단체채팅은 못들은걸로