Playlink(7)

레벨테스트 플로우 와이어프레임을 전달받아서 오늘 시작은 이걸로..!

• 레벨테스트 플로우 UI 작업
• 문의하기 플로우 작업
• 문의하기 피드백 후 수정 및 프론트 전달
• 레벨테스트 피드백 후 캐릭터 요소 뽑기
• 마이페이지 기존 UI 기반 제작
• 피드백 받을 것들 정리

 

먼저 전달받은 와이어프레임 그대로 만들어두고, 만들고 보니 사용자 입장에서 너무 유사한 화면 구성이라 헷갈릴 수 있겠다..

하는 생각에 디자인 스슬쩍 변경.

 

레벨테스트 만드는 중에 프론트엔드에서 디스코드 커뮤니티로 연결되는 부분 질문하러 오셨다. 

얘기하다보니 디코 커뮤니티는 에러나 문의사항을 위한 커뮤니티였고, 

그렇다면 홈에 만들었던 버튼은 필요 없겠다 하는 생각이 들었다. 

문의하기로 마이페이지 목록에 추가하기로 하고 연결되는 플로우부터 전달하기 위해 작업 시작.

 

문의하기 플로우 완성하고 레벨테스트 플로우 1차 피드백 받는 시간..!

원하시는 카드 뒤집어지는 애니메이션은 완성했는데 사용자 입장에서 시작 화면과 테스트 과정 화면이 유사하게 느낄 것 같아서 바꿀거라는 의사를 보여드리고, 

제일 문제는 이제 레벨을 나타내는 캐릭터..? 요소를 만들어야 하는데 아이디어 없이 일단 뽑았더니.. 아주 밤티스러운..

 

이건 좀 더 해보는 걸로.. 일단 미뤄...

그리고 마저 레벨테스트 UI 수정 작업을 했다. 

 

다른 화면들과 같은 프로그래스 표현을 쓰는게 좋을 것 같아서 통일시키고, 

진입 화면에 좋은 점들은 표현방식은 바꾸지만 사람들의 시선을 끌었으면 좋겠다는 생각이 들었다. 

그래서 생각난건? 토스에서 애니메이션으로 말풍선이나 텍스트박스들이 스르륵 움직이면서 올라가는..? 

어디선가 본 적 있는 것 같아서 만들어봤다. 

 

 

그리고 드디어 마지막 네비게이션.. 마이페이지 작업 시작!!

 

기존 작업 완료되어있던 UI를 기반으로 디테일과 색상 정도만 수정하면서 작업했다.

추가한건

• 페이지 하단에 회원 탈퇴와 로그아웃
• 관심매칭 편집용 하트 아이콘
• 매칭 기록에서 후기 작성할 수 있게 활성화 버튼
• 마이페이지 목록에 문의하기 버튼 추가해서 디스코드 커뮤니티로 플로우 연결

 

마지막으로,,

 

피드백을 기다리는 것들 정리해두기..

1. 이미지 업로드 안했을 때 보일 기본 이미지
2. 홈화면에서 후기 작성을 유도하는 팝업 (지울 수 있음 그래서 마이페이지에서도 후기 작성으로 연결되는 버튼 필요)
3. 후기 작성 플로우
4. 레벨테스트 UI

오늘은 작업에 집중하고 피드백, 수정 과정이어서 새로운건 없었지만 일단 지금까지 나와있는 기획에 대해서는 더 자세히 알게되는 시간이었고, 그래서 앞으로 작업의 방향과 총괄하시는 분이 원하시는 어플의 디자인 방향을 감잡기 완료...!

 

카드 뒤집어지는거 보여드리고 반응 너무 좋아서 나 또 광대 승천했음 ㅎ ㅋㅋㅋ