프로젝트 고도화 및 개발 협업(31)

 

일주일동안 열심히 이것저것 경험해봤다.>!!

• 프론트/백엔드와 협업
• 신뢰지표 기획 문서 정리
• 디자인 시스템 정리
• 개발을 고려한 피그마 구조 수정
• Lottie 수정
• QA와 피드백
• 관리자 어드민 UI 제작
• 총괄님이 마케팅 어렵다고 하셨던게 생각나서 스리슬쩍.. 추천도..ㅎ

---

 

레벨테스트 문항 말투를 UI에 사용한 말투로 통일시켜서 최종 컨펌 요청했다

사용자들의 레벨 분포를 보고 난이도 조절이 필요하면 또 수정해야될듯하여 간단히 난이도 정도만 피드백 요청..!

 

그리고 혼자 경험 없는 기획까지 해보려니까 자꾸 흔들리는 것 같아서 기획자 있으면 좋겠어요.. 했더니 

내가 프로젝트에 합류하기 전에 계시던 UI 디자이너분이 다시 오셔서 기획 / 디자인 서포트 해주시기로 했다

 

전달드릴 현재 진행상황을 총괄님이 요청하셔서 나름 기획 관련으로 기억나는 것들 정리해서 음성으로 직접 이야기하고 

작업해둔 UIUX도 같이 훑어봤는데 

기본적인 가이드에 맞춰서 깔끔하게 잘 만들었다고 해주심ㅎㅎㅎ 
현업자한테 좋은 피드백 받으니까 기분 너무 좋고~~~ 총괄님이랑 얘기하는데 디자이너분이 총괄님이랑 이야기 할 때 내가 작업한 UI만 보고  현직자냐고 물어보셨다고../// 히힣 
이전보다 많이 배우고 성장한게 실감난다잉~~

 

 

칭찬 받은건 좋지만 우선 현실을 보고 내가 디자인 시스템을 만들어본적이 없어서 지금 디자인 가이드를 안만들어뒀다고 했더니 

그럼 시스템부터 정리하자고 해주심 

컬러, 컨포넌트, 아이콘은 내가 사용한 것들 어느정도 모아둔게 있어서 정리만 하면 될 것 같고 

타이포는 오신 디자이너분이 전체 플로우 이해하는 겸 뜯어보면서 해주신다고 하셨다!!! 

 

나도 이제 디자인시스템 제작 경험 생김~~~

 

 

디자이너분이 프론트에서 어느정도로 구현이 안되고 있는지 들었다고 말을 꺼내셔서 어떤 상황인지 더 설명해드렸다 

상황을 들어보시고 피드백을 해주셨다 

우선 홈화면에 있는 버튼에서 이미지 영역과 텍스트 영역을 프레임으로 구분해두면 좀 더 비슷하게 구현해주실 수 있다고 말해주셔서 

프레임 설정 완료..!!

 

그리고 추가로 안드로이드 / IOS 각각 최소 사이즈로 작업하면 화면 사이즈별 대응이 쉬워진다는걸 알려주셨다

난 확인하기 편하게 내 폰 사이즈 프레임으로 해서 w 402로 작업해서... 괜찮을지 물어보니 개발자 센스로 그정도는 괜찮다 해주심.. 

 

이렇게 또 하나를 배웁니다~~ 좋았으

백엔드에서 들어온 질문들...

 

처음으로 백엔드쪽에서 질문이 들어왔다 

디자인하고 사용자 플로우만 생각하다보니 구체적인 기획이나 정책이 빠진 부분이 생겨서 

주기적으로 한 번씩 보면서 이상한 부분 수정해둔다고 한건데 백엔드에서 들어온 질문을 보니 유레카...!!

 

하나하나 답변 드리고 

후기... 답장하는 부분에 대해서는 총괄님이 안좋은 후기 받을 경우를 생각해서 익명으로 바꿔달라 하셨어서 바꿨던 부분이 

오류가..!!! 익명인데 어떻게 답장함..? ㅋㅋㅋㅋㅋㅋ

 

그래서 호다닥 총괄님과 회의 끝에 

좋은 후기는 익명 없이, 안좋은 후기는 익명 여부를 작성자가 선택할 수 있도록 바꿨다 

후기 카드 보여주는건 좋은 후기를 카드로 보여주고 안좋은 후기는 카드로 주기에는.. 사용할 의욕이 떨어질 수 있다는 의견으로..

사용자 한 명 한 명이 소중한 지금 시점에서는... 안좋은 후기는 받은 후기 리스트에서 확인하도록 했다 

 

그렇게 백엔드에 전달하고 다음 작업!!

 

 

로티 애니메이션 색상을 개발쪽에서 변경할 수 있다고 알고 있었는데 우리 브랜드 컬러로 변경 안해주시고 

후기 수신할 때 뜨는 로티에서 숫자 1이 뜨는데 수신 후기는 여러개니까 숫자 없애줄 수 있냐는 요청이 있었다...

 

영상.. 해본적 없지만..혼자 열심히 찾아보고 눌러보고.. 완성.. 

그 후로 로티 크리에이터에서 색상, 속도 변경도 해보고 수정 방법 알아내서 또 하나를 이렇게 독학으로 해냈다...

 

프론트에 전달 드리고 ,,,, 이어서 무한반복.. QA 피드백 시간..~~

원래는 이렇게 코멘트로만 달아드리다가 직접 말로 설명도 했다가.. 그래도 계속 수정이 안되길래 정확하게 사이즈.. 적어드리고,, 설명도하고,, 플로우 차이 모르겠다 하셔서 차이도 자세히 적어드리고 .... 했는데

결국에 1.2.3차를 지나서 4차까지.. 피드백 할 때마다 같은 말 계속 전달하는게 슬슬 지켜가서 ....

진짜 이번에는 누가봐도 확실히 할 수 있게 자세히!! 전달하자!!!! 싶었다..

그래서 구현된 화면 캡쳐하고 그 옆에 디자인한 UI 끌어와서 사이즈,, 프레임화,,, 코멘트.. 등등.. 미친듯이 자세히 적었다 

왜 자꾸 코어타임에 얘기하러 가면 자리에 안계세요...ㅡㅜㅜ 

 

수정 요청으로 계속 반복되는 부분...

1. 메인 버튼 사이즈 통일 안됨

2. 그레이 컬러 색상 변경됐다고 전달했는데 계속 이전 그레이로 사용됨

3. 어디는 변경된 그레이 / 어디는 이전에 사용하던 그레이.... 통일..해줘여...

4. 아이콘.. 화면마다 다른 아이콘 사용...

 

디테일한 부분이 안되는게 아니라 폰트 사이즈부터 아이콘,, 마진,, 정렬이 안맞고 라이팅 바꾸시는게 제일 내가 어떻게 해야할지 모르겠다... 😱 

이럴 땐 어떻게 해결하면 되는지 아시는 분...? 

지금 내가 할 수 있는건 직접 가서 말하는건데 요즘 피그마에도 안들어오시고,, 디코에서 말걸러 가면 자리에 안계신듯 하고,, ㅠ

그래서 총괄님을 찾아가는 것 뿐... 

 

계속 같은 말 코멘트 작성하는게 더 오래 걸리는 것 같아서 수정 완료된거 확인 되면 하나씩 내가 지우고 코멘트 안지워진건 수정 다시 하는걸로.. 하는게 좋겠다 싶어서 전달... 드림...

 

 

 

QA 피드백에 시간 오래 써서 컬러 정리하는게 좀 늦어졌다ㅜ 

호다닥 정리하고 잠시 폰을 보는데 스레드에서 내가 어플 개발한 사람들의 글을 봤던 기억이 스쳐가서 

우리도 사용자 모으려는데 마케팅이 잘 안된다고 들었어서 슬쩍.. 추천을..ㅎㅎ ㅋㅋㅋㅋㅋ

 

이렇게 구체적인 기획.. 처음 경험해봤다..

 

간단히 생각해서 디자인해뒀던 신뢰지표... 구체적인 기획을 알려달라고 하셨다

백엔드에서 구현하려면 어떤 정보가 필요할지 생각해보면서 정리하느라 하루 늦게 전달드렸다 

추가로 이어지는 질문들에 답변하면서 수정되는 부분도 있었다 

질문에 답변하면서 좀 더 알아갈 수 있어서 좀 재밌었움 ㅋㅋㅎㅋㅋㅋㅋ

 

그 중에서 신고 받는 어드민 화면 있냐는 질문을 듣고

신고하기 플로우는 지금 출시되어있는 어플에서 있는 기능이라 내가 자세히 모르고 있는 상태였다 

그래서 현재 신고된 내용은 어떻게 보여지는지 물어보니 supabase에서 확인해야된다길래... 

어드민 화면을 만들 필요성을 느꼈다 

 

다음날 바로 총괄님이랑 회의 당장 진행해..ㅋㅋㅋㅋ

상황 설명하니까 오케이 하셔서 바로 작업 진행!!!

다크모드도 해봤다...!!!!!!!

 

회의 결론이 관리자용 어플을 추가로 출시하기에는 좀 그렇고 관리자 계정으로 로그인하면 어드민 화면이 뜨게 하자고 하셨다 

그래서 작업 시작하면서 어드민 화면 레퍼런스로 찾아보고 AI로 보통 어떤 내용들을 볼 수 있는지 물어보면서 네비게이션 만들었다 

 

어플 UI 와 똑같이 화이트 기반으로 하려다가 문득 어플이 구분돼있는게 아니고 로그인으로 들어오는거라서 

관리자용으로 구분되게 다크모드로 하면 어덜까..? 싶어서 두가지를 와이어프레임으로 만들어두고 

바로 연락 갈겨!!!!

다크모드가 좋다는 답변 듣자마자 작업 시작!!

 

지금은 사용자 가입수를 쉽게 볼 수 있는게 필요할 것 같아서 지금 당장 필요한 신고 내역을 처리하는 플로우에 가입자수만 추가해서 완성했다. 완성해서 확인요청하자마자 오케이 받고 주의/경고에 대한 알림을 보내는걸로 확정..!

 

정신없이 작업하면서 지내서 이제야 블로그 몰아서 쓰는데... 
앞으로는 좀 정신 없어도 미리 써야겠다.. ㅋㅋㅋㅋㅋㅋ