가장 큰 이유는 버블코코 리뉴얼로 수익을 끌어 올리고자 함이다. 그리고 그와 관련한 지표인 DAU를 끌어올리기 위한 작업 역시 필요하기에 UI를 리뉴얼하기로 했다.
현재 UI의 가장 큰 문제점은 낡아보이는 룩으로, 이는 게임이 오래됐다는 인상을 주기 때문에 필수적인 작업이다. 그리고 유니티 내에서 비효율적인 이미지인 스티치를 사용하여 활용성 및 확장성을 떨어뜨리기에 더욱 개선이 필요한 작업이다.
위와 같은 문제로 수정한 이미지가 좌측에 보이는 팝업의 이미지이다. 최대한 기존 버블코코의 실루엣을 건드리지 않으면서 작업을 진행했지만, 버블코코 특유의 위트있고 아기자기한 모습과는 거리가 멀어서 이 팝업 역시 개선 방향에서 제외하고 작업에 들어갔다.
리뉴얼에 들어가기 전 몇개의 가설을 세웠다.
<aside> 💡 유저들은 전혀 다른 UI 스타일을 환영하지 않을 것이다.
</aside>
<aside> 💡 유저들은 급격한 UX 변화를 싫어할 것이다.
</aside>
<aside> 💡 유저들은 기존의 기조를 유지하며 새로운 UI를 환영할 것이다.
</aside>
이에 기반하여 UI 개선에 들어가고자 한다.
닭, 병아리에서 착안한 목가적인 룩이지만 기존 UI와 너무도 달라서 우려되는 부분이 있음
2: 분홍색 딱딱한 컨셉 기존 느낌과 비슷하게 가되 트렌드인 좀 더 딱딱한 UI 느낌을 살렸지만 기존 캐릭터들과 어우러지지 않음
3: 분홍색의 동그란 버전 버튼 영역과 구분하여 좀 더 정리된 느낌을 주며 왼쪽의 단점을 커버하기 위해 제작
4: 분홍색 통통이 버전 정리되면서 동그란 느낌을 주길 원했지만 전혀 그런 효과는 기대하기 힘들었음
5: 리본 버전 리본을 활용해 사랑스러운 느낌을 주면서 기존의 팝업 외부 배경인 분홍색을 내부로 끌어들여 익숙한 색을 앞세워 보임, 버튼 영역을 외부로 빼서 좀 더 많은 공간을 확보함
6: 리본 색상 반전 버전 5의 경우 내부 콘텐츠가 보여지지 않는다는 단점이 있어서 변경함
BEFORE
AFTER
변경내역