플로팅 버튼은 사용자가 화면에서 가장 자주 사용하고 중요한 작업에 단일 또는 다중으로 사용한다. 페이지가 스크롤될 때에도 화면 우측 하단에 계속 표현 한다.
이 페이지의 구성

플로팅 버튼은 우측 하단에 배치한다.
대부분의 사용자가 오른손 엄지손가락으로 스마트 폰을 조작하기 때문에 손가락 접근성을 고려하여 우측하단에 배치하는 것이 제일 안정적이다. 콘텐츠의 흐름이 위에서 아래로 진행되기 때문에 우측 하단에 배치하는 것이 콘텐츠 가림을 최소화 할 수 있다. ‘탭바’를 사용하는 경우 탭바와 겹치지 않게 ‘탭바’ 위 우측 하단에 배치한다.
플로팅 버튼은 항상 화면의 모든 항목 위에 배치한다.
사용자가 어떤 화면에 있더라도 항상 동일한 주요 작업을 즉시 접근할 수 있도록 해야 하며, 사용자의 주의가 자연스럽게 플로팅 버튼에 집중할 수 있게 시각적 우선순위에 배치하는 것이 좋다.
너무 많은 플로팅 버튼을 구성하지 않는다.
플로팅 버튼을 2개 이상 사용해야 하는 경우 확장형 플로팅 버튼을 사용하는 것이 적합하며, 확장형 플로팅 버튼의 수량은 3개 이하로 구성하는 것이 적합하다. 너무 많은 수의 플로팅 버튼을 구성하는 경우 사용자에게 시작적 혼란과 중요 버튼의 집중도를 저하할 수 있다.
모범 사례

피해야 할 사례

확장형 플로팅 버튼 터치의 깊이는 2수준 이하로만 사용한다.
플로팅 버튼은 사용자의 주요 작업을 신속하게 접근, 수행하도록 설계된 구성 요소로, 터치의 깊이가 2수준 이상으로 깊어지면,사용자로 하여금 사용성 저하와 인지 저하를 유발할 수 있다.
| 변경일자 | 변경 내용 | 리소스 |
|---|---|---|
| 2025년 1월 15일 |
|