Picture in picture(PIP)

Picture in picture(PIP)

Picture in picture(PIP)는 하나의 화면 안에 작은 화면을 띄워 활용하거나 조작하는 패턴이다. 앱의 기능에 따라 두 개의 독립적인 화면이 필요할 수 있으며, 이 때 PIP는 자동으로 형성된다.

게시글과 관련된 동영상을 함께 보거나, 영상통화에서 상대방과 본인의 모습을 함께 보거나 하는 것처럼 실시간으로 변화하는 화면과 직접 조작할 수 있는 화면이 동시에 존재하는 경우, 둘 중의 하나를 작은 화면으로 표시하여 함께 볼 수 있다. 일반적으로는 PIP의 위치는 화면 내에서 쉽게 변화하지 않으며 다른 작업을 진행하는데 방해되는 위치에 있는 경우, 사용자의 의지에 따라 보이지 않게 설정하는 것이 가능하다.

With this pattern, we can solve...

두 개의 화면을 동시에 보는데 한 개의 화면은 조작할 필요가 없이 참고의 용도로 실시간으로 보고자 하는 경우 PIP가 활용된다.

• PIP가 필수적이지 않으며, 나타나지 않게 하고 싶은 경우 제거가 가능하다.
• 동영상이 아니더라도 화면에 작은 화면이 나타나며 사용자에게 정보를 주는 경우는 PIP 패턴에 포함한다.
• 두 개의 화면을 모두 조작해야 하는 경우 Multi window에 해당한다.
• PIP는 Multi window와는 다르게 화면의 분할을 사용자가 직접 조작하기보다는 필요에 따라 자동으로 나타난다.

Example : iOS_Youtube

---

iOS_CNN

• 동영상과 게시글이 함께 있는 경우, 게시글의 다음페이지로 넘어가더라도 동영상이 작은 화면으로 띄워져 동영상과 게시글을 동시에 본다.

Android_LG G Pro Dual Recording & Dual Camera

""

• #01:06-#01:20

""

Android_LG G Pro QSlide

• #00:30-#00:40

""