Primary
주요 액션에 사용합니다.
Primary
FAB는 화면상에서 사용자들이 가장 잘 쓸 법하며 중요한 액션에 사용합니다. 이는 앱의 특색을 보여주는 액션이어야하며, 앱이 갖는 단 하나의 두드러지는 특색을 보여줄 수 있도록 특히 주의해서 디자인 해야합니다. 인스타그램이라면 ‘사진찍기', 음악 앱이라면 ‘play/stop’ 액션이 될 수 있습니다.
Constructive
FAB는 현재 화면에서 액션을 수행하거나 새로운 화면을 생성하기 위해 쓸 수 있습니다. 또한, ‘쓰기', ‘즐겨찾기', ‘공유', ‘프로세스 시작' 과 같이 중요하고 건설적인 액션에 쓸 것을 권장합니다. ‘아카이브', ‘쓰레기통', ‘오류/알람', ‘텍스트 클립' 등과 같이 자잘하거나 파괴적인 느낌을 갖는 액션에는 사용하지 않습니다.
Contextual
FAB는 현재 화면과 관련있는 액션에 쓰일 수 있습니다. Google의 리서치에 따르면, 사용자들은 익숙치 않은 화면을 접했을 때 FAB를 통해 탐색하려는 경우가 많다고 합니다. FAB는 결국 사용자가 바로 다음 액션으로 무엇을 할 지 알려주는 역할을 한다고 볼 수 있습니다.
FAB를 사용할 수 있는 액션 유형
FAB는 현재 화면의 구성이나 기능과 관련이 있는 가장 중요한 액션 표현에 적합한 경우에만 사용해야 합니다.
또한, 긍정적이고 건설적인 기능에만 사용하며, 단순 네비게이션이나 진행중인 작업을 중단하게 하는 부정적인 기능에는
적용하지 않습니다.
Don’t
화면의 주요 액션과 관련이 없는 단순 네비게이션 (여기서는 ‘home’)을 FAB로 사용하지 않도록 주의합니다.
Do
앱 화면의 메인 작업이며 생산적이기도 한 기능을 (증명서 발급을 위한 ‘QR 스캔') FAB로 사용했습니다.
Don’t
화면을 빠져나가는 back navigation 류는 FAB로 사용하지 않습니다. ‘루틴만들기'와 같이 건설적인 화면 내 주요 액션에 활용하는 것이 적합합니다.
Do
휴대폰 구매를 위한 ‘상담' 버튼을 FAB로 사용하여 휴대폰 구매를 위한 서비스의 특성에 맞는 액션을 유도하고 있습니다.
FAB의 위치 선정
FAB는 주요 기능에만 사용하며, 화면의 가장 위에 위치합니다. 이때, 사용자가 보고있는 데이터나 콘텐츠를 가리지 않아야합니다.
Don’t
‘Send’ 버튼이 채팅창을 가려 내용을 확인할 수 없습니다. FAB를 주요 콘텐츠를 가리는 위치에 배치하면 안됩니다.