Playlink(16)

오늘은 좀 느긋하고 차분하게 혼자 조용히 작업했다

메인 홈 디테일 한번 더 확인해서 완성하고 본격적으로 시작!

• 와이어프레임 만들어둔 초대하기 팝업 완성
• 매칭 수정사항 채팅방에 공지띄우는 UI
• 새로운 네비게이션 컨포넌트화
• 매칭 수정 플로우 완성
• 채팅방 UI 디자인 수정
• 마이페이지 매칭 관리 UI 레이아웃 변경
• 프로필 구성

 

메인 홈 화면을 얘기하면서 수정 완료했더니 여백이랑 사이즈가 홀수인게 있어서 수정 완료..!

메인홈 만들면서 네비게이션 컨포넌트로 다시 만들었다 

 

 

상세페이지에서 이어지는 초대하기 팝업 빠르게 완성..?? 뭔가 디벨롭이 필요할 것 같기는 하다 

 

 

그리고 채팅방이 와이어프레임 느낌이 강해서 더 시원한 시야로.. 해보려고 상단부분으로 올라가는 채팅이

비쳐서 보이도록 바꾸고 배경도 너무 휑한 느낌? 이 없도록 배경색을 넣어봤다

근데 ... 기본 이미지.. 색상이랑 비슷해서 시각적으로는 시원해진 것 같은데... 뭔가 흐릿한.. 느낌...ㅜㅜㅜ 더 고민해봐야지ㅜㅜ

 

 

수정 과정은 매칭 만들기랑 다르게 오버레이로 뜨는 방식으로 .. 

날짜.. 달력은 이전 디자이너분이 만드신건데 스트록으로 싸여있고 갭이 있어서..  다시 만들 예정..!!

 

 

매칭 관리 페이지 UI를 종료된 매칭..이 계속 있으면 화면이 정신없어지지 않을까? 싶어서 분리를 하려고 했었다

'전체/진행중/종료된 매칭' 세가지로 나누려고 했는데 

그렇게 되면 참여매칭과 개설 매칭을 또 나눠야해서 고민하다가 그냥 상단 탭은 그대로 가고 

종료된걸 볼지 말지는 고를 수 있게..! 종료된 매칭에서 함께했던 메이트를 찾는다던가 기록을 다시 본다거나 하는 경우에 

확인할 수 있도록 하고, 필터 기능을 추가해서 운동 종목/날짜/위치 등등 원하는 매칭 기록을 빠르게 찾을 수 있도록 하는게 깔끔할거라는 생각이 들었다. 

 

 

그리고 플로우까지 생각해봤는데 

참여 매칭에서는 리스트로 그대로 뜨고, 종료되면 후기작성 버튼 생성, 리스트를 누르면 매칭 상세페이지로 이어지는 플로우

개설 매칭에서는 매칭 내용을 확인할 수 있는 플로우가 있어야 하는데

두개로 나눴던 매칭 수정/ 메이트 관리 버튼은 매칭 내용 확인이 안될듯 했다. 

그래서 메이트 관리 버튼을 못찾겠다던 사용자 얘기를 바탕으로 현재 UI에서 숨겨져 있던 메이트 관리 버튼은 밖으로 빼고 

수정 및 매칭 삭제 처럼 관리하는 플로우를 이었다. 

리스트를 누르면 매칭 상세페이지로 이동하고 옆에 점 세개를 누르면 수정하기로 이동할 수 있어서 수정하기 누르면 바로 수정 플로우로..!

(당근 어플에서 본인이 올린 글 관리하는 플로우 참고함)

 

 

마지막으로 마이페이지에서 가장 대표적?인게 프로필이니까 프로필 구성을 해봤는데 

디자인 전에 필요한, 들어갈 내용들 정리를 먼저 해야될 것 같다. 

일단 팔로우 기능으로 원하는 사람 리스트를 만들 수 있게 하자고 기획이 나왔으니

간단히 와이어프레임으로 만들어봤다 

내 프로필은 편집 버튼, 다른 메이트 프로필에는 팔로우 버튼을 두고 

레벨테스트를 진행하지 않았을 경우, 운동 레벨 부분이 잠겨있게 하는 것 까지 구상해봤다 

메이트들은 서로의 기록과 받은 후기, 운동 레벨 들을 확인하며 끼리끼리 맞는 사람끼리 뭉치면서 커뮤니티를 이루면 좋겠다는 생각이 있다... 그래서 사용자들이 여기서 만나서 다른 곳에서 놀지 않고 우리 어플에서 놀 수 있도록 ....

 

 

내일은 채팅방.. 색상 문제 고민 더 해보고, 프로필에 필요한 내용 정리해서 레이아웃 구성 완성해봐야지...

그으리고 나머지 화면들 필터,, 선 없애고 마진값 16으로 수정 ... 까지 해서 빠른 작업.. 하는게 목표..!!! 

혼자 작업해서 그런지 뭔가 .. 나른하고 잔잔하게 고민하는 시간이라 더 시간이 빨리 갔던 것 같다 ㅋㅋㅋㅋㅋㅋㅋ

그래도 피드백 필요할 때는 달려가서 토론과 설득으로 결론 짓는것도 재밌움..