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
iOS_Superb Player
- 메뉴 아이콘을 tap하여 설정을 변경할 때, 아이콘이 설정에 맞게 변화하며 변화한 설정을 말풍선의 형태로 설명한다.