토스트

정의

토스트는 작업의 결과를 화면 구석에 잠깐 띄웠다가 몇 초 뒤 스스로 사라지는 짧은 알림입니다. 이름은 토스터에서 빵이 톡 튀어 오르는 모습에서 왔는데, 실제로도 '저장되었습니다'나 '링크가 복사되었습니다' 같은 한 줄 소식이 화면 아래나 위 모서리에 슬쩍 나타났다 조용히 물러납니다. 사용자가 확인 버튼을 눌러 닫을 필요도 없고, 하던 일을 멈출 필요도 없습니다. 그저 방금 한 행동이 잘 처리되었다는 사실을 곁눈질로 확인하고 계속 진행하면 됩니다. 그래서 토스트는 흐름을 막지 않는 가장 가벼운 피드백 수단으로 자리 잡았습니다.

왜 중요한가

토스트가 중요한 이유는 사용자에게 안심을 주면서도 방해하지 않기 때문입니다. 버튼을 눌렀는데 아무 반응이 없으면 사용자는 눌린 게 맞는지 불안해하며 같은 버튼을 다시 누르곤 합니다. 이때 짧은 토스트 한 줄이 떠오르면 '내 행동이 제대로 전달됐구나' 하는 확신이 생깁니다. 동시에 토스트는 스스로 사라지고 배경을 막지도 않아, 확인을 강요하는 모달과 달리 사용자의 흐름을 조금도 끊지 않습니다. 다만 이 가벼움은 곧 한계이기도 합니다. 잠깐 떴다 사라지므로 놓치기 쉽고, 사라진 뒤에는 다시 불러올 수 없습니다. 그래서 반드시 사용자가 읽고 판단해야 하는 정보를 토스트에 담으면, 그것을 놓친 사람은 무슨 일이 있었는지 영영 알 수 없게 됩니다. 그래서 토스트는 무게가 가벼운 소식에만 어울린다는 선을 지키는 것이 중요합니다.

흔한 실수

• 꼭 확인해야 하는 중요한 오류를 토스트로 알리는 것입니다. 잠깐 떴다 사라지니 사용자가 메시지를 놓치기 쉽고, 놓친 뒤에는 무엇이 잘못됐는지 다시 볼 방법이 없어 문제가 그대로 묻혀 버립니다.
• 토스트를 너무 짧게 띄우거나 여러 개를 한꺼번에 쌓는 것입니다. 읽기도 전에 사라지거나 알림이 화면을 도배하면, 정작 봐야 할 소식이 소음에 묻혀 아무것도 전달되지 않습니다.
• 토스트를 반드시 눌러야 하는 버튼처럼 만드는 것입니다. 토스트는 지나가는 알림이라, 그 안의 동작을 놓쳐도 사용자가 곤란해지지 않을 정도로만 부담 없이 얹어야 합니다.

실무 팁

• 토스트는 흐름을 막지 않는 가벼운 피드백이니 저장 성공처럼 알려만 주면 되는 소식에 쓰세요. 사용자의 확인이 꼭 필요하거나 놓치면 안 되는 오류라면 토스트 대신 모달이나 인라인 메시지로 분명히 붙잡아 두는 편이 안전합니다.
• 방금 한 행동을 되돌릴 여지가 있다면 토스트에 '실행 취소' 같은 짧은 액션을 얹으세요. 삭제 직후 잠깐 뜬 취소 버튼 하나가 실수로 인한 사고를 크게 줄여 줍니다.
• 사람이 한 줄을 편안히 읽을 만큼 표시 시간을 넉넉히 두고, 여러 알림이 겹치면 하나씩 쌓아 순서대로 보여 주세요. 급한 사용자를 위해 손으로 미리 닫을 수 있는 길도 함께 열어 두면 좋습니다.

관련 개념