웹사이트 상단에 다양한 메시지를 표시할 수 있는 멋진 기능인 모달은 매우 유용한 것으로 알려져 있습니다. 심지어 우리 모두가 그토록 싫어하는 배너 광고를 완전히 대체할 만큼 도움이 된다고 주장하는 사람들도 있습니다. 그러나 웹 디자인의 모달은 UX 재앙입니까? 용어에 익숙하지 않은 경우 모달은 방문자가 하이퍼링크 또는 호버 이미지를 클릭할 때 표시되는 대화창입니다. 사이트 구독자를 모으거나 방문자가 무료 서비스에 등록하기를 원한다고 가정해 보겠습니다. 이 경우 모달을 사용할 수 있습니다. 그러나 많은 웹 디자이너와 일부 웹 사이트 방문자는 웹 디자인에서 모달을 사용하는 것에 반대합니다. 주요 주장은 사용자 경험에 영향을 미친다는 것입니다. 그러나 웹 디자인의 모달은 UX 재앙입니까? 알아 보려면 계속 읽으십시오. 모달은 무엇을합니까? 모달은 종종 웹 페이지에 팝업 창으로 나타나 방문자에게 조치를 취하도록 요청합니다. 대부분의 경우 페이지 요소를 클릭하면 나타납니다. 라이트박스라고도 하는 모달은 페이지의 주요 콘텐츠를 분리합니다. 사용자는 페이지를 재평가하기 전에 모달에서 요청한 작업을 완료하거나 닫아야 합니다. 웹 디자이너는 방문자의 관심을 끌기 위해 모달을 사용합니다. 다른 페이지 콘텐츠에 액세스할 수 없으므로 방문자는 모달과 상호 작용해야 합니다. UX에서 모달의 단점 UX의 모달에는 다양한 단점이 있지만 모두 하나의 단점으로 요약됩니다. 바로 중단입니다. 모달이 나타나면 사용자가 수행하는 모든 작업을 중단합니다. 일반 팝업과 달리 사용자는 단순히 모달을 무시하고 탐색을 계속할 수 없습니다. 결과적으로 모달은 즉각적인 주의가 필요합니다. 사용자는 관심을 갖고 모달과 상호 작용하기로 결정할 수 있습니다. 그러나 모달의 내용이 페이지의 내용과 다른 경우 사용자는 모달과 상호 작용한 후 무엇을 하고 있었는지 잊어버릴 수 있습니다. 또한 때때로 모달은 페이지의 정보와 관련된 조치를 요구합니다. 예를 들어, 사용자가 조치를 취하기 전에 정보를 검토하기를 원한다고 가정합니다. 이 경우 기본 페이지에 액세스할 수 없으므로 모달을 닫아야 합니다. 통계에 따르면 사용자의 최대 82%가 팝업을 싫어 합니다. 대부분의 웹사이트 방문자는 웹 디자인 의 기술에 대해 잘 모릅니다 . 결과적으로 일반 팝업과 모달을 구분할 수 없습니다. 결국 모달은 일종의 팝업입니다. 일부 사용자는 페이지의 주요 콘텐츠를 어둡게 하여 액세스할 수 없게 만들기 때문에 모달을 더 나쁘게 생각할 수 있습니다. 또한 사람들은 웹 사이트를 방문하여 원하는 것을 즉시 얻고 싶어합니다. 따라서 시간이 중요합니다. 따라서 시간이 걸리는 작업이 필요한 모달은 웹사이트에서 방문자를 잃을 수 있습니다. 이러한 모든 단점을 통해 많은 웹 디자이너가 모달이 웹 디자인에서 UX 재앙이라고 말하는 이유를 이해할 수 있습니다. 모달이 UX에서 유용할 수 있습니까? 어떤 상황에서는 모달이 도움이 되며 UX를 향상시킬 수 있습니다. 많은 웹 디자이너들은 모달의 유용성을 맹세하며 그 이유를 이해하는 것은 어렵지 않습니다. 첫째, 모달은 웹사이트의 콘텐츠를 단순화하는 데 도움이 될 수 있습니다. 예를 들어, 웹 사이트가 콘텐츠와 요소가 많고 비교적 복잡한 경우 사용자는 즉시 페이지를 종료할 수 있습니다. 사용자가 혼동하지 않도록 모달을 사용하여 페이지의 내용을 설명할 수 있습니다. 아마도 사용자가 뒤로 버튼을 클릭할 때 모달이 표시될 수 있습니다. 모달은 페이지에서 가장 중요한 콘텐츠를 강조 표시하고 사용자에게 다음에 수행할 작업을 알려줄 수 있습니다. 둘째, 모달은 사용자의 관심을 사로잡아야 하는 경우 매우 중요합니다. 예를 들어 경고를 표시하거나 사용자가 탐색을 계속하기 전에 알아야 하는 중요한 정보를 전달할 수 있습니다. 앞서 언급했듯이 사용자는 특히 새 창에서 열리는 경우 팝업을 쉽게 무시할 수 있습니다. 그러나 모달을 사용하는 경우 사용자는 계속 진행하기 전에 최소한 콘텐츠를 확인해야 합니다. 셋째, 모달을 사용하면 웹 페이지를 더 쉽게 탐색할 수 있습니다. 단점을 생각하면 아이러니하게 들리지만 제대로 구현되면 사실입니다. 웹 페이지에 다른 요소를 포장하는 대신 일부를 모달로 표시하도록 설정할 수 있습니다. 예를 들어 가독성을 높이기 위해 텍스트만 있는 페이지를 만들 수 있습니다. 그런 다음 사용자는 이미지 및 비디오와 같은 시각적 요소를 클릭하여 모달로 볼 수 있습니다. 올바른 방법으로 모달을 사용하는 방법 모달을 올바르게 사용하는 것은 UX에 부정적인 영향을 미치지 않도록 하는 데 중요합니다. 다음은 모달을 사용할 수 있는 몇 가지 이상적인 상황입니다. 1. 경고 표시 사용자에게 중요한 경고를 제공하기 위해 모달을 사용하는 것이 이상적입니다. 특히 사용자의 후속 조치가 심각한 결과를 초래할 경우에는 더욱 그렇습니다. 예를 들어, 대부분의 웹사이트는 사용자가 삭제 버튼을 클릭할 때 모달을 표시합니다. 삭제는 대부분의 경우 되돌릴 수 없기 때문에 항상 중요합니다. 실용적인 예는 사용자가 장바구니에서 항목을 삭제하기로 선택한 전자 상거래 웹 사이트입니다. 모달을 사용하여 삭제하기 전에 사용자에게 확인을 요청할 수 있습니다. 2. 정보 입력 또는 수집 모달은 사용자가 정보를 입력하도록 하는 데 효과적입니다. 사용자가 탐색을 계속하기 전에 특정 세부 정보를 입력해야 하는 경우가 있습니다. 실제 예는 사용자가 리뷰를 제출하려는 리뷰 사이트입니다. 리뷰를 제출하기 전에 모달을 사용하여 사용자 이름 및 기타 필요한 정보를 요청할 수 있습니다. 3. 탐색 간소화 앞에서 언급했듯이 모달은 복잡한 웹사이트를 단순화할 수 있습니다. 또한 사용자가 더 잘 탐색하는 데 도움이 되는 UX 향상입니다. 실제 예는 많은 이야기와 업데이트가 있는 뉴스 사이트입니다. 모달을 사용하여 사용자가 클릭 한 번으로 웹 페이지를 방문할 수 있도록 해당 날짜의 최신 뉴스 기사를 강조 표시할 수 있습니다. 결론: 모달은 UX의 재앙입니까? 결론적으로 모달은 방문자가 상호 작용해야 하므로 사이트의 사용자 경험에 영향을 줍니다. 그러나 항상 부정적인 영향을 미칠 필요는 없습니다. 모달은 잘못 사용되면 웹 디자인에서 UX 재앙이 됩니다. 그러나 모범 사례를 따르면 모달은 웹 사이트의 사용자 경험을 향상시킬 수 있습니다. 일반적으로 필요할 때만 사용자를 좌절시키지 않는 방식으로 모달을 사용하십시오.