Mobile App Intro, Splash Login etc...

1. 대문(大門)
“어떤 구별된 공간으로 통하는 정문"

2. 대문(大門)
주로 어떤 구별되는 공간으로 통하는 정문(正門)을 가리키며
일정한 공간의 안과 밖을 명시적으로 드러냄
상징적 의미(참조: 문화재청)
 종교시설이나 궁궐과 같이 공간 자체가 신성시되는 경우
대문은 종교나 권력을 상징적으로 드러냄
 신성공간과 비신성공간을 가르는 중요한 장치
 대문을 통과하는 것을 하나의 신성한 의식으로 간주
기능적 의미(참조: 문화재청)
 출/입의 기능
 공간과 공간의 경계를 명시적으로 표현하는 기능
 신분과 집안의 중대사를 알리는 기능
sample

3. 다양한 의미와 목적의 대문(大門)!

4. 다소 뻔한 이야기지만,
모바일 서비스에도 대문이 있습니다.
어떤 형태와 어떤 특징이 있을까요?

5. 인트로(Intro=landing=splash=launch screen)
모바일 어플리케이션 구동 시 짧은 시간동안 제공되는
단일 페이지로 브랜드 아이덴티티 전달 및 기능적인 처리를 담당
기능
 브랜드 아이덴티티 및 서비스에 대한 상징을 빠르게 전달
 서비스 사용에 필요한 데이터를 업/다운로드하는 기능 영역
 해당 모바일 어플리케이션에 대한 버전관리 기능 영역
 통신상태 확인 및 사용자 정보 허용 기능 영역
sample

7. 여기 또 하나의 중요한 문이 있습니다.

8. 로그인 및 회원가입
서비스에 대한 로그인 및 회원가입을 유도하는 화면으로
각 서비스의 정책에 따라 달리 제공되며 서비스에 대한 간략한
소개를 접목시키는 경향이 많아졌음
기능
 로그인 또는 회원가입 링크 제공
 서비스 및 브랜드에 대한 상징적 의미 및 감성 어필
(스치듯 지나가는 인트로 화면보다 더 오래 시선을 잡아두기에 효과적임)
 다양한 형태의 페이지 구성을 통한 서비스 소개의 역할 제공
 서비스 간접경험을 통한 이용동기 유발
sample

10. 그렇다면 로그인/회원가입에는
어떤 개성있는 트렌드가 숨어 있을까요.

11. Snapchat(Android)
10~20대를 타겟으로 한 휘발성(기록을 남기지 않는) 동영상
메시징 서비스
특징
 버튼 상단영역을 촬영상태로 제공하여 해당 메시징 서비스가
촬영(동영상촬영 등)을 통해 서비스하는 상징적 의미 전달
촬
영
상
태

12. Musical.ly(iOS)
동영상 뮤직비디오를 만들고 이를 통해 커뮤니케이션하는 서비스
특징
 최근 인기를 얻고있는 동영상을 재생시킴
 페이지 전환 시 로그인 또는 회원가입 링크 제공
 동영상을 통해 커뮤니케이션하는 서비스에서 유행하는 컨셉으로
동영상의 임팩트있는 호소력을 강조함
동영상 재생(마우스 커서 위치 시 나타나는 ‘재생‘ 버튼 선택)
※모바일 화면 미러링/녹화로 인해 영상이 버벅일 수 있습니다.

13. Hyper(iOS)
동영상 기반의 큐레이션 서비스로 이를 공유하고 커뮤니케이션
하는 서비스
특징
 페이지 전환 시 카테고리 별 동영상을 재생시킴
 재생중인 동영상 카테고리를 선택하여 사용자에게 맞춰진
동영상이 리스트업된 화면으로 이동

14. Flipgram(iOS, Android)
사용자가 제작한 동영상을 공유하고 커뮤니케이션하는
SNS 서비스
특징
 서비스의 컨셉과 같이 감성적이고 액티브한 동영상 재생
 동영상+이미지의 조합으로 한결 더 임팩트 있음
※모바일 화면 미러링/녹화로 인해 영상이 버벅일 수 있습니다.
동영상 재생(마우스 커서 위치 시 나타나는 ‘재생‘ 버튼 선택)

15. VidLab(iOS)
동영상 편집 및 제작 서비스
특징
 진입 시 해당 서비스를 상징하는 동영상 재생

16. Sing!(iOS)
소절 단위로 노래를 부르고 이를 시스템 적으로 결합하여 하나의
노래 또는 뮤직비디오로 만들어 주는 서비스
특징
 페이지 전체가 상/하 스크롤 가능하며 최근 유행하고 있는
음악의 자켓 이미지를 조회할 수 있도록 페이지 구성
※모바일 화면 미러링/녹화로 인해 영상이 버벅일 수 있습니다.
동영상 재생(마우스 커서 위치 시 나타나는 ‘재생‘ 버튼 선택)

17. Hitlist(iOS)
테마에 따른 여행상품 및 항공권을 조회하거나 구매할 수 있는
서비스
특징
 화면에 노출되는 이미지가 고정되어 있지 않고 정해진
방향, 속도로 움직이면서 감성적인 인상을 줌
※ 최근 국내에선 11번가 앱(iOS)에서 본 방식으로 인트로를 제공하고 있음
1 2
시간경과
노출영역
노출영역
노출영역
고정폭 이미지
45
노출영역
3
6

18. 여기까지 모바일 서비스에서의 대문(大門)의 역할/종류와
최근 동영상 기반 서비스에서 유행하고 있는
로그인/회원가입 화면을 확인할 수 있었습니다.

19. 감사합니다.