💡모달 위에 모달(Nested Modals)의 문제와 이를 대체할 Pattern 제안 오늘 소개하는 이 아티클에서는 디자이너라면 한 번쯤은 들어봤을 법한 드리블 https://dribbble.c

💡모달 위에 모달(Nested Modals)의 문제와 이를 대체할 Pattern 제안 오늘 소개하는 이 아티클에서는 디자이너라면 한 번쯤은 들어봤을 법한 드리블 https://dribbble.com/에서 볼 수 있는 nested modal의 사례를 통해 사용자가 겪을 수 있는 문제를 제시하고, 어떤 해결책이 있을지 제안합니다. 사용자가 제품을 사용하는 과정에서 모달 위에 모달을 만나게 되는 경우, 사용자는 - 자신의 경험을 제어하기 어려워지고, - 어떻게 제품을 사용해야 하는지 혼란스러워지고, - 이로 인해 인지 부하가 생기는 등의 어려움을 겪을 수 있죠. 일부러 사용자가 혼란에 빠지도록 설계한건 아니겠지만, 이런 경우가 발생할 수 있을 텐데요. 그래서 이 글의 저자는 Nested Modal 대신 사용할 수 있는 여러 대안을 제시합니다. 원문에서 프로토타입과 함께 각 패턴의 특징을 확인해보세요🌟 - Infinite Modal - Sidebar - Inline Edit - Inline Reveal - Popovers - Tabbed Modal