고양이와 스프

goongoontroli·2024년 11월 12일
post-thumbnail

고양이와 스프를 좋아해서 많이 했었는데 UI를 분석해본 것은 처음이다

로비에 굉장히 많은 아이콘들이 배치되어 있고,
인앱구매 유도나 광고 시청을 유도하는 아이콘들이 상세하게 나뉘어져 곳곳에 분포되어 있다
한 화면에 많은 정보를 넣었는데 아이콘 하나하나의 뎁스가 깊지는 않다
중간은 완전히 비워버렸고, 위아래에 집중적으로 아이콘을 배치한 레이아웃이다
게임을 진행하는 데에 중요한 아이콘은 아래에 배치되어 있고 중요한 기능일수록 크기가 크다
위에 배치된 아이콘들은 거의 동일한 크기로 보조적인 요소나 이벤트적인 요소가 많다
고양이장원 같은 경우, 미션을 수행할 때는 다른 씬으로 넘어가야했는데 공야이와 스프는 한 화면에서 미션 수행이 가능하게 했다는 것이 많이 다른 점인 것 같다


이벤트 페이지에서 스크롤 다운 해야하는 경우 터치했을 때만 스크롤바가 표시되도록 했다


이벤트 중에 복권 긁기나 항아리에서 파내기 같은 이벤트가 있었는데 아이디어가 재밌고 귀여워서 넣어놨다 사진은 넣어놓지 않았지만 코인을 가득 실은 애드벌룬을 흔들어서 코인을 얻는 이벤트를 아주 좋아했었다

이 게임을 하면서 광고 시청을 굉장히 많이 했는데 내용을 확인하지 않은 아이콘에는 빨간 단추가 달려서 항상 눌러봤던 것 같다 한 화면에서 활동하다보니 계속 그 표시를 보게 되고 자연스럽게 누르게 되는 것 같다

-닫기 vs 뒤로가기
'닫기'는 모달(modal)에서 쓰인다
모달은 현재 수행하고 있는 작업을 끊고, 다른 맥락의 작업을 일시적으로 수행해야할 때 사용하는 뷰이다

A>B>A 맥락이 아니다 -> 닫기 버튼
A>B>C 맥락이다 -> 뒤로가기 버튼

게임 내에서는 이벤트 창 같은 것들을 닫기 버튼으로 만들어야 할 것 같다

profile
테크니컬.디자인.제너럴리스트.근데이제ui를곁들인

0개의 댓글