SlideShare ist ein Scribd-Unternehmen logo
1 von 9
iOS Human Interface Guidelines
번역자 : 시스포유아이앤씨 마영희 주임
작성일 : 2013년 6월 07일
VI. iOS 기술 사용 가이드라인
6. iAd Rich 미디어 광고
iOS 4.0 버전 그 이후 버전부터는 광고를 당신의 어플리케이션에 표시할 수 있으며, 사용자가 그
것을 보거나 상호작용할 때 수익을 받을 수 있다. 언제나 사람들이 당신의 어플리케이션에서 산
만하지 않고 정확하게 볼 수 있도록 UI 광고와 통합하는 방법을 계획하는 것이 필수적이다.
당신은 당신의 UI의 특정 화면에서 iAd 네트워크에 의해 제공 광고를 호스팅한다. 처음에는 이
화면은 전체 iAd의 경험에 입구 역할을 하는 광고 배너를 포함하고 있다. 사람들이 배너를 누르
면 가령 동영상을 재생 같은 동작을 하거나 대화 형 콘텐츠를 표시하거나 Safari가 Web 페이지
를 여는 데에 시작하는 등의 프로그램의 작업을 수행한다. 동작은 UI 콘텐츠를 표시하거나 그 배
경 전환에 응용 될 수 있다.
당신의 어플리케이션에 표시 할 수 있는 배너의 세 가지 유형(표준, 중간 직사각형, 전체화면) 이
있다. 모든 배너는 사용자에게 광로를 제공한다는 동일한 목적이 있지만 그들의 모양과 기능에는
차이가 있다.
표준배너는 화면에서 작은 공간만을 차지하며 화면에서 자주 볼 수 있다. 표준배너를 표시하거나
레이아웃에 배너를 위하는 공간을 만드는 것을 선택해야 한다.
모든 iOS 어플리케이션은 iOS 4.0이나 그 이후 버전에서 표준 배너를 표시할 수 있다. 당신의 어
플리케이션의 표준 배너를 저장하는 ADBannerView 클래스에서 제공하는 화면을 사용한다.
중간 직사각형 배너의 동작은 표준배너와 유사하다. 중간 직사각형 배너는 오직 iOS 6.0과 그 이
후 버전에서 이용 가능하다. 어플리케이션에서 직사각형 배너를 저장하는 데 ADBannerView 클래
스에서 제공하는 화면을 사용한다.
전체 화면 배너는 화면의 대부분 또는 전부를 점유하고 애플리케이션의 흐름 사이에 또는 특정
위치에서 특정 시간에 일반적으로 표시된다. 당신은 모달 배너를 표시할지 여부를 스크롤 가능한
컨텐츠의 별도의 페이지로 선택한다.
전체화면 배너는 iOS 4.3또는 그 이후 버전에서만 사용 가능하다. 어플리케이션에서 전체화면 배
너를 저장하는 데 ADBannerView 클래스에서 제공하는 화면을 사용한다.
모든 배너의 종류는 오른쪽 아래 모서리에 iAd의 마크에 iAd 프레임에 표시된다. iAd 프레임은 당
신의 어플리케이션 화면 하단에 고정되어있는 경우에 가장 잘 보이도록 설계되어 있다.
표준 배너 크기는 장치와 방향에 따라 어플리케이션의 UI에 변화를 두고 표시한다.
직사각형 배너 표시의 크기는 장치 방향의 변화에 따라 변화하지 않는다.
전체 화면 배너 화면의 전체 크기는 장치 방향의 변화에 따라 변화 할 수 있지만 높이가 어플리
케이션 UI의 iOS 막대의 유무 (예 : 도구 모음 및 탭 표시 줄 등) 를 더욱 변화시킬 수 있다. 전
체 화면 배너의 폭은 항상 iPad의 화면 너비이다.
배너 광고와 원활한 통합을 보장하고 최상의 사용자 경험을 제공하기 위해 다음 지침을 따르시오.
화면 하단에 가깝게 표준 배너를 배치한다. 화면하단에 바 또는 그와 유사한 것이 있다면 배치가
약간 달라질 수 있다.
만약 화면 바닥에 바가 없다면 화면의 하단 가장자리에 표준배너 화면을 배치한다.
바가 전혀 없다면 다시 화면하단에 표준배너 화면을 둔다.
도구 모음 및 탭 바가있는 경우 직접 도구 모음 및 탭 표시 줄 (iPod touch 것이 보인) 위의 표준
배너 화면을 둔다.
사용자 컨텐츠를 방해하지 않는 곳에 중간 직사각형 배너를 배치한다. 표준 배너 화면과 마찬가
지로 중간 배너 화면은 화면 하단 또는 근처에서 최상으로 보인다. 화면하단에 배너를 배치하면
사람들에게 방해를 주지 않을 가능성이 높아진다.
사용자 환경에서 간주하는 경우 모달 풀 스크린 배너를 제시한다. 자연스럽게 알리거나 iPad의
흐름에 내용 변화가 있을 경우 모달 프레젠테이션이 적합할 수 있다. 모달 전체화면을 보여줄때
당신은 사용자 광고를 입력하거나 해제 해야 한다. 사용자가 경험의 변화를 기대할 때 모달 프레
젠테이션이 적합하다.
당신의 어플리케이션에서 의미가 있는 방법으로 모달 전체화면 배너를 공개하고 닫아야 한다. 예
를 들면 게임에서 배너를 나타내거나 닫기 위해 페이드 인,페이드 아웃 애니메이션을 사용해야
한다.
하단 그림을 보면 알 수 있듯이 모달 전체화면 배너는 어플리케이션 UI를 완벽하게 덮고 있다.
그리고 상단 왼쪽코너에 iAd 닫기 버튼을 포함하고 있다.
어플리케이션 화면을 전환 할 때는 비 모달 전체화면 배너를 보여준다. 사용자는 잡지 페이징 등
의 빈번한 화면 전환을 만들고, 갤러리를 제스처로 앱이 발생한 경우, 비 모달 프레젠테이션 스타
일이 적합 할 수 있다. 당신이 비 모달 전체화면으로 전체화면 배너를 보여 줄 때 당신은 이전의
이동했던 광고에 돌아와
컨트롤 하기 위해서 당신의 UI에 바를 보유할 수 있다. 사용자는 그것을 누를 때 모든 배너와 마
찬가지로 전체 화면배너의 iAd 경험을 시작하지만 필요에 따라 당신의 어플리케이션 배너 영역에
다른 제스처 에 대응 할 수 있다.
비 모달 전체화면을 나타내거나 숨기기 위해 애니메이션을 사용하는 것이 적절하다. 예를 들면
잡지 보기 어플리케이션은 다른 컨텐츠페이지를 나타내기 위해 같은 페이지를 돌리는 애니메이션
을 사용하는 것이 적절할 것이다.
아래의 비 모달 전체화면 배너는 네비게이션 바와 도구상자 사이에 표시된다. 그러나 바는 선택
할 수 있게 보여져야 한다.
모든 배너가 당신의 어플리케이션에서 언제 어디서든 의미가 있는지 확인해야 한다. 사람들은 그
것들이 작업흐름에 방해가 되지 않는 다고 느낄 때 iAd 경험에 조금 더 접근할 수 있다. 게임과
같은 몰입 형 어플리케이션에 특히 중요하다. 게임과 충돌 할 배너 화면을 배치하지 않는 것이
좋다.
사용자가 간단하게 볼 수 있는 스크린에서 배너를 표시하는 것을 피하라. 사용자 빠르게 이동하
고 관심 있는 컨텐츠를 드릴 다운하는 화면을 포함하고 있는 경우에는 배너를 표시하지 않는 게
좋다. 사용자는 1~2초이상 그 것이 화면에 떠있을 때 배너를 누를 가능성이 높아진다.
가능한 두 가지 방향으로 배너를 표시하라. 사용자가 광고 표시를 전환하려 장치의 방향을 변경
할 필요가 없게 하는 것이 최선이다. 또한 두 방향을 지원함으로써 광고의 넓은 범위를 받아 들
일 수 있다.
표준 또는 직사각형 배너가 화면에서 스크롤되지 않도록 해야 한다. 어플리케이션 화면에 스크롤
콘텐츠를 보려면, 배너 표시는 해당 위치에 고정 된 상태로 유지하라.
만일 사람들이 광고 화면을 보거나 상호작용을 한다면, 그들에 요구되는 상호작용 활동을 잠시
멈춘다. 사람들이 광고를 표시하도록 선택한 경우, 그들은 당신의 응용 프로그램에서 이벤트를 놓
치고 있다는 것을 느끼고 싶지 않아 하고, 그들은 광고 경험을 방해 받길 원하지 않는다. 가장 좋
은 것은 당신의 어플리케이션의 배경이 전환 될 때 일시 정지 같은 동작을 할 수 있게 하는 것이
다.
특별한 경우를 제외하고는 광고를 중지하면 안 된다. 일반적으로, 당신의 어플리케이션이 실행되
고 사용자가보고 광고와 상호 작용하면서 이벤트를 계속 수신 있기 때문에 사람들이 즉각적인 주
의가 요구되는 이벤트가 긴급하게 생길 수 있다. 그러나 진행중인 광고의 종료를 정당화하는 몇
가지 시나리오가 있다. 다른 가능성은 인터넷 프로토콜 (VoIP) 서비스에 음성을 제공하는 어플리
케이션이다. 이러한 어플리케이션은 아마 전화가 도착할 때 실행중인 광고를 취소하기에 적절할
것이다.
노트 : 광고를 취소하면 당신의 어플리케이션이 받을수 있는 광고의 종류와 당신이 모을 수
있는 수익에 악영향을 미칠 수 있다.
7. 위치 서비스 및 데이터 개인 정보 보호
위치 서비스는 어플리케이션은 사람들의 대략적인 지리적 위치, 그들이 위치하고 있는 장치의 방
향과 그들이 이동하는 방향을 결정할 수 있다. iOS6.0 이상에서는 서비스 등 연락처, 일정, 알람,
사진 등의 다른 시스템에 사람들의 저장소에 액세스 할 수 있다.
사람들은 이미 잘 알려진 어플리케이션이어서 사용의 편리 성을 높이 평가하지만, 그 데이터를
비공개로 유지하는 옵션을 기대하고 있다.
예를 들어, 사람들은 자동으로 그들의 물리적 위치에서 콘텐츠에 태그를 지정하거나 현재 근처에
있는 친구를 찾을 수 있는 것을 이용할 수 있지만 원하지 않을 경우 해제하는 기능을 원한다.
iOS6.0 이상에서는 시스템이 그들이 앱이 자신의 개인 정보에 대한 액세스를 허용하려면 사용자
를 묻는 경고가 표시된다.
예를 들어 위치 정보 서비스가 켜져 있으면 사용자가 처음 나침반을 열 때 다음과 같은 경고가
표시된다.
다음 지침은 사람들이 편하게 데이터를 요청하는 방법으로 안내할 것이다.
그들의 개인데이터를 요구하기 위해서는 사용자를 이해시켜야 한다. 그것을 위한 명백한 이유가
표시되지 않으면 사람들이 의심을 할 수 있다. 사용자에게 불편함을 주지 않기 위해 그들의 정보
를 명확하게 알아야 할 이유가 있을 경우에만 경고창이 나타나도록 하는 것이 좋다.예를 들어 위
치 정보 서비스가 꺼져있을 때 사람은 맵을 사용할 수 있지만, 그들이 찾아 내고 그들의 현재 위
치를 추적 할 때는 경고창을 볼 수 있다.
분명하지 않은 경우 당신의 어플리케이션이 정보를 필요로 하는 이유를 설명하라. "당신의 어플리
케이션에 접속하고 싶습니다." 같은 경고 텍스트를 제목 아래에 제공할 수 있다. 당신이 사람들의
정보에 접속을 요청하는 이유를 이해시키고 압력을 느끼지 않도록 텍스트는 구체적이고 정중하게
해야 한다.
 당신의 어플리케이션 이름을 포함하지 않는다.이미 당신의 어플리케이션 이름이 들어있는
경고의 제목을 시스템이 제공한다
 왜 이 데이터가 필요한지 명확히 설명한다. 왜 당신의 어플리케이션에서 데이터가 사용할
수 없는지에 대한
 설명을 해야 할지도 모른다.
 사용자 중심의 용어를 사용한다.
 쉽게 이해 할 수 있게 가능한 짧게 한다. 가능한 한 많은 문장의 사용은 피한다.
 문장은 대문자를 사용한다.
어플리케이션이 사용자 데이터 없이 그 주요 기능을 수행 할 수 없는 경우에만 어플리케이션을
시작할 때 권한을 요구한다. 당신의 어플리케이션의 주요기능이 그들의 개인 정보에 의존 하는것
이 분명하다면 사람들은 이것을 걱정할 필요는 없을 것이다.
사용자가 실제로 데이터를 필요로 하는 것을 선택하기 전에 경고를 발생하는 프로그램을 실행하
는 것은 피하라. 사용자 원치 않는 무엇인가를 했을때 당신의 어플리케이션이 개인정보를 요구하
는 것은 피하는 것이 좋다.
위치 데이터의 경우 불필요한 경고창의 생성을 피하기 위해 사전에 위치서비스 설정을 확인 한다.
Core Location 프로그래밍 인터페이스를 사용하면 이 설정을 얻을 수 있다. 이 지식으로 인해 요
구되는 위치정보와 최대한 가깝게 경고를 나타낼 수 있거나 모든 경고를 보지 않을 수도 있다.
8. 문서 미리 보기
iOS 4 이상에서는 사용자가 앱이 문서를 열 수 없는 경우에도 귀하의 응용 프로그램에서 문서를
미리 볼 수 있다. 예를 들어, 사용자가 Web에서 다운로드 한 문서를 미리 보기 하거나 다른 소스
에서 수신 할 수 있을지도 모른다.
사용자가 어플리케이션에서 문서를 미리 보기 전에 그들은 당신이 만든 사용자 지정보기로 문서
에 대한 정보를 볼 수 있다. 예를 들어, 사용자가 전자 메일 메시지에 첨부 된 문서를 다운로드
한다.그러면 iPad의 메일에는 메시지의 사용자 정의보기에서 문서 아이콘, 제목, 크기가 표시됩니
다. 사용자가 이 문서를 미리 보려면 이 화면을 누르면 된다.
당신은 어플리케이션의 새로운 화면이나, 전체화면, 모달화면에서 문서 미리 보기를 보여줄 수 있
다.당신이 선택한 표시 방법은 응용 프로그램이 실행되는 장치에 따라 다르다.
Pad는 모달 문서 미리 보기를 표시한다. 대형 iPad 화면은 사용자가 쉽게 떠날 수있는 몰입 환
경에서 문서 미리 보기를 표시하는 데 적합하다. 확대 전환은 특히 미리 보기를 나타내는데 적합
하다.
iPhone에서 몰입 화면에서 문서 미리 보기를 표시한다.
이렇게 하면 어플리케이션에서 내용 손실되지 않고 사용자가 문서 미리 보기에서 탐색 할 수 있
습니다.iPhone에서 모달 문서 미리 보기를 표시할 수 있지만 권장하지는 않는다.

Weitere ähnliche Inhalte

Was ist angesagt?

iOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4UiOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4Usys4u
 
iOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4UiOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4Usys4u
 
iOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4UiOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4Usys4u
 
UX Layout Design_SYS4U
UX Layout Design_SYS4UUX Layout Design_SYS4U
UX Layout Design_SYS4Usys4u
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4Usys4u
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)Booseol Shin
 
2013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_201310282013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_20131028Yun Jin Kim
 

Was ist angesagt? (7)

iOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4UiOS Human Interface Guidlines #5_SYS4U
iOS Human Interface Guidlines #5_SYS4U
 
iOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4UiOS_Human_Interface_Guidlines_#4_SYS4U
iOS_Human_Interface_Guidlines_#4_SYS4U
 
iOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4UiOS Human Interface Guidlines #3_SYS4U
iOS Human Interface Guidlines #3_SYS4U
 
UX Layout Design_SYS4U
UX Layout Design_SYS4UUX Layout Design_SYS4U
UX Layout Design_SYS4U
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4U
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
 
2013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_201310282013 10 guide_to_mobile_appui_20131028
2013 10 guide_to_mobile_appui_20131028
 

Andere mochten auch

About Color_SYS4U
About Color_SYS4UAbout Color_SYS4U
About Color_SYS4Usys4u
 
2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&Csys4u
 
Html5_SYS4U
Html5_SYS4UHtml5_SYS4U
Html5_SYS4Usys4u
 
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&CUIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&Csys4u
 
웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유sys4u
 
Advanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4UAdvanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4Usys4u
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&Csys4u
 
Memory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4UMemory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4Usys4u
 
Observer Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4UObserver Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4Usys4u
 
iOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4UiOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4Usys4u
 
Introduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&CIntroduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&Csys4u
 
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&CJavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&Csys4u
 

Andere mochten auch (13)

About Color_SYS4U
About Color_SYS4UAbout Color_SYS4U
About Color_SYS4U
 
2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C2012 UX Design Trend Report Part 2_SYS4U I&C
2012 UX Design Trend Report Part 2_SYS4U I&C
 
Html5_SYS4U
Html5_SYS4UHtml5_SYS4U
Html5_SYS4U
 
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&CUIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
UIX UNIT_Several UI Teminologies Easy To Miss_SYS4U I&C
 
웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유웹어워드컨퍼런스강연자료 시스포유
웹어워드컨퍼런스강연자료 시스포유
 
Advanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4UAdvanced SWOT Analysis of e-commerce_SYS4U
Advanced SWOT Analysis of e-commerce_SYS4U
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C2012 UX Design Trend Report Part 1_SYS4U I&C
2012 UX Design Trend Report Part 1_SYS4U I&C
 
Memory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4UMemory_leak_patterns_in_JavaScript_SYS4U
Memory_leak_patterns_in_JavaScript_SYS4U
 
Observer Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4UObserver Design Pattern in Java_SYS4U
Observer Design Pattern in Java_SYS4U
 
iOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4UiOS Human Interface Guidlines #11_SYS4U
iOS Human Interface Guidlines #11_SYS4U
 
Introduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&CIntroduction to Fork Join Framework_SYS4U I&C
Introduction to Fork Join Framework_SYS4U I&C
 
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&CJavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
JavaScript Profiling With The Chrome Developer Tools_SYS4U I&C
 

Ähnlich wie iOS Human Interface Guidlines #10_SYS4U

플레이쇼핑 가이드
플레이쇼핑 가이드플레이쇼핑 가이드
플레이쇼핑 가이드팀장 모
 
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1ideaguide
 
스마트폰마케팅전략 김성범(코드캠프3기) 110216
스마트폰마케팅전략 김성범(코드캠프3기) 110216스마트폰마케팅전략 김성범(코드캠프3기) 110216
스마트폰마케팅전략 김성범(코드캠프3기) 110216ideaguide
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표Minho Lee
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1성인 김
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1igaworks
 
경영과 정보기술 - 어플리케이션 디자인 과제
경영과 정보기술 - 어플리케이션 디자인 과제 경영과 정보기술 - 어플리케이션 디자인 과제
경영과 정보기술 - 어플리케이션 디자인 과제 Young Eun Park
 
[IGAWorks] 플러스락 소개서
[IGAWorks] 플러스락 소개서[IGAWorks] 플러스락 소개서
[IGAWorks] 플러스락 소개서Soyoung Park
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지규문 최
 
허니컴 태블릿 디자인
허니컴 태블릿 디자인허니컴 태블릿 디자인
허니컴 태블릿 디자인Sang-min Lee
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부RightBrain inc.
 
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)SeHeung Oh
 
220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표Minho Lee
 

Ähnlich wie iOS Human Interface Guidlines #10_SYS4U (20)

플레이쇼핑 가이드
플레이쇼핑 가이드플레이쇼핑 가이드
플레이쇼핑 가이드
 
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1
Smartphone Branded Apps makreting strategy마케팅전략 김성범(성균관대디자인경영학과대학원특강) 100818_1_1
 
아이애드
아이애드아이애드
아이애드
 
아이애드
아이애드아이애드
아이애드
 
아이애드
아이애드아이애드
아이애드
 
Dubuplus guide
Dubuplus guideDubuplus guide
Dubuplus guide
 
스마트폰마케팅전략 김성범(코드캠프3기) 110216
스마트폰마케팅전략 김성범(코드캠프3기) 110216스마트폰마케팅전략 김성범(코드캠프3기) 110216
스마트폰마케팅전략 김성범(코드캠프3기) 110216
 
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1
 
[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1[Iga works] live operation in app notice guide-1.1
[Iga works] live operation in app notice guide-1.1
 
경영과 정보기술 - 어플리케이션 디자인 과제
경영과 정보기술 - 어플리케이션 디자인 과제 경영과 정보기술 - 어플리케이션 디자인 과제
경영과 정보기술 - 어플리케이션 디자인 과제
 
[IGAWorks] 플러스락 소개서
[IGAWorks] 플러스락 소개서[IGAWorks] 플러스락 소개서
[IGAWorks] 플러스락 소개서
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
 
허니컴 태블릿 디자인
허니컴 태블릿 디자인허니컴 태블릿 디자인
허니컴 태블릿 디자인
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부
 
Hellotutorial
HellotutorialHellotutorial
Hellotutorial
 
Yeonseo idea
Yeonseo ideaYeonseo idea
Yeonseo idea
 
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)
앱 스크린샷을 최적화하는 방법 (How to optimize App screenshot)
 
220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표220319 해외 아티클 스터디 5기 : 1주차 발표
220319 해외 아티클 스터디 5기 : 1주차 발표
 
자마린,iOS 심플예제_전화번호입력받아 전화걸기(#자마린학원 /#자마린교육)
자마린,iOS 심플예제_전화번호입력받아 전화걸기(#자마린학원 /#자마린교육)자마린,iOS 심플예제_전화번호입력받아 전화걸기(#자마린학원 /#자마린교육)
자마린,iOS 심플예제_전화번호입력받아 전화걸기(#자마린학원 /#자마린교육)
 

Mehr von sys4u

JavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4uJavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4usys4u
 
30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4Usys4u
 
Proxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4UProxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4Usys4u
 
Java_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4UJava_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4Usys4u
 
Implementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4UImplementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4Usys4u
 
Promotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&CPromotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&Csys4u
 
From Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&CFrom Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&Csys4u
 
2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&Csys4u
 

Mehr von sys4u (8)

JavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4uJavaEE6 Tutorial - Java Message Service_sys4u
JavaEE6 Tutorial - Java Message Service_sys4u
 
30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U30_eCommerce_sites_using_html5_SYS4U
30_eCommerce_sites_using_html5_SYS4U
 
Proxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4UProxy_design_pattern_in_Java_SYS4U
Proxy_design_pattern_in_Java_SYS4U
 
Java_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4UJava_Concurrency_Programming_SYS4U
Java_Concurrency_Programming_SYS4U
 
Implementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4UImplementing_AOP_in_Spring_SYS4U
Implementing_AOP_in_Spring_SYS4U
 
Promotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&CPromotions_2nd_SYS4U I&C
Promotions_2nd_SYS4U I&C
 
From Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&CFrom Java code to Java heap_SYS4U I&C
From Java code to Java heap_SYS4U I&C
 
2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C2013 UX Design Trend Report Part 3_SYS4U I&C
2013 UX Design Trend Report Part 3_SYS4U I&C
 

iOS Human Interface Guidlines #10_SYS4U

  • 1. iOS Human Interface Guidelines 번역자 : 시스포유아이앤씨 마영희 주임 작성일 : 2013년 6월 07일 VI. iOS 기술 사용 가이드라인 6. iAd Rich 미디어 광고 iOS 4.0 버전 그 이후 버전부터는 광고를 당신의 어플리케이션에 표시할 수 있으며, 사용자가 그 것을 보거나 상호작용할 때 수익을 받을 수 있다. 언제나 사람들이 당신의 어플리케이션에서 산 만하지 않고 정확하게 볼 수 있도록 UI 광고와 통합하는 방법을 계획하는 것이 필수적이다. 당신은 당신의 UI의 특정 화면에서 iAd 네트워크에 의해 제공 광고를 호스팅한다. 처음에는 이 화면은 전체 iAd의 경험에 입구 역할을 하는 광고 배너를 포함하고 있다. 사람들이 배너를 누르 면 가령 동영상을 재생 같은 동작을 하거나 대화 형 콘텐츠를 표시하거나 Safari가 Web 페이지 를 여는 데에 시작하는 등의 프로그램의 작업을 수행한다. 동작은 UI 콘텐츠를 표시하거나 그 배 경 전환에 응용 될 수 있다. 당신의 어플리케이션에 표시 할 수 있는 배너의 세 가지 유형(표준, 중간 직사각형, 전체화면) 이 있다. 모든 배너는 사용자에게 광로를 제공한다는 동일한 목적이 있지만 그들의 모양과 기능에는 차이가 있다. 표준배너는 화면에서 작은 공간만을 차지하며 화면에서 자주 볼 수 있다. 표준배너를 표시하거나 레이아웃에 배너를 위하는 공간을 만드는 것을 선택해야 한다. 모든 iOS 어플리케이션은 iOS 4.0이나 그 이후 버전에서 표준 배너를 표시할 수 있다. 당신의 어 플리케이션의 표준 배너를 저장하는 ADBannerView 클래스에서 제공하는 화면을 사용한다.
  • 2. 중간 직사각형 배너의 동작은 표준배너와 유사하다. 중간 직사각형 배너는 오직 iOS 6.0과 그 이 후 버전에서 이용 가능하다. 어플리케이션에서 직사각형 배너를 저장하는 데 ADBannerView 클래 스에서 제공하는 화면을 사용한다. 전체 화면 배너는 화면의 대부분 또는 전부를 점유하고 애플리케이션의 흐름 사이에 또는 특정 위치에서 특정 시간에 일반적으로 표시된다. 당신은 모달 배너를 표시할지 여부를 스크롤 가능한 컨텐츠의 별도의 페이지로 선택한다. 전체화면 배너는 iOS 4.3또는 그 이후 버전에서만 사용 가능하다. 어플리케이션에서 전체화면 배 너를 저장하는 데 ADBannerView 클래스에서 제공하는 화면을 사용한다. 모든 배너의 종류는 오른쪽 아래 모서리에 iAd의 마크에 iAd 프레임에 표시된다. iAd 프레임은 당 신의 어플리케이션 화면 하단에 고정되어있는 경우에 가장 잘 보이도록 설계되어 있다. 표준 배너 크기는 장치와 방향에 따라 어플리케이션의 UI에 변화를 두고 표시한다. 직사각형 배너 표시의 크기는 장치 방향의 변화에 따라 변화하지 않는다. 전체 화면 배너 화면의 전체 크기는 장치 방향의 변화에 따라 변화 할 수 있지만 높이가 어플리 케이션 UI의 iOS 막대의 유무 (예 : 도구 모음 및 탭 표시 줄 등) 를 더욱 변화시킬 수 있다. 전 체 화면 배너의 폭은 항상 iPad의 화면 너비이다.
  • 3. 배너 광고와 원활한 통합을 보장하고 최상의 사용자 경험을 제공하기 위해 다음 지침을 따르시오. 화면 하단에 가깝게 표준 배너를 배치한다. 화면하단에 바 또는 그와 유사한 것이 있다면 배치가 약간 달라질 수 있다. 만약 화면 바닥에 바가 없다면 화면의 하단 가장자리에 표준배너 화면을 배치한다. 바가 전혀 없다면 다시 화면하단에 표준배너 화면을 둔다.
  • 4. 도구 모음 및 탭 바가있는 경우 직접 도구 모음 및 탭 표시 줄 (iPod touch 것이 보인) 위의 표준 배너 화면을 둔다.
  • 5. 사용자 컨텐츠를 방해하지 않는 곳에 중간 직사각형 배너를 배치한다. 표준 배너 화면과 마찬가 지로 중간 배너 화면은 화면 하단 또는 근처에서 최상으로 보인다. 화면하단에 배너를 배치하면 사람들에게 방해를 주지 않을 가능성이 높아진다. 사용자 환경에서 간주하는 경우 모달 풀 스크린 배너를 제시한다. 자연스럽게 알리거나 iPad의 흐름에 내용 변화가 있을 경우 모달 프레젠테이션이 적합할 수 있다. 모달 전체화면을 보여줄때 당신은 사용자 광고를 입력하거나 해제 해야 한다. 사용자가 경험의 변화를 기대할 때 모달 프레 젠테이션이 적합하다. 당신의 어플리케이션에서 의미가 있는 방법으로 모달 전체화면 배너를 공개하고 닫아야 한다. 예 를 들면 게임에서 배너를 나타내거나 닫기 위해 페이드 인,페이드 아웃 애니메이션을 사용해야 한다. 하단 그림을 보면 알 수 있듯이 모달 전체화면 배너는 어플리케이션 UI를 완벽하게 덮고 있다. 그리고 상단 왼쪽코너에 iAd 닫기 버튼을 포함하고 있다. 어플리케이션 화면을 전환 할 때는 비 모달 전체화면 배너를 보여준다. 사용자는 잡지 페이징 등 의 빈번한 화면 전환을 만들고, 갤러리를 제스처로 앱이 발생한 경우, 비 모달 프레젠테이션 스타 일이 적합 할 수 있다. 당신이 비 모달 전체화면으로 전체화면 배너를 보여 줄 때 당신은 이전의 이동했던 광고에 돌아와
  • 6. 컨트롤 하기 위해서 당신의 UI에 바를 보유할 수 있다. 사용자는 그것을 누를 때 모든 배너와 마 찬가지로 전체 화면배너의 iAd 경험을 시작하지만 필요에 따라 당신의 어플리케이션 배너 영역에 다른 제스처 에 대응 할 수 있다. 비 모달 전체화면을 나타내거나 숨기기 위해 애니메이션을 사용하는 것이 적절하다. 예를 들면 잡지 보기 어플리케이션은 다른 컨텐츠페이지를 나타내기 위해 같은 페이지를 돌리는 애니메이션 을 사용하는 것이 적절할 것이다. 아래의 비 모달 전체화면 배너는 네비게이션 바와 도구상자 사이에 표시된다. 그러나 바는 선택 할 수 있게 보여져야 한다. 모든 배너가 당신의 어플리케이션에서 언제 어디서든 의미가 있는지 확인해야 한다. 사람들은 그 것들이 작업흐름에 방해가 되지 않는 다고 느낄 때 iAd 경험에 조금 더 접근할 수 있다. 게임과 같은 몰입 형 어플리케이션에 특히 중요하다. 게임과 충돌 할 배너 화면을 배치하지 않는 것이 좋다. 사용자가 간단하게 볼 수 있는 스크린에서 배너를 표시하는 것을 피하라. 사용자 빠르게 이동하 고 관심 있는 컨텐츠를 드릴 다운하는 화면을 포함하고 있는 경우에는 배너를 표시하지 않는 게 좋다. 사용자는 1~2초이상 그 것이 화면에 떠있을 때 배너를 누를 가능성이 높아진다.
  • 7. 가능한 두 가지 방향으로 배너를 표시하라. 사용자가 광고 표시를 전환하려 장치의 방향을 변경 할 필요가 없게 하는 것이 최선이다. 또한 두 방향을 지원함으로써 광고의 넓은 범위를 받아 들 일 수 있다. 표준 또는 직사각형 배너가 화면에서 스크롤되지 않도록 해야 한다. 어플리케이션 화면에 스크롤 콘텐츠를 보려면, 배너 표시는 해당 위치에 고정 된 상태로 유지하라. 만일 사람들이 광고 화면을 보거나 상호작용을 한다면, 그들에 요구되는 상호작용 활동을 잠시 멈춘다. 사람들이 광고를 표시하도록 선택한 경우, 그들은 당신의 응용 프로그램에서 이벤트를 놓 치고 있다는 것을 느끼고 싶지 않아 하고, 그들은 광고 경험을 방해 받길 원하지 않는다. 가장 좋 은 것은 당신의 어플리케이션의 배경이 전환 될 때 일시 정지 같은 동작을 할 수 있게 하는 것이 다. 특별한 경우를 제외하고는 광고를 중지하면 안 된다. 일반적으로, 당신의 어플리케이션이 실행되 고 사용자가보고 광고와 상호 작용하면서 이벤트를 계속 수신 있기 때문에 사람들이 즉각적인 주 의가 요구되는 이벤트가 긴급하게 생길 수 있다. 그러나 진행중인 광고의 종료를 정당화하는 몇 가지 시나리오가 있다. 다른 가능성은 인터넷 프로토콜 (VoIP) 서비스에 음성을 제공하는 어플리 케이션이다. 이러한 어플리케이션은 아마 전화가 도착할 때 실행중인 광고를 취소하기에 적절할 것이다. 노트 : 광고를 취소하면 당신의 어플리케이션이 받을수 있는 광고의 종류와 당신이 모을 수 있는 수익에 악영향을 미칠 수 있다. 7. 위치 서비스 및 데이터 개인 정보 보호 위치 서비스는 어플리케이션은 사람들의 대략적인 지리적 위치, 그들이 위치하고 있는 장치의 방 향과 그들이 이동하는 방향을 결정할 수 있다. iOS6.0 이상에서는 서비스 등 연락처, 일정, 알람, 사진 등의 다른 시스템에 사람들의 저장소에 액세스 할 수 있다. 사람들은 이미 잘 알려진 어플리케이션이어서 사용의 편리 성을 높이 평가하지만, 그 데이터를 비공개로 유지하는 옵션을 기대하고 있다. 예를 들어, 사람들은 자동으로 그들의 물리적 위치에서 콘텐츠에 태그를 지정하거나 현재 근처에 있는 친구를 찾을 수 있는 것을 이용할 수 있지만 원하지 않을 경우 해제하는 기능을 원한다. iOS6.0 이상에서는 시스템이 그들이 앱이 자신의 개인 정보에 대한 액세스를 허용하려면 사용자 를 묻는 경고가 표시된다.
  • 8. 예를 들어 위치 정보 서비스가 켜져 있으면 사용자가 처음 나침반을 열 때 다음과 같은 경고가 표시된다. 다음 지침은 사람들이 편하게 데이터를 요청하는 방법으로 안내할 것이다. 그들의 개인데이터를 요구하기 위해서는 사용자를 이해시켜야 한다. 그것을 위한 명백한 이유가 표시되지 않으면 사람들이 의심을 할 수 있다. 사용자에게 불편함을 주지 않기 위해 그들의 정보 를 명확하게 알아야 할 이유가 있을 경우에만 경고창이 나타나도록 하는 것이 좋다.예를 들어 위 치 정보 서비스가 꺼져있을 때 사람은 맵을 사용할 수 있지만, 그들이 찾아 내고 그들의 현재 위 치를 추적 할 때는 경고창을 볼 수 있다. 분명하지 않은 경우 당신의 어플리케이션이 정보를 필요로 하는 이유를 설명하라. "당신의 어플리 케이션에 접속하고 싶습니다." 같은 경고 텍스트를 제목 아래에 제공할 수 있다. 당신이 사람들의 정보에 접속을 요청하는 이유를 이해시키고 압력을 느끼지 않도록 텍스트는 구체적이고 정중하게 해야 한다.  당신의 어플리케이션 이름을 포함하지 않는다.이미 당신의 어플리케이션 이름이 들어있는 경고의 제목을 시스템이 제공한다  왜 이 데이터가 필요한지 명확히 설명한다. 왜 당신의 어플리케이션에서 데이터가 사용할 수 없는지에 대한  설명을 해야 할지도 모른다.  사용자 중심의 용어를 사용한다.  쉽게 이해 할 수 있게 가능한 짧게 한다. 가능한 한 많은 문장의 사용은 피한다.  문장은 대문자를 사용한다.
  • 9. 어플리케이션이 사용자 데이터 없이 그 주요 기능을 수행 할 수 없는 경우에만 어플리케이션을 시작할 때 권한을 요구한다. 당신의 어플리케이션의 주요기능이 그들의 개인 정보에 의존 하는것 이 분명하다면 사람들은 이것을 걱정할 필요는 없을 것이다. 사용자가 실제로 데이터를 필요로 하는 것을 선택하기 전에 경고를 발생하는 프로그램을 실행하 는 것은 피하라. 사용자 원치 않는 무엇인가를 했을때 당신의 어플리케이션이 개인정보를 요구하 는 것은 피하는 것이 좋다. 위치 데이터의 경우 불필요한 경고창의 생성을 피하기 위해 사전에 위치서비스 설정을 확인 한다. Core Location 프로그래밍 인터페이스를 사용하면 이 설정을 얻을 수 있다. 이 지식으로 인해 요 구되는 위치정보와 최대한 가깝게 경고를 나타낼 수 있거나 모든 경고를 보지 않을 수도 있다. 8. 문서 미리 보기 iOS 4 이상에서는 사용자가 앱이 문서를 열 수 없는 경우에도 귀하의 응용 프로그램에서 문서를 미리 볼 수 있다. 예를 들어, 사용자가 Web에서 다운로드 한 문서를 미리 보기 하거나 다른 소스 에서 수신 할 수 있을지도 모른다. 사용자가 어플리케이션에서 문서를 미리 보기 전에 그들은 당신이 만든 사용자 지정보기로 문서 에 대한 정보를 볼 수 있다. 예를 들어, 사용자가 전자 메일 메시지에 첨부 된 문서를 다운로드 한다.그러면 iPad의 메일에는 메시지의 사용자 정의보기에서 문서 아이콘, 제목, 크기가 표시됩니 다. 사용자가 이 문서를 미리 보려면 이 화면을 누르면 된다. 당신은 어플리케이션의 새로운 화면이나, 전체화면, 모달화면에서 문서 미리 보기를 보여줄 수 있 다.당신이 선택한 표시 방법은 응용 프로그램이 실행되는 장치에 따라 다르다. Pad는 모달 문서 미리 보기를 표시한다. 대형 iPad 화면은 사용자가 쉽게 떠날 수있는 몰입 환 경에서 문서 미리 보기를 표시하는 데 적합하다. 확대 전환은 특히 미리 보기를 나타내는데 적합 하다. iPhone에서 몰입 화면에서 문서 미리 보기를 표시한다. 이렇게 하면 어플리케이션에서 내용 손실되지 않고 사용자가 문서 미리 보기에서 탐색 할 수 있 습니다.iPhone에서 모달 문서 미리 보기를 표시할 수 있지만 권장하지는 않는다.