블로그 효과적인 앱 아이콘 만들기: 인사이트와 성공 사례

효과적인 앱 아이콘 만들기: 인사이트와 성공 사례

앱 아이콘은 앱의 첫인상을 결정합니다. 성공적인 앱의 필수 요소인 앱 아이콘은 사용자가 기억하기 쉽고, 매력적이어야 합니다. 앱 스토어에서 사용자의 흥미를 유발해 오가닉 설치를 유도한 앱 아이콘은 스마트폰의 홈 화면에 다른 앱들과 나란히 표시됩니다. 본 가이드에서는 앱 아이콘을 디자인하는 방법과 최상의 결과를 위해 A/B 테스트하는 방법을 확인하실 수 있습니다.

앱 아이콘이란?

앱 아이콘 또는 앱 로고는 사용자의 기기에서 앱을 보여주는 고유한 이미지를 의미합니다. 앱 아이콘은 앱 스토어나 구글 플레이 스토어에서 앱을 소개하는 역할을 할 뿐만 아니라, 사용자의 스마트폰 설정 화면이나 검색 바에도 표시됩니다.

앱 아이콘이 중요한 이유

앱 아이콘은 일반적으로 사용자가 앱에 관해 처음 보게 되는 이미지로, 앱의 첫인상을 결정하고 브랜드 인지도를 높이는 역할을 합니다. 잘 만들어진 앱 아이콘은 전환을 높여줄 수 있습니다. 그러나 앱 아이콘은 다양한 용도로 사용되며 각 용도를 고려해야 합니다.

앱 스토어에서의 앱 아이콘

앱 스토어에서 앱은 다양한 방법을 통해 사용자와 만나게 됩니다. 사용자는 검색 결과나 에디터스 초이스, 앱 순위나 카테고리별 페이지, 맞춤 추천 섹션 및 다양한 경로를 통해 앱을 발견합니다.

앱 스토어에 표시되는 앱 아이콘의 경우, 반드시 앱 플랫폼별 사이즈 가이드에 맞춰 제작되어야 하며, 사용자의 관심을 사로잡고 기억될 수 있어야 합니다. 앱 스토어에서 앱 아이콘의 목표는 앱 다운로드를 유도하는 것입니다.

아래의 링크에서 플랫폼별 앱 아이콘 디자인 가이드를 참고하시기 바랍니다.

앱의 아이콘 디자인은 앱의 가치를 나타내야 합니다. 예를 들어, 핀테크 앱의 경우 보안과 안전을 가장 중시하고 모바일 게임 앱은 재미를 최우선시할 것입니다. 일부 모바일 게임의 경우 인기 있는 게임 캐릭터 이미지를 앱 아이콘에 사용하여 사용자들이 바로 앱을 알아볼 수 있도록 하기도 합니다.

앱 아이콘을 잘 만들면 브랜드 인지도와 설치 수를 높일 수 있지만, 그렇지 못한 경우에는 혼동을 주거나 사용자가 다른 앱으로 착각하여 설치에 방해가 될 수 있습니다.

사용자 기기에서의 앱 아이콘

앱이 설치된 이후 앱 아이콘은 앱 스토어에서와는 다른 중요한 목적을 갖게 됩니다. 앱 아이콘은 사용자 기기의 홈 화면, 설정 화면, 검색 바 또는 자주 쓰는 앱 목록에 표시됩니다. 따라서 앱 아이콘을 디자인하거나 새로 제작할 때, 앱 아이콘이 스마트폰 화면에서 보여지는 모습을 반드시 고려해야 합니다. 앱의 기능을 간소화된 형태로 보여주는 앱 로고는 앱을 설치한 이유를 쉽게 떠올리도록 도와줍니다.

앱 아이콘 재디자인 사례

아래에서는 앱 아이콘의 재디자인 사례들을 살펴보도록 하겠습니다. 모든 앱 아이콘 재디자인 사례가 성공적이지는 않지만, 중요한 시사점을 배울 수 있습니다.

Google 플레이 스토어: 전반적인 브랜드 이미지와의 일관성을 위한 재디자인

Google은 Google 플레이 스토어의 10주년을 맞아 Android 앱 스토어의 새로운 브랜드 로고를 제작했습니다. 구 버전과의 차이는 미묘하지만, 새 아이콘은 모서리가 조금 더 둥글게 디자인되고, 그라데이션 색상이 단색으로 변경되었습니다.

Google Play의 앱 로고 재디자인 사례

Google은 보다 단순하고 명확한 브랜드 이미지 구축을 위해 최근 Chrome의 새 로고를 포함한 여러 디자인 변화를 도입했고, 전반적인 브랜드 일관성을 위해 플레이 스토어의 앱 아이콘 또한 새로 디자인하였습니다. 새 디자인은 이전과 크게 다르지 않지만, Google이 모든 제품군에서 통일된 브랜드 이미지를 추구하는데 매우 중요한 역할을 했습니다.

인스타그램: 니즈 변화에 따른 재디자인

2010년~2016년: 앱의 목적을 보여주는 디자인

인스타그램의 지난 12년간 앱 아이콘 변화를 살펴보면 탄탄한 재디자인 근거와 주요 요소의 반복을 확인할 수 있습니다. 인스타그램은 원래 폴라로이드 카메라인 원스텝 모델을 이미지화한 앱 아이콘을 통해 사진을 올리는 플랫폼임을 나타내고자 했습니다. 하지만 상표권 문제로 해당 이미지를 사용할 수 없게 되자, 고유한 카메라 아이콘을 자체 제작하여 2010년 앱을 정식 출시했습니다. 2011년~2016년의 앱 아이콘 디자인은 카메라에 조명이 달려 있거나 카메라 렌즈의 반사가 생생하게 표현되어 사용자들에게 인스타그램에 올릴 셀카를 찍어보라는 듯한 느낌을 줍니다.

인스타그램의 앱 아이콘 변화

2016: 인스타그램 커뮤니티를 반영한 디자인

2016년 인스타그램은 기존의 로고와 완전히 다른 새로운 로고를 선보여 모두를 충격에 빠뜨렸습니다. 뉴욕타임즈에서는 대충격을 야기한 2016년 인스타그램의 새 로고라는 기사를 내보내기도 했습니다. 그러나 6년이 지난 지금 인스타그램은 여전히 큰 인기를 끌고 있으며, 시대를 앞서간 브랜드 재디자인이라는 평가를 받고 있습니다. 새 로고에서는 카메라 이미지가 보다 밝은 색상에 1차원적으로 표현되었는데, 이는 Instagram 사내 커뮤니티를 반영한 것이었습니다. 당시 인스타그램의 디자인 책임자였던 Ian Spater의 인터뷰에 따르면, 인스타그램 직원들에게 5초 안에 기억나는 대로 인스타그램 로고를 그려보라고 하자, 대부분의 직원이 무지개와 카메라 렌즈, 뷰파인더를 그렸다고 합니다. 이를 기반으로 새 로고에서는 주요 요소들은 유지하되 보라색, 핑크색, 노란색을 사용하여 다양하고 다채로운 플랫폼이 된 인스타그램의 정체성이 표현되었습니다.

2022년: 감성을 더한 디자인

인스타그램의 2022년 아이콘 디자인은 그라데이션의 밝기가 높아졌고, 색이 흐르는 듯한 느낌이 강조되었습니다. 인스타그램은 새 로고를 알리는 블로그 포스트에서 "그라데이션을 더욱 강렬한 색으로 만들어 생동감과 환한 느낌을 더하고, 발견의 순간을 상징적으로 표현하고자 했다"고 설명했습니다. 사용자들은 처음에는 새 로고가 너무 밝아 화면 밝기를 낮춰야 한다며 새 디자인을 반기지 않았으나, 곧 새로운 디자인에 익숙해졌습니다. 마케팅 측면에서 볼 때, 앱 아이콘의 밝기를 높이면 사용자들이 홈 화면에서 다른 앱보다 인스타그램을 먼저 보게 되어 매우 전략적인 방법입니다.

Yubo: 경쟁사와의 차별화를 위한 디자인

2015년에 출시된 Yubo는 전 세계 4,000만 명의 사용자를 보유한 라이브 동영상 스트리밍 앱으로, 앱의 타겟 오디언스는 만 12세~25세의 젊은 사용자층입니다. 2021년 Yubo는 보다 친근하고 명확한 이미지의 새로운 로고를 발표했습니다. 새 버전에서는 Yubo의 포용적 가치를 표현하고 주요 경쟁사인 Snapchat의 레몬색 로고와 확연한 차이를 주기 위해 기존의 노란색보다 더 따뜻한 노란색이 사용되었습니다.

Yubo 앱 아이콘 변화

Remind: 플랫폼 확장을 나타낸 디자인

학교 커뮤니케이션을 돕는 앱인 Remind는 10년 넘게 "브레인 클라우드" 이미지를 아이콘으로 사용했었습니다. Remind는 교사와 학생, 학부모 간의 문자 메시지 서비스로 시작했으나, 이후 번역, 음성/영상 통화, 커뮤니티 내 과외 지원 서비스 등으로 영역을 확장했습니다.

이에 따라 Remind는 학교에서 쓰이는 손글씨 느낌의 폰트로 알파벳 "R"을 사용한 로고를 새로 만들었습니다. Remind의 브랜드 홍보팀은 Remind가 학습을 위한 커뮤니케이션 플랫폼으로 진화함에 따라 이러한 정체성을 새 로고에서 표현하고자 했습니다. 새 로고는 또한 말풍선 이미지를 사용한 다른 앱들과 차별화된 이미지를 보여줍니다.

Remind 앱 아이콘 변화

최상의 결과를 위한 앱 아이콘 A/B 테스트

마케터들은 사용자 여정에서 중요한 모든 디자인 요소와 마찬가지로 앱 아이콘을 테스트하여 최적의 효과를 가져올 아이콘을 찾아야 합니다. 앱 아이콘을 테스트하면 앱 아이콘이 앱 스토어와 설치 후 사용자의 기기에서 얼마나 효과적인지 파악할 수 있습니다. A/B 테스트는 데이터에 기반한 인사이트를 얻기 위한 가장 효과적인 방식으로, 목표 달성을 위한 필수 단계입니다.

A/B 테스트 방법

A/B 테스트는 사용자의 경험을 계속적으로 테스트하는 과정으로, 유사한 오디언스를 A, B 그룹으로 나눈 뒤 한 그룹에만 새 변수를 노출하여 두 오디언스 간의 반응을 비교하는 테스트입니다.

A/B 테스트 시에는 앱 아이콘을 두 가지 변수로 사용하여, 아이콘의 이미지의 변화가 핵심 성과 지표(KPI)에 어떠한 영향을 주는지 파악합니다. A/B 테스트는 다음과 같이 5단계로 진행됩니다.

1. 가설 설정하기

우선 앱 아이콘의 달성 목표가 무엇인지 고민해보시기 바랍니다. 이에 따라 테스트를 통해 클릭률(CTR), 설치 수, 전환율, 이탈률 등의 KPI 중 무엇을 측정할지를 결정합니다. 테스트 가설은 변수가 어떻게 특정 KPI에 영향을 주는지 명확하게 설명할 수 있어야 합니다. 예를 들어, '앱 아이콘의 색을 변경하면 설치 수가 증가할 것이다' 또는 '모바일 게임 앱의 고유한 심볼을 사용하면 더 많은 고가치 사용자가 유입될 것이다'와 같은 가설을 세울 수 있습니다.

2. 디자인 팀과 다양한 버전 제작하기

특정 KPI를 개선하기 위한 탄탄한 가설이 세워진 뒤에는 디자이너 또는 디자인 팀과 함께 변수로 사용할 디자인 버전을 만들어야 합니다. 테스트 시 너무 많은 변수가 발생하는 것을 방지하기 위해 각 버전 간 차이를 1개로 한정하는 것이 좋습니다.

3. 오디언스 그룹 생성하기

이 단계에서는 유사한 행동을 보이는 두 오디언스 그룹을 생성해야 합니다. 오디언스 생성은 가설 증명에 핵심적이며, 가설에 잘못된 결과가 나오지 않도록 행동학적 변수를 모두 배제해야 합니다. 예를 들어, 일본 사용자와 브라질 사용자 또는 40세 이상 사용자와 20세 이하 사용자를 테스트 오디언스로 설정하면 결과가 크게 달라질 것입니다. 테스트 오디언스 간의 유사성이 높을수록 A/B 테스트의 신뢰도 또한 높아집니다.

4. A/B 테스트 캠페인 진행하기

가설과 디자인 변수 버전, 오디언스 그룹이 모두 준비되면 테스트를 시작해야 합니다. 설정한 가설에 따라 유료 캠페인 또는 앱 스토어 최적화(ASO)에 주력할 수 있습니다. A/B 테스트를 진행할 때는 기간을 잘 정하는 것이 중요합니다. 테스트를 위해 데이터가 충분히 수집될 수 있도록 기간을 설정하되, 테스트 종료일이 명확해야 합니다.

5. 분석하기

테스트 기간이 끝나면 A/B 테스트 결과를 분석하여 디자인 변수가 KPI에 어떠한 영향을 가져왔고, 테스트 결과가 회사의 목표와 합치되는지 확인해야 합니다.

최상의 결과를 위해 테스트는 계속되어야 합니다. 앱 아이콘에 사용할 최적의 색상 조합을 찾았다면 폰트 등의 다른 요소를 테스트해야 합니다. A/B 테스트에 관한 자세한 내용은 Adjust의 A/B 테스트에 대해 알아야 할 모든 것을 확인해보시기 바랍니다.

월간 발행되는 Adjust 뉴스레터를 구독하고 최신 인사이트를 확인해 보세요.