![[팀7] 뿡치와 삼촌들 - Devnity](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01eff8cd-e29b-4c4f-baa5-b2eaaa708cd6%2F2.jpg?table=block&id=c0f09e02-7acf-4d9e-8aea-b21f7a9a8822&cache=v2)
- 컴포넌트, 기능 단위로 피드백을 정리했습니다.
- 피드백을 처리했다면 삭선을 그어주세요!
- 빨간색으로 표시된 건 우선순위가 낮은 항목입니다!
목차
기타
Alert
토큰이 없다면 어떤 화면으로 집입하던 항상 alert가 떠야합니다.
현재 alert 창이 뜬 후 리다이렉트 되지 않는 경우가 종종 있습니다.사용자를 찾을 수 없습니다 → 메인 페이지로토큰이 없습니다 → 로그인 페이지로등등.....
상단 프로필
디자인
한번 클릭 후 드랍박스가 노출되고, 다른 곳을 클릭했을 경우 자동으로 숨겨져야 합니다.
- 현재는 다시한번 저 버튼을 눌러야 숨겨짐
크기를 조금더 키우거나 위,오른쪽 여백을 살짝 주면 좋을것 같습니다.
로그아웃
로그아웃 후 뒤로가기 했을 경우, 토큰이 없습니다 alert 창이 떠야합니다.
- 로그아웃 클릭시 정말 로그아웃 하시겠습니까? 를 물어봐줬으면 합니다.
사이드바
스터디, 동아리, 프로젝트 메뉴는 모집 게시판 하위로 들어가도록 여백,폰트를 조절해야 합니다.
메인 페이지는 배경이 회색이라 구분되지만, 다른 페이지에서는 사이드바와 배경이 흰색이라 구분이 되지 않습니다.
관리자 메뉴는 권한을 확인 후 숨겨야합니다.
메뉴를 선택해서 페이지로 들어갔을 경우, 해당 메뉴가 색으로 표시되면 좋을 것 같습니다.
제 머리속 디자인
메인페이지
데둥이소개 추천
카드를 클릭했을 때 상세조회 페이지로 이동해야 합니다.
좌우 스크롤이 안됩니다. (한조 한정)
마이페이지
마이페이지 - 프로필
프로필 사진 UX
상단에 제목이 있으면 좋을 것 같습니다
업로드. 수정시 아이콘을 클릭해야 한다는걸 표시하면 좋을것 같습니다.
참고 (오늘의집)
자기소개
자기소개 가로 세로 크기가 작아서 편집하기 어려울 수 있을 것 같습니다.
내 위치 설정
- 내 위치를 설정할 때, 주소를 검색하지 못하면 내 위치를 찾아가기 어려울 것 같습니다.
마이페이지 - 내 모임 관리
상단에 ‘내 모임 관리’ 라는 제목이 있어야 합니다.
반응형으로 줄였을 경우 ‘개설한 모임’ → ‘등록한 모임’ 으로 워딩이 변경됩니다. (수정필요)
데둥이 소개
데둥이 소개 - 게시판 조회
썸네일 카드에 해당 인원의 역할까지 명시하면 좋을 것 같습니다.
- 매니저, 멘토, 수강생
데둥이 소개 - 상세페이지 조회
인박스에 스크롤바가 생성되지 않아야 합니다.
각 박스마다 제목을 붙여주어야 합니다.
자기소개, 데둥이 위치, 댓글 등
아직 작성하지 않은 정보에 대해서도 보여주면 좋을 것 같습니다
ex) Github 주소 : 어쩌구 URL
프로필을 수정하지 않은 사용자도이런 내용이 있구나! 수정해야지!를 유도
자기소개 디자인
인박스로 스크롤이 생성되지 않고, 한눈에 보이게끔 크기를 키워야 합니다.
댓글 UX
아이콘은 의미를 함축하고 있어 클릭해야 버튼의 용도를 알수 있는것 같습니다.
참고 (오늘의집)
(12.21 추가) 댓글 수가 누락되었습니다!
데둥여지도
데둥여지도 - 조회
상단 프로필 버튼이 누락되었습니다.
사용자 이름 검색과 기수,코스,역할별 필터링이 들어가야 합니다.
오른쪽 상단에 ‘데둥여지도’ 라는 제목이 들어가야 합니다.
- (12.20 추가) 이것 처럼 하면 안넣어도 될것 같아요!
지도가 여백없이 꽉찬 느낌이라, 박스를 만들고 여백을 주면 좋을 것 같습니다.
제 머릿속 디자인
- 네이버 지도를 보다보니 기존 디자인이 나을것 같습니다 ㅋㅋㅋ
- 우측 상단에 사용자 리스트를 띄우기 (검색, 필터링을 이곳에서)
모집
모집 - 전체 조회
우측 상단에 제목이 들어가야 합니다.
카드에서 생성일 ~ 마감일을 ‘날짜’까지만 보여줘야 합니다.보여줄 때~사이에 여백을 넣어주세요.ex)2021-12-19 ~ 2021-12-25
작성자 정보에서 프로필 사진이 없는경우 default 사진이 들어가야 합니다.
(12.20 추가)무한 스크롤 필요
(12.20 추가)댓글 숫자가 누락되었습니다!!
모집 - 등록(글쓰기) 모달
모집인원은input=number로 제한하여 숫자만 받아야 합니다.
마감 날짜는input=date로 제한하여 날짜만 받아야 합니다.
내용은 마크다운을 지원해야합니다.
현재 마크다운으로 글쓰기엔 모달 사이즈가 너무 작아서 모달을 좀 더 키웠으면 합니다.
등록 버튼을 누르면 사용자가 잘 등록되었는지를 알 수 있어야합니다.
- 모집 게시판으로 redirect
아니면 내가 등록한 게시글 상세페이지로 redirect→ 이게 더 좋을 것 같아요!
모집 - 상세조회
디자인
- 데둥이소개 - 상세페이지와 같이 같은 게시글 형식이므로 디자인을 통일했으면 합니다.
- 전체적인 div를 중앙정렬로
댓글쪽 디자인도 통일
(12.21 추가) 댓글 수가 누락되었습니다.
(12.21 추가)신청 취소 버튼 워딩을취소→신청 취소로 변경해야합니다.
(12.21 추가)신청자 명단이 누락되었습니다.
(12.21 추가) 댓글이 많아지면 스크롤바가 생깁니다
(12.21 추가)상세내용이 길어졌을 때 박스를 뚫고 나옵니다
각 항목에 대한 분리가 안되어 있어 보기 어려운 것 같습니다.
제 머리속 디자인
- 회색은 div 영역 나타낸 것입니다!
참고
- 이런식으로 중앙으로 몰지 않아도 제목과 박스로 구분감을 주면 좋을것 같습니다
수정
글 작성자에게는 항상 수정모드로 보이게 되는데, 수정모드는 분리하면 좋을 것 같습니다.게시글 수정 버튼을 누르면 수정모드로 바뀌도록
댓글
댓글 등록 이후 화면에 바로 반영되지 않습니다. (새로고침 해야함)
댓글도 데둥이 소개와 디자인을 통일해야 합니다.
기타
마감, 삭제시 alert 창으로 ‘정말 마감/삭제 하시겠습니까?’ 를 물어봐야 합니다.
맵각코
맵각코 - 전체
디자인
우측상단에 제목이 있어야 합니다.
- 맵각코를 선택했다는 것을 알 수 있도록 그냥 사이드바에 색을 주면 될 것 같습니다!
등록하기
주소를 검색하면 맵에 커서가 생성되는데, 이때부터 등록 버튼이 활성화되어야 합니다.
- 다른 곳으로 커서를 누르고 → 등록 모달창을 띄운 후 → 모달창을 닫으면 아까 찍었던 커서 위치가 계속 사라지는 버그가 있습니다.
등록 모달창 크기를 키워야 합니다.
‘마감 날짜’를 ‘모임 시간’으로 변경해야 합니다.
모임 시간은 ‘시간’까지 입력받아야 합니다.2021-12-19'T'18:00:00
등록시 내용은 마크다운을 지원해야 합니다.
등록 후
등록이 완료되면 해당 맵각코 커서를 클릭한 것과 같이 동작해야 합니다.
- 중심점은 해당 맵각코
- 오른쪽에서 모임 정보가 튀어나옴
인터랙션
- 지도 배율을 줄였을 경우 커서들이 뭉치고 숫자가 표시되어야 합니다
- 지도 이름 검색후 텍스트 초기화 (튀어나온 것들 사라지기)
수정시
- 수정 모드에서 달력 클릭시 마크다운 수정창이 달력 위로 튀어나옴
맵각코 - 상세 조회
맵각코 커서 클릭시 오른쪽에서 상세 정보가 나와야 합니다.
제 머리속 디자인
- 모집 게시글 디자인과 통일감 있도록 UI를 구상해보았습니다
- 회색은 걍 div 범위를 나타낸 것입니다
- 물론 이렇게 안하셔도 됩니다