Dialog bubble

Dialog bubble

Dialog bubble은 화면에 표시된 아이콘이나 버튼을 누른경우, 아이콘이나 버튼에 대한 명칭이나 기능을 말풍선 등의 버블형식으로 설명해 주는 패턴이다. Dialog bubble 이라는 명칭은 선택한 항목에 대해 Dialog 형태로 정보를 띄워 내용을 보여주는 패턴이기 때문에 Information bubble 이라고 부르기도 한다.

With this pattern, we can solve...

• 터치 디스플레이의 아이콘이나 버튼을 누르면 말풍선의 형태로 해당 버튼의 기능에 대해 알려준다.
• 주로 처음으로 화면이나 아이콘을 접하는 사람들에게 정보를 제공하기 때문에, 아이콘이나 용어 등을 설명하기 위해 화면을 터치/클릭할 경우 Pop up dialog와 유사하게 화면위에 표시된다. 그러나 Pop up dialog와 다른점으로는 Pop up dialog의 경우 화면위를 덮으면서 튜토리얼 형식으로 앱 전반적으로 설명을 해 주지만 Dialog bubble의 경우 앱 전반적인 설명이 아닌 선택한 아이콘에 대해서만 내용이나 정보를 보여준다.

Example

http://www.designtickle.com/2012/04/interface-buttons-iphone-ipad-applications/

---

iOS_Superb Player

• 메뉴 아이콘을 tap하여 설정을 변경할 때, 아이콘이 설정에 맞게 변화하며 변화한 설정을 말풍선의 형태로 설명한다.