Playlink(14)

오늘부터 기존 UI 기반으로 디테일 수정만 하던걸 본격적으로 브랜딩에 맞춰서 사용자 플로우를 고려한 이탈률 줄이는 디자인으로 작업을 시작했다. 

• 네비게이션 항목 4개로 변경
• 메인 홈 구성 및 연결 플로우 
• 모임 카드 리스트 구성 변경
• 메인컬러/세컨드 컬러 재설정
• 마진값 설정 16으로 축소 
• 떠오르는 아이디어 / 의문점 관련 기획

 

 

우선 어제 말했던 메인 홈 구조부터 뜯어고쳤다!

구조를 바꾸면서 CTA 버튼에 색상을 로고 색상으로 사용하니까 색이 촌스럽...

그래서 메인 컬러를 과감하게 바꾸기로..

브랜딩할 때 총괄님이 원하는 느낌이 파란색을 사용하지만 친근하고 따뜻한 분위기를 추구한다고 하셔서 

그에 맞게 원래 색상보다 좀 더 따뜻하고 세련된 느낌을 주면서도 기존에서 많이 달라지지 않는 선에서 고민 많이 했다..

세컨드 컬러는 확정은 아니지만 총괄님한테 얘기해봐야지ㅣㅣ

메인컬러 정하고 디자인시스템 재설정 후 이벤트 배너도 만들다보니.. 주황색? 따뜻한 느낌 좋을듯? 해서 일단 컬러차트 뽑아뒀다.

 

 

메인 홈 화면은 컬러 바꾼 후,

사용자들이 어플에 들어왔을 때 초창기라서 신규가 많을테니까 필요한 세가지 버튼을 크게 넣어두고 

아래로 기존 모임 리스트를 나열했다

필터가 적용됨을 표시하는 요소도 작업 완료. 

조금 걱정되는건 들어왔을 때 배너만 튀어보이나..? 하는 생각이 든다. 버튼이랑 위치를 바꿀까...

 

 

메인 홈 구성이 바뀌면서 사용자가 모임 리스트만 볼 수 있는 화면이 필요하기 때문에 네비게이션 항목 추가

아이콘과 이름은 더 고민해야될듯..

 

 

카드 리스트가 볼수록 답답해보이고 정보 위계가 잘 안 잡혀있는 느낌..? 

정보가 너무 많다는 생각까지 들어서 구성을 이것 저것 바꿔보다가 깔끔해보이는 구조로 완성..!

그리고 구분선도 끝까지 있는 것 보다는 그라데이션을 사용해서 촌스러워 보일 수 있는 요소 제거..!

화면이 시원해진 느낌이라 좋다...ㅎ

 

 

내가 들어오기 전 기존 UI  ▶  들어와서 기존 UI 기반 디테일 개선  ▶  재구성한 후 모임 리스트

시원해졌죠?? 색상도 처음 색상보다 맑아지고 ㅎㅎㅎㅎ 헤헤헿

 

 

메인 홈 화면을 완성하고 다른 플로우들을 보고 있다가 

채팅을 보는데... 폰으로 사이즈 확인하니까 마진이 너무 커보였다.. 그래서 요즘 어플들의 업데이트 방향을 보니까

대부분 좌우 마진이 작은듯?

 

왜 자꾸 디자인이 유치해보이고 애매했나... 싶던게 이런거였나.. 마진만 바꾸니까 퀄리티가 좀 높아진 기분..?

ㅋㅋㅋ 눈으로 잘 안보이는데 폰으로 보면 암튼 시각적으로 시원하고 퀄 높아짐 ㅋㅋ 암튼 맞음ㅋㅋㅋ

 

 

마진값 바꾸면서 어짜피 다른 화면들도 조금씩 바꿀거니까 수정 없을 온보딩까지만 마진 16에 맞춰서 수정 완료..!

 

 

오늘 작업은 이만큼 하고 

현재 어플 UI 기준으로 지인들한테 인식이 어떤지 설문조사를 진행해야겠다.. 라는 생각이 들어서 플로우를 보다가 

나중에 추가됐으면 좋겠다는 생각이 들거나 의문이 생기는 플로우, 사용자들을 더 우리 어플에 잡아둘 수 있게 하려면? 싶은 부분들에 대한 기획 아이디어를 정리했다.

1. 사용자들이 계속 어플을 사용하도록 하려면 어플 안에서 놀게 만들어야한다 
   근데 지금은 랜덤으로 모임에 신청하고 그 사람과 다시 매칭되고 싶은 경우는 고려되지 않은 느낌 
   단순히 요청해서 수락하면 모이고 일회성으로 끝남
   → 메이트 추가하는 기능으로 매칭 요청처럼 친구 요청 기능도 만들면 친구 목록에서 같이 매칭도 만들 수 있으면 좋지 않을까?
2. 받은 후기 목록을 단순히 읽기만 하게 두는건 단순 기록일 뿐
   후기를 보다가도 어딘가로 플로우가 이어지게 만들면 이탈 가능성이 줄지 않을까?
   → 후기보다가 어? 이사람 좋았는데! 싶을 때 내가 만들어둔 매칭에 초대할 수 있게 하면 단순 랜덤으로 신청 수락을 기다리는 것 뿐 아니라 쌍방이 되면? 
3. 모임 신청할 때 해당 종목의 레벨테스트 결과가 없으면 강제로 레벨테스트 진행으로 넘어가는데
   사용자에게 선택권을 주는 것은 중요하다고 생각함.
   → 사용자 통제성 (User Agency): 디지털 환경에서 사용자가 수동적으로 정보를 받아들이지 않고,
   자신의 행동을 능동적으로 결정하고 주도하게 만드는 것
   그렇기 때문에 레벨테스트를 진행한 사람은 인증 마크를 달아주면
   모임 신청하는 사람도 레벨테스트 진행에 대한 선택권이 있고,모임 신청 받는 모임장에게 선택권이 생긴다.
   다만 레벨테스트 인증 마크가 있으면 신청 수락 가능성이 높아지는 거지

 

 

🕺🏻
이번 프로젝트를 하면서 기획도 경험해볼 수 있게 됐고, 기존 UI 기반으로 한 수정이 아닌 사용자 이탈을 줄일 수 있는 방향으로 디자인을 새롭게 할 수 있게 된 것 같아서 재밌닿ㅎㅎㅎ 
지금까지는 제공할 기능들을 어떻게 보여줄지만 생각하면서 만들던 기분이다ㅜㅜㅜ 

그치만??? 이제부터는 본격적으로 사용자 입장에서 흐름이 끊기지 않고 사용할 수 있도록 쉽고 확실하게 어필되는.. 그런 디자인이 완성되도록 .. 머리를 굴려볼거다 ㅋㅋ 데굴데굴...🫨