1차 유저 피드백

(밑줄 친 것은 금일 반영 완료)

• 회원가입 UI
  • P1 회원가입 하기 버튼이 바로 아래 있거나, 밑줄을 쳐서 조금 더 직관적으로 보였으면 좋겠어요.
    • ~~’아직 회원이 아니신가요?' 지우기~~
  • P1 회원가입시 1@1 만 입력해도 통과됨
  • P1 처음과 끝에 공백을 섞어서 등록하면 그대로 등록됨
• 중복확인
  • P3 회원가입시에 중복확인을 누르면, 항목전부다 체킹을 해서 옳바른 비밀번호, 닉네임을 입력하세요 라고 나오는데, 중복확인 누른칸만 체킹을 했으면 좋겠다는 생가깅 들었어유
  • P3 비밀번호 일치하지 않는다는 문구 및 기타 오류가 이메일 중복확인을 누르면 바로 떠요.
• 로그인
  • 구글로그인 진행안됨
  • P0로그인 클릭시 비밀번호나 이메일이 틀렸다는 유효성 검사가 안됨
    • 비밀번호 요건을 충족하기 전에는 에러가 안뜸
  • P4 로그인 및 회원가입 시, 카카오톡/네이버/구글 등과 같은 서비스를 통한 간편회원가입 및 연동작업이 이루어진다면 더욱 편리할 것 같습니다.
• 캘린더
  • P0 오늘 날짜색 검정색으로 변경, 망고스티커 카운트 더 잘보이게(e.g., 하얀색 테두리, 사이즈 키우기)
    • 달력 클릭이나 구분이 불편한 것 같아요.
    • 달력에서 오늘 날짜는 하얀색으로 표기되는데 잘 안보여서 기존 빨간색/검정색을 유지해도 좋을 거 같아요
    • 캘린더 클릭했을때와 마우스 올렸을때 색깔을 다르게 하면 좋을듯 보임
    • ~~cursor pointer 없애기~~
  • P4 캘린더에 메모 기능을 추가하여 본인이 무엇을 해야할 지 무엇을 해왔는지 확인이 가능하면 좋을 것 같습니다.
• 홈 헤더
  • ~~P0 메인 화면에서 보이는 베너의 화살표(html상 <button class="sc-bPrlCs jKasSS" disabled="">)이 버튼을 누르면 1에서 바로 4로 갑니다.~~
    • 홈페이지에서 스와이퍼로 "친환경 생활습관" 게시물 넘기는 곳에 오류가 있는 것 같아요* 1번에서 다음 번호를 선택하려하면 4번으로 넘어가요
    • ~~잘 해결 안되면 숫자 없애기~~
  • ~~P1“자세히 보기”가 종종 안돼요.~~
    • ~~자세히보기 버튼 없애고 그냥 이미지 자체를 눌렀을 때 이동하게~~
    • ~~호버 했을 때 효과 주기~~
  • P4 메인 화면 그림중에 자전거 타고 있는 그림일때 글씨가 잘 보이지 않는것같아요!
• 로딩시간
  • P0시간이 오래 걸려 새로고침을 자주 하게 됨
    • 전체적인 페이지별 이동
    • 더보기 버튼
    • 게시물을 클릭했을때 나오는 속도
    • 회원가입 시 입력이 잘 안되는 일이 있었습니당
    • 전체적으로 로딩이 좀 있어서 반응이 느린 느낌이기는 해요..
    • 마이페이지에서 내가 좋아요한 게시글, 내 게시글 정보
    • ~~Firebase 가져올 때 필터링 해서 가져오기 @Ashley~~
    • 이미지 최적화
      • Firebase resizing
    • Code splitting @ALL
    • Router - lazy loading @Hailey, @Kim
    • prefetch 등 @Kim
    • useMemo @ALL
    • 웹폰트 최적화 @ALL
      • 로컬 폰트 vs. 온라인 폰트
• 화면 배율
  • P3 홈 화면, 전체보기, 글쓰기, 마이페이지 웹 화면 크기 줄어들었을 때 반영
  • 작은 창으로 변경하여 읽을 경우 앞쪽이 짤림
  • 화면 크기를 작게 할시 하단에 가로 스크롤바 생김
  • 작은창으로 하면 앞쪽이 안보입니다.
• 망고소개
  • P0 ~~Why Mango v 망고 동영상 위로 올리기~~
    • ~~동영상 크기 줄이기~~
    • ~~그라데이션 늘리기~~
    • about footer에 해시태그 넣기 (승훈님께 요청)
    • ~~바로 가기 링크 검정색 위아래 그라데이션 넣기~~
  • 망소 소개를 눌렀을때 첫 페이지에 등장하는 자연 영상이 기존 망고 페이지에 들어왔을때 느껴지는 컬러감과 분위기와 조금 이질적인 느낌이 들고 어떤 의도로 이 영상이 나오는지도 잘 이해가 되지 않음
  • 동영상 위에 글씨를 새기는건 어려운걸까요? 동영상이 갑자기 나와서 망고를 잘 모르는 사람이 처음 보면 당황할 수도 있을 것 같아요! (먼가 나오기만을 기다리게 되는)?
  • 유튜브 api
    • P1친환경 관련 뉴스기사와 동영상을 다루는 카테고리가 있다면 더욱 좋을 것 같습니다.
• 디테일 페이지
  • 게시물 클릭해서 확인할때 사진 배치가 깨지는게 보임
  • ~~P0 컨텐츠의 좋아요 기능이 제대로 동작하지 않는 것 같습니다(게시글 목록 페이지 말고 디테일 페이지에서만). 디바운싱 처리를 했다기엔 너무 반응이 느리며, 연타로 클릭하니 중복 체크가 되거나, 좋아요 카운트가 마이너스가 되는 경우도 있더라구요~~
    • ~~하트 커서로 바꾸기~~
    • ~~문제 찾기~~
  • 게시글 삭제 버튼을 누르면 글 작성 페이지로 이동하더라구요, 삭제하기 버튼 클릭 후 이동페이지는 글 목록 리스트가 보이는 페이지로 이동해야 더 자연스러울 것 같습니다.
    • P0 이전 페이지가 글쓰기일 경우 view all로 보내기
  • 글 쓸 때, 참고할 수 있는 간단한 서식이 있었으면 좋겠습니다.
    • ex. 제품 나눔 - 제목 : [나눔 제품] 모집~마감 일시 제품 추천 - 제목 : [추천 제품 명] 제품 추천 이유 노하우 공유 - 제목 : ~하는 법
• 마이페이지
  • P4 내 게시물에서 내가 단 댓글 또는 나의 게시물에 달린 댓글을 확인하는 탭이 활성화 되었으면 페이지 활성화에 더욱 도움이 될 것 같습니다.
  • P0 마이페이지에 접근하게 되면 몇초간 게시물수 카운트와, 랭킹 카운트가 집계되지 않는 것 같습니다. 랭킹은 undifined가 뜨더라구요.
• 전체보기
  • ~~P0 게시글 사진을 클릭해야만 디테일 페이지로 이동하고 있습니다. 게시글 제목이나 내용을 클릭해도 이동이 되면 더 ux가 좋아질 것 같습니다~~
    • ~~onClick 전체 게시물 div에 적용하기 (망고 콘텐츠, 카테고리별 둘 다 적용)~~
  • 게시글을 보는 와중에 좋은 글감이 생각날 수 있는데 다시 맨 위로 올려서 글쓰기를 눌러야 하는 점이 조금 불편하게 느껴졌습니다. 게시글 보는 곳에 글쓰기 버튼이 있으면 편리할 것 같습니다. navbar 고정
• 네비게이션 바
  • ~~P2 네비게이션 바 고정하기~~
  • ~~P2 네비게이션에 망고콘텐츠(망고는 영문)랑 유저콘텐츠(커뮤니티) 구분하기~~
    • ~~컨텐츠 → 콘텐츠로 통일~~
    • 유저콘텐츠에 토클 메뉴 추가 (호버하면 뜨게)
  • 상단 카테고리가 두개밖에 없어서 약간 허전한 느낌이 들었습니다. [게시물 보기] 내의 망고 컨텐츠를 카테고리를 따로 빼서 세개로 늘리면 조금 더 알찬 느낌이 들지 않을까 싶습니다.
  • 노하우 공유, 제품추천, 제품나눔 등이 게시물보기 대신 상단에 있으면 좋을거 같아요
  • 상단 카테고리 [게시물보기]에 마우스를 올렸을 때 아래에 세부 카테고리(전체보기, 습관인증 등)이 나열되면 카테고리 별 게시글을 확인하기 편할 것 같습니다.

논의 필요

• footer의 비율이 좀 큰 것 같아요, 프로필 수정 버튼이 좀 작은 것 같아요.
  • footer 줄이기 + github 링크 추가하기
• P2 게시글 작성하고 작성완료 전의 로딩 페이지를 따로 스켈레톤 ui를 사용하면 더 이쁠 것 같습니다.
  • 홈
  • 상세페이지
  • Toast UI
• 사이트에 대한 설명 또는 이해도 논의 필요할 듯 합니다
  • 이렇게 하면 어떨까요? 라는 가이드라인? 같은게 있으면 어떨까 싶습니다!
  • 사이트 설명을 듣지않고 들어왔을때 무슨 사이트인지 모르겠음 조금 더 사이트에 대한 설명을 표시해주는 요소가 필요해 보임
    • P1 이용방법 모달창 만들기
  • 달력 별로 망고스티커를 주시는 게 너무 이쁘고 잘 만드셔서 감동이었어요! 하지만 망고스티커를 받게되면 어떤 이점이 있고 이를 어떻게 활용할 수 있는지 알면 더욱 자주 들어갈 것 같아요!
    • 망고 스티커는 어떤 역할을 하나요?
    • ‘드린다’는 표현 대체하기?

이해 안되는 피드백

• 프로필 수정
  • 프러필 수정이 어딧는지 모르겠습니다. (톱니바퀴 뭐지?)
  • ~~P1 톱니바퀴 ‘프로필 수정’ 버튼으로 바꾸기~~
• 해시태그
  • 기존 해시태그를 선택하고 선택취소하면 제거되는 게 불편해요. x를 눌러서 선택을 취소하게 되었을 때 남아있는 상태로 있어야 보기 편할 것 같아요.
  • 제거되다보니 새로 해시태그를 입력하는 경우 기존 해시태그와 겹치는지 알기가 힘들었어요.
  • ~~원래 있던 자리로 돌아가게 하기 + 중복이면 추가 안되게~~