[UI 용어 정리] 모달/팝업/스낵바

모달(레이어 팝업)

- 기존에 열려있던 페이지 위에 새로운 레이어를 덮는 기능

- 라이트 박스라고도 불림

- 모달을 삭제 하려면 반드시 사용자가 특정 선택을 해야함

 

모달 중 어떤 방법으로 보여줄 지 선택하는 방법

출처 : 위시켓 요즘IT

 

Alert / Simple / Confirmation / Full screen 

 

팝업

- 페이지 위에 또 하나의 브라우저 페이지를 띄움

- 차단되는 경우도 있어서 필수적인 것은 모달이 좋음

 

토스트 팝업(Toast Pop-up)

- 토스터기에서 토스트가 나오는 모양과 같다고 붙여진 이름

- 알림을 위한 팝업의 일종

- PC에서는 주로 모니터의 우측 하단에서 몇 초간 나타났다가 사라지는 형태 (시간 지정 가능, 2.5초 또는 3초 권장)

- 모바일의 경우 화면의 중앙 or 최상단에

 

스낵바(Snack Bar)

- 유저가 수행한 작업에 대한 결과를 간단한 텍스트 레이블 형태로 보여줌

- 4초 뒤 쯤 화면에서 사라짐

- 액션 버튼이 함께 표시됨 (ex. 닫기)

 

브라우저 메시지 창 (System Alert)

Alert : 사용자 선택 버튼 1개 

 

Confirm : 사용자 선택 버튼 2개 결정 필요 / 이 일을 처리 하기 전에 다른 일을 못함(즉각적인 응답이 필요할 때 사용)

Prompt

Prompt

Prompt : 사용자가 입력