애플 앱 배포 스크린샷 방법

안녕하세요! 웹/앱 개발 회사 디펙트럼입니다 :D

오늘은 서비스 앱 개발을 마치고, 앱 스토어에 등록하는 과정에 대해서 이야기해보려고 해요.

다양한 사유로 심사에서 리젝을 시키며 최소 2주 ~ 한달까지도 대기를 시키곤 하는 애플입니다.

기왕이면 한번에 통과하는게 기분도 좋고, 시간도 아낄 수 있겠죠?

아래 링크에서 보다 상세한 심사지침을 확인할 수 있어요 :D

https://developer.apple.com/kr/app-store/review/guidelines/

위와 같은 수많은 리젝 사유 중에서도 디자인 가이드라인이 꽤 큰 비중을 차지하고 있는데요.

아이콘, 미리보기 이미지, 스크린샷 총 세가지를 주의해주셔야 해요.

App Store Connect에 있는 내용을 바탕으로 각각 어떤 사양,

어떤 사이즈의 조건을 지켜야 하는지 오늘 포스팅에서 알려드릴게요 :)

오늘은 ios 앱 전용 스토어인 '앱 스토어'에 대해 중점적으로 다루고,

다음 글에서 안드로이드용인 구글 플레이스토어에 대해 포스팅을 할 예정이니 참고해주세요!

오늘 업로드하는 애플사의 '앱 스토어'는 심사가 워낙 까다롭기로 유명하답니다.

절차가 복잡한만큼 유저들에게는 고품질의 서비스를 이용할 수 있다는 것이 이점으로 작용되는데요.

이용자에게 최상의 서비스가 보장되어 있는 애플의 앱 등록 가이드 라인..

서비스 개발을 염두에 두시는 대표님들에겐 더 복잡하게 여겨질 수 밖에 없다고 생각해요!

(이런 복잡한 과정은 디펙트럼에게 맡기시라구요..♥)

앞서 말한 앱 아이콘/앱 미리보기/스크린샷의 조건을 순서대로 보여드릴게요.

1. App Store 아이콘

먼저 앱 스토어에 등록되는 아이콘의 이미지는 서비스 아이콘과 동일해야 합니다.

앱 스토어의 여러 섹션에서 앱을 나타내는데 필요한 아이콘을 이미지로 제공해야 하는데요.

애플에서 말하는 '앱 아이콘'의 기본은 홈 화면에서 눈에 띄고, 기억에 남길 수 있는 아이콘입니다.

앱의 포인트를 나타낼 수 있는 단순한 모양을 추구하며 사용자들이 아이콘을 보는 순간 이 앱이 어떤 서비스인지 바로 이해할 수 있는 직관적인 디자인으로 나타낼 것을 요구하고 있습니다.

또한 다른 앱과의 조화성도 놓치지 않을 것을 강조하고 있는데요. 투명한 배경 금지!

사진이나 스크린샷을 포함하는 복잡한 아이콘 또한 금지하고 있어요~!

▶포맷 - PNG

▶색상값 - sRGB or P3 (Color Management 참고)

▶레이어 - 투명도가 없는 단일 레이어

▶해상도 - (Image Size and Resolution) 참고

▶모양 - 둥근 모서리가 없는 정사각형

아이콘의 크기는 기기마다 적용되는 사이즈가 다 다르게 책정되어 있는데요. 앱이 설치된 후 홈 화면과 시스템 전체에서 사용될 수 있는 작은 아이콘과 App Store에서 표시할 더 큰 아이콘을 제공해야 해요.

이 때 큰 아이콘과 작은 아이콘은 동일해야 하는 점 참고해주세요~!

스포트라이트와 설정 및 알림에서 사용될 아이콘도 사이즈별로 제공해야 하는데요. 제공하지 않을 경우 ios에서 임의로 아이콘을 축소하여 사용한다고 합니다. 아래의 이미지를 확인해주세요!

스포트라이트와 설정 및 알림에서 사용되는 아이콘에는 오버레이나 테두리를 추가하지 말라는 주의 문구도 적혀 있는데요. ios 자체적으로 모든 아이콘에 1픽셀의 획을 추가하여 흰색 배경에서 잘 보이도록 하고 있다고 합니다.

2. 앱 미리보기

다음은 앱 미리보기에 관한 가이드라인입니다.

'앱 미리보기'는 사용자가 App Store 제품 페이지에서 시청할 수 있는 짧은 동영상을 말하는데요.

앱의 기능이나 UI 등을 이 짧은 동영상에서 매력적으로 나타내고 있어야 해요. 미리보기 영상을 만들 때에는 iMovie 또는 Final Cut Pro X와 같은 동영상 편집 프로그램을 사용하도록 권장하고 있어요.

앱에서 지원하는 각 언어를 사용하여 최대 3개의 앱 미리보기를 띄울 수 있으며, 각 미리보기의 길이는 최대 30초로 제한하고 있습니다. 앱 미리보기는 기기에서 실제로 사용하는 영상을 캡쳐하여 경험하게 될 서비스를 매력적으로 뽐내며, 앱 다운로드를 유도하는게 본질적인 목적입니다.

사용자가 다운로드 전의 서비스 페이지를 볼 때 음소거가 된 상태로 영상만 움직이기 때문에 시각적인 부분이 보다 중요하게 작용되고 있어요. 사운드가 없기 때문에 광고 문구가 시각적으로 들어간다면 더욱 좋겠죠?

광고 문구를 작성할 때에는 지속적인 사용을 위해 특정 계절이나 특정한 때가 나오는 문구는 피해주는게 좋습니다. 서비스 이용 요금이 저렴한 경우 이를 통한 어필을 하고 싶겠지만 App Store에 등록되는 앱은 전 세계에서 확인할 수 있기 때문에 국가별 혼란을 야기할 수 있어서 금액 표기는 피해주시는게 좋아요!

비디오가 자동 재생되지 않을 때에는 앱 미리보기 포스터 프레임이 정지된 화면으로 나타나니 이 부분도 신경 써주셔야 합니다:)

'앱 미리보기'가 실행되는 버전은 다소 한정적일 수 있는데요.

Mac에서는 macOS 10.10 이상 버전이나, Safari8 이상의 버전에서 실행이 가능하며, iPhone용 5.5형 디스플레이는 iOS8 이상의 버전에서 실행이 가능합니다. iPad 또는 Apple TV의 경우에는 12.9형 디스플레이에서 디스플레이에서 실행되는 점 참고해주세요 :)

기본적인 사이즈를 익히셨다면 '앱 미리보기'를 최대한 잘 활용하여 마케팅의 밑거름이 되도록 해야 하는데요.

앱 미리보기를 만들 때에는 '고객 시나리오(여정)'의 순서에 맞춰 보여주는게 좋습니다. 앱의 핵심 기능 및 컨텐츠를 중점으로 앱 경험을 전반적으로 나타내며 개연성 있는 이야기를 만들어 가는 것이 포인트!

첫번째 미리보기는 앱의 주요 기능과 예상 경험 여정을 보여준다면 두번째와 세번째에서는 사용자가 알지 못하는 추가 기능이나 특정 콘텐츠를 강조하는 방법도 좋습니다 :) 실행 가능 버전에서는 동영상이 자동재생되기 때문에 최대한 빠르게 앱의 요점/매력 포인트를 발산하는 것에 초점을 맞추셔야 해요.

3. 앱 스크린샷

마지막으로 스크린샷에 관한 내용입니다. App Store 제품 페이지를 위해 10개의 스크린샷을 제공해야 하는데요.아래 영상처럼 앱을 검색했을 때 제목 아래에 나오게 되는 이미지를 말하게 됩니다.

이 때에는 반드시 앱을 캡쳐한 이미지일 필요는 없지만 사이즈는 기기별로 맞춰야 하기 때문에 기기별 사이즈표를 꼭 참고해주세요 :) 앱 미리보기와의 가장 큰 차이점은 앱 미리보기는 앱 내에서 캡쳐한 화면만 사용할 수 있는 반면, 앱 스크린샷은 그렇지 않다는 것!

아이폰 X 세대가 시작되면서디바이스 외관의 모양에서 가장 두드러지는 특징은 모두가 알다시피 홈버튼이 사라지고 노치가 생겼다는 점인데요. 이 때문에 아이폰 X에 해당하는 스크린샷을 올릴 때 해당 스크린샷이 디바이스의 모양을 포함하고 있다면 '노치 형태'의 디자인 형태를 반영해야합니다. 아이폰 XS용 스크린샷에 아이폰8의 기기모양을 넣는다면 바로 리젝사유에 걸리게 되니 꼭 주의해주세요!

스크린샷에서의 리젝사유는 아이폰용 이미지를 준비하지 않았을 때, 알파 값 및 투명도가 들어가게 되는 경우가 대표적입니다. 앱 스토어에 유명 서비스들을 검색해보면 다양한 스크린샷을 확인할 수 있는데요. 참고하시면 보다 좋은 스크린샷을 만드실 수 있을거예요 :)

오늘의 포스팅이 도움되셨나요~?

여러가지로 주의할 점이 많은 앱 스토어 등록 이미지 가이드.. 이 글을 보시는 모든 분들이 순탄한 등록 과정 거치시기를 바라며, 다음 글에서 플레이스토어에 등록하는 방법으로 다시 만나요 (灬˘╰╯˘灬)♥｡･ﾟ

이상 웹/앱 개발 외주 회사 디펙트럼이였습니다 ;)